/* Homepage Background Changes Based on Auth State */

/* Default (not logged in) - white background */
#homepageScreen {
    background: #ffffff;
}

/* Logged in - dark background */
#homepageScreen[data-logged-in="true"] {
    background: #0f2e16;
}

/* Hide minesweeper background when logged in */
#homepageScreen[data-logged-in="true"] .minesweeper-background {
    display: none;
}

/* Ensure widgets have proper background when logged in */
#homepageScreen[data-logged-in="true"] .dashboard-section {
    background: #1a2c38;
    border: 1px solid #1a2c38;
}

#homepageScreen[data-logged-in="true"] .homepage-center {
    background: #1a2c38;
    border: 1px solid #1a2c38;
    border-radius: 12px;
    padding: 20px;
}

/* Fix leaderboard styling for logged-in state to match pre-login EXACTLY */
#homepageScreen[data-logged-in="true"] .leaderboard-section .leaderboard {
    background: #1a2634 !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    width: 100% !important;
    max-width: none !important;
}

#homepageScreen[data-logged-in="true"] .leaderboard-section .leaderboard .header {
    display: grid !important;
    grid-template-columns: 50px 1fr 90px 70px !important;
    gap: 10px !important;
    padding: 10px 15px !important;
    background: #262522 !important;
    border-bottom: 1px solid #818181 !important;
}

#homepageScreen[data-logged-in="true"] .leaderboard-section .leaderboard .header-item {
    color: #8b96a5 !important;
    font-size: 11px !important;
    font-weight: 600 !important;
}

#homepageScreen[data-logged-in="true"] .leaderboard-section .leaderboard .leaderboard-list {
    max-height: none;
    overflow-y: visible;
}

#homepageScreen[data-logged-in="true"] .leaderboard-section .leaderboard .row {
    display: grid !important;
    grid-template-columns: 50px 1fr 90px 70px !important;
    gap: 10px !important;
    padding: 16px 15px !important;
    background: #262522 !important;
    border-bottom: 1px solid #818181 !important;
    align-items: center !important;
}

#homepageScreen[data-logged-in="true"] .leaderboard-section .leaderboard .row:nth-child(odd) {
    background: #262522 !important;
}

#homepageScreen[data-logged-in="true"] .leaderboard-section .leaderboard .row:nth-child(even) {
    background: #302e2b !important;
}

#homepageScreen[data-logged-in="true"] .leaderboard-section .leaderboard .row:last-child {
    border-bottom: none !important;
}

#homepageScreen[data-logged-in="true"] .leaderboard-section .leaderboard .rank {
    color: #d1d5db !important;
    font-size: 12px !important;
    font-weight: 600 !important;
}

#homepageScreen[data-logged-in="true"] .leaderboard-section .leaderboard .name {
    color: #e5e9f0 !important;
    font-size: 12px !important;
    font-weight: 500 !important;
}

#homepageScreen[data-logged-in="true"] .leaderboard-section .leaderboard .earnings {
    color: #4ade80 !important;
    font-size: 12px !important;
    font-weight: 500 !important;
}

#homepageScreen[data-logged-in="true"] .leaderboard-section .leaderboard .win-rate {
    color: #8b96a5 !important;
    font-size: 12px !important;
    font-weight: 500 !important;
}

/* Ensure text is visible on dark background */
#homepageScreen[data-logged-in="true"] .section-header h3 {
    color: #ffffff;
}

#homepageScreen[data-logged-in="true"] .stat-label {
    color: #b1bad3;
}

#homepageScreen[data-logged-in="true"] .stat-number,
#homepageScreen[data-logged-in="true"] .stat-value {
    color: #ffffff;
}

#homepageScreen[data-logged-in="true"] .center-logo {
    color: #ffffff;
}

#homepageScreen[data-logged-in="true"] .slider-label {
    color: #b1bad3;
}

#homepageScreen[data-logged-in="true"] .current-value {
    color: #00e701;
}

/* Wallet section styling */
#homepageScreen[data-logged-in="true"] .wallet-balance {
    color: #ffffff;
}

#homepageScreen[data-logged-in="true"] .balance-usd {
    color: #00e701;
}

#homepageScreen[data-logged-in="true"] .locked-cash-info,
#homepageScreen[data-logged-in="true"] .locked-gold-info {
    color: #888888 !important;
}