/* =====================================================
   ROOT BROKER 2.0
   Central de Comando
   Arquivo: assets/css/dashboard.css
   ===================================================== */

.dashboard-grid {
    gap: 22px !important;
}

.stats-grid {
    gap: 18px !important;
}

.stat-card strong,
.stat-card .stat-value {
    font-size: 30px !important;
    letter-spacing: -0.04em;
}

.stat-card small {
    color: rgba(248, 250, 252, 0.56) !important;
}

.section-card {
    padding: 24px !important;
}

.section-card h3 {
    font-size: 18px !important;
}

.section-card-header {
    margin-bottom: 18px !important;
}

.funnel-box {
    background:
        linear-gradient(180deg, rgba(103, 239, 178, 0.075), rgba(255, 255, 255, 0.045)) !important;
}

.progress-bar,
.goal-progress,
.dashboard-progress-track {
    background: rgba(255, 255, 255, 0.08) !important;
    border-radius: 999px !important;
    overflow: hidden;
}

.progress-fill,
.goal-progress-fill,
.dashboard-progress-fill {
    background: linear-gradient(90deg, #35d486, #67efb2) !important;
    border-radius: 999px !important;
    box-shadow: 0 0 22px rgba(103, 239, 178, 0.22);
}

.quick-action-card,
.action-card {
    transition: transform 0.22s ease, border-color 0.22s ease, background 0.22s ease !important;
}

.quick-action-card:hover,
.action-card:hover {
    transform: translateY(-3px);
    border-color: rgba(103, 239, 178, 0.20) !important;
}

.notification-panel,
.period-dropdown-panel,
.dashboard-live-results {
    border-radius: 22px !important;
}

.notification-item,
.live-result-item {
    border-radius: 16px !important;
    transition: background 0.22s ease, transform 0.22s ease;
}

.notification-item:hover,
.live-result-item:hover {
    background: rgba(255, 255, 255, 0.065) !important;
    transform: translateX(2px);
}

.period-filter-toggle {
    border-radius: 999px !important;
}