/* Shared dashboard palette for existing pages, in both shell themes. */
[data-theme="dark"], [data-theme="sunset"] {
    --noc-bg-1: var(--bg-app);
    --noc-bg-2: var(--bg-panel);
    --noc-bg-3: var(--bg-elevated);
    --noc-text: #edf3fc;
    --noc-text-rgb: 237, 243, 252;
    --noc-muted: #bdcce0;
    --surface-rgb: 24, 43, 66;
    --noc-panel: rgba(var(--surface-rgb), .64);
    --noc-panel-strong: rgba(var(--surface-rgb), .82);
    --noc-border: var(--border-3);
    --noc-chrome: var(--bg-panel);
    --noc-chrome-strong: var(--bg-elevated);
    --noc-surface-solid: var(--bg-panel);
    --noc-accent: var(--accent);
    --noc-accent-rgb: var(--accent-rgb);
    --noc-accent-soft: var(--accent-focus);
    --noc-on-accent: #102033;
    --noc-success: #63dfbf;
    --noc-success-soft: #8cebd2;
    --noc-success-rgb: 99, 223, 191;
    --noc-danger: #fb8f9e;
    --noc-danger-soft: #ffb3bd;
    --noc-danger-rgb: 251, 143, 158;
    --noc-warn: #f6c86b;
    --noc-warn-soft: #ffdb96;
    --noc-warn-rgb: 246, 200, 107;
    --noc-info: #40c9f4;
    --noc-info-soft: #8fddf7;
    --noc-info-rgb: 64, 201, 244;
    --noc-purple: #bf9bfa;
    --noc-purple-soft: #d6bfff;
    --noc-purple-rgb: 191, 155, 250;
    --noc-mono: 'Plus Jakarta Sans', 'Segoe UI', sans-serif;
}
[data-theme="sunset"] {
    --surface-rgb: 53, 29, 63;
    --noc-text: #fff5f0;
    --noc-text-rgb: 255, 245, 240;
    --noc-muted: #e5cfe7;
}

.explorer > .body { min-width: 0; }
.explorer > .body > .content { min-width: 0; color: var(--noc-text); }
.explorer .card, .explorer .folder-card {
    border-radius: 16px;
    border-color: var(--noc-border);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06), 0 6px 18px rgba(0, 0, 0, .12);
}
.explorer .card-header { background: rgba(var(--surface-rgb), .35); border-color: var(--noc-border); }
.explorer .table, .explorer label, .explorer .form-control { color: var(--noc-text); }
.explorer .table thead th { color: var(--noc-muted); }
.explorer .form-control::placeholder { color: var(--noc-muted) !important; opacity: .85; }
.explorer .form-control:focus { border-color: var(--accent); box-shadow: 0 0 0 3px rgba(var(--accent-rgb), .12); }

/* Keep atmospheric artwork static; avoid repainting full-screen layers forever. */
[data-theme] body::before, [data-theme] body::after,
[data-theme] .explorer::before, [data-theme] .explorer::after,
[data-theme] .body::before, [data-theme] .body::after,
[data-theme] .content, [data-theme] .content::before,
[data-theme] .addressbar::after {
    animation: none !important;
}
[data-theme] .body::before, [data-theme] .body::after { display: none; }
.explorer .stat-card::before, .explorer .stat-card-icon::after,
.explorer .sidebar-item.active::before,
.explorer .pd-scan-line { animation: none !important; }
.explorer .pd-scan-line { display: none; }

/* Translucent fills retain the glass look without a blur surface per card. */
.explorer .pusat-dashboard .dashboard-stat-card,
.explorer .pusat-dashboard .dashboard-section-card,
.explorer .pusat-dashboard .hero-period {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
}
.explorer .pusat-dashboard::before { animation: none; }
.explorer .pusat-dashboard .chart-card-body::after { animation: none; }
.explorer .pusat-dashboard .apexcharts-bar-area,
.explorer .pusat-dashboard .apexcharts-pie-area { filter: none; }
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
    .explorer .pusat-dashboard .chart-card-body:hover::after { animation: pusatChartShine 2s ease-out 1; }
}
@media (min-width: 901px) {
    .explorer > .body > .sidebar { position: relative; top: auto; bottom: auto; }
}
@media (max-width: 900px) {
    .explorer > .body > .sidebar { background: var(--bg-panel); }
}
@media (prefers-reduced-motion: reduce) {
    .explorer *, .explorer *::before, .explorer *::after {
        animation: none !important;
        transition: none !important;
        scroll-behavior: auto !important;
    }
}