/* ── custom.css — Elathia Dashboard ─────────────────────────── */

/* Chart panels */
.chart-panel {
    background-color: #fff;
    border-radius: 0.75rem;
    border: 1px solid #e5e7eb;
    padding: 1rem;
}

.chart-title {
    font-size: 0.875rem;
    font-weight: 600;
    color: #374151;
    margin-bottom: 0.125rem;
}

.chart-subtitle {
    font-size: 0.75rem;
    color: #9ca3af;
    margin-bottom: 0.75rem;
}

.chart-wrapper {
    position: relative;
    height: 280px;
}

@media (min-width: 1024px) {
    .chart-wrapper {
        height: 350px;
    }
}

/* Loading spinner */
.spinner {
    display: inline-block;
    width: 1.25rem;
    height: 1.25rem;
    border: 2px solid #d1d5db;
    border-top-color: #16a34a;
    border-radius: 9999px;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    to { transform: rotate(360deg); }
}