.analytics-page {
    gap: var(--space-4);
}

.analytics-filter {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: var(--space-3);
    margin-bottom: var(--space-2);
}

.analytics-kpi-row {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-3);
}

.analytics-kpi-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
    gap: var(--space-3);
}

.analytics-domain-card {
    display: block;
    padding: var(--space-4);
    border-radius: var(--radius-lg);
    border: 1px solid var(--border-subtle);
    background: var(--surface-raised);
    text-decoration: none;
    color: inherit;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.analytics-domain-card:hover {
    border-color: var(--accent);
    box-shadow: var(--shadow-sm);
}

.analytics-domain-card__title {
    margin: 0 0 var(--space-3);
    font-size: var(--text-lg);
}

.analytics-domain-card__metrics {
    display: grid;
    gap: var(--space-2);
}

.analytics-domain-card__metric {
    display: flex;
    justify-content: space-between;
    gap: var(--space-2);
}

.analytics-domain-card__label {
    color: var(--text-muted);
    font-size: var(--text-sm);
}

.analytics-domain-card__value {
    font-variant-numeric: tabular-nums;
}

.analytics-domain-card--lab { border-left: 4px solid #2563eb; }
.analytics-domain-card--hospital { border-left: 4px solid #ea580c; }
.analytics-domain-card--pharmacy { border-left: 4px solid #059669; }
.analytics-domain-card--operations { border-left: 4px solid #475569; }

.analytics-chart-card canvas {
    max-height: 280px;
}

.analytics-quick-links {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-2);
}

.analytics-subnav .module-subnav__link.is-active {
    font-weight: 600;
}
