/* ============================================
   LineupIQ Base & Layout
   ============================================ */

/* Smooth Theme Transitions */
.lineupiq-container,
.lineupiq-container .slate-tabs-container,
.lineupiq-container .slate-tab,
.lineupiq-container .build-tabs-section,
.lineupiq-container .build-tab,
.lineupiq-container .slate-modal-content,
.lineupiq-container .date-picker-section,
.lineupiq-container .date-nav-btn,
.lineupiq-container .date-display,
.lineupiq-container .date-display-small,
.lineupiq-container .slates-table th,
.lineupiq-container .slates-table td,
.lineupiq-container .build-context-menu,
.lineupiq-container .build-context-menu-item,
.lineupiq-container .empty-state {
    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

/* Base Container */
.lineupiq-container {
    background-color: var(--liq-bg-primary);
    color: var(--liq-text-primary);
    min-width: 1200px;
}

#mainContentArea {
    padding: 0;
}

/* Split Panel Workspace */
.build-workspace {
    display: flex;
    height: calc(100vh - 180px);
    overflow: hidden;
}

.workspace-panel {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    min-width: 400px;
}

.panel-left {
    flex: 1 1 70%;
}

.panel-right {
    flex: 1 1 30%;
}

/* Contest workspace - 50/50 split */
.contest-build-workspace .panel-left {
    flex: 1 1 50%;
}

.contest-build-workspace .panel-right {
    flex: 1 1 50%;
}

.panel-divider {
    width: 8px;
    background: var(--liq-bg-tertiary);
    cursor: col-resize;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s;
    position: relative;
    flex-shrink: 0;
}

    .panel-divider:hover,
    .panel-divider.dragging {
        background: var(--liq-accent-green);
    }

    .panel-divider::before {
        content: '';
        width: 2px;
        height: 40px;
        background: var(--liq-border-color);
        border-radius: 2px;
    }

    .panel-divider:hover::before,
    .panel-divider.dragging::before {
        background: white;
    }

/* Panel Header */
.panel-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem 1rem;
    background: var(--liq-bg-secondary);
    border-bottom: 1px solid var(--liq-border-color);
    flex-shrink: 0;
    min-height: 48px;
    height: 48px;
}

.panel-header-left,
.panel-header-right {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.panel-title {
    font-weight: 600;
    font-size: 0.9rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--liq-text-primary);
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

    .panel-title i {
        color: var(--liq-accent-green);
    }

.panel-badge {
    background: transparent;
    border: 1px solid var(--liq-border-color);
    color: var(--liq-text-secondary);
    font-size: 0.75rem;
    padding: 0.2rem 0.5rem;
    border-radius: 10px;
    font-weight: 600;
}

/* Panel Content */
.panel-content {
    flex: 1;
    overflow: hidden;
}

/* Player Grid Header/Subheader */
.player-grid-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 1rem;
    background: var(--liq-bg-secondary);
    border-bottom: 1px solid var(--liq-border-color);
    gap: 0.75rem;
    flex-shrink: 0;
    height: 48px;
}

    .player-grid-header.favorites-header {
        background: linear-gradient(135deg, rgba(255, 193, 7, 0.05) 0%, transparent 100%);
        border-bottom: 1px solid rgba(255, 193, 7, 0.2);
    }

.player-grid-subheader {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 1rem;
    background: var(--liq-bg-tertiary);
    border-bottom: 1px solid var(--liq-border-color);
    gap: 0.75rem;
    flex-shrink: 0;
    height: 48px;
}

/* Lineup Panel Toolbar */
.lineup-panel-toolbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 1rem;
    background: var(--liq-bg-tertiary);
    border-bottom: 1px solid var(--liq-border-color);
    gap: 0.75rem;
    flex-shrink: 0;
    height: 48px;
}

.lineup-panel-toolbar-left,
.lineup-panel-toolbar-right {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

/* Summary Stats */
.lineup-summary-stats {
    display: flex;
    gap: 1rem;
    padding: 0.75rem 1rem;
    background: var(--liq-bg-primary);
    border-bottom: 1px solid var(--liq-border-color);
    flex-shrink: 0;
    overflow-x: auto;
}

.summary-stat {
    display: flex;
    flex-direction: column;
    padding: 0.5rem 1rem;
    background: var(--liq-bg-secondary);
    border-radius: 6px;
    border: 1px solid var(--liq-border-color);
    min-width: 90px;
}

.summary-stat-value {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--liq-text-primary);
}

.summary-stat-label {
    font-size: 0.65rem;
    text-transform: uppercase;
    color: var(--liq-text-secondary);
    letter-spacing: 0.05em;
}