/* Spectrum and Scatter tabs */
.tabs {
    display: flex;
    gap: 6px;
    margin-bottom: 8px;
}
.tab-btn {
    background: #111827;
    border: 1px solid #1f2937;
    color: #e5e7eb;
    padding: 8px 10px;
    border-radius: 10px;
    cursor: pointer;
    font-weight: 600;
    font-size: 12px;
    transition: background .2s ease, transform .08s ease;
}
.tab-btn:hover {
    background: #182235;
    transform: translateY(-1px);
}
.tab-btn.active {
    background: #1f2937;
}
.tab-content {
    display: none;
}
.tab-content.active {
    display: block;
}

/* Container for tabs and [hide]/[show]*/
#tabs-hide-show-container {
    display: -webkit-inline-box;
    width: 100%;
}

 /* Container within container for [hide]/[show] */
#graph-hider-shower-container {
    margin-left: auto;
    margin-top: 12px;
    cursor: pointer;
}

/* Popup graph modebars */
#spectrum-modebar-container, #scatter-modebar-container {
    position: absolute !important;
    top: -28px !important;
    width: 100% !important;
}
#spectrum-modebar-container {
    left: -15px !important;
}
#scatter-modebar-container {
    left: -29px !important;
}

/* All-Matchups Rrs Scatter modebars */
#asp-modebar-container-initial, #asp-modebar-container {
    position: absolute !important;
    top: -80px !important;
    width: 100% !important;
}
#asp-modebar-container-initial {
    left: 38px !important;
}
#asp-modebar-container {
    right: 216px !important;
}

/* Eliminating modebar icon spacing */
.modebar-group {
    padding-left: 0px !important;
}