:root{--theme-accent:#166647;--theme-on:#FFFFFF;--theme-radius:12px;--green:#166647;--sidebar:#152D25}
body[class*="page-"]{background:#F5F6FA}
body[class*="page-"] .sidebar{background:#152D25!important;color:#FFFFFF}
body[class*="page-"] .sidebar nav a,body[class*="page-"] .sidebar summary,body[class*="page-"] .sidebar .nav-label,body[class*="page-"] .sidebar-foot{color:#FFFFFF!important}
body[class*="page-"] .sidebar nav a.active{background:#166647!important;color:#FFFFFF!important}
body .btn.primary,body .hpp-modern .btn.primary,body .hpp-calculator-modern .btn.primary{background:#166647!important;border-color:#166647!important;color:#FFFFFF!important}
body[class*="page-"] .master-tabs a.active{color:#166647;border-color:#166647}
body[class*="page-"] .card,body[class*="page-"] .btn,body[class*="page-"] input,body[class*="page-"] select,body[class*="page-"] textarea{border-radius:12px}
body[class*="page-"] .avatar{background:#166647;color:#FFFFFF}
body.page-orders .stat.all,body.page-orders .stat-card.total{background:#166647;color:#FFFFFF}
body.login-v1 .login-story{background:#152D25!important;color:#FFFFFF}
body.login-v1 .login-story h1,body.login-v1 .login-story p,body.login-v1 .login-story small{color:#FFFFFF}
body.login-v1 .login-box .btn.primary{background:#166647!important;color:#FFFFFF!important}

:root{--chart-finance-received:#00BFFF;--chart-finance-dp:#76EA84;--chart-cs-line:#94BC59;--chart-cs-wo:#7973AD;--chart-cs-goal:#94BC59;--chart-product-1:#0091FF;--chart-product-2:#00FFEE;--chart-product-3:#B8DFE0;--chart-product-4:#4383CC;--chart-product-5:#DBAD68;--chart-product-6:#9AA6B5;}
body[class*="page-"]{--ink:#18251F;--muted:#74839B;color:#18251F}
body[class*="page-"] .workspace :is(h1,h2,h3,label,td,th,strong,b,input,select,textarea){color:#18251F}
body[class*="page-"] .workspace :is(p,small,.report-caption,.cs-kicker,.metric-label){color:#74839B}
body.login-v1 .login-form :is(h1,h2,p,label,input,small){color:#18251F}

/* Loaded only by the validated, saved dark theme. Screen-only: PDF palettes stay independent. */
@media screen {
:root{color-scheme:dark;--bg:#101827;--ink:#e6edf7;--muted:#aab9ce;--line:#344258;--dark-surface:#182335;--dark-raised:#223047}
body:is([class*="page-"],.login-v1){--ink:#e6edf7;--muted:#aab9ce;--line:#344258;background:#101827!important;color:#e6edf7!important;accent-color:#80a7ff;scrollbar-color:#536782 #101827}
body[class*="page-"] .workspace,body[class*="page-"] .workspace main{background:#101827!important;color:#e6edf7}
body[class*="page-"] :is(.topbar,.card,.metric,.stat,.date-pill,.dropdown-menu,.filter-popover,.filter-panel,.print-options,.app-dialog,.production-dialog,dialog,.multi-options,.multi-customer-list,.hpp-more>div,.sticky-save,.dashboard-filters,.dashboard-table-card,.login-card),body.login-v1 :is(.login-form,.login-box,.login-layout){background:#182335!important;color:#e6edf7!important;border-color:#344258!important;box-shadow:0 6px 22px #0002}
body[class*="page-"] .sidebar{background:#0b1220!important;color:#e6edf7!important}
body[class*="page-"] .sidebar :is(a,summary,.nav-label,.sidebar-foot,.sidebar-foot small){color:#c6d3e6!important}
body[class*="page-"] .workspace :is(h1,h2,h3,h4,label,legend,td,th,strong,b,input,select,textarea),body.login-v1 .login-form :is(h1,h2,label,input){color:#e6edf7}
body[class*="page-"] .workspace :is(p,small,.muted,.report-caption,.cs-kicker,.metric-label,.breadcrumb,.order-number,.table-muted,.section-note),body.login-v1 .login-form :is(p,small){color:#aab9ce}
body[class*="page-"] :is(input,select,textarea,option),body.login-v1 :is(input,select,textarea){background:#111c2d!important;color:#e6edf7!important;border-color:#45546c!important;color-scheme:dark}
body[class*="page-"] input[type=color]{padding:4px;background:#223047!important}
body[class*="page-"] :is(input,textarea)::placeholder,body.login-v1 input::placeholder{color:#96a8c0;opacity:1}
body[class*="page-"] :is(input,select,textarea):focus,body.login-v1 input:focus{border-color:#80a7ff!important;box-shadow:0 0 0 3px #80a7ff30!important}
body[class*="page-"] :is(input:disabled,input[readonly]){background:#253044!important}
body[class*="page-"] :is(.btn.secondary,.filter-button,.circle-btn,.print-chip,.text-button,.reset-filters,.master-tabs,.report-tabs,.tabs,.multi-search-control,.multi-search-label){background:#223047!important;color:#d7e4fa!important;border-color:#45546c!important}
body[class*="page-"] :is(.btn.secondary,.dropdown-menu a,.multi-customer-list button):hover{background:#304360!important;color:#fff!important}
body[class*="page-"] :is(.master-tabs a.active,.report-tabs a.active,.tabs a.active){color:#a8c4ff!important;border-color:#80a7ff!important;background:#304360!important}
body[class*="page-"] :is(.text-link,.order-name,.order-name a,.progress-update){color:#a8c4ff!important}
body[class*="page-"] :is(fieldset,td,th,.card-heading,.pagination,.section-head,.theme-preview,.cs-legend,.cs-donut-legend li){border-color:#344258!important}
body[class*="page-"] :is(table,tbody,tr,td){background:transparent}
body[class*="page-"] :is(thead th,.matrix th,.hpp-product,.hpp-compact .hpp-product,.cs-product-matrix th:first-child){background:#223047!important;color:#c6d3e6!important}
body[class*="page-"] tbody tr:nth-child(even){background:#1c293c}
body[class*="page-"] tbody tr:hover{background:#2a3b52!important}
body[class*="page-"] :is(.hpp-group-0,.hpp-group-1,.hpp-group-2,.hpp-group-3,.hpp-group-4,.hpp-group-5,.hpp-compact tr){background:#182335!important}
body[class*="page-"] :is(.dashboard-welcome,.welcome-summary,.welcome-tags span,.orders-section-heading>span,.calculator-summary,.calculator-options,.calculator-steps,.hpp-live,.calculator-profit>div,.hpp-help,.price-preview,.multi-selected,.access-note,.payment-state,.folder-badge,.hpp-count,.hpp-fabric-chip,.step,.count,.division-tag){background:#223047!important;color:#c6d3e6!important;border-color:#344258!important}
body[class*="page-"] :is(.notice,.notice.error,.notice.success){background:#352b1d;color:#ffdb96;border-color:#75613a}
body[class*="page-"] .notice.error{background:#3c2430;color:#ffc2cd;border-color:#845163}
body[class*="page-"] .notice.success{background:#17382e;color:#b2edcd;border-color:#356c57}
body[class*="page-"] :is(.badge,.type-pill,.print-tag,.user-role,.user-status,.maklon-tag){background:#2c3c54;color:#d2e2ff;border-color:#45546c}
body[class*="page-"] :is(.badge.produksi,.multi-payment.partial){background:#48351c;color:#ffda97}
body[class*="page-"] :is(.badge.finish,.multi-payment.paid,.user-status.enabled){background:#193f34;color:#b2edcd}
body[class*="page-"] :is(.badge.batal,.multi-payment.unpaid){background:#472733;color:#ffc2cd}
body[class*="page-"] .order-alert-green{background:#17382e!important}
body[class*="page-"] .order-alert-yellow{background:#3b321e!important}
body[class*="page-"] .order-alert-red{background:#3c2430!important}
body[class*="page-"] .cancelled-order{background:#2c303b!important}
body[class*="page-"] :is(.finance-chart-svg,.cs-insight-svg,.cs-donut,.cs-goal) text{fill:#c6d3e6!important}
body[class*="page-"] :is(.finance-chart-svg,.cs-insight-svg) line{stroke:#344258!important}
body[class*="page-"] .cs-point-label{stroke:#182335!important;fill:#e6edf7!important}
body[class*="page-"] :is(.app-dialog,.production-dialog,dialog)::backdrop{background:#020710b8}
body[class*="page-"] :is(.theme-preview [data-theme-side],.theme-preview [data-theme-preview]){color:inherit}
body[class*="page-"] .theme-preview :is(b,p,small){color:inherit!important}
body[class*="page-"] .theme-preview [data-theme-side] small{color:inherit!important}
body[class*="page-"] :is(button,a,summary):focus-visible{outline:2px solid #a8c4ff;outline-offset:3px}
body[class*="page-"] .workspace .btn.primary{color:var(--theme-on)!important}
}

/* v2.85: cover root canvas, nested navigation and explicit report cell surfaces. */
@media screen {
html{background:#101827!important;min-height:100%}
body:is([class*="page-"],.login-v1){min-height:100vh;background:#101827!important}
body[class*="page-"] .workspace{min-height:100vh;background:#101827!important}
body[class*="page-"] .sidebar nav :is(a,summary,span),
body[class*="page-"] .sidebar .report-subnav a,
body[class*="page-"] .workspace :is(.master-tabs,.report-tabs,.access-tabs,.tabs) :is(a,button,span),
body[class*="page-"] .workspace :is(.cs-chart-values,.hpp-more,.hpp-affected) summary{color:#fff!important;opacity:1}
body[class*="page-"] .workspace :is(.master-tabs,.report-tabs,.access-tabs,.tabs) a.active{color:#fff!important;background:#304360!important;border-bottom-color:#9abaff!important}
body[class*="page-"] .workspace :is(.master-tabs,.report-tabs,.access-tabs,.tabs) a:hover{color:#fff!important;background:#304360!important}
body[class*="page-"] .workspace :is(.hpp-search,.report-filter-caption,.cs-field-caption,.cs-density-note){background:#223047!important;color:#e6edf7!important;border-color:#344258!important}
body[class*="page-"] :is(.finance-report,.cs-report) :is(table,.table-scroll){background:#182335!important;border-color:#344258!important}
body[class*="page-"] :is(.finance-report,.cs-report) table tbody :is(td,th){background:#182335!important;color:#e6edf7!important;border-color:#344258!important}
body[class*="page-"] :is(.finance-report,.cs-report) table tbody tr:nth-child(even)>:is(td,th){background:#1c293c!important}
body[class*="page-"] :is(.finance-report,.cs-report) table tbody tr:hover>:is(td,th){background:#2a3b52!important}
body[class*="page-"] :is(.finance-report,.cs-report) table :is(thead,tfoot) :is(td,th){background:#223047!important;color:#fff!important;border-color:#45546c!important}
body[class*="page-"] :is(.finance-report,.cs-report) :is(.card>h2,.finance-chart>.split,.cs-formula){border-color:#344258!important}
body[class*="page-"] .workspace :is(.cs-chart-key,.report-stat-label,.cs-big-number,.cs-goal-value,.hpp-eyebrow,.user-actions a,.folder-card small){color:#d8e4f5!important}
body[class*="page-"] .workspace .user-actions .user-delete{color:#ff8fa3!important}
}

/* v2.86: inactive report tabs, floating search labels and calculator steps. */
@media screen {
body:is(.page-reports,.page-reports-admin) .workspace .access-tabs a{background:#223047!important;border-color:#45546c!important;color:#fff!important}
body.page-reports .workspace .access-tabs a[href="?page=reports"],body.page-reports-admin .workspace .access-tabs a[href="?page=reports-admin"]{background:#7343a8!important;border-color:#a67ad1!important;color:#fff!important}
body:is(.page-reports,.page-reports-admin) .workspace .access-tabs a:hover{background:#3c4d69!important}
body[class*="page-"] .workspace .dashboard-search>span{background:#182335!important;color:#e6edf7!important}
body[class*="page-"] .workspace .dashboard-search{border-color:#45546c}
body[class*="page-"] .workspace .calculator-steps b{background:#304b6c!important;color:#fff!important;border:1px solid #6486ad}
body[class*="page-"] .workspace .calculator-order-search{border-color:#344258!important}
body[class*="page-"] .workspace .calculator-order-search>summary{color:#e6edf7!important}
body[class*="page-"] .workspace :is(.order-color-legend,.money,.balance-cell,.welcome-kicker,.welcome-summary>a){color:#c6d8f2!important}
body[class*="page-"] .workspace .order-color-legend .red{background:#d76b7c}
body[class*="page-"] .workspace .order-color-legend .yellow{background:#d5b45c}
body[class*="page-"] .workspace .order-color-legend .green{background:#63ad8f}
}

/* v2.90: order division notes and the complete print-type picker. */
@media screen {
body[class*="page-"] .workspace .division-note-text{color:#e6edf7!important}
body[class*="page-"] .workspace .division-note-text::before{color:#aab9ce!important}
body[class*="page-"] .workspace .division-block{background:#182335!important;border-color:#344258!important}
body[class*="page-"] .workspace .division-icon{color:#d7e4fa!important}
body[class*="page-"] .workspace .division-icon.delete{color:#ff8fa3!important}
body[class*="page-"] .workspace .division-icon:hover{background:#30435e!important}
body[class*="page-"] .workspace .division-feedback{color:#aab9ce!important}
body[class*="page-"] .workspace .print-picker{background:#111c2d!important;border-color:#45546c!important;color:#e6edf7!important}
body[class*="page-"] .workspace .print-picker>summary{background:#111c2d!important;color:#e6edf7!important;border-radius:5px}
body[class*="page-"] .workspace .print-picker>summary span{color:#aab9ce!important}
body[class*="page-"] .workspace .print-picker[open]>.print-options{background:#182335!important;color:#e6edf7!important;border-top:1px solid #344258}
body[class*="page-"] .workspace .print-picker .check-label{color:#e6edf7!important}
body[class*="page-"] .workspace .print-picker .check-label:hover{background:#30435e!important}
body[class*="page-"] .workspace .print-picker>.text-button{background:#223047!important;color:#d7e4fa!important;border-color:#45546c!important;margin:6px}
body[class*="page-"] .workspace :is(.print-picker>summary,.print-picker>.text-button,.division-icon):focus-visible{outline:2px solid #80a7ff;outline-offset:2px}
}

/* v2.91: payment and file dialogs share the application dark palette. */
@media screen {
body[class*="page-"]{--file-row-bg:#223047;--file-icon-bg:#30435e;--viewer-bg:#182335;--drop-hover:#223047}
body[class*="page-"] .workspace .welcome-today :is(span,small){color:#c6d3e6!important}
body[class*="page-"] .workspace .welcome-today strong,body[class*="page-"] .workspace .bill-cell{color:#e6edf7!important}
body[class*="page-"] :is(.design-viewer,.design-file-open){color:#e6edf7!important}
body[class*="page-"] .design-viewer :is(h2,small,span){color:#e6edf7!important}
body[class*="page-"] .design-viewer .btn{color:#e6edf7!important;background:#223047;border-color:#45546c}
body[class*="page-"] .payment-out{color:#ff8fa3!important}
body[class*="page-"] .payment-dialog :is(label,small,p){color:#c6d3e6!important}
body[class*="page-"] .design-file-row{background:#223047!important;border-color:#344258!important}
body[class*="page-"] .design-file-open{background:transparent!important}
}