/* Public STIMULUS theme controls and dark palette */
.landing-theme-toggle {
    min-width: 88px;
    min-height: 44px;
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 7px 9px;
    border: 1px solid #d6e3ed;
    border-radius: 11px;
    color: #6b7e91;
    background: #f4f8fc;
    box-shadow: 0 6px 15px rgba(31, 71, 107, .08);
    cursor: pointer;
    transition: color .2s ease, background-color .2s ease, border-color .2s ease, box-shadow .2s ease, transform .16s ease;
}

.landing-theme-toggle:hover {
    border-color: #b8d2e7;
    background: #ffffff;
    box-shadow: 0 9px 20px rgba(31, 71, 107, .12);
    transform: translateY(-1px);
}

.landing-theme-toggle:active { transform: translateY(0) scale(.97); }
.landing-theme-toggle:focus-visible { outline: 3px solid rgba(34, 116, 229, .28); outline-offset: 2px; }

.theme-toggle-symbol {
    width: 16px;
    height: 16px;
    display: inline-grid;
    place-items: center;
    font-size: 16px;
    font-weight: 800;
    line-height: 1;
    transition: color .2s ease, transform .2s ease;
}

.theme-toggle-symbol-sun { color: #1766d1; transform: scale(1); }
.theme-toggle-symbol-moon { color: #8b9bac; transform: scale(.88); }

.theme-toggle-track {
    position: relative;
    width: 36px;
    height: 20px;
    flex: 0 0 36px;
    border-radius: 999px;
    background: #c7d6e2;
    box-shadow: inset 0 1px 3px rgba(23, 49, 72, .15);
    transition: background-color .22s ease;
}

.theme-toggle-knob {
    position: absolute;
    top: 3px;
    left: 3px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #1766d1;
    box-shadow: 0 2px 5px rgba(20, 54, 84, .24);
    transition: transform .24s cubic-bezier(.2, .8, .2, 1), background-color .2s ease;
}

html[data-theme="dark"] {
    color-scheme: dark;
    --service-blue: #72affc;
    --service-blue-dark: #91c1ff;
    --service-blue-soft: #15324b;
    --service-ink: #edf5fb;
    --service-text: #c6d5df;
    --service-muted: #9db0c0;
    --service-line: #294253;
    --service-surface: #122432;
    --service-soft: #0e1d2a;
    --service-success: #58c99d;
    --service-warning: #e7bd58;
    --service-danger: #ff8791;
    --service-shadow: 0 12px 34px rgba(2, 8, 16, .23);
    --service-shadow-raised: 0 18px 44px rgba(2, 8, 16, .31);
    background: #0b1723;
}

html[data-theme="dark"] .landing-body {
    --landing-ink: #edf5fb;
    --landing-muted: #a7bac9;
    --landing-blue: #72affc;
    --landing-blue-dark: #91c1ff;
    --landing-blue-soft: #15324b;
    --landing-cyan: #65d3dc;
    --landing-mint: #143b32;
    --landing-green: #59c99d;
    --landing-yellow: #d4ad4c;
    --landing-cream: #302817;
    --landing-line: #294253;
    --landing-surface: #122432;
    --landing-bg: #0b1723;
    color: var(--landing-ink);
    background:
        radial-gradient(circle at 90% 4%, rgba(57, 147, 188, .11), transparent 24rem),
        #0b1723;
}

html[data-theme="dark"] .landing-theme-toggle {
    color: #b7c9d6;
    border-color: #355064;
    background: #152a3a;
    box-shadow: 0 8px 19px rgba(2, 8, 16, .24);
}

html[data-theme="dark"] .landing-theme-toggle:hover { border-color: #4b6b82; background: #1a3142; }
html[data-theme="dark"] .theme-toggle-symbol-sun { color: #72889a; transform: scale(.88); }
html[data-theme="dark"] .theme-toggle-symbol-moon { color: #c9e1ff; transform: scale(1); }
html[data-theme="dark"] .theme-toggle-track { background: #2878df; }
html[data-theme="dark"] .theme-toggle-knob { background: #edf6fb; transform: translateX(16px); }

/* Navigation */
html[data-theme="dark"] .landing-nav::before {
    background: linear-gradient(180deg, rgba(11, 23, 35, .96), rgba(11, 23, 35, .18));
}

html[data-theme="dark"] .landing-nav-inner {
    border-color: rgba(52, 78, 97, .94);
    background: rgba(16, 33, 47, .97);
    box-shadow: 0 12px 32px rgba(2, 8, 16, .28), inset 0 1px 0 rgba(185, 217, 238, .05);
}

html[data-theme="dark"] .landing-nav.is-scrolled .landing-nav-inner {
    border-color: #3c5a70;
    box-shadow: 0 16px 40px rgba(2, 8, 16, .36), inset 0 1px 0 rgba(185, 217, 238, .06);
}

html[data-theme="dark"] .landing-brand-kemendag,
html[data-theme="dark"] .login-modal-logo-kemendag,
html[data-theme="dark"] .footer-logo-kemendag { filter: brightness(0) invert(.94) sepia(.08) saturate(.4); }
html[data-theme="dark"] .landing-brand-stimulus { border-color: #486173; }
html[data-theme="dark"] .landing-brand-divider,
html[data-theme="dark"] .footer-logo-divider { background: #3a5264; }
html[data-theme="dark"] .landing-brand-copy small { color: #9eb1c0; }
html[data-theme="dark"] .landing-nav-links { border-color: #2a4355; background: #0d1d2a; }
html[data-theme="dark"] .landing-nav-links a { color: #b7c7d3; }
html[data-theme="dark"] .landing-nav-links a:hover { color: #a9ceff; background: #162c3d; }
html[data-theme="dark"] .landing-nav-links a.is-active { color: #b9d8ff; background: #1a3041; box-shadow: 0 4px 12px rgba(2, 8, 16, .22); }
html[data-theme="dark"] .landing-nav-trigger { color: #b7c7d3; }
html[data-theme="dark"] .landing-nav-trigger:hover,
html[data-theme="dark"] .landing-nav-trigger.is-active,
html[data-theme="dark"] .landing-nav-dropdown[open] > .landing-nav-trigger { color: #b9d8ff; background: #1a3041; }
html[data-theme="dark"] .landing-nav-submenu { background: #10212f; box-shadow: 0 14px 32px rgba(2,8,16,.32); }
html[data-theme="dark"] .landing-login-button { border-color: #2878df; background: #2878df; color: #f5f9fc !important; }
html[data-theme="dark"] .landing-login-button:hover { background: #1f69c7; }
html[data-theme="dark"] .landing-menu-toggle { border-color: #355064; background: #152a3a; }
html[data-theme="dark"] .landing-menu-toggle:hover { border-color: #4b6b82; background: #1a3142; }
html[data-theme="dark"] .service-public-band { border-color: var(--service-line); background: var(--landing-bg); }
html[data-theme="dark"] .service-public-grid { background: var(--service-surface); }

/* Home hero and content */
html[data-theme="dark"] .landing-hero-video { filter: saturate(.55) contrast(1.02) brightness(.45); }
html[data-theme="dark"] .landing-hero::before {
    background:
        linear-gradient(90deg, rgba(11, 23, 35, .98) 0%, rgba(11, 23, 35, .92) 39%, rgba(11, 23, 35, .58) 73%, rgba(11, 23, 35, .7) 100%),
        linear-gradient(180deg, rgba(11, 23, 35, .12) 35%, rgba(11, 23, 35, .96) 100%);
}

html[data-theme="dark"] .landing-eyebrow { border-color: #315269; color: #b4cee0; background: rgba(19, 43, 59, .82); }
html[data-theme="dark"] .eyebrow-mark { box-shadow: inset 0 0 0 7px #173c61; }
html[data-theme="dark"] .button-primary { background: #2878df; color: #f5f9fc !important; }
html[data-theme="dark"] .button-primary:hover { background: #1f69c7; }
html[data-theme="dark"] .button-quiet { color: #dce9f2 !important; border-color: #355064; background: rgba(19, 41, 56, .88); }
html[data-theme="dark"] .button-quiet:hover { border-color: #54758c; background: #183044; }

html[data-theme="dark"] .landing-about,
html[data-theme="dark"] .landing-faq,
html[data-theme="dark"] .landing-cta { background: #0b1723; }
html[data-theme="dark"] .landing-about::before { background: radial-gradient(circle, rgba(74, 151, 229, .11), transparent 70%); }
html[data-theme="dark"] .about-heading > p,
html[data-theme="dark"] .about-story-lead,
html[data-theme="dark"] .about-outcome p,
html[data-theme="dark"] .about-media figcaption { color: #a7bac9; }
html[data-theme="dark"] .about-media-frame { border-color: #314a5c; background: #122835; box-shadow: 0 24px 58px rgba(2, 8, 16, .29); }
html[data-theme="dark"] .about-outcome { border-color: #294253; }

html[data-theme="dark"] .landing-workflow { background: linear-gradient(180deg, #0e1d2a 0%, #102331 100%); }
html[data-theme="dark"] .workflow-gears-overlay { opacity: .055; mix-blend-mode: screen; }
html[data-theme="dark"] .workflow-metrics,
html[data-theme="dark"] .workflow-metrics > div + div { border-color: #30495b; }
html[data-theme="dark"] .workflow-metrics span,
html[data-theme="dark"] .workflow-note { color: #a7bac9; }
html[data-theme="dark"] .workflow-route { border-color: #30495b; background: #122432; box-shadow: 0 24px 64px rgba(2, 8, 16, .28); }
html[data-theme="dark"] .workflow-route-head { border-color: #2b4456; background: #173047; }
html[data-theme="dark"] .workflow-route-head span,
html[data-theme="dark"] .workflow-step-copy p,
html[data-theme="dark"] .workflow-step-output small { color: #9eb2c1; }
html[data-theme="dark"] .workflow-list::before { background: #30495b; }
html[data-theme="dark"] .workflow-step-item { --step-soft: #15324b; border-color: #284152; }
html[data-theme="dark"] .workflow-step-item:hover { background: #172c3b; }
html[data-theme="dark"] .workflow-step-index { border-color: #122432; box-shadow: 0 0 0 1px #40617a; }
html[data-theme="dark"] .workflow-step-output { border-color: #2d4658; }
html[data-theme="dark"] .workflow-step-output strong { color: #c6d8e5; }
html[data-theme="dark"] .workflow-role-final { --step-soft: #143b32; background: #102d28; }
html[data-theme="dark"] .workflow-role-final:hover { background: #14372f; }
html[data-theme="dark"] .workflow-role-final .workflow-step-output strong { color: #78d8b4; }

html[data-theme="dark"] .faq-plus { border-color: #355064; background: #132a3a; }
html[data-theme="dark"] .landing-body .faq-item[open] .faq-plus { color: #f5f9fc; background: #2878df; }
html[data-theme="dark"] .landing-body .faq-item.is-collapsing .faq-plus { color: #72affc; background: #132a3a; }
html[data-theme="dark"] .landing-cta-card { border: 1px solid #4f4327; background: #302817; }
html[data-theme="dark"] .landing-cta-kicker { color: #edc85e; }
html[data-theme="dark"] .landing-cta p { color: #cbbd91; }
html[data-theme="dark"] .landing-cta .button-dark { color: #f5f9fc !important; background: #2878df; }
html[data-theme="dark"] .landing-cta .button-dark:hover { background: #1f69c7; }

/* Login dialog */
html[data-theme="dark"] .login-modal-overlay { background: rgba(2, 8, 16, .62); }
html[data-theme="dark"] .login-modal-card { border-color: #355064; background: #10212f; box-shadow: 0 32px 90px rgba(2, 8, 16, .56); }
html[data-theme="dark"] .login-modal-close { border-color: #355064; background: #172e3f; }
html[data-theme="dark"] .login-modal-close:hover { border-color: #5680a0; background: #1a3750; }
html[data-theme="dark"] .login-modal-context {
    border-color: #355064;
    background:
        radial-gradient(circle at 22% 12%, rgba(73, 150, 202, .12), transparent 34%),
        linear-gradient(155deg, #112838 0%, #153149 56%, #10283b 100%);
}
html[data-theme="dark"] .login-modal-logo-divider { background: #3b5b72; }
html[data-theme="dark"] .login-modal-panel { background: #10212f; }
html[data-theme="dark"] .login-modal-field label { color: #c7d6e1; }
html[data-theme="dark"] .login-modal-field input { border-color: #3a566a; color: #edf5fb; background: #0d1c28; }
html[data-theme="dark"] .login-modal-field input::placeholder { color: #899eae; }
html[data-theme="dark"] .login-modal-field input:focus { border-color: #72affc; background: #122838; box-shadow: 0 0 0 4px rgba(74, 148, 243, .18); }
html[data-theme="dark"] .password-toggle { color: #a8bdcc; }
html[data-theme="dark"] .login-modal-demo { border-color: #30495b; background: #132838; }
html[data-theme="dark"] .login-modal-demo summary,
html[data-theme="dark"] .login-modal-demo > p { color: #a8bac8; }
html[data-theme="dark"] .login-demo-list button { border-color: #30495b; color: #dce9f2; background: #0e1e2a; }
html[data-theme="dark"] .login-demo-list button:hover { border-color: #5680a0; background: #183249; }
html[data-theme="dark"] .login-demo-list small,
html[data-theme="dark"] .login-modal-footer { color: #91a6b6; }

/* UML directory */
html[data-theme="dark"] .uml-directory-hero {
    border-color: #304b5e;
    background:
        radial-gradient(circle at 92% 5%, rgba(80, 194, 205, .12), transparent 34%),
        linear-gradient(135deg, #10212f 0%, #112a3d 63%, #102f36 100%);
    box-shadow: 0 24px 54px rgba(2, 8, 16, .28);
}
html[data-theme="dark"] .uml-directory-hero::before { border-color: rgba(90, 163, 244, .07); }
html[data-theme="dark"] .uml-directory-stats span { color: #a8bac8; }
html[data-theme="dark"] .uml-search-panel { border-color: #30495b; background: #122432; box-shadow: 0 14px 34px rgba(2, 8, 16, .25); }
html[data-theme="dark"] .uml-reset-button,
html[data-theme="dark"] .uml-empty-reset,
html[data-theme="dark"] .uml-pagination button { border-color: #3a566a; color: #bed4e4; background: #102231; }
html[data-theme="dark"] .uml-reset-button:hover,
html[data-theme="dark"] .uml-empty-reset:hover,
html[data-theme="dark"] .uml-pagination button:hover:not(:disabled) { border-color: #5b82a0; color: #b9d8ff; background: #183247; }
html[data-theme="dark"] .uml-field label { color: #c7d6e1; }
html[data-theme="dark"] .uml-field small,
html[data-theme="dark"] .uml-result-range,
html[data-theme="dark"] .uml-pagination span { color: #99adbc; }
html[data-theme="dark"] .uml-field input,
html[data-theme="dark"] .uml-field select { border-color: #3a566a; color: #edf5fb; background: #0d1c28; }
html[data-theme="dark"] .uml-field input::placeholder { color: #899eae; }
html[data-theme="dark"] .uml-field input:focus,
html[data-theme="dark"] .uml-field select:focus { border-color: #72affc; background: #122838; }
html[data-theme="dark"] .uml-search-control > .icon { color: #9db5c7; }
html[data-theme="dark"] .uml-result-card,
html[data-theme="dark"] .uml-skeleton-card { border-color: #2d4658; background: #122432; box-shadow: 0 10px 28px rgba(2, 8, 16, .2); }
html[data-theme="dark"] .uml-result-card:hover { border-color: #46677e; box-shadow: 0 16px 34px rgba(2, 8, 16, .3); }
html[data-theme="dark"] .uml-card-code,
html[data-theme="dark"] .uml-card-details dt { color: #91a6b6; }
html[data-theme="dark"] .uml-card-details { border-color: #2b4354; }
html[data-theme="dark"] .uml-card-details dd { color: #c3d3de; }
html[data-theme="dark"] .uml-skeleton-card span,
html[data-theme="dark"] .uml-skeleton-card strong,
html[data-theme="dark"] .uml-skeleton-card i { background: #233b4c; }
html[data-theme="dark"] .uml-empty-state,
html[data-theme="dark"] .uml-error-state { border-color: #3b596d; background: #10212f; }
html[data-theme="dark"] .uml-error-state { border-color: #744851; background: #2b1b22; }
html[data-theme="dark"] .uml-pagination { border-color: #294253; }
html[data-theme="dark"] .uml-noscript { color: #e0c77d; background: #302817; }

/* Policy and shared service elements on public pages */
html[data-theme="dark"] .landing-body .service-page { color: var(--service-text); }
html[data-theme="dark"] .landing-body .legal-nav { border-color: var(--service-line); background: rgba(18, 36, 50, .85); }
html[data-theme="dark"] .landing-body .legal-nav a { color: #a8bac8; }
html[data-theme="dark"] .landing-body .legal-nav a:hover,
html[data-theme="dark"] .landing-body .legal-nav a:focus-visible { color: #bdd9ff; background: #18344c; }
html[data-theme="dark"] .landing-body .service-panel { border-color: var(--service-line); background: var(--service-surface); box-shadow: var(--service-shadow); }
html[data-theme="dark"] .landing-body .legal-section p,
html[data-theme="dark"] .landing-body .legal-section li { color: var(--service-text); }
html[data-theme="dark"] .landing-body .auth-card {
    border-color: var(--service-line);
    color: var(--service-text);
    background: var(--service-surface);
    box-shadow: var(--service-shadow-raised);
}
html[data-theme="dark"] .landing-body .auth-card .service-form input:not([type="checkbox"]):not([type="radio"]):not([type="file"]) {
    border-color: #3a566a;
    color: var(--service-ink);
    background: #0d1c28;
}
html[data-theme="dark"] .landing-body .auth-card .service-form input::placeholder { color: #899eae; opacity: 1; }
html[data-theme="dark"] .landing-body .auth-card .service-form input:focus {
    border-color: var(--service-blue);
    background: #122838;
    box-shadow: 0 0 0 4px rgba(74, 148, 243, .18);
}
html[data-theme="dark"] .landing-body .auth-card .auth-back-link { color: #bdd9ff; }

/* Shared footer and loading state */
html[data-theme="dark"] .landing-body .site-footer {
    border-color: #294253;
    color: #a8bac8;
    background:
        linear-gradient(rgba(61, 91, 111, .14) 1px, transparent 1px),
        linear-gradient(90deg, rgba(61, 91, 111, .14) 1px, transparent 1px),
        linear-gradient(180deg, #0e1d2a 0%, #0b1723 100%);
    background-size: 34px 34px, 34px 34px, auto;
}
html[data-theme="dark"] .landing-body .footer-brand-lockup,
html[data-theme="dark"] .landing-body .footer-brand-lockup:hover,
html[data-theme="dark"] .landing-body .footer-brand-copy strong,
html[data-theme="dark"] .landing-body .footer-links h2,
html[data-theme="dark"] .landing-body .footer-contact h2 { color: #e4eff6; }
html[data-theme="dark"] .landing-body .footer-brand-copy small,
html[data-theme="dark"] .landing-body .footer-description,
html[data-theme="dark"] .landing-body .footer-links a { color: #9fb2c1; }
html[data-theme="dark"] .landing-body .footer-trust-note { color: #a9cae3; }
html[data-theme="dark"] .landing-body .footer-trust-icon,
html[data-theme="dark"] .landing-body .footer-contact-icon { color: #8fc0ff; background: #16344d; }
html[data-theme="dark"] .landing-body .footer-links a { border-color: rgba(67, 96, 116, .58); }
html[data-theme="dark"] .landing-body .footer-links a:hover { border-color: #557891; color: #9fc9ff; }
html[data-theme="dark"] .landing-body .footer-contact-item { border-color: #304b5d; color: #b8cedd; background: rgba(18, 38, 52, .8); }
html[data-theme="dark"] .landing-body a.footer-contact-item:hover { border-color: #4e7189; color: #d9e9f3; background: #172e3e; box-shadow: 0 12px 25px rgba(2, 8, 16, .24); }
html[data-theme="dark"] .landing-body .footer-contact-item small { color: #91a6b6; }
html[data-theme="dark"] .landing-body .footer-contact-item strong { color: #c9d9e4; }
html[data-theme="dark"] .landing-body .footer-bottom { border-color: #294253; color: #8499a9; }
html[data-theme="dark"] .landing-body .footer-bottom a,
html[data-theme="dark"] .landing-body .footer-official-note { color: #9fbcd1; }
html[data-theme="dark"].js-page-loader .page-loader { color: #dfeaf2; background: radial-gradient(circle at 50% 45%, rgba(60, 139, 211, .13), transparent 28%), #0b1723; }
html[data-theme="dark"] .page-loader-copy span { color: #9db0c0; }
html[data-theme="dark"] .page-loader-logo-shell { border-color: #355064; background: #132838; box-shadow: 0 18px 42px rgba(2, 8, 16, .4); }

@media (max-width: 1040px) {
    html[data-theme="dark"] .landing-menu { border-color: #355064; background: #10212f; box-shadow: 0 20px 45px rgba(2, 8, 16, .4); }
}
@media (max-width: 900px) {
    html[data-theme="dark"] .landing-hero::before { background: linear-gradient(180deg, rgba(11,23,35,.9) 0%, rgba(11,23,35,.84) 45%, rgba(11,23,35,.76) 73%, rgba(11,23,35,.96) 100%); }
}

@media (max-width: 540px) {
    .landing-theme-toggle { min-width: 84px; }
}

@media (prefers-reduced-motion: reduce) {
    .landing-theme-toggle,
    .theme-toggle-symbol,
    .theme-toggle-track,
    .theme-toggle-knob { transition: none; }
}

/* Authenticated dashboard theme */
.app-theme-toggle {
    min-width: 82px;
    min-height: 40px;
    padding-block: 6px;
    border-radius: 12px;
}

html[data-theme="dark"] body.app-theme-dashboard {
    --primary-50: #15324b;
    --primary-100: #1b3c58;
    --primary-200: #285477;
    --primary-500: #2b7cdd;
    --primary-600: #82b9ff;
    --primary-700: #a2cdff;
    --gray-50: #10202d;
    --gray-100: #172b39;
    --gray-200: #263f50;
    --gray-300: #3b5668;
    --gray-400: #8297a7;
    --gray-500: #a3b6c5;
    --gray-600: #bfd0dc;
    --gray-700: #d5e2ea;
    --gray-800: #e5eff5;
    --gray-900: #f0f6fa;
    --success: #59c99d;
    --success-light: #143b32;
    --warning: #e3b84e;
    --warning-light: #3a2f16;
    --danger: #ff7f89;
    --danger-light: #3b2027;
    --info: #72affc;
    --info-light: #15324b;
    --bg: #0b1723;
    --white: #122432;
    --border: #294253;
    --shadow: 0 8px 25px rgba(2, 8, 16, .22);
    --shadow-md: 0 14px 35px rgba(2, 8, 16, .29);
    --shadow-lg: 0 26px 70px rgba(2, 8, 16, .4);
    color: var(--gray-800);
    background:
        radial-gradient(circle at 92% 6%, rgba(64, 168, 187, .09), transparent 21rem),
        radial-gradient(circle at 4% 24%, rgba(61, 120, 188, .1), transparent 18rem),
        var(--bg);
}

html[data-theme="dark"] .app-theme-dashboard .topbar {
    border-color: rgba(42, 66, 83, .96);
    background: rgba(14, 30, 42, .94);
    box-shadow: 0 10px 30px rgba(2, 8, 16, .19);
}
html[data-theme="dark"] .app-theme-dashboard .brand-logo-kemper { filter: brightness(0) invert(.94) sepia(.08) saturate(.4); }
html[data-theme="dark"] .app-theme-dashboard .brand-logo-pt { border: 1px solid #405c70; }
html[data-theme="dark"] .app-theme-dashboard .topbar-service-nav a {
    border-color: #355064;
    color: #b7c9d6;
    background: #142938;
    box-shadow: 0 4px 12px rgba(2, 8, 16, .2);
}
html[data-theme="dark"] .app-theme-dashboard .topbar-service-nav a:hover,
html[data-theme="dark"] .app-theme-dashboard .topbar-service-nav a[aria-current="page"] { border-color: #4b7190; color: #b9d8ff; background: #18344c; }
html[data-theme="dark"] .app-theme-dashboard .notif-bell { border-color: #355064; color: #b7c9d6; background: #142938; }
html[data-theme="dark"] .app-theme-dashboard .notif-bell:hover { border-color: #4b7190; color: #b9d8ff; background: #18344c; }
html[data-theme="dark"] .app-theme-dashboard .notif-badge { border-color: #142938; color: #f7fbfe; }
html[data-theme="dark"] .app-theme-dashboard .topbar-profile-trigger:hover,
html[data-theme="dark"] .app-theme-dashboard .topbar-profile-menu.is-open .topbar-profile-trigger { border-color: #355064; background: #142938; }
html[data-theme="dark"] .app-theme-dashboard .topbar-profile-dropdown { border-color: #355064; background: rgba(16, 33, 47, .99); box-shadow: 0 22px 55px rgba(2, 8, 16, .44); }
html[data-theme="dark"] .app-theme-dashboard .profile-menu-links { border-color: #294253; }
html[data-theme="dark"] .app-theme-dashboard .profile-menu-item:hover { color: #b9d8ff; background: #17334b; }

html[data-theme="dark"] .app-theme-dashboard .dashboard-welcome {
    border-color: #304b5e;
    background: linear-gradient(125deg, rgba(17, 35, 49, .98), rgba(17, 43, 62, .97) 68%, rgba(15, 51, 50, .95));
    box-shadow: 0 18px 45px rgba(2, 8, 16, .28);
}
html[data-theme="dark"] .app-theme-dashboard .dashboard-welcome::before {
    opacity: .28;
    background-image: linear-gradient(rgba(89, 127, 153, .25) 1px, transparent 1px), linear-gradient(90deg, rgba(89, 127, 153, .25) 1px, transparent 1px);
}
html[data-theme="dark"] .app-theme-dashboard .dashboard-welcome::after { background: radial-gradient(ellipse at 68% 50%, rgba(65, 139, 224, .15), rgba(70, 178, 187, .07) 42%, transparent 72%); }
html[data-theme="dark"] .app-theme-dashboard .dashboard-welcome-media {
    opacity: .1;
    mix-blend-mode: screen;
    -webkit-mask-image: radial-gradient(ellipse 76% 68% at 62% 50%, #000 32%, transparent 100%);
    mask-image: radial-gradient(ellipse 76% 68% at 62% 50%, #000 32%, transparent 100%);
}
html[data-theme="dark"] .app-theme-dashboard .dashboard-welcome-media video { filter: saturate(.5) contrast(.92) brightness(.82); }
html[data-theme="dark"] .app-theme-dashboard .dashboard-eyebrow { border-color: #3a5a70; color: #b7d1e3; background: rgba(18, 42, 57, .82); }
html[data-theme="dark"] .app-theme-dashboard .dashboard-section-line { background: #294253; }

html[data-theme="dark"] .app-theme-dashboard .card,
html[data-theme="dark"] .app-theme-dashboard .dashboard-chart-card { border-color: var(--border); background: var(--white); box-shadow: var(--shadow); }
html[data-theme="dark"] .app-theme-dashboard .stat-card {
    border-color: var(--border);
    background: linear-gradient(135deg, #122432 0%, #122432 58%, var(--stat-soft) 155%);
    box-shadow: 0 8px 24px rgba(2, 8, 16, .22);
}
html[data-theme="dark"] .app-theme-dashboard .stat-card:hover { box-shadow: 0 8px 24px rgba(2, 8, 16, .22); }
html[data-theme="dark"] .app-theme-dashboard .stat-meta {
    color: color-mix(in srgb, var(--stat-color) 78%, #dce9f2);
    background: color-mix(in srgb, var(--stat-soft) 82%, #122432);
}
html[data-theme="dark"] .app-theme-dashboard .stat-track { background: #223847; box-shadow: inset 0 1px 2px rgba(2, 8, 16, .28); }
html[data-theme="dark"] .app-theme-dashboard .stat-card.accent-amber .stat-icon { color: #f0c35b; }
html[data-theme="dark"] .app-theme-dashboard .stat-card.accent-green .stat-icon { color: #6bd5ad; }

html[data-theme="dark"] .app-theme-dashboard .dashboard-chart-card::after { opacity: .38; }
html[data-theme="dark"] .app-theme-dashboard .dashboard-donut { background: #0f202d; box-shadow: 0 18px 40px rgba(2, 8, 16, .35); }
html[data-theme="dark"] .app-theme-dashboard .dashboard-donut-center { background: #122432; box-shadow: inset 0 0 0 1px #294253; }
html[data-theme="dark"] .app-theme-dashboard .dashboard-donut.is-hovering .dashboard-donut-center { box-shadow: inset 0 0 0 1px #3a5668, 0 6px 18px rgba(2, 8, 16, .22); }
html[data-theme="dark"] .app-theme-dashboard .dashboard-donut-tooltip { border-color: #355064; background: rgba(18, 36, 50, .98); box-shadow: 0 14px 35px rgba(2, 8, 16, .38); }
html[data-theme="dark"] .app-theme-dashboard .dashboard-legend-item { border-color: #2b4456; background: #10212f; }
html[data-theme="dark"] .app-theme-dashboard .dashboard-legend-item:hover,
html[data-theme="dark"] .app-theme-dashboard .dashboard-legend-item.is-active,
html[data-theme="dark"] .app-theme-dashboard .dashboard-legend-item:focus-visible { border-color: #3d6280; background: #17334b; }
html[data-theme="dark"] .app-theme-dashboard .dashboard-chart-total { border-color: #304b5d; background: #10212f; }
html[data-theme="dark"] .app-theme-dashboard .dashboard-bar-track { background: #203746; }

html[data-theme="dark"] .app-theme-dashboard .dashboard-search input[type="search"] { border-color: #355064; color: #dbe8f0; background: #0f202d; }
html[data-theme="dark"] .app-theme-dashboard .dashboard-search input[type="search"]::placeholder { color: #8fa4b4; }
html[data-theme="dark"] .app-theme-dashboard .dashboard-search input[type="search"]:focus { border-color: #72affc; background: #142a3a; box-shadow: 0 0 0 4px rgba(77, 151, 239, .17); }
html[data-theme="dark"] .app-theme-dashboard .table-wrap { border-color: #294253; }
html[data-theme="dark"] .app-theme-dashboard table.data-table th { border-color: #294253; color: #96aaba; background: #0f202d; }
html[data-theme="dark"] .app-theme-dashboard table.data-table td { border-color: #263e4f; color: #cad8e1; background: #122432; }
html[data-theme="dark"] .app-theme-dashboard table.data-table tbody tr:hover td { background: #172d3d; }
html[data-theme="dark"] .app-theme-dashboard .jenis-tag { border-color: #355064; color: #bed0dc; background: #172b39; }
html[data-theme="dark"] .app-theme-dashboard .badge-info { color: #a9ceff; background: #15324b; }
html[data-theme="dark"] .app-theme-dashboard .badge-attention { color: #b9d8ff; background: #1b3c58; }
html[data-theme="dark"] .app-theme-dashboard .badge-success { color: #81dbb9; background: #143b32; }
html[data-theme="dark"] .app-theme-dashboard .badge-warning { color: #f0cb70; background: #3a2f16; }
html[data-theme="dark"] .app-theme-dashboard .badge-danger { color: #ffadb3; background: #3b2027; }
html[data-theme="dark"] .app-theme-dashboard .btn-primary,
html[data-theme="dark"] .app-theme-dashboard .btn-success,
html[data-theme="dark"] .app-theme-dashboard .btn-danger { color: #f7fbfe; }
html[data-theme="dark"] .app-theme-dashboard .btn-secondary { border-color: #355064; color: #dce8ef; background: #142938; }
html[data-theme="dark"] .app-theme-dashboard .btn-secondary:hover { border-color: #4d7088; background: #193246; }

html[data-theme="dark"] .app-theme-dashboard .modal-overlay { background: rgba(2, 8, 16, .65); }
html[data-theme="dark"] .app-theme-dashboard .modal-card { border-color: #355064; background: #122432; }

html[data-theme="dark"] .app-theme-dashboard .site-footer {
    border-color: #294253;
    color: #a8bac8;
    background:
        linear-gradient(rgba(61, 91, 111, .14) 1px, transparent 1px),
        linear-gradient(90deg, rgba(61, 91, 111, .14) 1px, transparent 1px),
        linear-gradient(180deg, #0e1d2a 0%, #0b1723 100%);
    background-size: 34px 34px, 34px 34px, auto;
}
html[data-theme="dark"] .app-theme-dashboard .footer-brand-lockup,
html[data-theme="dark"] .app-theme-dashboard .footer-brand-lockup:hover,
html[data-theme="dark"] .app-theme-dashboard .footer-brand-copy strong,
html[data-theme="dark"] .app-theme-dashboard .footer-links h2,
html[data-theme="dark"] .app-theme-dashboard .footer-contact h2 { color: #e4eff6; }
html[data-theme="dark"] .app-theme-dashboard .footer-brand-copy small,
html[data-theme="dark"] .app-theme-dashboard .footer-description,
html[data-theme="dark"] .app-theme-dashboard .footer-links a { color: #9fb2c1; }
html[data-theme="dark"] .app-theme-dashboard .footer-logo-kemendag { filter: brightness(0) invert(.94) sepia(.08) saturate(.4); }
html[data-theme="dark"] .app-theme-dashboard .footer-logo-divider { background: #3a5264; }
html[data-theme="dark"] .app-theme-dashboard .footer-trust-note { color: #a9cae3; }
html[data-theme="dark"] .app-theme-dashboard .footer-trust-icon,
html[data-theme="dark"] .app-theme-dashboard .footer-contact-icon { color: #8fc0ff; background: #16344d; }
html[data-theme="dark"] .app-theme-dashboard .footer-links a { border-color: rgba(67, 96, 116, .58); }
html[data-theme="dark"] .app-theme-dashboard .footer-links a:hover { border-color: #557891; color: #9fc9ff; }
html[data-theme="dark"] .app-theme-dashboard .footer-contact-item { border-color: #304b5d; color: #b8cedd; background: rgba(18, 38, 52, .8); }
html[data-theme="dark"] .app-theme-dashboard a.footer-contact-item:hover { border-color: #4e7189; color: #d9e9f3; background: #172e3e; box-shadow: 0 12px 25px rgba(2, 8, 16, .24); }
html[data-theme="dark"] .app-theme-dashboard .footer-contact-item small { color: #91a6b6; }
html[data-theme="dark"] .app-theme-dashboard .footer-contact-item strong { color: #c9d9e4; }
html[data-theme="dark"] .app-theme-dashboard .footer-bottom { border-color: #294253; color: #8499a9; }
html[data-theme="dark"] .app-theme-dashboard .footer-bottom a,
html[data-theme="dark"] .app-theme-dashboard .footer-official-note { color: #9fbcd1; }

@media (max-width: 640px) {
    .app-theme-toggle { min-width: 76px; min-height: 38px; padding-inline: 6px; gap: 4px; }
    .app-theme-toggle .theme-toggle-symbol { width: 14px; font-size: 14px; }
    html[data-theme="dark"] .app-theme-dashboard .dashboard-welcome-media { opacity: .06; }
}