.landing-shell--sdm-16-navy,
.public-dashboard-shell--sdm-16-navy {
    --landing-accent: #1e3a8a;
    --landing-accent-strong: #172554;
    --landing-link-color: #1d4ed8;
}

.landing-shell--sdm-16-navy {
    background:
        radial-gradient(circle at top right, rgba(30, 58, 138, 0.16), transparent 28rem),
        linear-gradient(180deg, #eef4ff 0%, #f8fafc 42%, #ffffff 100%);
}

.landing-shell--sdm-16-navy .landing-hero,
.landing-shell--sdm-16-navy .landing-card,
.landing-shell--sdm-16-navy .landing-cta-strip {
    border-color: rgba(30, 58, 138, 0.16);
    box-shadow: 0 18px 42px rgba(30, 58, 138, 0.08);
}

.landing-shell--sdm-16-navy .landing-hero {
    background: linear-gradient(135deg, #172554 0%, #1e3a8a 48%, #60a5fa 100%);
}

.landing-shell--sdm-16-navy .landing-chip,
.landing-shell--sdm-16-navy .landing-quick-link__icon {
    background: rgba(37, 99, 235, 0.10);
    color: #1e3a8a;
}

.public-dashboard-shell--sdm-16-navy {
    background:
        radial-gradient(circle at top right, rgba(30, 58, 138, 0.12), transparent 24rem),
        linear-gradient(180deg, #eef4ff 0%, #f8fbff 40%, #ffffff 100%);
}

.public-dashboard-shell--sdm-16-navy .public-dashboard-shell__inner {
    width: min(calc(100% - 2rem), 1280px);
    padding: 1.4rem 0 3rem;
}

.public-dashboard-shell--sdm-16-navy .public-dashboard-hero {
    background: linear-gradient(135deg, #172554 0%, #1e3a8a 48%, #60a5fa 100%);
    border-color: rgba(30, 58, 138, 0.18);
    box-shadow: 0 22px 48px rgba(30, 58, 138, 0.12);
}

.public-dashboard-shell--sdm-16-navy .public-kpi-card,
.public-dashboard-shell--sdm-16-navy .public-panel,
.public-dashboard-shell--sdm-16-navy .public-dashboard-footer {
    border-color: rgba(30, 58, 138, 0.16);
    box-shadow: 0 14px 30px rgba(15, 23, 42, 0.05);
}

.public-dashboard-shell--sdm-16-navy .public-kpi-card--primary::before,
.public-dashboard-shell--sdm-16-navy .public-kpi-card--success::before,
.public-dashboard-shell--sdm-16-navy .public-kpi-card--info::before,
.public-dashboard-shell--sdm-16-navy .public-kpi-card--warning::before {
    content: '';
    position: absolute;
    inset: 0 auto 0 0;
    width: 6px;
    background: linear-gradient(180deg, #1e3a8a 0%, #60a5fa 100%);
}

.public-dashboard-shell--sdm-16-navy .public-kpi-card--primary,
.public-dashboard-shell--sdm-16-navy .public-kpi-card--success,
.public-dashboard-shell--sdm-16-navy .public-kpi-card--info,
.public-dashboard-shell--sdm-16-navy .public-kpi-card--warning {
    position: relative;
    overflow: hidden;
}

.theme-sdm-16-navy.berkah-analytics-shell .berkah-analytics-status-bar,
.theme-sdm-16-navy .berkah-analytics-hero,
.theme-sdm-16-navy .berkah-analytics-context-bar,
.theme-sdm-16-navy .berkah-analytics-kpi-card,
.theme-sdm-16-navy .berkah-analytics-focus-panel,
.theme-sdm-16-navy .berkah-analytics-chart-card,
.theme-sdm-16-navy .berkah-analytics-insight-panel,
.theme-sdm-16-navy .berkah-analytics-breakdown-panel,
.theme-sdm-16-navy .berkah-analytics-monitor-table,
.theme-sdm-16-navy .berkah-analytics-footer {
    border-color: rgba(30, 58, 138, 0.16);
}

.theme-sdm-16-navy .berkah-analytics-hero {
    background: linear-gradient(135deg, #eef4ff 0%, #ffffff 100%);
}

.theme-sdm-16-navy .berkah-analytics-page-nav__item.is-active,
.theme-sdm-16-navy .berkah-analytics-action,
.theme-sdm-16-navy .berkah-analytics-chip {
    border-color: rgba(30, 58, 138, 0.24);
    background: rgba(30, 58, 138, 0.08);
    color: #172554;
}

@media (max-width: 1366px) {
    .public-dashboard-shell--sdm-16-navy .public-dashboard-shell__inner,
    .landing-shell--sdm-16-navy .landing-shell__inner {
        width: min(calc(100% - 1.5rem), 1200px);
    }
}