/* 🏛️ ATLAS-CIV-CLICKER | DASHBOARD ELITE (Nova v4.0) */
/* @ui-dashboard @rathaus @kaiser-monitor @nova-v4-elite */

/* Mapping auf kaiser-dashboard Struktur */
.kaiser-dashboard {
    /* Nutzt Basis von ui_core.css */
    margin-bottom: 2rem !important;
}

/* 🏛️ DASHBOARD CONTENT
 * MENSCH: Die Resource-Anzeige (Reichs-Monitor) wurde in das Modul 
 * dashboard_monitor.css ausgelagert.
 */

/* Reichs-Monitor Integration */
/* .monitor-grid Stile konsolidiert in ui_core.css */
.reichts-monitor-v4 {
    margin-top: 1rem !important;
}

.monitor-stat-elite {
    background: rgba(0, 0, 0, 0.4) !important;
    border-radius: 18px !important;
    padding: 20px !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
}

.upgrade-costs {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(85px, 1fr)) !important;
    gap: 8px !important;
    background: rgba(0, 0, 0, 0.5) !important;
    padding: 15px !important;
    border-radius: 12px !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    margin: 1.5rem 0 !important;
}

.cost-item {
    color: #ffffff !important;
    font-weight: 900 !important;
    font-size: 0.85rem !important;
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
}

.monitor-label {
    font-size: 0.7rem !important;
    text-transform: uppercase !important;
    color: rgba(255, 255, 255, 0.8) !important; /* Anhebung Helligkeit */
    letter-spacing: 1.5px !important;
    display: block !important;
    margin-bottom: 8px !important;
}

.monitor-value-gold {
    font-size: 1.8rem !important;
    font-weight: 900 !important;
    color: var(--color-gold-elite) !important;
    font-family: 'Cinzel', serif !important;
}