/* ==========================================================================
   SALES PORTAL SPECIFIC STYLES
   ========================================================================== */

/* Alert styling for Unassigned Inbound Leads */
.command-card-orange.alert-pulse {
    background: rgba(249, 115, 22, 0.04);
    border-color: rgba(249, 115, 22, 0.35);
    box-shadow: 0 0 15px rgba(249, 115, 22, 0.08);
    animation: cardGlowAlert 2s infinite ease-in-out;
}

.command-card-orange.alert-pulse .command-card-value {
    color: var(--accent-orange);
}

@keyframes cardGlowAlert {
    0% { border-color: rgba(249, 115, 22, 0.35); box-shadow: 0 0 15px rgba(249, 115, 22, 0.08); }
    50% { border-color: rgba(249, 115, 22, 0.6); box-shadow: 0 0 25px rgba(249, 115, 22, 0.18); }
    100% { border-color: rgba(249, 115, 22, 0.35); box-shadow: 0 0 15px rgba(249, 115, 22, 0.08); }
}

/* --- Sales Donut Chart Card --- */
.sales-donut-card {
    height: 500px !important;
}

/* --- Admin Funnel 2-Column Grid adapter --- */
.admin-chart-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(450px, 1fr));
    gap: 1.5rem;
    margin-bottom: 2rem;
}

/* --- RESPONSIVE MEDIA QUERIES FOR SALES SPECIFICS --- */

/* === STICKY FIRST COLUMN — Team Summary Table === */
#sales-perf-sparkline-table-wrapper {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

#sales-perf-sparkline-table-wrapper .premium-table th:first-child,
#sales-perf-sparkline-table-wrapper .premium-table td:first-child {
    position: sticky;
    left: 0;
    background: var(--dash-card);
    z-index: 2;
    border-right: 1px solid var(--dash-border);
}

@media (max-width: 480px) {
    .admin-chart-grid {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 767px) {
    .sales-leads-map-container {
        min-height: 320px !important;
    }

    .page-header-title {
        font-size: 1.15rem !important;
    }

    .page-header-subtitle {
        font-size: 0.7rem !important;
    }

    .telecaller-radial-gauge-card {
        height: auto !important;
        min-height: 380px !important;
    }

    .telecaller-radial-gauge-card [style*="maxWidth:"],
    .telecaller-radial-gauge-card [style*="max-width:"] {
        max-width: 100% !important;
        height: auto !important;
    }

    .telecaller-radial-gauge-card dcc-graph,
    .telecaller-radial-gauge-card .dash-graph {
        height: 280px !important;
    }

    .sales-donut-card {
        height: auto !important;
        min-height: 380px !important;
    }
}

@media (max-width: 480px) {
    .telecaller-radial-gauge-card dcc-graph,
    .telecaller-radial-gauge-card .dash-graph {
        height: 230px !important;
    }

    .telecaller-radial-gauge-card [style*="height: 370px"] {
        height: 230px !important;
    }
}