/* ============================================
   SIDEBAR TAB STRIP
   ============================================ */

/* Connected tab group — no gap, shared borders */
#sidebar-tab-strip {
    display: flex;
    flex-direction: column;
}

#sidebar-tab-strip button {
    border-radius: 0;
    border-right: none;
    margin: 0;
    position: relative;
}

/* Top tab: round top-left corner */
#sidebar-tab-strip button:first-child {
    border-radius: 0.75rem 0 0 0;
    border-bottom: none;
}

/* Bottom tab: round bottom-left corner */
#sidebar-tab-strip button:last-child {
    border-radius: 0 0 0 0.75rem;
}

/* Divider line between tabs */
#sidebar-tab-strip button + button::before {
    content: '';
    position: absolute;
    top: 0;
    left: 20%;
    right: 20%;
    height: 1px;
    background: rgba(107, 114, 128, 0.4);
}

/* Active tab */
#sidebar-tab-strip button.sidebar-tab-active {
    background: rgba(139, 92, 246, 0.15);
    box-shadow: inset 3px 0 0 #8B5CF6;
}

/* Single tab (non-admin — only community tab) */
#sidebar-tab-strip button:only-child {
    border-radius: 0.75rem 0 0 0.75rem;
}

/* ============================================
   STEAM FINDER SIDEBAR WIDGETS
   ============================================ */

.steam-sw {
    border-top: 1px solid rgba(75, 85, 99, 0.3);
}

.steam-sw-header {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    width: 100%;
    padding: 0.75rem 1rem;
    background: transparent;
    border: none;
    color: white;
    cursor: pointer;
    text-align: left;
    transition: background 0.2s;
}

.steam-sw-header:hover {
    background: rgba(139, 92, 246, 0.05);
}

.steam-sw-body {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease, padding 0.3s ease;
    padding: 0 1rem;
}

.steam-sw.open .steam-sw-body {
    max-height: 1500px;
    padding: 0 1rem 1rem;
}

.steam-sw.open .steam-sw-chevron {
    transform: rotate(180deg);
}

.steam-sw-chevron {
    transition: transform 0.2s;
    margin-left: auto;
}

/* Steam ID copy button */
.steam-copy-btn {
    opacity: 0.5;
    transition: opacity 0.2s, color 0.2s;
    cursor: pointer;
    background: none;
    border: none;
    padding: 2px;
    line-height: 1;
}

.steam-copy-btn:hover {
    opacity: 1;
}

/* Steam stat box (2-column grid within sidebar) */
.steam-stat-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.5rem;
}

.steam-stat-box {
    background: rgba(30, 41, 59, 0.5);
    border-radius: 0.375rem;
    padding: 0.5rem;
    text-align: center;
}

.steam-stat-box .label {
    font-size: 0.65rem;
    color: #9CA3AF;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.steam-stat-box .value {
    font-size: 0.9rem;
    font-weight: 600;
    margin-top: 0.125rem;
}

/* ============================================
   SIDEBAR MOBILE FIX
   ============================================ */

@media (max-width: 400px) {
    #steam-sidebar,
    #online-sidebar {
        max-width: calc(100vw - 3rem);
    }
    #steam-sidebar-panel,
    #community-sidebar {
        max-width: calc(100vw - 3rem);
    }
}