:root{
  --bg:#f3f8ff;--panel:#ffffff;--panel-soft:#f8fbff;--line:#dbeafe;--line-2:#c7dcf7;
  --text:#15304d;--muted:#6b829b;--primary:#2563eb;--primary-2:#1d4ed8;--primary-soft:#eaf3ff;
  --sky:#dff0ff;--success:#0f9f6e;--warning:#d97706;--danger:#dc2626;--nav:#123b66;--nav-2:#194f86;
  --shadow:0 16px 45px rgba(40,87,134,.12);--shadow-sm:0 8px 22px rgba(40,87,134,.08);--radius:18px;
}
*{box-sizing:border-box}html{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--bg);color:var(--text)}body{margin:0;background:linear-gradient(135deg,#edf7ff 0%,#f8fbff 40%,#eef6ff 100%);min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}
.boot-screen,.login-view{min-height:100vh;display:grid;place-items:center;padding:24px}.boot-card,.login-card{width:min(440px,100%);background:rgba(255,255,255,.96);border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow);padding:34px}.boot-card{text-align:center}.boot-card img{width:82px;height:82px;object-fit:contain}.boot-card strong,.boot-card span{display:block}.boot-card span{color:var(--muted);font-size:13px;margin-top:7px}.spinner{width:28px;height:28px;border:3px solid #dbeafe;border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite;margin:20px auto}@keyframes spin{to{transform:rotate(360deg)}}
.login-card{padding:38px}.login-logo{max-width:170px;max-height:58px;object-fit:contain;display:block;margin:0 auto 24px}.login-copy{text-align:center;margin-bottom:28px}.eyebrow{font-size:10px;letter-spacing:.18em;font-weight:800;color:var(--primary)}.login-copy h1{font-size:29px;margin:8px 0 7px;letter-spacing:-.04em}.login-copy p{color:var(--muted);font-size:14px;margin:0}.stack-form{display:grid;gap:16px}.stack-form label,.form-grid label{display:grid;gap:7px;font-size:12px;font-weight:700;color:#42617f}.stack-form input,.form-grid input,.form-grid select,.form-grid textarea,.toolbar input,.toolbar select{width:100%;border:1px solid var(--line-2);background:#fff;color:var(--text);border-radius:11px;padding:11px 12px;outline:none;transition:.15s}.stack-form input:focus,.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus,.toolbar input:focus,.toolbar select:focus{border-color:#7db5f3;box-shadow:0 0 0 3px #dcedff}.login-foot{display:flex;justify-content:space-between;align-items:center;margin-top:20px;font-size:11px;color:var(--muted)}.mode-badge{padding:5px 9px;border-radius:999px;background:var(--primary-soft);color:var(--primary);font-weight:800}.status-box{padding:10px 12px;border-radius:10px;margin-top:14px;background:#fff2f2;color:#b91c1c;font-size:12px;border:1px solid #fecaca}
.app-shell{min-height:100vh;display:flex}.sidebar{position:fixed;inset:0 auto 0 0;width:248px;background:linear-gradient(180deg,var(--nav),#0f3153);color:white;padding:20px 14px;display:flex;flex-direction:column;z-index:20;transition:.22s}.brand-block{display:flex;align-items:center;gap:11px;padding:4px 8px 20px;border-bottom:1px solid rgba(255,255,255,.12)}.brand-block img{object-fit:contain}.brand-block strong,.brand-block span{display:block}.brand-block strong{font-size:17px}.brand-block span{font-size:11px;color:#bcd8f2}.nav-menu{display:grid;gap:5px;margin-top:19px}.nav-menu button{display:flex;align-items:center;gap:11px;width:100%;border:0;background:transparent;color:#d9eafb;padding:11px 12px;border-radius:11px;text-align:left;font-size:13px;font-weight:650}.nav-menu button span{width:24px;height:24px;display:grid;place-items:center;border-radius:7px;background:rgba(255,255,255,.08);font-size:11px}.nav-menu button:hover,.nav-menu button.active{background:rgba(255,255,255,.13);color:#fff}.nav-menu button.active span{background:#58a6ff;color:#082b4c}.sidebar-footer{margin-top:auto;padding:13px 9px 2px;color:#a9cbe7;display:grid;gap:8px}.backend-indicator{font-size:11px;font-weight:800}.sidebar-collapsed .sidebar{transform:translateX(-100%)}.main-wrap{width:100%;margin-left:248px;min-width:0;transition:.22s}.sidebar-collapsed .main-wrap{margin-left:0}.topbar{height:72px;position:sticky;top:0;z-index:10;background:rgba(248,252,255,.92);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 24px}.topbar-left,.topbar-actions{display:flex;align-items:center;gap:12px}.topbar h2{font-size:18px;margin:0;letter-spacing:-.02em}.topbar-left>div>span{font-size:11px;color:var(--muted)}.icon-btn{width:38px;height:38px;border:1px solid var(--line);border-radius:10px;background:white;color:var(--text);box-shadow:var(--shadow-sm)}.sync-status{font-size:11px;color:var(--muted)}.content{padding:24px;max-width:1540px;margin:0 auto}
.btn{border:0;border-radius:10px;padding:9px 13px;font-weight:750;font-size:12px;display:inline-flex;align-items:center;justify-content:center;gap:7px;text-decoration:none}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 8px 20px rgba(37,99,235,.18)}.btn-primary:hover{background:var(--primary-2)}.btn-soft{background:var(--primary-soft);color:var(--primary)}.btn-ghost{background:#fff;border:1px solid var(--line);color:var(--text)}.btn-danger{background:#fff1f2;color:#be123c}.btn-success{background:#eafaf4;color:#087a55}.btn-warning{background:#fff7e8;color:#a85d00}.btn-lg{padding:12px 16px;font-size:13px}.btn-sm{padding:6px 9px;font-size:10px}.btn:disabled{opacity:.5;cursor:not-allowed}
.page-actions,.toolbar{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.page-actions{justify-content:space-between;margin-bottom:16px}.toolbar{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:10px;box-shadow:var(--shadow-sm)}.toolbar input{min-width:220px}.toolbar select{min-width:135px}.toolbar-spacer{flex:1}
.grid{display:grid;gap:14px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-5{grid-template-columns:repeat(5,minmax(0,1fr))}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden}.card-pad{padding:18px}.card-head{padding:16px 18px 13px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px}.card-head h3{font-size:14px;margin:0}.card-head p{font-size:11px;color:var(--muted);margin:3px 0 0}.metric-card{padding:17px;background:linear-gradient(145deg,#fff,#f7fbff);position:relative;overflow:hidden}.metric-card::after{content:"";position:absolute;right:-20px;top:-20px;width:75px;height:75px;background:var(--sky);border-radius:50%;opacity:.7}.metric-label{font-size:11px;color:var(--muted);font-weight:750;position:relative;z-index:1}.metric-value{font-size:23px;font-weight:850;margin:8px 0 3px;letter-spacing:-.04em;position:relative;z-index:1}.metric-foot{font-size:10px;color:var(--muted);position:relative;z-index:1}.metric-value.good{color:var(--success)}.metric-value.warn{color:var(--warning)}.metric-value.danger{color:var(--danger)}
.section-title{font-size:15px;margin:22px 0 10px;letter-spacing:-.02em}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;font-size:11px}.data-table th{position:sticky;top:0;background:#f5faff;color:#52708e;text-transform:uppercase;letter-spacing:.05em;font-size:9px;text-align:left;padding:10px 11px;border-bottom:1px solid var(--line);white-space:nowrap}.data-table td{padding:11px;border-bottom:1px solid #edf4fb;vertical-align:top}.data-table tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:#f9fcff}.amount{font-weight:800;white-space:nowrap}.muted{color:var(--muted)}.text-danger{color:var(--danger)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}
.badge{display:inline-flex;align-items:center;padding:4px 7px;border-radius:999px;font-size:9px;font-weight:850;white-space:nowrap}.badge-blue{background:#e7f2ff;color:#1d5fa7}.badge-green{background:#e8f8f2;color:#087a55}.badge-yellow{background:#fff3dd;color:#a86108}.badge-red{background:#ffe8e8;color:#b42318}.badge-gray{background:#eff3f7;color:#60758b}.progress{height:8px;background:#e8f1fa;border-radius:99px;overflow:hidden}.progress>span{display:block;height:100%;background:linear-gradient(90deg,#5aa8ef,#2563eb);border-radius:99px}.progress-row{display:grid;gap:5px;min-width:110px}.progress-row small{display:flex;justify-content:space-between;color:var(--muted)}
.project-title{font-weight:800;font-size:12px}.project-sub{font-size:10px;color:var(--muted);margin-top:3px}.row-actions{display:flex;gap:5px;flex-wrap:wrap}.empty{padding:38px 20px;text-align:center;color:var(--muted)}.empty strong{display:block;color:var(--text);margin-bottom:5px}.callout{background:#f1f8ff;border:1px solid #cde5ff;border-radius:14px;padding:14px;font-size:11px;color:#456783}.callout strong{color:#1e4f80}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid .span-2{grid-column:1/-1}.form-grid textarea{min-height:82px;resize:vertical}.check-row{display:flex!important;grid-template-columns:none!important;align-items:center;gap:8px!important}.check-row input{width:auto!important}.field-note{font-size:10px;color:var(--muted);font-weight:400}.money-input{text-align:right;font-variant-numeric:tabular-nums}
.detail-hero{background:linear-gradient(135deg,#153f6b,#226ab0);color:#fff;border-radius:20px;padding:20px;box-shadow:var(--shadow);display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.detail-hero h1{font-size:24px;margin:2px 0 5px}.detail-hero p{margin:0;color:#cfe5f8;font-size:11px}.detail-actions{display:flex;gap:7px;flex-wrap:wrap}.detail-actions .btn-ghost{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.25);color:#fff}.tabs{display:flex;gap:5px;border-bottom:1px solid var(--line);margin-top:18px;overflow:auto}.tabs button{border:0;background:transparent;padding:10px 12px;color:var(--muted);font-weight:800;font-size:11px;border-bottom:2px solid transparent;white-space:nowrap}.tabs button.active{color:var(--primary);border-color:var(--primary)}
.chart-bars{height:210px;display:flex;align-items:flex-end;gap:8px;padding:18px 6px 3px}.chart-col{flex:1;min-width:26px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:6px}.chart-bar{width:min(28px,75%);background:linear-gradient(#74baff,#2e78c8);border-radius:7px 7px 2px 2px;min-height:2px;position:relative}.chart-bar:hover::after{content:attr(data-tip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);background:#143a61;color:#fff;padding:5px 7px;border-radius:6px;white-space:nowrap;font-size:9px;z-index:3}.chart-col small{font-size:9px;color:var(--muted)}.yoy{font-size:10px;font-weight:800}.yoy.up{color:var(--success)}.yoy.down{color:var(--danger)}
.modal-backdrop{position:fixed;inset:0;background:rgba(9,29,49,.52);backdrop-filter:blur(4px);z-index:100;display:grid;place-items:center;padding:20px}.modal{width:min(760px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:20px;box-shadow:0 30px 80px rgba(0,0,0,.25)}.modal.sm{width:min(480px,100%)}.modal.lg{width:min(1040px,100%)}.modal-head{padding:17px 20px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.modal-head h3{margin:0;font-size:15px}.modal-close{border:0;background:#eff5fb;border-radius:9px;width:32px;height:32px}.modal-body{padding:19px}.modal-foot{padding:14px 19px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:8px}.toast-root{position:fixed;right:18px;bottom:18px;z-index:200;display:grid;gap:8px}.toast{min-width:250px;max-width:380px;background:#143a61;color:#fff;padding:11px 13px;border-radius:11px;box-shadow:var(--shadow);font-size:11px;animation:toastIn .2s ease}.toast.success{background:#087a55}.toast.danger{background:#b42318}.toast.warning{background:#a86108}@keyframes toastIn{from{opacity:0;transform:translateY(10px)}}
.qris-preview{width:150px;height:150px;object-fit:contain;border:1px solid var(--line);border-radius:12px;background:#fff;padding:7px}.note-items{display:grid;gap:8px}.note-item{display:grid;grid-template-columns:1fr 90px 150px 36px;gap:8px;align-items:end}.summary-line{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px dashed var(--line);font-size:11px}.summary-line:last-child{border:0}.summary-line.total{font-size:14px;font-weight:900}
.print-document{font-family:Arial,sans-serif;color:#15293d}.print-header{display:flex;justify-content:space-between;gap:20px;border-bottom:3px solid #276fb4;padding-bottom:14px;margin-bottom:20px}.print-header img{width:150px;max-height:55px;object-fit:contain}.print-company{text-align:right}.print-company strong{font-size:16px}.print-company div{font-size:10px;color:#597086;margin-top:4px}.print-title{text-align:center;margin:22px 0}.print-title h1{font-size:20px;margin:0 0 4px}.print-title p{font-size:10px;color:#61758a;margin:0}.print-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.print-box{border:1px solid #dbe7f3;padding:12px;border-radius:8px}.print-table{width:100%;border-collapse:collapse;font-size:9px;margin-top:14px}.print-table th,.print-table td{border:1px solid #d8e3ee;padding:7px;text-align:left}.print-table th{background:#edf6ff}.print-sign{margin-top:35px;margin-left:auto;width:220px;text-align:center;font-size:10px}.print-sign-space{height:65px}.print-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:15px 0}.print-metric{border:1px solid #d7e5f2;padding:9px;border-radius:7px}.print-metric span{display:block;font-size:8px;color:#6b7e91}.print-metric strong{font-size:11px;display:block;margin-top:4px}.print-section{margin-top:18px}.print-section h3{font-size:11px;border-left:3px solid #276fb4;padding-left:7px;margin:0 0 8px}.print-footer{margin-top:24px;padding-top:8px;border-top:1px solid #dbe5ef;font-size:8px;color:#6d8093;display:flex;justify-content:space-between}
@media(max-width:1100px){.grid-5{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.sidebar{transform:translateX(-100%);box-shadow:var(--shadow)}.mobile-sidebar-open .sidebar{transform:translateX(0)}.main-wrap,.sidebar-collapsed .main-wrap{margin-left:0}.content{padding:16px}.topbar{padding:0 14px}.grid-5,.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-grid .span-2{grid-column:auto}.detail-hero{display:block}.detail-actions{margin-top:15px}.toolbar input,.toolbar select{min-width:0;flex:1}.note-item{grid-template-columns:1fr 72px 110px 36px}.print-grid,.print-summary{grid-template-columns:1fr 1fr}}
@media print{body{background:#fff}.no-print{display:none!important}.print-document{display:block!important}@page{size:A4;margin:12mm}}

/* ===== v2.5: persistent Light / Dark theme + corporate logo treatment ===== */
.logo-switch{display:block;position:relative}.logo-switch img{display:block;object-fit:contain}.logo-dark{display:none!important}html[data-theme="dark"] .logo-light{display:none!important}html[data-theme="dark"] .logo-dark{display:block!important}
.login-logo-wrap{width:220px;height:76px;margin:0 auto 22px;display:grid;place-items:center}.login-logo-wrap img{max-width:220px;max-height:76px}
.brand-block .brand-logo{width:92px;height:42px;border-radius:0;background:transparent;padding:0;object-fit:contain;object-position:left center}.brand-block{gap:10px}.brand-block>div{min-width:0}.brand-block strong{font-size:16px}
.topbar-logo-wrap{width:78px;height:34px;display:grid;place-items:center;padding-right:4px;border-right:1px solid var(--line)}.topbar-logo-wrap img{max-width:72px;max-height:32px}.page-heading{min-width:0}
.theme-toggle{height:38px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text);box-shadow:var(--shadow-sm);padding:0 11px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:800;font-size:11px}.theme-toggle:hover{background:var(--panel-soft)}.theme-toggle .theme-icon{font-size:15px;line-height:1}.theme-toggle.mini{height:30px;padding:0 8px;border-radius:9px;box-shadow:none;font-size:10px}.login-foot{gap:10px;flex-wrap:wrap}.login-foot>span:last-child{margin-left:auto}

html[data-theme="dark"]{
  color-scheme:dark;
  --bg:#07111f;--panel:#0e1b2b;--panel-soft:#122238;--line:#20364f;--line-2:#2b4562;
  --text:#e8f2ff;--muted:#91a8bf;--primary:#63b3ff;--primary-2:#8ac7ff;--primary-soft:#102f4e;
  --sky:#14395b;--success:#4dd6a5;--warning:#f4b860;--danger:#ff7e8a;--nav:#071a2d;--nav-2:#0b2945;
  --shadow:0 18px 48px rgba(0,0,0,.34);--shadow-sm:0 8px 24px rgba(0,0,0,.24);
}
html[data-theme="dark"] body{background:radial-gradient(circle at 15% 0%,#102d4a 0%,transparent 32%),linear-gradient(145deg,#07111f 0%,#0a1726 52%,#08121f 100%);color:var(--text)}
html[data-theme="dark"] .boot-card,html[data-theme="dark"] .login-card{background:rgba(14,27,43,.96);border-color:var(--line)}
html[data-theme="dark"] .login-logo-wrap .logo-dark{background:#0b1a2b;border-radius:14px;padding:8px 12px}
html[data-theme="dark"] .stack-form label,html[data-theme="dark"] .form-grid label{color:#b7cae0}
html[data-theme="dark"] .stack-form input,html[data-theme="dark"] .form-grid input,html[data-theme="dark"] .form-grid select,html[data-theme="dark"] .form-grid textarea,html[data-theme="dark"] .toolbar input,html[data-theme="dark"] .toolbar select{background:#0a1625;color:var(--text);border-color:var(--line-2)}
html[data-theme="dark"] input::placeholder,html[data-theme="dark"] textarea::placeholder{color:#607b97}
html[data-theme="dark"] .stack-form input:focus,html[data-theme="dark"] .form-grid input:focus,html[data-theme="dark"] .form-grid select:focus,html[data-theme="dark"] .form-grid textarea:focus,html[data-theme="dark"] .toolbar input:focus,html[data-theme="dark"] .toolbar select:focus{border-color:#5aaeff;box-shadow:0 0 0 3px rgba(90,174,255,.14)}
html[data-theme="dark"] .status-box{background:#321820;color:#ffb1b9;border-color:#6b2933}
html[data-theme="dark"] .sidebar{background:linear-gradient(180deg,#07192c 0%,#0b2845 100%)}
html[data-theme="dark"] .brand-block .brand-logo{background:transparent}
html[data-theme="dark"] .topbar{background:rgba(7,17,31,.9);border-color:var(--line)}
html[data-theme="dark"] .topbar-logo-wrap .logo-dark{max-width:74px;max-height:31px}
html[data-theme="dark"] .icon-btn,html[data-theme="dark"] .btn-ghost,html[data-theme="dark"] .theme-toggle{background:var(--panel);color:var(--text);border-color:var(--line)}
html[data-theme="dark"] .btn-soft{background:#123351;color:#8cc9ff}
html[data-theme="dark"] .btn-danger{background:#331923;color:#ff9da6}
html[data-theme="dark"] .btn-success{background:#12372d;color:#69e2b7}
html[data-theme="dark"] .btn-warning{background:#372a15;color:#ffc56f}
html[data-theme="dark"] .toolbar,html[data-theme="dark"] .card{background:var(--panel);border-color:var(--line)}
html[data-theme="dark"] .metric-card{background:linear-gradient(145deg,#102238,#0d1a2a)}
html[data-theme="dark"] .metric-card::after{opacity:.35}
html[data-theme="dark"] .data-table th{background:#102237;color:#9db6cf;border-bottom-color:var(--line)}
html[data-theme="dark"] .data-table td{border-bottom-color:#172b41}
html[data-theme="dark"] .data-table tbody tr:hover{background:#102136}
html[data-theme="dark"] .badge-blue{background:#103456;color:#8dc9ff}html[data-theme="dark"] .badge-green{background:#11372d;color:#72e0ba}html[data-theme="dark"] .badge-yellow{background:#3a2c17;color:#ffc56f}html[data-theme="dark"] .badge-red{background:#3a1d25;color:#ff9ca6}html[data-theme="dark"] .badge-gray{background:#1b2b3c;color:#a9bfd3}
html[data-theme="dark"] .progress{background:#1a3046}
html[data-theme="dark"] .callout{background:#10263d;border-color:#204568;color:#a9c3dc}html[data-theme="dark"] .callout strong{color:#8cc9ff}
html[data-theme="dark"] .detail-hero{background:linear-gradient(135deg,#0d2a47,#174d7f)}
html[data-theme="dark"] .modal-backdrop{background:rgba(1,8,16,.72)}html[data-theme="dark"] .modal{background:var(--panel);color:var(--text)}html[data-theme="dark"] .modal-close{background:#172b40;color:var(--text)}
html[data-theme="dark"] .qris-preview{background:#fff}
html[data-theme="dark"] .toast{background:#173b5d}
html[data-theme="dark"] .chart-bar:hover::after{background:#020b14}

/* Printed company documents must remain professional light A4, regardless of app theme. */
@media print{html[data-theme="dark"],html[data-theme="dark"] body{color-scheme:light;background:#fff!important}.print-document{color:#15293d!important}.print-box,.print-metric{background:#fff!important;color:#15293d!important}.print-table th{background:#edf6ff!important;color:#15293d!important}.print-table td{color:#15293d!important}}

@media(max-width:900px){.topbar-logo-wrap{display:none}.theme-toggle .theme-text{display:none}.theme-toggle{width:38px;padding:0}.login-foot .theme-toggle{width:auto}.login-foot .theme-text{display:inline}}
@media(max-width:520px){.login-logo-wrap{width:190px;height:68px}.login-logo-wrap img{max-width:190px;max-height:68px}.login-foot>span:last-child{width:100%;margin-left:0;text-align:center}.topbar-actions .sync-status{display:none}}
.boot-logo-wrap{width:210px;height:78px;margin:0 auto;display:grid;place-items:center}.boot-logo-wrap img{max-width:210px;max-height:72px}html[data-theme="dark"] .boot-logo-wrap .logo-dark{background:#0b1a2b;border-radius:14px;padding:8px 12px}
.boot-card .boot-logo-wrap img{width:auto;height:auto}

/* ===== v2.9: professional invoice + bank visibility control ===== */
.settings-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 14px;margin-bottom:16px;border:1px solid var(--line);border-radius:13px;background:var(--panel-soft)}
.settings-toggle-row strong{display:block;font-size:12px}.settings-toggle-row span{display:block;margin-top:3px;color:var(--muted);font-size:10px;font-weight:500;line-height:1.45}.switch-control{position:relative;display:inline-block!important;width:46px!important;height:26px;flex:0 0 46px;cursor:pointer}.switch-control input{position:absolute;opacity:0;width:1px!important;height:1px!important}.switch-slider{position:absolute;inset:0;border-radius:999px;background:#cbd8e6;transition:.2s;box-shadow:inset 0 0 0 1px rgba(0,0,0,.04)}.switch-slider:before{content:"";position:absolute;width:20px;height:20px;left:3px;top:3px;border-radius:50%;background:#fff;box-shadow:0 2px 7px rgba(15,42,67,.2);transition:.2s}.switch-control input:checked+.switch-slider{background:var(--primary)}.switch-control input:checked+.switch-slider:before{transform:translateX(20px)}.switch-control input:focus-visible+.switch-slider{outline:3px solid rgba(37,99,235,.18);outline-offset:2px}
html[data-theme="dark"] .settings-toggle-row{background:#0a1726;border-color:var(--line)}html[data-theme="dark"] .switch-slider{background:#38516b}

.invoice-doc{font-family:Inter,Arial,sans-serif;color:#18324a;background:#fff;font-size:10px;line-height:1.5}.invoice-head{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;padding-bottom:18px;border-bottom:1px solid #dce6ef}.invoice-brand{display:flex;align-items:center;gap:13px}.invoice-brand img{width:128px;max-height:48px;object-fit:contain;object-position:left center}.invoice-brand>div{padding-left:13px;border-left:1px solid #dce6ef}.invoice-brand strong{display:block;font-size:13px;letter-spacing:.01em;color:#142f48}.invoice-brand span{display:block;margin-top:3px;color:#6d8295;font-size:8.5px}.invoice-heading{text-align:right}.invoice-heading>span{display:block;color:#2875b9;font-size:22px;line-height:1;font-weight:850;letter-spacing:.13em}.invoice-heading>strong{display:block;margin-top:7px;color:#526a80;font-size:9px;letter-spacing:.1em}.invoice-topline{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:12px;margin:18px 0 22px;padding:11px 13px;background:#f5f9fd;border:1px solid #e3ebf3;border-radius:8px}.invoice-topline>div{min-width:0}.invoice-label,.invoice-kicker{display:block;color:#71869a;font-size:7.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.invoice-topline strong{display:block;margin-top:3px;font-size:9.5px;color:#18324a}.invoice-status-wrap{text-align:right}.invoice-status{display:inline-flex;align-items:center;margin-top:2px;padding:4px 8px;border-radius:999px;font-size:7px;font-weight:900;letter-spacing:.07em;background:#edf1f5;color:#5d7183}.invoice-status.paid{background:#e7f7f0;color:#087a55}.invoice-status.partial{background:#fff4df;color:#a86108}.invoice-status.unpaid{background:#fff0f0;color:#b42318}.invoice-party-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:22px}.invoice-party{padding:14px 15px;border:1px solid #dfe8f0;border-radius:8px;min-height:82px}.invoice-party h3{font-size:13px;line-height:1.3;margin:6px 0 3px;color:#17334c}.invoice-party p{margin:0;color:#687f94;font-size:9px}.invoice-section{margin-top:20px}.invoice-section-title{font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#244b6d;padding-bottom:7px;border-bottom:1px solid #dce6ef;margin-bottom:10px}.invoice-table{width:100%;border-collapse:collapse;border-spacing:0}.invoice-table th{padding:9px 10px;background:#eef5fb;border-top:1px solid #d8e4ee;border-bottom:1px solid #d8e4ee;text-align:left;color:#526e86;font-size:7.5px;text-transform:uppercase;letter-spacing:.08em}.invoice-table th:first-child{border-left:1px solid #d8e4ee;border-radius:6px 0 0 0}.invoice-table th:last-child{border-right:1px solid #d8e4ee;border-radius:0 6px 0 0}.invoice-table td{padding:11px 10px;border-bottom:1px solid #e4ebf2;color:#273f55;vertical-align:top}.invoice-table td:first-child{border-left:1px solid #e4ebf2}.invoice-table td:last-child{border-right:1px solid #e4ebf2}.invoice-table td strong{display:block;color:#17334c;font-size:9.5px}.invoice-table td span{display:block;color:#74899b;font-size:8px;margin-top:2px}.invoice-table .qty{text-align:center;width:52px}.invoice-table .num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.invoice-table.compact th{padding:7px 8px}.invoice-table.compact td{padding:8px;font-size:8.5px}.invoice-empty{text-align:center;color:#7b8fa2!important;padding:18px!important}.invoice-summary{display:grid;grid-template-columns:1fr 260px;gap:24px;align-items:start;margin-top:12px}.invoice-summary-note{padding:10px 0;color:#6c8194;font-size:8.5px}.invoice-summary-note strong{display:block;color:#294861;font-size:9px;margin-bottom:4px}.invoice-summary-note span{display:block;max-width:300px}.invoice-total-box{border-top:2px solid #2c76b5}.invoice-total-box>div{display:flex;justify-content:space-between;gap:20px;padding:7px 3px;border-bottom:1px solid #e4ebf2;color:#5f7487}.invoice-total-box strong{color:#213c54;font-variant-numeric:tabular-nums}.invoice-total-box .grand{padding:10px 10px;background:#173f64;color:#fff;border:0;margin-top:4px;border-radius:5px}.invoice-total-box .grand span,.invoice-total-box .grand strong{color:#fff;font-size:11px}.invoice-payment-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.invoice-payment-card{border:1px solid #dce6ef;border-radius:8px;padding:13px 14px;min-height:92px}.invoice-payment-card>strong{display:block;font-size:11px;margin:5px 0 3px;color:#17334c}.invoice-account-number{font-size:15px;font-weight:900;letter-spacing:.04em;color:#1e639b;margin:4px 0}.invoice-payment-card small{display:block;color:#768a9c;font-size:8px}.invoice-payment-card.qris{display:flex;align-items:center;justify-content:space-between;gap:14px}.invoice-payment-card.qris>div strong{display:block;margin:5px 0 3px;color:#17334c;font-size:10px}.invoice-payment-card.qris img{width:78px;height:78px;object-fit:contain;background:#fff;padding:3px;border:1px solid #e0e7ee;border-radius:5px}.partner-invoice-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.partner-invoice-summary>div{border:1px solid #dce6ef;border-radius:7px;padding:10px}.partner-invoice-summary span{display:block;color:#73879a;font-size:7.5px;text-transform:uppercase;letter-spacing:.06em}.partner-invoice-summary strong{display:block;margin-top:5px;color:#1d3b54;font-size:10.5px}.partner-invoice-summary .due{background:#173f64;border-color:#173f64}.partner-invoice-summary .due span,.partner-invoice-summary .due strong{color:#fff}.invoice-closing{display:grid;grid-template-columns:1fr 230px;gap:24px;align-items:end;margin-top:28px;padding-top:16px;border-top:1px solid #dce6ef;color:#718598;font-size:8.5px}.invoice-signature{text-align:center;color:#4f6578}.invoice-signature strong{display:block;color:#17334c;margin-top:34px;font-size:10px}.invoice-footer{display:flex;justify-content:space-between;gap:20px;margin-top:22px;padding-top:9px;border-top:1px solid #e2e9f0;color:#8294a4;font-size:7.5px}.invoice-footer>div:first-child strong,.invoice-footer>div:first-child span{display:block}.invoice-footer>div:first-child strong{color:#577085}.invoice-footer>div:last-child{text-align:right;max-width:310px}

@media(max-width:800px){.settings-toggle-row{align-items:flex-start}.invoice-party-grid,.invoice-payment-grid{grid-template-columns:1fr}.invoice-summary{grid-template-columns:1fr}.partner-invoice-summary{grid-template-columns:1fr 1fr}}
@media print{.invoice-doc{color:#18324a!important;background:#fff!important}.invoice-status{-webkit-print-color-adjust:exact;print-color-adjust:exact}.invoice-topline,.invoice-table th,.invoice-total-box .grand,.partner-invoice-summary .due,.invoice-status.paid,.invoice-status.partial,.invoice-status.unpaid{-webkit-print-color-adjust:exact;print-color-adjust:exact}.invoice-doc{break-inside:auto}.invoice-section,.invoice-party-grid,.invoice-summary,.invoice-payment-grid,.invoice-closing{break-inside:avoid}.invoice-table thead{display:table-header-group}@page{size:A4;margin:13mm}}

/* ===== v2.11: original default + optional UI style pack ===== */
/* Logo aplikasi tetap hanya di sidebar. Logo pada dokumen cetak tetap dipertahankan. */
.boot-logo-wrap,.login-logo-wrap,.topbar-logo-wrap{display:none!important}
.boot-card{padding-top:38px}.login-copy{margin-top:0}.page-heading{min-width:0}

/* DEFAULT = tampilan asli sebelum paket tema v2.10. Tidak ada override warna/layout. */
html[data-ui-style="default"] .sidebar{background:linear-gradient(180deg,var(--nav),#0f3153)}

/* Theme picker */
.settings-theme-card{grid-column:1/-1}
.ui-style-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.ui-style-card{position:relative;display:grid;grid-template-columns:44px 1fr;grid-template-rows:auto auto;column-gap:11px;text-align:left;border:1px solid var(--line);border-radius:14px;background:var(--panel-soft);padding:13px;color:var(--text);transition:.16s;min-height:92px}
.ui-style-card:hover{transform:translateY(-1px);border-color:var(--line-2);box-shadow:var(--shadow-sm)}
.ui-style-card.active{border-color:var(--primary);box-shadow:0 0 0 2px rgba(37,99,235,.12)}
.ui-style-card strong{font-size:11.5px;line-height:1.25;align-self:end}.ui-style-card small{font-size:9.5px;color:var(--muted);line-height:1.4;align-self:start;margin-top:3px}
.ui-style-card b{position:absolute;right:9px;top:9px;font-size:7.5px;padding:3px 6px;border-radius:999px;background:var(--primary);color:#fff}
.ui-style-icon{grid-row:1/3;width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--line);border-radius:11px;background:var(--panel);font-size:15px;font-weight:900;color:var(--primary)}
.theme-mode-row{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:15px;padding:13px 2px 0;border-top:1px solid var(--line)}
.theme-mode-row strong,.theme-mode-row span{display:block}.theme-mode-row strong{font-size:11px}.theme-mode-row span{font-size:9.5px;color:var(--muted);margin-top:2px;line-height:1.4}
@media(max-width:900px){.ui-style-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){.ui-style-grid{grid-template-columns:1fr}.theme-mode-row{align-items:flex-start}}

/* MINIMALIST — flat, spacious, data-first */
html[data-ui-style="minimal"]{--radius:10px;--shadow:none;--shadow-sm:none}
html[data-ui-style="minimal"] body{background:#f6f8fb}
html[data-ui-style="minimal"] .sidebar{background:#173b5f}
html[data-ui-style="minimal"] .card,html[data-ui-style="minimal"] .toolbar,html[data-ui-style="minimal"] .login-card,html[data-ui-style="minimal"] .boot-card{box-shadow:none;border-color:#d9e4ef}
html[data-ui-style="minimal"] .metric-card{background:#fff}
html[data-ui-style="minimal"] .metric-card::after{display:none}
html[data-ui-style="minimal"] .btn,html[data-ui-style="minimal"] .icon-btn,html[data-ui-style="minimal"] input,html[data-ui-style="minimal"] select,html[data-ui-style="minimal"] textarea{border-radius:7px}
html[data-ui-style="minimal"] .data-table th{background:#f7f9fc;color:#405b73}
html[data-ui-style="minimal"] .detail-hero{border-radius:12px;background:#194d7a}
html[data-theme="dark"][data-ui-style="minimal"] body{background:#08121f}
html[data-theme="dark"][data-ui-style="minimal"] .metric-card{background:var(--panel)}

/* BENTO — modular cards, still conservative */
html[data-ui-style="bento"]{--radius:22px;--shadow-sm:0 9px 28px rgba(37,80,120,.09)}
html[data-ui-style="bento"] body{background:linear-gradient(140deg,#edf6ff 0%,#f8fbff 52%,#eef7ff 100%)}
html[data-ui-style="bento"] .content{max-width:1480px}
html[data-ui-style="bento"] .card{border-radius:22px}
html[data-ui-style="bento"] .metric-card{min-height:118px;padding:20px;background:linear-gradient(145deg,#fff,#f4f9ff)}
html[data-ui-style="bento"] .metric-card::after{width:92px;height:92px;right:-26px;top:-28px}
html[data-ui-style="bento"] .metric-value{font-size:25px}
html[data-ui-style="bento"] .toolbar{border-radius:18px;padding:12px}
html[data-ui-style="bento"] .detail-hero{border-radius:24px}
html[data-theme="dark"][data-ui-style="bento"] body{background:linear-gradient(145deg,#07111f,#0a1726 55%,#08131f)}
html[data-theme="dark"][data-ui-style="bento"] .metric-card{background:linear-gradient(145deg,#102238,#0d1a2a)}

/* NEO-BRUTALISM — high contrast, deliberately bold, never low-contrast */
html[data-ui-style="brutal"]{--bg:#f3f0e8;--panel:#fffdf7;--panel-soft:#fff8df;--line:#111827;--line-2:#111827;--text:#111827;--muted:#4b5563;--primary:#155eef;--primary-2:#0f46bd;--primary-soft:#dce8ff;--sky:#ffe769;--nav:#111827;--nav-2:#111827;--radius:7px;--shadow:5px 5px 0 #111827;--shadow-sm:3px 3px 0 #111827}
html[data-ui-style="brutal"] body{background:#f3f0e8;color:#111827}
html[data-ui-style="brutal"] .sidebar{background:#111827;border-right:3px solid #111827}
html[data-ui-style="brutal"] .card,html[data-ui-style="brutal"] .toolbar,html[data-ui-style="brutal"] .login-card,html[data-ui-style="brutal"] .boot-card{border:2px solid #111827;box-shadow:var(--shadow);border-radius:7px}
html[data-ui-style="brutal"] .metric-card{background:#fffdf7}
html[data-ui-style="brutal"] .metric-card::after{background:#ffe769;opacity:1;border:2px solid #111827}
html[data-ui-style="brutal"] .btn,html[data-ui-style="brutal"] .icon-btn,html[data-ui-style="brutal"] input,html[data-ui-style="brutal"] select,html[data-ui-style="brutal"] textarea{border-radius:5px;border:2px solid #111827;box-shadow:2px 2px 0 #111827}
html[data-ui-style="brutal"] .btn-primary{background:#155eef;color:#fff}
html[data-ui-style="brutal"] .btn-ghost{background:#fffdf7;color:#111827}
html[data-ui-style="brutal"] .data-table th{background:#ffe769;color:#111827;border-bottom:2px solid #111827}
html[data-ui-style="brutal"] .data-table td{border-bottom:1px solid #9ca3af;color:#111827}
html[data-ui-style="brutal"] .data-table tbody tr:hover{background:#fff5c2}
html[data-ui-style="brutal"] .detail-hero{background:#155eef;border:2px solid #111827;box-shadow:var(--shadow);border-radius:7px}
html[data-ui-style="brutal"] .badge{border:1px solid currentColor;border-radius:4px}
html[data-ui-style="brutal"] .progress{border:1px solid #111827;border-radius:3px;background:#fff}
html[data-ui-style="brutal"] .progress>span{background:#155eef;border-radius:0}
html[data-theme="dark"][data-ui-style="brutal"]{--bg:#111827;--panel:#1f2937;--panel-soft:#172033;--line:#f9fafb;--line-2:#f9fafb;--text:#f9fafb;--muted:#d1d5db;--primary:#7db1ff;--primary-2:#a8caff;--primary-soft:#243b63;--sky:#ffe769;--nav:#090e18;--nav-2:#090e18;--shadow:5px 5px 0 #f9fafb;--shadow-sm:3px 3px 0 #f9fafb}
html[data-theme="dark"][data-ui-style="brutal"] body{background:#111827;color:#f9fafb}
html[data-theme="dark"][data-ui-style="brutal"] .sidebar{background:#090e18;border-color:#f9fafb}
html[data-theme="dark"][data-ui-style="brutal"] .card,html[data-theme="dark"][data-ui-style="brutal"] .toolbar,html[data-theme="dark"][data-ui-style="brutal"] .login-card,html[data-theme="dark"][data-ui-style="brutal"] .boot-card{border-color:#f9fafb;box-shadow:var(--shadow);background:#1f2937}
html[data-theme="dark"][data-ui-style="brutal"] .metric-card{background:#1f2937}
html[data-theme="dark"][data-ui-style="brutal"] .metric-card::after{border-color:#f9fafb}
html[data-theme="dark"][data-ui-style="brutal"] .btn,html[data-theme="dark"][data-ui-style="brutal"] .icon-btn,html[data-theme="dark"][data-ui-style="brutal"] input,html[data-theme="dark"][data-ui-style="brutal"] select,html[data-theme="dark"][data-ui-style="brutal"] textarea{border-color:#f9fafb;box-shadow:2px 2px 0 #f9fafb}
html[data-theme="dark"][data-ui-style="brutal"] .btn-primary{background:#2f7df0;color:#fff}
html[data-theme="dark"][data-ui-style="brutal"] .data-table th{background:#ffe769;color:#111827;border-color:#f9fafb}
html[data-theme="dark"][data-ui-style="brutal"] .data-table td{color:#f9fafb;border-bottom-color:#64748b}
html[data-theme="dark"][data-ui-style="brutal"] .data-table tbody tr:hover{background:#2b3648}
html[data-theme="dark"][data-ui-style="brutal"] .detail-hero{background:#174f9c;border-color:#f9fafb}

/* TERMINAL — technical, readable, controlled */
html[data-ui-style="terminal"]{--bg:#07110c;--panel:#0b1710;--panel-soft:#0e1d14;--line:#294535;--line-2:#3c624b;--text:#e9fff0;--muted:#9dc4aa;--primary:#68e58d;--primary-2:#8cf2a9;--primary-soft:#13331e;--sky:#163e24;--nav:#050b08;--nav-2:#0a1710;--shadow:0 10px 30px rgba(0,0,0,.24);--shadow-sm:0 6px 16px rgba(0,0,0,.2);--radius:8px}
html[data-ui-style="terminal"],html[data-ui-style="terminal"] button,html[data-ui-style="terminal"] input,html[data-ui-style="terminal"] select,html[data-ui-style="terminal"] textarea{font-family:"Cascadia Mono","SFMono-Regular",Consolas,"Liberation Mono",monospace}
html[data-ui-style="terminal"] body{background:#07110c;color:#e9fff0}
html[data-ui-style="terminal"] .sidebar{background:#050b08;border-right:1px solid #294535}
html[data-ui-style="terminal"] .topbar{background:rgba(7,17,12,.94);border-color:#294535}
html[data-ui-style="terminal"] .card,html[data-ui-style="terminal"] .toolbar,html[data-ui-style="terminal"] .login-card,html[data-ui-style="terminal"] .boot-card{background:#0b1710;border-color:#294535;color:#e9fff0}
html[data-ui-style="terminal"] .metric-card{background:#0e1d14}
html[data-ui-style="terminal"] .metric-card::after{display:none}
html[data-ui-style="terminal"] .data-table th{background:#10251a;color:#bff7cf;border-color:#294535}
html[data-ui-style="terminal"] .data-table td{color:#e9fff0;border-color:#183324}
html[data-ui-style="terminal"] .data-table tbody tr:hover{background:#11291c}
html[data-ui-style="terminal"] .stack-form label,html[data-ui-style="terminal"] .form-grid label{color:#bde8ca}
html[data-ui-style="terminal"] input,html[data-ui-style="terminal"] select,html[data-ui-style="terminal"] textarea,html[data-ui-style="terminal"] .toolbar input,html[data-ui-style="terminal"] .toolbar select{background:#07110c!important;color:#e9fff0!important;border-color:#3c624b!important}
html[data-ui-style="terminal"] input::placeholder,html[data-ui-style="terminal"] textarea::placeholder{color:#6d997a}
html[data-ui-style="terminal"] .btn-ghost,html[data-ui-style="terminal"] .icon-btn,html[data-ui-style="terminal"] .theme-toggle{background:#0e1d14;color:#e9fff0;border-color:#3c624b}
html[data-ui-style="terminal"] .btn-primary{background:#68e58d;color:#06110a;box-shadow:none}
html[data-ui-style="terminal"] .btn-soft{background:#13331e;color:#9ff1b7}
html[data-ui-style="terminal"] .detail-hero{background:#0c2a18;border:1px solid #3c624b}
html[data-ui-style="terminal"] .detail-hero p{color:#b7dfc3}
html[data-ui-style="terminal"] .progress{background:#163222}.progress>span{border-radius:99px}
html[data-ui-style="terminal"] .chart-bar{background:linear-gradient(#9af2b4,#48c970)}
/* Terminal ignores light/dark palette switching by design; both remain high-contrast. */
html[data-theme="light"][data-ui-style="terminal"],html[data-theme="dark"][data-ui-style="terminal"]{color-scheme:dark}

/* EDITORIAL — paper-like business report */
html[data-ui-style="editorial"]{--bg:#f4f0e8;--panel:#fffefb;--panel-soft:#faf7f0;--line:#ddd4c6;--line-2:#c9beae;--text:#20242a;--muted:#6c6a65;--primary:#255b78;--primary-2:#1d465d;--primary-soft:#e7f0f3;--sky:#e8ddd0;--nav:#26333c;--nav-2:#1f2a31;--radius:3px;--shadow:0 8px 24px rgba(46,42,36,.06);--shadow-sm:0 4px 14px rgba(46,42,36,.05)}
html[data-ui-style="editorial"] body{background:#f4f0e8}
html[data-ui-style="editorial"] h1,html[data-ui-style="editorial"] h2,html[data-ui-style="editorial"] h3,html[data-ui-style="editorial"] .metric-value,html[data-ui-style="editorial"] .project-title{font-family:Georgia,"Times New Roman",serif}
html[data-ui-style="editorial"] .sidebar{background:#26333c}
html[data-ui-style="editorial"] .card,html[data-ui-style="editorial"] .toolbar{border-radius:3px}
html[data-ui-style="editorial"] .metric-card{background:#fffefb}
html[data-ui-style="editorial"] .metric-card::after{display:none}
html[data-ui-style="editorial"] .data-table th{background:#f2ede4;color:#4f5660;border-bottom-color:#cfc5b7}
html[data-ui-style="editorial"] .data-table td{border-bottom-color:#e7e0d6}
html[data-ui-style="editorial"] .btn,html[data-ui-style="editorial"] .icon-btn,html[data-ui-style="editorial"] input,html[data-ui-style="editorial"] select,html[data-ui-style="editorial"] textarea{border-radius:2px}
html[data-ui-style="editorial"] .detail-hero{border-radius:3px;background:#2f5e77}
html[data-theme="dark"][data-ui-style="editorial"]{--bg:#15191d;--panel:#1b2025;--panel-soft:#20262c;--line:#3a4148;--line-2:#4a535c;--text:#f2f0ea;--muted:#bbb7ae;--primary:#83bdd8;--primary-2:#a9d2e4;--primary-soft:#263d49;--sky:#3c3933;--nav:#11161a;--nav-2:#172027}
html[data-theme="dark"][data-ui-style="editorial"] body{background:#15191d;color:#f2f0ea}
html[data-theme="dark"][data-ui-style="editorial"] .card,html[data-theme="dark"][data-ui-style="editorial"] .toolbar{background:#1b2025;border-color:#3a4148}
html[data-theme="dark"][data-ui-style="editorial"] .metric-card{background:#1b2025}
html[data-theme="dark"][data-ui-style="editorial"] .data-table th{background:#252c32;color:#dedad0;border-color:#3a4148}
html[data-theme="dark"][data-ui-style="editorial"] .data-table td{color:#f2f0ea;border-color:#31383f}
html[data-theme="dark"][data-ui-style="editorial"] input,html[data-theme="dark"][data-ui-style="editorial"] select,html[data-theme="dark"][data-ui-style="editorial"] textarea{background:#151a1f;color:#f2f0ea;border-color:#4a535c}

/* Printed invoices/reports always use the professional light document design, independent of UI style. */
@media print{html[data-ui-style] .invoice-doc,html[data-ui-style] .print-document{font-family:Inter,Arial,sans-serif!important;color:#18324a!important;background:#fff!important}}