*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:#f4f7fb;color:#172033}button,input,select{font:inherit}button{cursor:pointer}.hidden{display:none!important}.login{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#0f172a,#123b78,#0b5ed7);padding:20px}.login-card{width:min(410px,100%);background:rgba(255,255,255,.1);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.2);border-radius:22px;padding:30px;box-shadow:0 25px 60px #0005;color:#fff}.logo{width:72px;height:72px;border-radius:18px;background:#3b82f6;display:grid;place-items:center;font-size:32px;margin:auto auto 16px}.login h1{text-align:center;margin:0}.login p{text-align:center;color:#cfe0ff}.login label{display:block;font-size:12px;font-weight:700;margin:14px 0 6px;color:#cfe0ff}.login input{width:100%;padding:12px;border:1px solid #ffffff30;border-radius:10px;background:#fff;color:#111}.login button{width:100%;margin-top:18px;padding:12px;border:0;border-radius:10px;background:#2563eb;color:#fff;font-weight:700}.error{color:#fecaca;background:#7f1d1d66;padding:9px;border-radius:9px;font-size:13px;margin-top:12px}.shell{min-height:100vh}.topbar{background:#fff;border-bottom:1px solid #e5eaf1;position:sticky;top:0;z-index:5}.topbar-inner{max-width:1250px;margin:auto;padding:13px 18px;display:flex;align-items:center;justify-content:space-between;gap:15px}.brand{font-weight:800;font-size:20px}.brand span{color:#2563eb}.tabs{display:flex;gap:6px;overflow:auto;max-width:1250px;margin:auto;padding:0 18px 10px}.tab{border:0;background:transparent;padding:9px 12px;border-radius:9px;color:#64748b;white-space:nowrap}.tab.active{background:#eaf2ff;color:#1d4ed8;font-weight:700}.logout{border:1px solid #dbe2ec;background:#fff;border-radius:9px;padding:8px 12px;color:#475569}.main{max-width:1250px;margin:auto;padding:22px 18px}.grid{display:grid;gap:16px}.stats{grid-template-columns:repeat(6,minmax(0,1fr))}.card{background:#fff;border:1px solid #e6ebf2;border-radius:15px;padding:18px;box-shadow:0 5px 18px #1e293b08}.stat{color:#fff;border-radius:15px;padding:16px}.stat small{opacity:.82}.stat strong{display:block;font-size:21px;margin-top:6px}.blue{background:linear-gradient(135deg,#3b82f6,#2563eb)}.indigo{background:linear-gradient(135deg,#6366f1,#4f46e5)}.orange{background:linear-gradient(135deg,#f59e0b,#ea580c)}.red{background:linear-gradient(135deg,#ef4444,#dc2626)}.green{background:linear-gradient(135deg,#10b981,#059669)}.purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.section-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.section-title h2{font-size:18px;margin:0}.muted{color:#64748b;font-size:13px}.btn{border:0;border-radius:9px;padding:9px 13px;font-weight:700}.primary{background:#2563eb;color:#fff}.danger{background:#dc2626;color:#fff}.secondary{background:#eef2f7;color:#334155}.success{background:#059669;color:#fff}.input,.select{width:100%;padding:10px 11px;border:1px solid #d9e0ea;border-radius:9px;background:#fff}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.field label{font-size:12px;font-weight:700;color:#475569;display:block;margin-bottom:5px}.full{grid-column:1/-1}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;font-size:13px}.table th,.table td{padding:10px;border-bottom:1px solid #edf0f4;text-align:left;white-space:nowrap}.table th{background:#f8fafc;color:#475569}.right{text-align:right!important}.center{text-align:center!important}.search-row{display:flex;gap:10px;margin-bottom:13px}.search-row>*:first-child{flex:1}.charts{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}.bar{height:220px;display:flex;align-items:end;gap:8px;padding:15px 5px}.bar-item{flex:1;text-align:center}.bar-fill{background:#3b82f6;border-radius:7px 7px 2px 2px;min-height:3px}.bar-label{font-size:10px;color:#64748b;margin-top:5px}.brand-list{display:grid;gap:10px}.brand-line{display:flex;justify-content:space-between;border-bottom:1px solid #edf0f4;padding:8px}.modal{position:fixed;inset:0;background:#0008;display:grid;place-items:center;padding:15px;z-index:20}.modal-box{background:#fff;border-radius:16px;width:min(760px,100%);max-height:90vh;overflow:auto;padding:20px}.invoice{font-size:13px;max-width:620px;margin:auto}.invoice h2{text-align:center;margin:0}.invoice .center{text-align:center}.invoice table{width:100%;border-collapse:collapse;margin-top:14px}.invoice td,.invoice th{padding:7px 4px;border-bottom:1px solid #ddd}.toast{position:fixed;right:18px;bottom:18px;background:#0f172a;color:#fff;padding:11px 15px;border-radius:10px;z-index:50;box-shadow:0 10px 30px #0004}.period{display:flex;justify-content:space-between;align-items:center;gap:10px}.positive{color:#059669}.negative{color:#dc2626}@media(max-width:1050px){.stats{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.stats{grid-template-columns:repeat(2,1fr)}.charts{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.full{grid-column:auto}.topbar-inner{align-items:flex-start}.brand{font-size:17px}.main{padding:15px 10px}.tabs{padding-left:10px;padding-right:10px}.card{padding:14px}}@media print{body{background:#fff}.no-print{display:none!important}.modal{position:static;background:#fff;padding:0}.modal-box{box-shadow:none;width:100%;max-height:none}.invoice{max-width:none}}

.label-dashboard{display:grid;grid-template-columns:minmax(340px,.8fr) minmax(430px,1.2fr);gap:16px;align-items:start}.label-note{margin-top:14px;padding:10px 12px;border-radius:9px;background:#f8fafc;color:#64748b;font-size:12px}.label-preview-card{overflow:auto}.label-sheet{background:#eef2f7;margin:auto;display:grid;gap:4mm;align-content:start;justify-content:center;padding:8mm;min-height:360px}.label-sheet.paper-a4{grid-template-columns:repeat(3,60mm)}.label-sheet.paper-a5{grid-template-columns:repeat(2,60mm)}.label-sheet.paper-80{grid-template-columns:72mm;padding:4mm}.label-sheet.paper-58{grid-template-columns:50mm;padding:3mm}.label-sheet.paper-50x30,.label-sheet.paper-40x25{grid-template-columns:1fr;padding:2mm}.print-label{background:#fff;border:1px dashed #94a3b8;border-radius:4px;padding:3mm;min-height:35mm;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;overflow:hidden;break-inside:avoid}.paper-80 .print-label{width:72mm}.paper-58 .print-label{width:50mm}.paper-50x30 .print-label{width:50mm;height:30mm;min-height:30mm;padding:1.5mm}.paper-40x25 .print-label{width:40mm;height:25mm;min-height:25mm;padding:1mm}.label-title{font-weight:800;line-height:1.08;margin-bottom:2mm;max-width:100%;overflow:hidden;text-overflow:ellipsis}.code-box{display:flex;align-items:center;justify-content:center;max-width:100%;min-height:62px}.code-box canvas,.code-box img{max-width:100%;height:auto!important}.code-box svg{max-width:100%;height:auto}.label-value{font-size:.72em;line-height:1.1;word-break:break-all;margin-top:1mm}.label-extra{font-size:.68em;color:#475569;line-height:1.15;margin-top:1mm}.code-error{font-size:11px;color:#dc2626;max-width:100%}.paper-50x30 .code-box canvas,.paper-50x30 .code-box img,.paper-40x25 .code-box canvas,.paper-40x25 .code-box img{width:52px!important;height:52px!important}.paper-50x30 .code-box,.paper-40x25 .code-box{min-height:45px}.paper-50x30 .label-title,.paper-40x25 .label-title{margin-bottom:.5mm}.paper-50x30 .label-value,.paper-40x25 .label-value{margin-top:.3mm}@media(max-width:900px){.label-dashboard{grid-template-columns:1fr}.label-sheet.paper-a4{grid-template-columns:repeat(2,60mm)}}
@media print{body.printing-labels .topbar,body.printing-labels .label-settings,body.printing-labels .label-preview-card>.section-title{display:none!important}body.printing-labels .main{max-width:none;padding:0;margin:0}body.printing-labels .card.label-preview-card{border:0;box-shadow:none;padding:0}body.printing-labels .label-dashboard{display:block}body.printing-labels .label-sheet{background:#fff;padding:0;gap:2mm;min-height:0}body.printing-labels .print-label{border:1px solid #ddd;border-radius:0}}

/* Label builder v2: multi-data + manual paper size */
.label-global-settings{border:1px solid #e6ebf2;background:#f8fafc;border-radius:12px;padding:14px;margin-bottom:16px}.label-global-settings h3,.label-data-title h3{margin:0;font-size:15px}.label-data-title{margin-top:8px}.label-rows{display:grid;gap:12px;max-height:58vh;overflow:auto;padding-right:4px}.label-data-card{border:1px solid #dfe6ef;border-radius:12px;padding:13px;background:#fff}.label-data-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:10px}.label-sheet-viewport{overflow:auto;padding:8px;background:#eef2f7;border-radius:10px}.label-sheet.custom-paper{box-sizing:border-box;background:#fff;margin:auto;display:grid;align-content:start;padding:4mm;border:1px solid #cbd5e1;box-shadow:0 3px 12px #0f172a18;overflow:hidden}.label-sheet.custom-paper .print-label{width:auto;min-width:0;min-height:35mm}.label-sheet.custom-paper .code-box canvas,.label-sheet.custom-paper .code-box img,.label-sheet.custom-paper .code-box svg{max-width:100%!important}@media(max-width:760px){.label-data-head{align-items:flex-start;flex-direction:column}.label-rows{max-height:none}}
@media print{body.printing-labels .label-sheet-viewport{padding:0;background:#fff;overflow:visible}body.printing-labels .label-sheet.custom-paper{border:0;box-shadow:none;margin:0;padding:0;overflow:visible}}

/* v3: smaller label typography, adaptive code size, receipt option */
.code-box{width:min(var(--code-size,30mm),100%);max-width:100%;min-height:0}
.code-box canvas,.code-box img{width:min(var(--code-size,30mm),100%)!important;height:auto!important;max-width:100%!important}
.code-box svg{width:min(100%,var(--code-size,42mm))!important;max-height:var(--code-size,30mm);height:auto!important}
.receipt-store{padding:10px 12px;background:#f8fafc;border:1px solid #e6ebf2;border-radius:10px;margin:0 0 14px}
.check-row{display:flex;gap:8px;align-items:flex-start;margin-top:14px;font-size:13px;font-weight:600;color:#334155}.check-row input{margin-top:2px}
@media print{body:not(.printing-labels) .invoice{font-family:Arial,sans-serif}}

/* v6: sales channels, shipping tracking and returns */
.ecommerce-fields{display:none;border:1px solid #dbeafe;background:#eff6ff;border-radius:12px;padding:12px;grid-template-columns:repeat(3,1fr)}
.tracking-line{margin-top:6px;font-size:12px;color:#475569}.badge{display:inline-block;padding:2px 6px;border-radius:999px;font-size:10px;font-weight:800;vertical-align:middle}.badge.returned{background:#fee2e2;color:#b91c1c}.returned-row{opacity:.65;background:#fff7f7}.return-results{display:grid;gap:8px;margin-top:12px}.return-result{display:grid;grid-template-columns:1.5fr 1fr 1.2fr auto;gap:8px;align-items:center;width:100%;text-align:left;border:1px solid #dbe3ee;background:#fff;border-radius:10px;padding:10px 12px}.return-result:hover{border-color:#2563eb;background:#f8fbff}.return-result span{font-size:12px;color:#64748b}.return-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:14px 0;padding:12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px}.return-summary div{display:flex;flex-direction:column;gap:3px}.return-summary span{font-size:11px;color:#64748b;text-transform:uppercase;letter-spacing:.04em}
@media(max-width:760px){.ecommerce-fields{grid-template-columns:1fr}.return-result{grid-template-columns:1fr}.return-summary{grid-template-columns:1fr}}

/* v7: supplier master + modern responsive / mobile-first UI */
:root{--surface:#fff;--bg:#f5f7fb;--text:#172033;--muted:#6b7280;--line:#e7ebf1;--primary:#2563eb;--primary-soft:#eff6ff;--shadow:0 10px 30px rgba(15,23,42,.055)}
body{background:radial-gradient(circle at top left,#eef5ff 0,transparent 30%),var(--bg);min-height:100vh}
.topbar{background:rgba(255,255,255,.93);backdrop-filter:blur(16px);box-shadow:0 1px 0 rgba(15,23,42,.04)}
.topbar-inner{padding-top:12px;padding-bottom:12px}.brand{display:flex;align-items:center;gap:10px;color:#172033}.brand span{color:inherit}.brand b{color:var(--primary)}
.brand-mark{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,#2563eb,#60a5fa);color:#fff!important;font-size:12px;letter-spacing:.03em;box-shadow:0 7px 18px rgba(37,99,235,.2)}
.top-actions{display:flex;align-items:center;gap:8px}.install-btn{border:0;background:#eff6ff;color:#1d4ed8;padding:8px 11px;border-radius:10px;font-weight:800}.mobile-menu-btn{display:none;border:0;background:#eef2f7;color:#334155;border-radius:11px;width:40px;height:40px;font-size:20px}.nav-overlay{display:none}
.tabs{padding-bottom:11px}.tab{display:flex;gap:7px;align-items:center;transition:.18s ease}.tab:hover{background:#f5f8fc;color:#334155}.tab.active{background:#eaf2ff;color:#1d4ed8;box-shadow:inset 0 0 0 1px #dbeafe}.nav-icon{font-size:13px;min-width:15px;text-align:center}
.main{padding-top:26px;padding-bottom:38px}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin:0 0 18px}.page-heading h1{margin:2px 0 4px;font-size:28px;letter-spacing:-.035em}.page-heading p{margin:0;color:#64748b;font-size:14px}.eyebrow{font-size:10px;letter-spacing:.14em;font-weight:900;color:#2563eb}
.card{border-color:rgba(226,232,240,.9);box-shadow:var(--shadow);border-radius:18px}.btn{min-height:38px;border-radius:11px;transition:transform .12s ease,box-shadow .12s ease}.btn:active{transform:translateY(1px)}.btn.primary,.btn.success{box-shadow:0 6px 16px rgba(37,99,235,.14)}.btn.compact{min-height:38px;padding:7px 11px}
.input,.select{min-height:42px;border-radius:11px;outline:none;transition:border-color .15s,box-shadow .15s}.input:focus,.select:focus{border-color:#93c5fd;box-shadow:0 0 0 3px #dbeafe80}.textarea{min-height:92px;resize:vertical;font:inherit}.field-hint{font-size:11px;color:#94a3b8;margin-top:5px}.inline-field{display:grid;grid-template-columns:1fr auto;gap:7px}
.stats{gap:12px}.stat{border-radius:18px;box-shadow:0 10px 20px rgba(15,23,42,.08)}.stat strong{font-size:20px;letter-spacing:-.02em}.period{border-left:4px solid #2563eb}.charts>.card{min-height:290px}
.sales-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);gap:16px;align-items:start}.sale-summary{position:sticky;top:130px}.sale-summary h2{margin-top:0}.summary-metric{padding:14px 0;border-bottom:1px solid #edf0f4;display:flex;justify-content:space-between;gap:12px;align-items:flex-end}.summary-metric span{font-size:12px;color:#64748b}.summary-metric strong{font-size:20px}.sale-actions .btn{flex:1}
.supplier-stats{display:grid;grid-template-columns:repeat(2,minmax(0,220px));gap:12px;margin-bottom:16px}.mini-stat{background:#fff;border:1px solid var(--line);border-radius:15px;padding:14px 16px;box-shadow:var(--shadow);display:flex;justify-content:space-between;align-items:center}.mini-stat span{font-size:12px;color:#64748b}.mini-stat b{font-size:22px;color:#1d4ed8}.supplier-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.supplier-card{border:1px solid #e5eaf1;border-radius:16px;padding:15px;display:grid;grid-template-columns:auto 1fr auto;gap:13px;align-items:start;background:linear-gradient(180deg,#fff,#fbfdff)}.supplier-avatar{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:#eaf2ff;color:#1d4ed8;font-weight:900}.supplier-info h3{margin:0 0 7px;font-size:16px}.supplier-info div{font-size:12px;color:#475569;margin:3px 0}.supplier-info p{font-size:12px;color:#64748b;margin:7px 0 0;line-height:1.45}.supplier-actions{display:flex;gap:6px}.supplier-actions .btn{padding:7px 9px;min-height:34px;font-size:12px}.empty-state{grid-column:1/-1;min-height:210px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#64748b;gap:7px}.empty-state>div{font-size:34px}.empty-state b{color:#334155}.empty-state span{font-size:12px}
.settings-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}.install-card{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.install-card h2,.danger-zone h2{margin:0}.install-icon{font-size:38px}.danger-zone{grid-column:1/-1;border-color:#fee2e2;background:#fffafa}
.history-card{overflow:hidden}.table tbody tr:hover{background:#fbfdff}
@media(max-width:980px){.sales-layout{grid-template-columns:1fr}.sale-summary{position:static}.supplier-grid{grid-template-columns:1fr}.settings-grid{grid-template-columns:1fr}.danger-zone{grid-column:auto}}
@media(max-width:760px){
 body{background:#f6f8fc;padding-bottom:10px}.topbar{position:sticky;top:0;z-index:30}.topbar-inner{padding:9px 12px;align-items:center}.mobile-menu-btn{display:grid;place-items:center}.brand{font-size:15px;flex:1}.brand-mark{width:31px;height:31px;border-radius:10px}.logout{padding:7px 9px;font-size:12px}.install-btn{display:none!important}
 .tabs{position:fixed;left:0;top:0;bottom:0;width:min(82vw,320px);z-index:60;display:flex;flex-direction:column;gap:4px;padding:18px 12px 24px;background:#fff;box-shadow:18px 0 45px rgba(15,23,42,.18);transform:translateX(-105%);transition:transform .22s ease;overflow-y:auto}.tabs:before{content:'MENU APLIKASI';font-size:10px;letter-spacing:.13em;font-weight:900;color:#94a3b8;padding:8px 10px 12px}.tab{width:100%;justify-content:flex-start;text-align:left;padding:12px;border-radius:12px;font-size:14px}.tab.active{background:#eaf2ff}.nav-icon{width:24px;font-size:16px}.nav-overlay{position:fixed;inset:0;z-index:55;background:rgba(15,23,42,.45);backdrop-filter:blur(2px)}body.nav-open .tabs{transform:translateX(0)}body.nav-open .nav-overlay{display:block}
 .main{padding:17px 10px 28px}.page-heading{align-items:flex-start;flex-direction:column;margin-bottom:14px}.page-heading h1{font-size:23px}.page-heading p{font-size:12px}.page-heading>.btn{width:100%}.card{border-radius:16px;padding:14px}.stats{grid-template-columns:1fr 1fr;gap:9px}.stat{padding:13px;border-radius:15px;min-width:0}.stat strong{font-size:16px;overflow-wrap:anywhere}.stat small{font-size:10px}.period{align-items:flex-start;flex-direction:column}.period .btn{width:100%}.charts{gap:10px}.charts>.card{min-height:0}.bar{height:185px;padding-left:0;padding-right:0}.bar-label{font-size:9px}
 .search-row{align-items:stretch}.search-row .btn{min-width:76px}.input,.select{font-size:16px;min-height:45px}.btn{min-height:43px}.table-wrap{margin-left:-14px;margin-right:-14px;padding:0 14px;overflow-x:auto;-webkit-overflow-scrolling:touch}.table{min-width:680px}.table th,.table td{padding:10px 8px}.modal{padding:0;align-items:end}.modal-box{width:100%;max-width:none;max-height:92vh;border-radius:22px 22px 0 0;padding:17px 14px;padding-bottom:max(18px,env(safe-area-inset-bottom))}.form-grid{gap:12px}.section-title{align-items:flex-start}.section-title>.btn{flex:0 0 auto}
 .sales-layout{gap:10px}.sale-summary{position:static}.summary-metric strong{font-size:18px}.sale-actions{display:grid;grid-template-columns:1fr}.supplier-stats{grid-template-columns:1fr 1fr;gap:8px}.mini-stat{padding:12px}.mini-stat{display:block}.mini-stat span{display:block}.mini-stat b{display:block;margin-top:4px;font-size:20px}.supplier-grid{grid-template-columns:1fr}.supplier-card{grid-template-columns:auto 1fr}.supplier-actions{grid-column:1/-1}.supplier-actions .btn{flex:1}.settings-grid{grid-template-columns:1fr}.label-dashboard{gap:10px}.label-sheet-viewport{max-width:100vw}.toast{left:10px;right:10px;bottom:12px;text-align:center}
}
@media(max-width:420px){.stats{grid-template-columns:1fr}.supplier-stats{grid-template-columns:1fr}.brand span:last-child{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-actions{gap:4px}}
@media(display-mode:standalone){.topbar-inner{padding-top:max(9px,env(safe-area-inset-top))}.main{padding-bottom:max(30px,env(safe-area-inset-bottom))}}
@media print{.page-heading,.mobile-menu-btn,.nav-overlay{display:none!important}}

.cloud-sync{position:fixed;right:14px;bottom:14px;z-index:9999;background:#fff;color:#64748b;border:1px solid #e2e8f0;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:700;box-shadow:0 8px 25px #0f172a18}
.cloud-sync[data-ok="1"]{color:#047857;border-color:#a7f3d0;background:#ecfdf5}
@media(max-width:700px){.cloud-sync{bottom:78px;right:10px;padding:7px 10px}}

/* v8.2 backup & migration */
.migration-card{grid-column:1/-1}
.migration-status{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:14px 16px;margin:12px 0;line-height:1.65}
.migration-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0}
.migration-steps>div{background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;padding:12px 14px;line-height:1.5}
@media(max-width:700px){.migration-steps{grid-template-columns:1fr}.migration-card .actions .btn{width:100%}}

.migration-banner{position:fixed;left:50%;transform:translateX(-50%);bottom:18px;z-index:9998;width:min(900px,calc(100% - 28px));background:#fff;border:2px solid #2563eb;border-radius:18px;padding:16px 18px;box-shadow:0 20px 55px #0f172a35;display:flex;align-items:center;justify-content:space-between;gap:16px}
.migration-banner span{color:#64748b}.migration-banner .actions{margin:0;flex-wrap:nowrap}
@media(max-width:700px){.migration-banner{bottom:12px;display:block!important}.migration-banner .actions{margin-top:12px;display:grid;grid-template-columns:1fr 1fr}.migration-banner .btn{width:100%}.cloud-sync{bottom:150px}}

/* v8.5 notifications + finance */
.toast.notify{display:flex;align-items:center;gap:10px;min-width:280px;max-width:min(460px,calc(100vw - 28px));opacity:0;transform:translateY(12px);transition:.2s ease;padding:13px 16px;border-radius:14px;box-shadow:0 16px 40px #0f172a30;font-weight:700;z-index:10050}
.toast.notify.show{opacity:1;transform:translateY(0)}.toast.notify.success{background:#ecfdf5;color:#047857;border:1px solid #a7f3d0}.toast.notify.error{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}.toast.notify.warning{background:#fffbeb;color:#b45309;border:1px solid #fde68a}.notify-icon{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:999px;background:#fff9;font-weight:900}
.finance-stats{margin:18px 0}.finance-ledger{display:grid;gap:0;border:1px solid #e2e8f0;border-radius:14px;overflow:hidden}.finance-ledger>div{display:flex;justify-content:space-between;gap:12px;padding:12px 15px;border-bottom:1px solid #e2e8f0}.finance-ledger>div:last-child{border-bottom:0}.finance-ledger .total{background:#f8fafc;font-size:18px}
@media(max-width:700px){.migration-banner .actions{grid-template-columns:1fr}.toast.notify{left:14px!important;right:14px!important;min-width:0}}

/* v8.6 modern dashboard/sidebar */
:root{--sidebar-w:270px;--modern-accent:#6558d9;--modern-accent-soft:#f0efff;--modern-text:#263043;--modern-muted:#8590a2;--modern-border:#edf0f5}
body{background:#f6f7fb;color:var(--modern-text)}.modern-shell{min-height:100vh}.sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar-w);background:#fff;border-right:1px solid var(--modern-border);z-index:45;display:flex;flex-direction:column}.sidebar-brand{height:86px;display:flex;align-items:center;gap:12px;padding:0 22px;border-bottom:1px solid var(--modern-border)}.sidebar-brand .brand-mark,.mobile-brand .brand-mark{background:linear-gradient(145deg,#6558d9,#8277ef);box-shadow:0 7px 18px rgba(101,88,217,.22)}.sidebar-brand>div,.mobile-brand>div{min-width:0}.sidebar-brand b,.mobile-brand b{display:block;font-size:16px;color:#202737;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-brand small,.mobile-brand small{display:block;color:#9aa3b3;font-size:10px;margin-top:2px}
.sidebar .tabs{display:block!important;position:static!important;transform:none!important;box-shadow:none!important;width:auto!important;flex:1;padding:20px 14px;overflow-y:auto;background:#fff}.sidebar .tabs:before{display:none!important}.nav-group{margin-bottom:21px}.nav-group-title{font-size:10px;font-weight:900;letter-spacing:.11em;color:#a0a8b7;padding:0 10px 8px}.sidebar .tab{width:100%;display:flex;align-items:center;gap:13px;border:0;background:transparent;color:#687386;padding:11px 12px;border-radius:11px;text-align:left;margin:2px 0;font-size:13px;transition:.16s ease}.sidebar .tab:hover{background:#f7f7fb;color:#434c5e}.sidebar .tab.active{background:var(--modern-accent-soft);color:#584ac9;font-weight:800;box-shadow:inset 3px 0 0 var(--modern-accent)}.sidebar .nav-icon{width:25px;font-size:17px;color:#98a1b0}.sidebar .tab.active .nav-icon{color:#6558d9}.sidebar-footer{padding:14px;border-top:1px solid var(--modern-border);display:flex;align-items:center;gap:10px}.sidebar-user{display:flex;align-items:center;gap:9px;flex:1;min-width:0}.user-avatar{width:35px;height:35px;border-radius:12px;background:#f0efff;color:#6558d9;display:grid;place-items:center;font-weight:900}.sidebar-user b{display:block;font-size:12px}.sidebar-user small{font-size:10px;color:#98a1b0}.sidebar-logout{border:0;background:#f7f7fa;color:#6b7280;width:34px;height:34px;border-radius:10px}
.workspace{margin-left:var(--sidebar-w);min-height:100vh}.topbar{position:sticky;top:0;z-index:35;background:rgba(255,255,255,.94);border-bottom:1px solid var(--modern-border);box-shadow:none;backdrop-filter:blur(14px)}.topbar-inner{max-width:none;padding:12px 26px}.mobile-brand{display:none;align-items:center;gap:10px;min-width:0}.today-pill{font-size:11px;color:#778194;background:#f6f7fa;border:1px solid #eceff4;border-radius:999px;padding:7px 10px}.mobile-logout{display:none}.main{max-width:1450px;padding:26px 28px 45px}
.dashboard-welcome{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:20px}.dashboard-welcome h1{font-size:28px;letter-spacing:-.03em;margin:2px 0 5px}.dashboard-welcome p{margin:0;color:#7d8799;font-size:13px;max-width:700px}.dashboard-grid{display:grid;grid-template-columns:2fr repeat(2,1fr);gap:13px;margin-bottom:14px}.hero-balance{grid-row:span 2;background:linear-gradient(135deg,#5045c7,#776be8);border-radius:20px;padding:24px;color:#fff;display:flex;justify-content:space-between;align-items:flex-start;min-height:180px}.hero-balance span{font-size:10px;letter-spacing:.11em;font-weight:900;opacity:.8}.hero-balance strong{display:block;font-size:31px;letter-spacing:-.04em;margin:14px 0 6px}.hero-balance small{font-size:11px;opacity:.78}.hero-balance-icon{width:48px;height:48px;border-radius:16px;background:#ffffff20;display:grid;place-items:center;font-size:24px}.quick-card{background:#fff;border:1px solid var(--modern-border);border-radius:17px;padding:17px 18px}.quick-card span{font-size:11px;color:#8791a2}.quick-card b{display:block;font-size:18px;margin:6px 0;color:#293144}.quick-card small{font-size:10px;color:#a1a9b6}
.dashboard-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin:16px 0}.dashboard-actions button{border:1px solid var(--modern-border);background:#fff;border-radius:15px;padding:14px;text-align:left;display:grid;grid-template-columns:38px 1fr;grid-template-rows:auto auto;column-gap:10px;cursor:pointer}.dashboard-actions button>span{grid-row:1/3;width:38px;height:38px;border-radius:12px;background:#f0efff;color:#6558d9;display:grid;place-items:center;font-size:18px}.dashboard-actions b{font-size:12px;color:#30384a}.dashboard-actions small{font-size:10px;color:#9aa3b2;margin-top:2px}.dashboard-panels{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:14px}.dashboard-panels>.card{box-shadow:none;border-color:var(--modern-border);border-radius:18px}.modern-bar .bar-fill{background:linear-gradient(180deg,#796ee7,#6558d9);border-radius:7px 7px 3px 3px}.bar-value{height:16px;font-size:8px;color:#9aa3b2;overflow:hidden}.money-list{display:grid;gap:0}.money-list>div{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid #f0f2f6;font-size:11px}.money-list b{font-size:11px}.money-list-total{border-bottom:0!important;padding-top:14px!important;font-weight:900;color:#3f4758}.empty-mini{padding:30px 10px;text-align:center;color:#9aa3b2;font-size:11px}
.capital-hero{display:grid;grid-template-columns:1.25fr .9fr;background:linear-gradient(135deg,#322d83,#6558d9);border-radius:22px;overflow:hidden;margin-bottom:16px;color:#fff}.capital-copy{padding:28px}.capital-kicker{font-size:10px;letter-spacing:.12em;font-weight:900;opacity:.78}.capital-copy>strong{display:block;font-size:34px;margin:16px 0 9px;letter-spacing:-.04em}.capital-copy p{max-width:600px;opacity:.78;font-size:12px;line-height:1.6}.capital-entry{background:#fff;color:#31394a;margin:12px;border-radius:17px;padding:18px;display:grid;gap:8px}.capital-entry label{font-size:10px;font-weight:800;color:#707b8e}.money-input{display:flex;align-items:center;border:1px solid #dfe3eb;border-radius:11px;overflow:hidden;background:#fff}.money-input span{padding:11px 0 11px 12px;font-weight:800;color:#596375}.money-input input{border:0;outline:0;padding:11px;width:100%;font-size:16px;font-weight:800;color:#222b3a}.money-preview{font-size:10px;color:#8b94a4}.capital-save{margin-top:4px;background:#6558d9}
.finance-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:stretch;gap:8px;margin-bottom:16px}.flow-card{background:#fff;border:1px solid var(--modern-border);border-radius:15px;padding:15px}.flow-card span{font-size:10px;color:#8d96a5}.flow-card b{display:block;font-size:15px;margin:5px 0}.flow-card small{font-size:9px;color:#a0a7b3}.flow-card.result{background:#f0efff;border-color:#dedaff;color:#5145c2}.flow-op{display:grid;place-items:center;color:#a1a8b4;font-weight:900}.neutral-stat{background:#fff!important;color:#2b3445!important;border:1px solid var(--modern-border);box-shadow:none!important}.neutral-stat small{color:#8a94a5}.balance-stat{background:#6558d9!important;box-shadow:none!important}.balance-stat.minus{background:#dc2626!important}
@media(max-width:1050px){.dashboard-panels{grid-template-columns:1fr 1fr}.dashboard-panels>.card:first-child{grid-column:1/-1}.dashboard-grid{grid-template-columns:1.5fr 1fr}.hero-balance{grid-row:span 4}.dashboard-actions{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){:root{--sidebar-w:300px}.workspace{margin-left:0}.sidebar{width:min(84vw,330px);transform:translateX(-104%);transition:transform .22s ease;box-shadow:18px 0 45px rgba(15,23,42,.2)}body.nav-open .sidebar{transform:translateX(0)}body.nav-open .nav-overlay{display:block}.sidebar .tabs{padding-bottom:30px}.topbar-inner{padding:9px 11px}.mobile-brand{display:flex;flex:1}.mobile-brand .brand-mark{width:34px;height:34px;border-radius:11px}.today-pill{display:none}.mobile-menu-btn{display:grid}.mobile-logout{display:block}.main{padding:18px 11px 32px}.dashboard-welcome{display:block}.dashboard-welcome .btn{width:100%;margin-top:12px}.dashboard-welcome h1{font-size:24px}.dashboard-grid{grid-template-columns:1fr 1fr;gap:9px}.hero-balance{grid-column:1/-1;grid-row:auto;min-height:145px;padding:20px}.hero-balance strong{font-size:27px}.quick-card{padding:14px}.quick-card b{font-size:15px;overflow-wrap:anywhere}.dashboard-actions{grid-template-columns:1fr 1fr;gap:8px}.dashboard-actions button{padding:11px;grid-template-columns:34px 1fr}.dashboard-actions button>span{width:34px;height:34px}.dashboard-panels{grid-template-columns:1fr}.dashboard-panels>.card:first-child{grid-column:auto}.capital-hero{grid-template-columns:1fr}.capital-copy{padding:21px 18px 10px}.capital-copy>strong{font-size:29px}.capital-entry{margin:10px}.finance-flow{grid-template-columns:1fr 1fr;gap:8px}.flow-op{display:none}.finance-flow .flow-card.result{grid-column:1/-1}.finance-stats{grid-template-columns:1fr 1fr!important}}
@media(max-width:420px){.dashboard-grid{grid-template-columns:1fr}.hero-balance{grid-column:auto}.dashboard-actions{grid-template-columns:1fr}.finance-stats{grid-template-columns:1fr!important}}

/* v8.6.1 profit/loss + finance repair */
.profit-card{border-color:#d8f2e2;background:#fbfffc}.profit-card span{color:#56846a}.profit-card b{color:#15803d}.profit-card.loss{border-color:#fee2e2;background:#fffafa}.profit-card.loss span{color:#a66}.profit-card.loss b{color:#dc2626}
.dashboard-grid{grid-template-columns:2fr repeat(3,minmax(0,1fr))}
@media(max-width:1180px){.dashboard-grid{grid-template-columns:1.5fr 1fr 1fr}.hero-balance{grid-row:span 2}}
@media(max-width:760px){.dashboard-grid{grid-template-columns:1fr 1fr}.hero-balance{grid-column:1/-1;grid-row:auto}}
@media(max-width:420px){.dashboard-grid{grid-template-columns:1fr}.hero-balance{grid-column:auto}}

/* v8.6.2 monthly profit history */
.monthly-profit-history{margin-top:16px}
.current-month-row{background:#faf9ff}
.monthly-profit-history .badge{font-size:8px;background:#f0efff;color:#6558d9;border-radius:999px;padding:3px 6px;margin-left:5px}
@media(max-width:760px){.monthly-profit-history .table{min-width:720px}}


/* v8.6.3 — mode print khusus label */
@media print{
  body.printing-labels{
    margin:0!important;
    padding:0!important;
    background:#fff!important;
  }
  body.printing-labels .sidebar,
  body.printing-labels .topbar,
  body.printing-labels .nav-overlay,
  body.printing-labels .migration-banner,
  body.printing-labels #cloudSyncStatus,
  body.printing-labels .toast,
  body.printing-labels .label-settings,
  body.printing-labels .label-preview-card>.section-title{
    display:none!important;
  }
  body.printing-labels .workspace{
    margin:0!important;
    padding:0!important;
    width:auto!important;
    min-height:0!important;
  }
  body.printing-labels .main{
    margin:0!important;
    padding:0!important;
    width:auto!important;
    max-width:none!important;
  }
  body.printing-labels .main>*{
    display:none!important;
  }
  body.printing-labels .main>.label-dashboard{
    display:block!important;
    margin:0!important;
    padding:0!important;
  }
  body.printing-labels .label-dashboard>*{
    display:none!important;
  }
  body.printing-labels .label-dashboard>.label-preview-card{
    display:block!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    box-shadow:none!important;
    background:#fff!important;
  }
  body.printing-labels .label-preview-card>*{
    display:none!important;
  }
  body.printing-labels .label-preview-card>.label-sheet-viewport{
    display:block!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    background:#fff!important;
    border:0!important;
  }
  body.printing-labels #labelPrintArea{
    display:grid!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    box-shadow:none!important;
    background:#fff!important;
    overflow:visible!important;
    align-content:start!important;
  }
  body.printing-labels #labelPrintArea .print-label{
    display:flex!important;
    break-inside:avoid!important;
    page-break-inside:avoid!important;
    box-shadow:none!important;
  }
  body.printing-labels .no-print{
    display:none!important;
  }
}

/* v8.7 role login */
.role-login{max-width:470px}.role-choice{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:7px 0 14px}.role-choice>label{display:flex;align-items:flex-start;gap:8px;padding:12px;border:1px solid #dfe3eb;border-radius:13px;background:#fff;cursor:pointer}.role-choice input{margin-top:3px}.role-choice b,.role-choice small{display:block}.role-choice small{font-size:10px;color:#8b94a4;margin-top:3px;line-height:1.35}.full-settings-action{grid-column:1/-1}@media(max-width:520px){.role-choice{grid-template-columns:1fr}}

.admin-access-banner{margin:14px 28px 0;padding:10px 14px;border:1px solid #d9d6ff;background:#f5f3ff;color:#5b51c7;border-radius:12px;font-size:11px;font-weight:800}
@media(max-width:760px){.admin-access-banner{margin:10px 11px 0}}

/* v8.7.2 sync status */
.sync-info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0}
.sync-info-grid>div{padding:12px;border:1px solid #e7e8ee;border-radius:12px;background:#fafbfc}
.sync-info-grid small,.sync-info-grid b{display:block}.sync-info-grid small{color:#8b94a4;font-size:9px;margin-bottom:4px}
@media(max-width:600px){.sync-info-grid{grid-template-columns:1fr}}
/* v9 Trade-In, customer, global IMEI and audit */
.status-purple{background:#f3e8ff;color:#7e22ce}.status-green{background:#dcfce7;color:#166534}.status-orange{background:#ffedd5;color:#9a3412}.status-gray{background:#e5e7eb;color:#4b5563}.status-red{background:#fee2e2;color:#991b1b}
.wizard-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin:0 0 16px}.wizard-step{padding:10px 6px;border-radius:11px;background:#f1f5f9;color:#64748b;text-align:center;font-size:11px;font-weight:800}.wizard-step.active{background:#ede9fe;color:#6d28d9}.inspection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.inspection-row{display:grid;grid-template-columns:1fr 105px;gap:8px;align-items:center;padding:9px;border:1px solid #e5e7eb;border-radius:10px}.valuation-box{background:linear-gradient(135deg,#312e81,#6d28d9);color:#fff;border-radius:18px;padding:20px;margin:14px 0}.valuation-box strong{font-size:28px;display:block;margin-top:6px}.detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.detail-grid>div{border:1px solid #e5e7eb;border-radius:11px;padding:11px}.detail-grid small,.detail-grid b{display:block}.detail-grid small{color:#64748b;margin-bottom:4px}.imei-result{border-left:5px solid #6366f1}.audit-change{max-width:360px;white-space:normal;font-size:11px}.customer-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.customer-card{border:1px solid #e5e7eb;border-radius:15px;padding:15px}.customer-card h3{margin:0 0 7px}.role-choice.four{grid-template-columns:repeat(2,1fr)}
@media(max-width:760px){.wizard-steps{grid-template-columns:1fr 1fr}.inspection-grid,.detail-grid,.customer-cards{grid-template-columns:1fr}.inspection-row{grid-template-columns:1fr 100px}}
@media print{body.printing-trade-note .sidebar,body.printing-trade-note .topbar,body.printing-trade-note .nav-overlay,body.printing-trade-note .migration-banner,body.printing-trade-note .no-print{display:none!important}body.printing-trade-note .workspace{margin:0!important}body.printing-trade-note .main{padding:0!important}body.printing-trade-note .main>*{display:none!important}body.printing-trade-note #tradePrintHost{display:block!important}}

/* v9.0.2 — dashboard dark navy */
.dark-dashboard{--dark-card:#111d2f;--dark-card-2:#17253a;--dark-line:#263750;--dark-text:#eef4ff;--dark-muted:#94a8c4;background:radial-gradient(circle at 90% 0,#253060 0,transparent 32%),linear-gradient(145deg,#07111f,#0c1828 58%,#101b31);color:var(--dark-text);border-radius:25px;padding:22px;min-height:calc(100vh - 110px);box-shadow:0 22px 60px #07111f24}
.dark-dashboard .dashboard-welcome h1,.dark-dashboard h2,.dark-dashboard .section-title h2{color:var(--dark-text)}
.dark-dashboard .dashboard-welcome p,.dark-dashboard .muted,.dark-dashboard .quick-card small,.dark-dashboard .hero-balance small,.dark-dashboard .flow-card small{color:var(--dark-muted)}
.dark-dashboard>.card,.dark-dashboard .dashboard-panels>.card{background:linear-gradient(155deg,var(--dark-card-2),var(--dark-card));border-color:var(--dark-line);box-shadow:0 15px 35px #02081752;color:var(--dark-text)}
.dark-dashboard>.card .select,.dark-dashboard>.card .input{background:#0b1626;border-color:#31435d;color:#f4f7ff}
.dark-dashboard .dashboard-grid .quick-card{background:linear-gradient(145deg,#15243a,#0f1b2c);border:1px solid var(--dark-line);box-shadow:none;color:var(--dark-text)}
.dark-dashboard .dashboard-grid .quick-card span{color:#9fb1ca}.dark-dashboard .dashboard-grid .quick-card b{color:#fff}
.dark-dashboard .hero-balance{background:linear-gradient(135deg,#4f46e5,#6d28d9 55%,#2563eb);box-shadow:0 18px 40px #312e8166}
.dark-dashboard .stat{background:linear-gradient(145deg,#17263d,#101c2e)!important;border:1px solid var(--dark-line);box-shadow:none!important;color:var(--dark-text)!important}
.dark-dashboard .stat small{color:#9fb1ca!important}.dark-dashboard .stat strong{color:#fff}
.dark-dashboard .dashboard-actions button{background:#121f32;border-color:var(--dark-line);color:#f5f8ff;box-shadow:none}.dark-dashboard .dashboard-actions button:hover{background:#192a43;border-color:#52698c}.dark-dashboard .dashboard-actions small{color:#91a4bf}
.dark-dashboard .dashboard-actions button>span{background:#252d62;color:#aeb6ff}
.dark-dashboard .bar-fill{background:linear-gradient(180deg,#8b5cf6,#3b82f6)}.dark-dashboard .bar-label,.dark-dashboard .bar-value{color:#9fb1ca}
.dark-dashboard .money-list>div,.dark-dashboard .brand-line{border-color:var(--dark-line);color:#dbe7f8}.dark-dashboard .money-list-total{background:#172943!important;border-radius:10px;padding:10px!important}
.dark-dashboard .empty-mini{color:#91a4bf}.dark-dashboard .eyebrow{color:#a5b4fc}
@media(max-width:760px){.dark-dashboard{padding:14px;border-radius:19px;min-height:calc(100vh - 90px)}}
@media print{.dark-dashboard{background:#fff!important;color:#111!important;box-shadow:none!important;padding:0!important}}

/* v9.0.3 — tema gelap menyeluruh */
:root{
  --bg:#070d18;--surface:#0f1928;--surface-2:#152238;--surface-3:#1b2a41;
  --text:#edf4ff;--muted:#93a7c3;--line:#293a53;--primary:#7c6cf2;
  --primary-soft:#252d62;--shadow:0 16px 38px rgba(1,5,14,.35)
}
html,body,#app,.shell,.modern-shell,.workspace,.main{background:#070d18;color:var(--text)}
body{background:radial-gradient(circle at 8% 0,#182951 0,transparent 26%),radial-gradient(circle at 90% 15%,#251f55 0,transparent 28%),#070d18;color-scheme:dark}
.workspace{background:linear-gradient(145deg,#070d18,#0b1423 60%,#0d1729)}
.sidebar{background:linear-gradient(180deg,#0b1423,#08101c);border-color:#1f3048;box-shadow:12px 0 35px #0206125c;color:var(--text)}
.sidebar-brand,.sidebar-footer{border-color:var(--line)}
.sidebar-brand b,.sidebar-user b,.mobile-brand b,.page-heading h1,.section-title h2,.card h2,.card h3,.customer-card h3,.supplier-info h3{color:var(--text)}
.sidebar-brand small,.sidebar-user small,.mobile-brand small,.page-heading p,.muted,.field-hint,.empty-state,.label-note{color:var(--muted)!important}
.sidebar .nav-group-title,.tabs:before{color:#6f85a5}
.sidebar .tab,.tabs .tab{color:#9cafc9}.sidebar .tab:hover,.tabs .tab:hover{background:#13223a;color:#f5f8ff}.sidebar .tab.active,.tabs .tab.active{background:linear-gradient(135deg,#29265d,#202d66);color:#c9cdff;box-shadow:inset 0 0 0 1px #514d9b}
.topbar{background:rgba(8,16,29,.9);border-color:#1d2c43;box-shadow:0 1px 0 #22314a;backdrop-filter:blur(18px)}
.today-pill,.logout,.mobile-menu-btn,.install-btn,.sidebar-logout{background:#142138;color:#cbd8eb;border-color:#2a3c56}
.card,.mini-stat,.supplier-card,.customer-card,.history-card,.label-data-card,.migration-status,.sync-info-grid>div,.receipt-store,.return-summary,.detail-grid>div,.inspection-row{
  background:linear-gradient(155deg,var(--surface-2),var(--surface));border-color:var(--line);color:var(--text);box-shadow:var(--shadow)
}
.card,.supplier-card,.customer-card,.mini-stat{border-color:var(--line)}
.table{color:#dce7f6}.table th{background:#111e31;color:#9fb1ca;border-color:var(--line)}.table td{border-color:#23334a}.table tbody tr:hover{background:#14233a}.returned-row{background:#261a23!important}
.input,.select,.textarea,.login input{background:#0a1423;color:#eef4ff;border-color:#30435e}.input::placeholder,.textarea::placeholder,.login input::placeholder{color:#607795}.input:focus,.select:focus,.textarea:focus{border-color:#8076f4;box-shadow:0 0 0 3px #655bd12e;outline:none}.field label,.check-row{color:#b4c3d7}
select option{background:#0d1828;color:#eef4ff}
.btn.secondary{background:#1b2a40;color:#dce7f7;border:1px solid #31445e}.btn.secondary:hover{background:#243650}.btn.primary{background:linear-gradient(135deg,#6559dd,#4f7ce8)}.btn.success{background:linear-gradient(135deg,#0f9f78,#08795e)}.btn.danger{background:linear-gradient(135deg,#dc3c57,#a91f3b)}
.positive{color:#40d9a3}.negative{color:#ff7188}
.badge.status-green,.status-green{background:#123e35;color:#6ee7b7}.badge.status-purple,.status-purple{background:#302557;color:#c4b5fd}.badge.status-orange,.status-orange{background:#492d18;color:#fdba74}.badge.status-gray,.status-gray{background:#273449;color:#c1ccdb}.badge.status-red,.status-red,.badge.returned{background:#4a202b;color:#fda4af}
.label-global-settings,.label-note,.label-sheet-viewport,.return-result,.ecommerce-fields,.migration-steps>div{background:#101d30;border-color:var(--line);color:var(--text)}
.return-result:hover{background:#182942;border-color:#766cf0}.return-result span,.tracking-line,.return-summary span,.supplier-info div,.supplier-info p,.summary-metric span,.detail-grid small{color:var(--muted)}
.summary-metric,.brand-line,.money-list>div,.finance-ledger>div{border-color:var(--line)}
.money-list-total,.finance-ledger .total{background:#172943!important;color:#fff}.finance-flow .flow-card{background:linear-gradient(145deg,#17263d,#101c2e);border-color:var(--line);color:var(--text)}
.wizard-step{background:#152238;color:#94a8c4}.wizard-step.active{background:#302a67;color:#c7d2fe}.valuation-box{box-shadow:0 18px 38px #02061270}
.migration-banner{background:#101c2e;color:var(--text);border-color:#6f63e8;box-shadow:0 22px 60px #0009}.migration-banner span{color:var(--muted)}
.cloud-sync{background:#101c2e;color:#9fb1ca;border-color:#2b3d57}.cloud-sync[data-ok="1"]{background:#12372e;color:#6ee7b7;border-color:#276b58}
.role-choice>label{background:#101b2d;border-color:#2a3c56;color:var(--text)}.role-choice>label:has(input:checked){background:#242450;border-color:#746be7}.role-choice small{color:#91a4bf}.login{background:radial-gradient(circle at 18% 15%,#273567 0,transparent 34%),linear-gradient(145deg,#050b15,#0b1728 55%,#17143a)}.login-card{background:rgba(10,20,35,.82);border-color:#42516a;color:#fff}
.admin-access-banner{background:#24234c;border-color:#514e91;color:#c9c7ff}.danger-zone{background:linear-gradient(155deg,#2b1720,#17131b);border-color:#5a2838}
.dark-dashboard{background:transparent;box-shadow:none;padding:0;min-height:0}
.dark-dashboard>.card,.dark-dashboard .dashboard-panels>.card{background:linear-gradient(155deg,var(--surface-2),var(--surface))}
.label-preview-card{background:linear-gradient(155deg,var(--surface-2),var(--surface))}
.label-sheet-viewport{padding:10px}.label-sheet,.label-sheet.custom-paper,.print-label{background:#fff;color:#111}.print-label .label-extra{color:#475569}
.invoice{background:#101b2d;color:var(--text);padding:16px;border-radius:14px}.invoice td,.invoice th{border-color:#33445c}
details pre{background:#091321;color:#c8d7eb;border:1px solid var(--line);padding:10px;border-radius:9px;overflow:auto}
::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#08111e}::-webkit-scrollbar-thumb{background:#31435d;border-radius:999px;border:2px solid #08111e}
@media(max-width:760px){body{background:#070d18}.tabs{background:#0a1423;box-shadow:18px 0 45px #000b}.modal-box{background:#0f1928;color:var(--text);border:1px solid var(--line)}.nav-overlay{background:#020612b8}}
@media print{
  html,body,#app,.shell,.workspace,.main{background:#fff!important;color:#111!important;color-scheme:light}
  .invoice,.modal-box,#tradePrintHost{background:#fff!important;color:#111!important;border:0!important;box-shadow:none!important}
  .invoice td,.invoice th{border-color:#ddd!important}
  body.printing-labels #labelPrintArea,body.printing-labels .label-sheet,body.printing-labels .print-label{background:#fff!important;color:#111!important}
}

/* v9.0.4 — kontras otomatis untuk permukaan terang dan gelap */
.label-sheet,.label-sheet.custom-paper,.print-label,
.label-sheet *,.label-sheet.custom-paper *,.print-label *{
  color:#0b1220!important
}
.label-sheet a,.print-label a{color:#111827!important}
.label-sheet .code-error,.print-label .code-error{color:#991b1b!important}

.capital-entry,.capital-entry *,.money-input,.money-input *{color:#111827}
.capital-entry,.money-input{background:#fff}
.capital-entry .input,.capital-entry .select,.money-input input{
  background:#fff!important;color:#111827!important;border-color:#cbd5e1
}

.hero-balance,.hero-balance *,.valuation-box,.valuation-box *,
.capital-copy,.capital-copy *,.stat:not(.neutral-stat),.stat:not(.neutral-stat) *,
.btn.primary,.btn.success,.btn.danger,.brand-mark{color:#fff!important}
.card,.modal-box,.supplier-card,.customer-card,.label-data-card,
.card h1,.card h2,.card h3,.modal-box h1,.modal-box h2,.modal-box h3{color:var(--text)}
.table th,.table td{color:#dce7f6}
.input,.select,.textarea{color:#f8fbff!important}
.btn.secondary{color:#edf4ff!important}

.toast.notify.success,.toast.notify.error,.toast.notify.warning,
.toast.notify.success *,.toast.notify.error *,.toast.notify.warning *{color:#111827!important}

@media print{
  body,body *{color:#111!important;text-shadow:none!important}
  .label-sheet,.label-sheet *,.print-label,.print-label *,
  .invoice,.invoice *,#tradePrintHost,#tradePrintHost *{color:#111!important}
  .label-sheet,.print-label,.invoice,#tradePrintHost{background:#fff!important}
}

/* v9.0.5 — pemilih bulan Dashboard dan penyegaran arus modal */
.dashboard-month-picker{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:14px}
.dashboard-month-picker>div:first-child{display:grid;gap:4px}.dashboard-month-picker b{font-size:18px;color:#f8fbff}.dashboard-month-picker small{font-size:11px;color:#93a7c3}
.dashboard-month-picker .actions{margin:0;align-items:center}.dashboard-month-picker .input{min-width:180px}
.finance-ledger>div span{color:#b8c7da}.finance-ledger>div b{font-variant-numeric:tabular-nums}
@media(max-width:700px){.dashboard-month-picker{align-items:flex-start;flex-direction:column}.dashboard-month-picker .actions{width:100%;display:grid;grid-template-columns:1fr auto}.dashboard-month-picker .input{min-width:0}.finance-heading>.btn{width:100%}}

/* Online v1.0 */
.online-loading{text-align:center}.loading-line{height:4px;border-radius:999px;background:linear-gradient(90deg,transparent,#60a5fa,transparent);background-size:200% 100%;animation:online-loading 1.1s linear infinite;margin-top:22px}
@keyframes online-loading{to{background-position:-200% 0}}
.activation-card{max-height:94vh;overflow:auto}.activation-card .error{margin-bottom:8px}.password-action{width:100%;margin-top:8px}.offline-readonly .cloud-sync{background:#451a03!important;color:#fdba74!important;border-color:#9a3412!important}

/* Online v1.2 — mobile responsive, backup prompt, and 3D login */
[hidden]{display:none!important}
body.modal-open,body.nav-open{overflow:hidden}

/* A bright 3D workspace login that remains usable on small screens. */
.login.login-workspace{
  min-height:100dvh;padding:clamp(14px,3vw,36px);display:grid;grid-template-columns:minmax(0,1.35fr) minmax(350px,.65fr);
  align-items:stretch;gap:clamp(14px,2.4vw,34px);overflow:auto;color:#172033;
  background:linear-gradient(135deg,#f8fbff,#eef2ff 52%,#fff5ed);color-scheme:light
}
.login-visual{position:relative;min-height:620px;border-radius:32px;overflow:hidden;background:#e9eefb url('./assets/login-workspace.webp') center/cover no-repeat;box-shadow:0 30px 80px #40507a2b;border:1px solid #fff}
.login-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 46%,rgba(23,32,51,.76) 100%)}
.login-visual-copy{position:absolute;z-index:1;left:clamp(22px,4vw,58px);right:clamp(22px,4vw,58px);bottom:clamp(22px,4vw,50px);color:#fff;text-shadow:0 2px 14px #16213b5c}
.login-kicker{display:inline-flex;padding:7px 11px;border:1px solid #ffffff70;border-radius:999px;background:#ffffff25;backdrop-filter:blur(10px);font-size:10px;font-weight:900;letter-spacing:.14em}
.login-visual-copy h2{max-width:650px;margin:14px 0 8px;font-size:clamp(28px,3.2vw,52px);line-height:1.02;letter-spacing:-.045em}
.login-visual-copy p{max-width:650px;margin:0!important;color:#eef4ff!important;text-align:left!important;font-size:clamp(12px,1.2vw,16px);line-height:1.55}
.login-feature-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.login-feature-row span{padding:7px 10px;border-radius:999px;background:#ffffff22;border:1px solid #ffffff42;font-size:10px;font-weight:800;backdrop-filter:blur(10px)}
.login-panel{display:grid;place-items:center;min-width:0}.login-workspace .login-card{width:min(450px,100%);max-width:none;padding:clamp(22px,3vw,36px);background:rgba(255,255,255,.88);border:1px solid #fff;border-radius:28px;color:#172033;box-shadow:0 28px 75px #34456d2b;backdrop-filter:blur(22px)}
.login-brand{display:flex;align-items:center;gap:11px;margin-bottom:28px}.login-workspace .logo{width:48px;height:48px;margin:0;border-radius:15px;font-size:15px;font-weight:900;background:linear-gradient(145deg,#6558d9,#4f82ee);color:#fff;box-shadow:0 10px 24px #6558d94a}
.login-brand b,.login-brand small{display:block}.login-brand b{font-size:15px}.login-brand small{margin-top:2px;color:#76839a;font-size:10px}
.login-workspace .login-card h1{text-align:left;color:#172033;font-size:30px;letter-spacing:-.035em}.login-workspace .login-card>p{text-align:left;color:#68758a;margin:8px 0 22px}
.login-workspace .login-card label{color:#42516a;font-size:11px;margin-top:15px}.login-workspace .login-card input{min-height:49px;background:#fff!important;color:#172033!important;border:1px solid #d7deea;border-radius:13px;box-shadow:0 3px 10px #3547660b}
.login-workspace .login-card input:focus{outline:none;border-color:#6f6be8;box-shadow:0 0 0 4px #6f6be824}
.login-workspace .login-card button{min-height:50px;border-radius:13px;background:linear-gradient(135deg,#6558d9,#3d7ce8);box-shadow:0 12px 28px #536ed34a}
.login-workspace .login-foot{text-align:center!important;margin:20px 0 0!important;color:#7c899d!important;font-size:10px}.online-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#10b981;box-shadow:0 0 0 4px #10b98118;margin-right:5px}

/* The prompt obeys hidden state in portrait and never sits above an open form. */
.migration-banner{z-index:70;max-height:calc(100dvh - 24px);overflow:auto}.migration-banner[hidden]{display:none!important}.migration-banner{position:fixed}.backup-close{position:absolute;top:8px;right:9px;width:32px;height:32px;border:0;border-radius:10px;background:#1b2a40;color:#dce7f7;font-size:23px;line-height:1}.migration-banner>div:first-child{padding-right:32px}
body.modal-open .migration-banner{display:none!important}body.backup-prompt-open .cloud-sync{visibility:hidden}

/* Dialogs and long forms stay inside the visible viewport. */
.modal{z-index:100;padding:16px;overflow:hidden}.modal-box{width:min(960px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable}.modal-box>*{max-width:100%}.form-grid>*{min-width:0}.inline-field{grid-template-columns:minmax(0,1fr) auto;min-width:0}.actions>*{max-width:100%}
.wizard-steps{display:flex;overflow-x:auto;gap:8px;padding:2px 1px 8px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.wizard-step{flex:1 0 120px;scroll-snap-align:start}.inspection-row>*{min-width:0}

/* Phones and tablets, including phone landscape, use the hamburger drawer. */
@media(max-width:1024px){
  :root{--sidebar-w:300px}.workspace{margin-left:0!important}.sidebar{width:min(86vw,330px);transform:translateX(-105%);transition:transform .22s ease;box-shadow:18px 0 45px #0009;z-index:90}.sidebar .tabs{padding-bottom:max(30px,env(safe-area-inset-bottom))}.nav-overlay{position:fixed;inset:0;z-index:85;background:#020612b8;backdrop-filter:blur(3px)}body.nav-open .sidebar{transform:translateX(0)}body.nav-open .nav-overlay{display:block}.mobile-menu-btn{display:grid;place-items:center;flex:0 0 auto}.mobile-brand{display:flex;flex:1}.mobile-logout{display:block}.today-pill{display:none}.topbar-inner{padding:9px 11px}.main{padding:18px 13px 34px}.admin-access-banner{margin:10px 13px 0}
}
@media(max-width:760px){
  .login.login-workspace{display:block;padding:0;min-height:100dvh;background:#f3f6ff}.login-visual{min-height:235px;height:31dvh;border-radius:0 0 28px 28px;background-position:38% 53%;box-shadow:none}.login-visual:after{background:linear-gradient(180deg,transparent 30%,rgba(29,39,66,.58))}.login-visual-copy{left:20px;right:20px;bottom:24px}.login-visual-copy h2{font-size:26px;margin:10px 0 0}.login-visual-copy p,.login-feature-row{display:none}.login-panel{display:block;margin:-12px 12px 0;position:relative;z-index:2;padding-bottom:max(20px,env(safe-area-inset-bottom))}.login-workspace .login-card{width:100%;padding:22px;border-radius:24px;box-shadow:0 20px 55px #33476f24}.login-brand{margin-bottom:18px}.login-workspace .login-card h1{font-size:26px}.activation-card{max-height:none;overflow:visible}
  .modal{padding:0;align-items:end}.modal-box{width:100%;max-width:none;max-height:calc(100dvh - max(8px,env(safe-area-inset-top)));border-radius:22px 22px 0 0;padding:16px 13px max(18px,env(safe-area-inset-bottom));scrollbar-gutter:auto}.modal-box>.section-title{position:sticky;top:-16px;z-index:4;margin:-16px -13px 14px;padding:16px 13px 11px;background:#0f1928;border-bottom:1px solid var(--line)}.modal-box>.section-title h2{font-size:18px}.form-grid{grid-template-columns:1fr!important}.full{grid-column:auto!important}.inspection-grid,.detail-grid,.customer-cards{grid-template-columns:1fr}.inspection-row{grid-template-columns:minmax(0,1fr) 104px}.modal-box .actions,.migration-banner .actions{display:grid;grid-template-columns:1fr}.modal-box .actions .btn,.migration-banner .actions .btn{width:100%}.search-row{flex-wrap:wrap}.search-row>*{min-width:0}.search-row>.btn{flex:1 0 auto}.table-wrap{max-width:calc(100vw - 26px)}
  .migration-banner{left:10px;right:10px;bottom:max(10px,env(safe-area-inset-bottom));transform:none;width:auto;padding:18px 14px 14px;border-radius:20px}.migration-banner .actions{display:grid;grid-template-columns:1fr!important;gap:8px;margin-top:14px}.migration-banner .btn{width:100%;min-height:46px}.migration-banner b{font-size:16px}.migration-banner span{display:block;margin-top:4px;font-size:12px;line-height:1.45}
}
@media(max-width:430px){.inspection-row{grid-template-columns:1fr}.inspection-row .select{width:100%}.dashboard-grid,.finance-stats{grid-template-columns:1fr!important}.dashboard-actions{grid-template-columns:1fr!important}}
@media(max-width:1024px) and (max-height:560px){
  .login.login-workspace{grid-template-columns:1fr 390px;display:grid;padding:10px}.login-visual{height:auto;min-height:calc(100dvh - 20px);border-radius:24px}.login-panel{margin:0;padding:0;display:grid}.login-workspace .login-card{max-height:calc(100dvh - 20px);overflow:auto;padding:20px}.login-visual-copy h2{font-size:28px}.login-visual-copy p{display:block}.login-feature-row{display:none}
  .modal{align-items:stretch}.modal-box{height:100dvh;max-height:100dvh;border-radius:0;padding-top:max(14px,env(safe-area-inset-top))}.modal-box>.section-title{top:calc(-1 * max(14px,env(safe-area-inset-top)))}
}

/* Online v1.3 — mobile quick navigation, cashier, scanner, and drafts */
.mobile-bottom-nav,.global-scan-fab{display:none}
.draft-status,.trade-draft-status{border:1px solid #2f5e52;background:linear-gradient(145deg,#12372e,#112d29);color:#b8f7df;border-radius:14px;padding:10px 13px;margin:0 0 14px;display:flex;align-items:center;gap:10px;font-size:11px}.draft-status>span{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:#1c765e;color:#fff;font-weight:900}.draft-status b,.draft-status small{display:block}.draft-status small{color:#83b9a7;margin-top:2px}.draft-status.saved,.trade-draft-status.saved{animation:draftPulse .35s ease}@keyframes draftPulse{50%{transform:scale(1.008);border-color:#4bd5a7}}
.cashier-heading{align-items:center}.cashier-online{display:inline-flex;align-items:center;gap:7px;border:1px solid #2e614f;background:#12372e;color:#7de3bb;border-radius:999px;padding:8px 11px;font-size:10px;font-weight:800}.cashier-online i{width:7px;height:7px;border-radius:50%;background:#2de29c;box-shadow:0 0 0 4px #2de29c1e}
.cashier-quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-bottom:14px}.cashier-quick-grid button{border:1px solid var(--line);border-radius:17px;background:linear-gradient(145deg,#17263d,#111d30);color:var(--text);padding:17px;text-align:left;display:grid;grid-template-columns:42px 1fr;column-gap:11px;box-shadow:var(--shadow)}.cashier-quick-grid button>span{grid-row:1/3;width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,#373078,#263c7c);color:#c9d2ff;font-size:21px}.cashier-quick-grid b,.cashier-quick-grid small{display:block}.cashier-quick-grid b{font-size:13px}.cashier-quick-grid small{font-size:9px;color:var(--muted);margin-top:3px}
.cashier-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:14px;align-items:start}.cashier-checkout{position:sticky;top:84px}.cashier-results{display:grid;gap:6px;margin:7px 0 13px;max-height:250px;overflow:auto}.cashier-results>button{border:1px solid var(--line);border-radius:11px;background:#101c2e;color:var(--text);padding:10px 12px;display:flex;justify-content:space-between;gap:12px;text-align:left}.cashier-results b,.cashier-results small{display:block}.cashier-results small{color:var(--muted);margin-top:3px}.cashier-results strong{color:#8dddbf;white-space:nowrap}.cashier-items{display:grid;gap:8px}.cashier-items article{display:grid;grid-template-columns:minmax(0,1fr) 170px auto;gap:9px;align-items:center;border:1px solid var(--line);border-radius:13px;padding:11px;background:#101c2e}.cashier-items article b,.cashier-items article small{display:block}.cashier-items article small{font-size:10px;color:var(--muted);margin-top:3px}.empty-state.compact{min-height:150px}.cashier-total{margin:15px 0 11px;padding:16px;border-radius:16px;background:linear-gradient(135deg,#373078,#2854a5);color:#fff}.cashier-total span,.cashier-total strong,.cashier-total small{display:block}.cashier-total span{font-size:10px;opacity:.8}.cashier-total strong{font-size:25px;margin:6px 0}.cashier-total small{font-size:9px;opacity:.72}.cashier-save{width:100%;min-height:50px}
.scan-modal{z-index:130}.scan-box{max-width:680px}.scan-camera{position:relative;border-radius:16px;overflow:hidden;background:#030712;min-height:260px}.scan-camera video{display:block;width:100%;min-height:260px;object-fit:cover}.scan-camera:before{content:"";position:absolute;z-index:2;inset:12%;border:3px solid #8b82ff;border-radius:16px;box-shadow:0 0 0 999px #02061770}.scan-camera>span{position:absolute;z-index:3;left:15%;right:15%;top:50%;height:2px;background:#62a8ff;box-shadow:0 0 14px 4px #4f8fff;animation:scanLine 1.8s ease-in-out infinite}@keyframes scanLine{0%,100%{transform:translateY(-65px)}50%{transform:translateY(65px)}}
.stock-number{position:sticky!important;left:0;z-index:2;min-width:48px;width:48px;text-align:center!important;background:#0f1b2c!important;font-variant-numeric:tabular-nums;font-weight:900}.table th.stock-number{z-index:3;background:#111e31!important;color:#aebcff}
@media(max-width:1024px){
  .main{padding-bottom:max(108px,calc(88px + env(safe-area-inset-bottom)))}.mobile-bottom-nav{position:fixed;z-index:65;left:10px;right:10px;bottom:max(8px,env(safe-area-inset-bottom));height:68px;padding:6px;border:1px solid #2a3a53;border-radius:20px;background:rgba(12,23,40,.94);box-shadow:0 18px 50px #000b;backdrop-filter:blur(20px);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px}.mobile-bottom-nav button{border:0;border-radius:14px;background:transparent;color:#8194b0;display:grid;place-items:center;align-content:center;gap:3px;min-width:0}.mobile-bottom-nav button>span{font-size:18px;line-height:1}.mobile-bottom-nav button small{font-size:8px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.mobile-bottom-nav button.active{background:linear-gradient(145deg,#302b6d,#243e83);color:#d8dcff}.global-scan-fab{position:fixed;z-index:64;right:16px;bottom:max(88px,calc(80px + env(safe-area-inset-bottom)));border:1px solid #8f88ff;border-radius:999px;background:linear-gradient(135deg,#7063e9,#347bea);color:#fff;padding:11px 14px;display:flex;align-items:center;gap:7px;box-shadow:0 14px 34px #253f9d88}.global-scan-fab>span{font-size:19px}.global-scan-fab small{font-size:9px;font-weight:900}.cloud-sync{bottom:max(88px,calc(80px + env(safe-area-inset-bottom)))}body.nav-open .mobile-bottom-nav,body.nav-open .global-scan-fab{visibility:hidden}
  .cashier-layout{grid-template-columns:1fr}.cashier-checkout{position:static}.cashier-quick-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:600px){.cashier-quick-grid{gap:7px}.cashier-quick-grid button{display:flex;flex-direction:column;align-items:center;text-align:center;padding:12px 6px}.cashier-quick-grid button>span{width:38px;height:38px}.cashier-items article{grid-template-columns:minmax(0,1fr) 110px auto}.cashier-items article .input{padding:8px}.cashier-total strong{font-size:22px}.cashier-online{align-self:flex-start}.stock-number{min-width:42px;width:42px}}
@media(max-width:390px){.mobile-bottom-nav{left:6px;right:6px}.mobile-bottom-nav button small{font-size:7px}.global-scan-fab small{display:none}.global-scan-fab{width:50px;height:50px;justify-content:center;padding:0}.cashier-items article{grid-template-columns:1fr auto}.cashier-items article .input{grid-column:1/2}.cashier-items article .btn{grid-column:2;grid-row:1/3}}
@media print{.mobile-bottom-nav,.global-scan-fab,.draft-status,.trade-draft-status,.cashier-quick-grid{display:none!important}}

/* Online v1.3.1 — full-scene responsive login supplied by the store owner. */
.login.login-workspace{
  position:relative;isolation:isolate;min-height:100dvh;padding:clamp(16px,3vw,44px);
  display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,470px);gap:clamp(18px,3vw,54px);
  align-items:center;overflow:auto;background:#eef4ff url('./assets/login-workspace-v2.webp') center center/cover no-repeat!important;
}
.login.login-workspace:before{
  content:"";position:fixed;z-index:-1;inset:0;pointer-events:none;
  background:linear-gradient(90deg,rgba(242,247,255,.04) 0%,rgba(246,249,255,.03) 48%,rgba(241,245,255,.56) 100%);
}
.login-workspace .login-visual{position:relative;min-height:calc(100dvh - clamp(32px,6vw,88px));height:auto;background:none!important;border:0;box-shadow:none;overflow:visible}
.login-workspace .login-visual:after{display:none}
.login-workspace .login-visual-copy{
  left:0;right:auto;bottom:0;width:min(620px,82%);padding:20px 22px;border:1px solid rgba(255,255,255,.64);
  border-radius:22px;background:rgba(24,38,65,.58);box-shadow:0 18px 46px rgba(38,55,87,.18);
  backdrop-filter:blur(16px) saturate(1.15);-webkit-backdrop-filter:blur(16px) saturate(1.15);
}
.login-workspace .login-visual-copy h2{font-size:clamp(30px,3.25vw,52px)}
.login-workspace .login-panel{position:relative;z-index:2;display:grid;place-items:center;min-width:0}
.login-workspace .login-card{
  width:100%;padding:clamp(24px,3vw,38px);background:rgba(255,255,255,.9);border:1px solid rgba(255,255,255,.94);
  border-radius:30px;color:#172033;box-shadow:0 28px 80px rgba(52,69,109,.24);
  backdrop-filter:blur(26px) saturate(1.12);-webkit-backdrop-filter:blur(26px) saturate(1.12);
}

@media(max-width:760px){
  .login.login-workspace{
    display:grid;grid-template-columns:1fr;grid-template-rows:minmax(150px,27dvh) auto;align-content:start;gap:0;
    min-height:100dvh;padding:0;background-position:34% center!important;background-size:cover!important;
  }
  .login.login-workspace:before{background:linear-gradient(180deg,rgba(244,248,255,.04) 0%,rgba(239,245,255,.2) 28%,rgba(238,244,255,.82) 58%,rgba(240,245,255,.96) 100%)}
  .login-workspace .login-visual{min-height:0;height:auto;border-radius:0}
  .login-workspace .login-visual-copy{left:14px;right:14px;bottom:14px;width:auto;padding:12px 14px;border-radius:17px;background:rgba(24,38,65,.5)}
  .login-workspace .login-visual-copy h2{font-size:23px;margin:7px 0 0}.login-workspace .login-visual-copy p,.login-workspace .login-feature-row{display:none}
  .login-workspace .login-kicker{font-size:8px;padding:5px 8px}
  .login-workspace .login-panel{display:block;margin:0;padding:0 12px max(22px,env(safe-area-inset-bottom))}
  .login-workspace .login-card{width:100%;margin:0 auto;padding:22px;border-radius:25px;background:rgba(255,255,255,.93);box-shadow:0 18px 55px rgba(38,52,85,.23)}
  .login-workspace .activation-card{max-height:none;overflow:visible}
}

@media(max-width:1024px) and (max-height:560px){
  .login.login-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,410px);grid-template-rows:1fr;padding:10px;gap:10px;background-position:center!important}
  .login-workspace .login-visual{min-height:calc(100dvh - 20px);height:auto}.login-workspace .login-visual-copy{left:10px;bottom:10px;width:min(520px,92%);padding:13px 15px}
  .login-workspace .login-visual-copy h2{font-size:25px}.login-workspace .login-visual-copy p{display:none}
  .login-workspace .login-panel{display:grid;margin:0;padding:0}.login-workspace .login-card{max-height:calc(100dvh - 20px);overflow:auto;padding:20px}
}

/* Online v1.3.2 — background login remains clean, without promotional text. */
.login-workspace .login-visual-copy,.login-workspace .login-kicker,.login-workspace .login-feature-row{display:none!important}

/* Online v1.3.3 — hanya nota penjualan yang dicetak. */
@media print{
  body.printing-sale-note{margin:0!important;padding:0!important;background:#fff!important;color:#111!important}
  body.printing-sale-note>#app,
  body.printing-sale-note>.toast,
  body.printing-sale-note>.cloud-sync,
  body.printing-sale-note>.migration-banner,
  body.printing-sale-note>.mobile-bottom-nav,
  body.printing-sale-note>.global-scan-fab{display:none!important}
  body.printing-sale-note>#modal{display:block!important;position:static!important;inset:auto!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;background:#fff!important;overflow:visible!important}
  body.printing-sale-note>#modal>.modal-box{display:block!important;width:100%!important;max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;overflow:visible!important}
  body.printing-sale-note>#modal>.modal-box>*{display:none!important}
  body.printing-sale-note>#modal #invoice{display:block!important;width:100%!important;max-width:180mm!important;margin:0 auto!important;padding:8mm!important;border:0!important;border-radius:0!important;background:#fff!important;color:#111!important;box-shadow:none!important;font-family:Arial,sans-serif!important;font-size:11pt!important}
  body.printing-sale-note>#modal #invoice *{color:#111!important;text-shadow:none!important}
  body.printing-sale-note>#modal #invoice table{display:table!important;width:100%!important;break-inside:auto!important}
  body.printing-sale-note>#modal #invoice thead{display:table-header-group!important}
  body.printing-sale-note>#modal #invoice tbody{display:table-row-group!important}
  body.printing-sale-note>#modal #invoice tfoot{display:table-footer-group!important}
  body.printing-sale-note>#modal #invoice tr{display:table-row!important;break-inside:avoid!important;page-break-inside:avoid!important}
  body.printing-sale-note>#modal #invoice th,body.printing-sale-note>#modal #invoice td{display:table-cell!important}
}

/* Online v1.4.0 — light lavender responsive system inspired by the mobile references. */
:root{
  --bg:#f6f7fc;--surface:#ffffff;--surface-2:#fbfbff;--surface-3:#f3f4ff;
  --text:#11183d;--muted:#727a99;--line:#e8eaf4;--primary:#5b5ce9;
  --primary-2:#3f82ed;--primary-soft:#efefff;--shadow:0 14px 38px rgba(40,46,100,.08)
}
html,body,#app,.shell,.modern-shell,.workspace,.main{background:var(--bg);color:var(--text);color-scheme:light}
body{background:radial-gradient(circle at 8% 0,#efefff 0,transparent 30%),linear-gradient(180deg,#fbfbff,#f5f6fc);color-scheme:light}
.workspace{background:linear-gradient(145deg,#fbfbff,#f5f6fc 58%,#f1f3fb)}
.sidebar{background:rgba(255,255,255,.97);border-color:var(--line);box-shadow:12px 0 38px rgba(50,55,105,.07);color:var(--text)}
.sidebar-brand,.sidebar-footer{border-color:var(--line)}
.sidebar-brand b,.sidebar-user b,.mobile-brand b,.page-heading h1,.section-title h2,.card h2,.card h3,.customer-card h3,.supplier-info h3{color:var(--text)}
.sidebar-brand small,.sidebar-user small,.mobile-brand small,.page-heading p,.muted,.field-hint,.empty-state,.label-note{color:var(--muted)!important}
.sidebar .nav-group-title,.tabs:before{color:#999fba}
.sidebar .tab,.tabs .tab{color:#69718f}
.sidebar .tab:hover,.tabs .tab:hover{background:#f6f6ff;color:#363c70}
.sidebar .tab.active,.tabs .tab.active{background:linear-gradient(135deg,#efefff,#e8eeff);color:#4c4ed8;box-shadow:inset 3px 0 0 #6366f1}
.sidebar .nav-icon{color:#8188a6}.sidebar .tab.active .nav-icon{color:#5658e8}
.sidebar-brand .brand-mark,.mobile-brand .brand-mark{background:linear-gradient(145deg,#7366f3,#4a80ee);box-shadow:0 9px 22px rgba(86,88,232,.24)}
.user-avatar{background:linear-gradient(145deg,#efefff,#e6edff);color:#5658e8}
.topbar{background:rgba(255,255,255,.88);border-color:var(--line);box-shadow:0 1px 0 rgba(33,39,80,.04);backdrop-filter:blur(20px)}
.today-pill,.logout,.mobile-menu-btn,.install-btn,.sidebar-logout{background:#f3f4fb;color:#3d4668;border:1px solid #e5e7f1}
.mobile-menu-btn{color:#313965;font-size:0}.mobile-menu-btn:after{content:'☰';font-size:20px}
.card,.mini-stat,.supplier-card,.customer-card,.history-card,.label-data-card,.migration-status,.sync-info-grid>div,.receipt-store,.return-summary,.detail-grid>div,.inspection-row{
  background:linear-gradient(180deg,#fff,#fdfdff);border-color:var(--line);color:var(--text);box-shadow:var(--shadow)
}
.card,.supplier-card,.customer-card,.mini-stat{border-color:var(--line);border-radius:22px}
.table{color:#252b50}.table th{background:#f5f6fc;color:#707895;border-color:var(--line)}.table td{border-color:#eceef6}.table tbody tr:hover{background:#fafaff}.returned-row{background:#fff5f7!important}
.input,.select,.textarea{background:#fff!important;color:#1b2147!important;border-color:#dfe2ef!important;box-shadow:0 2px 8px rgba(43,48,98,.025)}
.input::placeholder,.textarea::placeholder{color:#9ba1b8!important}.input:focus,.select:focus,.textarea:focus{border-color:#7774f3!important;box-shadow:0 0 0 4px rgba(105,99,236,.12)!important;outline:none}
.field label,.check-row{color:#555e7c}.select option,select option{background:#fff;color:#1b2147}
.btn{border-radius:13px}.btn.primary,.btn.success{background:linear-gradient(135deg,#685cf1,#3f82ed);color:#fff;border:0;box-shadow:0 10px 24px rgba(76,91,226,.2)}
.btn.secondary{background:#f2f3fa;color:#444d6c;border:1px solid #e2e5ef}.btn.secondary:hover{background:#e9ebf7}
.btn.danger{background:linear-gradient(135deg,#f2637b,#df3e61);color:#fff}.positive{color:#159b58}.negative{color:#dc3f60}
.badge.status-green,.status-green{background:#e2f8e9;color:#168046}.badge.status-purple,.status-purple{background:#ece9ff;color:#5b4bd7}.badge.status-orange,.status-orange{background:#fff0df;color:#d56a18}.badge.status-gray,.status-gray{background:#edf0f5;color:#64708a}.badge.status-red,.status-red,.badge.returned{background:#ffe5ea;color:#c93655}
.label-global-settings,.label-note,.label-sheet-viewport,.return-result,.ecommerce-fields,.migration-steps>div{background:#fafaff;border-color:var(--line);color:var(--text)}
.return-result:hover{background:#f4f4ff;border-color:#7774f3}.return-result span,.tracking-line,.return-summary span,.supplier-info div,.supplier-info p,.summary-metric span,.detail-grid small{color:var(--muted)}
.summary-metric,.brand-line,.money-list>div,.finance-ledger>div{border-color:var(--line)}
.money-list-total,.finance-ledger .total{background:linear-gradient(135deg,#eff3ff,#e8efff)!important;color:#182c66!important;border-radius:13px}
.finance-flow .flow-card{background:linear-gradient(180deg,#fff,#fafaff);border-color:var(--line);color:var(--text)}
.wizard-step{background:#f1f2f8;color:#7d849f}.wizard-step.active{background:linear-gradient(135deg,#6d63ef,#4c7fec);color:#fff;box-shadow:0 8px 20px rgba(91,92,233,.2)}
.valuation-box{background:linear-gradient(135deg,#695cf0,#4180ed);box-shadow:0 18px 38px rgba(70,78,202,.2)}
.migration-banner{background:rgba(255,255,255,.97);color:var(--text);border-color:#7774f3;box-shadow:0 24px 70px rgba(38,43,91,.22)}.migration-banner span{color:var(--muted)}
.backup-close{background:#f0f1f8;color:#525a78}.cloud-sync{background:#fff;color:#6d7591;border-color:#e0e4ef}.cloud-sync[data-ok="1"]{background:#e8fbf1;color:#087b4e;border-color:#b8efd4}
.role-choice>label{background:#fff;border-color:#dfe2ef;color:var(--text)}.role-choice>label:has(input:checked){background:#f0efff;border-color:#7774f3}.role-choice small{color:#7d849f}
.admin-access-banner{background:#f0efff;border-color:#dcd8ff;color:#5750be}.danger-zone{background:#fff7f8;border-color:#ffdce4}
.invoice{background:#fff;color:#171b38;padding:18px;border-radius:16px}.invoice td,.invoice th{border-color:#e2e4ec}
details pre{background:#f5f6fb;color:#303755;border:1px solid var(--line)}
::-webkit-scrollbar-track{background:#f0f1f7}::-webkit-scrollbar-thumb{background:#c8ccdc;border-color:#f0f1f7}

/* Dashboard follows the same airy mobile palette. */
.dark-dashboard{background:transparent;color:var(--text);box-shadow:none;padding:0;min-height:0}
.dark-dashboard .dashboard-welcome h1,.dark-dashboard h2,.dark-dashboard .section-title h2{color:var(--text)}
.dark-dashboard .dashboard-welcome p,.dark-dashboard .muted,.dark-dashboard .quick-card small,.dark-dashboard .hero-balance small,.dark-dashboard .flow-card small{color:var(--muted)!important}
.dark-dashboard>.card,.dark-dashboard .dashboard-panels>.card{background:linear-gradient(180deg,#fff,#fdfdff);border-color:var(--line);box-shadow:var(--shadow);color:var(--text)}
.dark-dashboard>.card .select,.dark-dashboard>.card .input{background:#fff!important;border-color:#dfe2ef!important;color:#1b2147!important}
.dark-dashboard .dashboard-grid .quick-card{background:linear-gradient(180deg,#fff,#fdfdff);border:1px solid var(--line);box-shadow:var(--shadow);color:var(--text)}
.dark-dashboard .dashboard-grid .quick-card span{color:#777e9b}.dark-dashboard .dashboard-grid .quick-card b{color:#141a42}
.dark-dashboard .hero-balance{background:linear-gradient(135deg,#675cf0,#4d6fee 55%,#3c88ed);box-shadow:0 18px 42px rgba(79,83,210,.26)}
.dark-dashboard .dashboard-actions button{background:#fff;border-color:var(--line);color:var(--text);box-shadow:var(--shadow)}.dark-dashboard .dashboard-actions button:hover{background:#f7f7ff;border-color:#d4d4f5}.dark-dashboard .dashboard-actions small{color:#878da7}
.dark-dashboard .dashboard-actions button>span{background:linear-gradient(145deg,#efefff,#e7efff);color:#5658e8}
.dark-dashboard .money-list>div,.dark-dashboard .brand-line{border-color:var(--line);color:#404765}.dark-dashboard .money-list-total{background:linear-gradient(135deg,#eff3ff,#e7efff)!important;color:#172b68!important}
.dark-dashboard .modern-bar .bar-fill{background:linear-gradient(180deg,#7c70f3,#4f7fec)}

/* Cashier and scan are touch-first, matching the reference screens. */
.draft-status,.trade-draft-status{border-color:#ccefdc;background:#eaf9f1;color:#13774b;box-shadow:none}
.draft-status>span{background:#26a96c}.draft-status small{color:#579377}.cashier-online{border-color:#caefdc;background:#ecfaf3;color:#158252}
.cashier-quick-grid button{background:linear-gradient(145deg,#f0efff,#f4f6ff);border-color:#e2e1fb;color:#242a5b;box-shadow:none;border-radius:20px}
.cashier-quick-grid button:nth-child(2){background:linear-gradient(145deg,#e9f3ff,#f2f7ff)}.cashier-quick-grid button:nth-child(3){background:linear-gradient(145deg,#f1edff,#f8f4ff)}
.cashier-quick-grid button>span{background:transparent;color:#5658e8;font-size:27px}.cashier-quick-grid small{color:#737b99}
.cashier-results>button,.cashier-items article{background:#fff;border-color:var(--line);color:var(--text)}.cashier-results strong{color:#415dd4}
.cashier-total{background:linear-gradient(135deg,#eaf2ff,#e8edff);color:#18336f;box-shadow:inset 0 0 0 1px #dbe4ff}.cashier-total small{color:#68769a;opacity:1}
.scan-camera{background:#10172d}.scan-camera:before{border-color:#756cf3}.scan-camera>span{background:#5f83ff}

@media(max-width:1024px){
  .sidebar{background:#fff;box-shadow:20px 0 55px rgba(29,34,72,.18)}.sidebar .tabs{background:#fff}.nav-overlay{background:rgba(25,30,65,.3)}
  .mobile-bottom-nav{left:0;right:0;bottom:0;height:76px;padding:8px 9px max(8px,env(safe-area-inset-bottom));border:0;border-top:1px solid #e6e8f1;border-radius:22px 22px 0 0;background:rgba(255,255,255,.97);box-shadow:0 -10px 32px rgba(34,39,84,.09);backdrop-filter:blur(24px)}
  .mobile-bottom-nav button{border-radius:16px;color:#757d9c}.mobile-bottom-nav button>span{font-size:21px}.mobile-bottom-nav button small{font-size:9px}.mobile-bottom-nav button.active{background:linear-gradient(145deg,#efefff,#e8efff);color:#5052e5}
  .global-scan-fab{right:16px;bottom:max(91px,calc(83px + env(safe-area-inset-bottom)));width:58px;height:58px;justify-content:center;padding:0;border:0;background:linear-gradient(135deg,#7163f2,#4384ed);box-shadow:0 14px 35px rgba(72,78,218,.35)}.global-scan-fab>span{font-size:24px}.global-scan-fab small{display:none}
  .cloud-sync{bottom:max(93px,calc(85px + env(safe-area-inset-bottom)))}
}

@media(max-width:760px){
  html,body,#app,.shell,.modern-shell,.workspace,.main{background:#f8f8fc;color:var(--text)}
  body{background:#f8f8fc}.topbar{background:rgba(255,255,255,.94);border-color:#eceef5}.topbar-inner{min-height:62px;padding:10px 14px}.mobile-brand b{font-size:15px}.mobile-brand small{color:#858ca5!important}.mobile-logout{border-radius:12px}
  .main{padding:18px 12px max(110px,calc(96px + env(safe-area-inset-bottom)))}
  .page-heading{margin-bottom:16px}.page-heading h1{font-size:27px;color:#11183d;letter-spacing:-.04em}.page-heading p{font-size:13px;line-height:1.55}.eyebrow{color:#6762e8}
  .card{padding:16px;border-radius:21px;box-shadow:0 12px 32px rgba(42,47,93,.07)}
  .stats{grid-template-columns:1fr 1fr!important}.stat{background:linear-gradient(145deg,#fff,#fafaff)!important;border:1px solid var(--line);box-shadow:var(--shadow);color:#161c45!important}.stat small{color:#7b829d}.stat strong{font-size:17px}
  .dashboard-welcome{margin-bottom:16px}.dashboard-welcome h1{font-size:28px}.dashboard-welcome .btn{border-radius:15px}
  .dashboard-grid{grid-template-columns:1fr 1fr!important;gap:10px}.hero-balance{grid-column:1/-1!important;min-height:155px;border-radius:24px;padding:21px}.hero-balance strong{font-size:28px}.quick-card{padding:15px;border-radius:19px}.quick-card b{font-size:16px}.profit-card{grid-column:1/-1}
  .dashboard-actions{grid-template-columns:1fr 1fr!important;gap:10px}.dashboard-actions button{border-radius:19px;padding:13px}.dashboard-panels{gap:12px}
  .modal{background:rgba(23,27,56,.32);backdrop-filter:blur(4px)}.modal-box{background:#fff;color:var(--text);border:0;border-radius:26px 26px 0 0;box-shadow:0 -18px 60px rgba(28,33,72,.16)}
  .modal-box>.section-title{background:rgba(255,255,255,.97);border-color:var(--line)}
  .wizard-steps{gap:8px}.wizard-step{border-radius:999px;flex-basis:116px}
  .migration-banner{background:rgba(255,255,255,.98);border:1px solid #d9d6ff;box-shadow:0 22px 60px rgba(39,43,91,.2)}
  .cashier-heading{gap:10px}.cashier-quick-grid{gap:9px}.cashier-quick-grid button{min-height:130px;padding:15px 8px}.cashier-quick-grid button>span{width:auto;height:auto}.cashier-quick-grid b{font-size:13px}.cashier-checkout,.cashier-cart{border-radius:22px}.cashier-items article{border-radius:17px;padding:13px}
  .invoice{background:#fff;color:#171b38}

  /* Inventory table becomes a comfortable card list on phone screens. */
  .table-wrap:has(.stock-number){margin:0;padding:0;max-width:none;overflow:visible}
  .table:has(.stock-number){display:block;min-width:0}.table:has(.stock-number) thead{display:none}.table:has(.stock-number) tbody{display:grid;gap:10px}
  .table:has(.stock-number) tbody tr{position:relative;display:flex;flex-wrap:wrap;gap:5px 10px;padding:16px 14px 14px 54px;border:1px solid var(--line);border-radius:19px;background:#fff;box-shadow:0 10px 26px rgba(42,47,93,.06)}
  .table:has(.stock-number) tbody tr:has(td[colspan]){display:block;padding:28px 15px}
  .table:has(.stock-number) tbody td{display:inline-block;width:auto;padding:2px 0;border:0;white-space:normal;color:#68708e;font-size:11px}
  .table:has(.stock-number) tbody td.stock-number{position:absolute!important;left:14px!important;top:16px!important;min-width:30px;width:30px;height:30px;display:grid;place-items:center;background:#efefff!important;color:#5658e8!important;border-radius:10px;font-size:12px}
  .table:has(.stock-number) tbody td:nth-child(2),.table:has(.stock-number) tbody td:nth-child(3){width:100%}
  .table:has(.stock-number) tbody td:nth-child(2) .btn{padding:0;min-height:0;border:0;background:transparent;color:#6f7692;font-weight:500}
  .table:has(.stock-number) tbody td:nth-child(3) b{color:#171d45;font-size:15px}
  .table:has(.stock-number) tbody td:has(.badge){margin-top:5px}.table:has(.stock-number) tbody td:last-child{margin-left:auto;margin-top:4px}
}

@media(max-width:430px){
  .dashboard-grid{grid-template-columns:1fr 1fr!important}.hero-balance,.profit-card{grid-column:1/-1!important}.dashboard-actions{grid-template-columns:1fr 1fr!important}
  .cashier-quick-grid{grid-template-columns:repeat(3,1fr)}.cashier-quick-grid button{min-height:118px}.cashier-items article{grid-template-columns:1fr auto}.cashier-items article .input{grid-column:1/2}.cashier-items article .btn{grid-column:2;grid-row:1/3}
}

/* Online v1.4.1 — definitive contrast layer for the light theme.
   These declarations intentionally override remnants of the former dark theme. */
.card,.modal-box,.supplier-card,.customer-card,.history-card,.label-data-card,
.migration-status,.sync-info-grid>div,.receipt-store,.return-summary,.detail-grid>div,
.inspection-row,.finance-flow .flow-card,.cashier-results>button,.cashier-items article{
  color:#182044!important;
}
.card h1,.card h2,.card h3,.card h4,.modal-box h1,.modal-box h2,.modal-box h3,
.modal-box h4,.supplier-card h3,.customer-card h3,.history-card h3,.section-title h2,
.page-heading h1,.detail-grid b,.summary-metric b,.finance-ledger b{
  color:#11183d!important;
}
.muted,.field-hint,.empty-state,.label-note,.tracking-line,.return-result span,
.return-summary span,.supplier-info div,.supplier-info p,.summary-metric span,
.detail-grid small,.sync-info-grid small,.cashier-results small,.cashier-items article small{
  color:#68728f!important;
}
.field label,.check-row,.role-choice small,.migration-steps small{
  color:#4e5878!important;
}
.table{color:#252c50!important}
.table th{background:#f5f6fc!important;color:#515b79!important}
.table td{color:#252c50!important}
.stock-number{background:#f1f2fa!important;color:#4c4ed8!important}
.table th.stock-number{background:#ebeefe!important;color:#4547c8!important}
.input,.select,.textarea{background:#fff!important;color:#151b3d!important}
.input::placeholder,.textarea::placeholder,.login input::placeholder{color:#858da8!important;opacity:1}
.select option,select option{background:#fff!important;color:#151b3d!important}
.btn.secondary{background:#f2f3fa!important;color:#36405f!important;border-color:#e0e3ee!important}
.today-pill,.logout,.mobile-menu-btn,.install-btn,.sidebar-logout,.backup-close{
  color:#35405f!important;
}
.dashboard-month-picker b{color:#11183d!important}
.dashboard-month-picker small,.finance-ledger>div span,.flow-card span,.flow-card small,
.money-preview,.capital-entry label,.money-input span{
  color:#596581!important;
}
.money-list>div,.brand-line,.finance-ledger>div{color:#303957!important}
.money-list-total,.money-list-total *,.finance-ledger .total,.finance-ledger .total *{
  color:#182c66!important;
}
.dark-dashboard .dashboard-actions button,.dark-dashboard .dashboard-actions button b,
.dark-dashboard .dashboard-grid .quick-card,.dark-dashboard .dashboard-grid .quick-card b{
  color:#141a42!important;
}
.dark-dashboard .dashboard-actions small,.dark-dashboard .dashboard-grid .quick-card span,
.dark-dashboard .dashboard-grid .quick-card small{color:#68728f!important}
.cashier-quick-grid button,.cashier-quick-grid button b{color:#242a5b!important}
.cashier-quick-grid small,.cashier-total small{color:#667394!important}
.cashier-total,.cashier-total span,.cashier-total strong{color:#18336f!important}
.label-global-settings,.label-sheet-viewport,.label-data-card,.return-result,
.ecommerce-fields,.migration-steps>div{color:#182044!important}

/* White text is retained only on genuinely dark or coloured surfaces. */
.hero-balance,.hero-balance *,.valuation-box,.valuation-box *,
.capital-copy,.capital-copy *,.btn.primary,.btn.success,.btn.danger,
.brand-mark,.global-scan-fab,.global-scan-fab *{
  color:#fff!important;
}
.status-green{color:#168046!important}.status-purple{color:#5b4bd7!important}
.status-orange{color:#b95710!important}.status-gray{color:#56627b!important}
.status-red,.badge.returned{color:#b82f4c!important}

@media(max-width:760px){
  .stat:not(.neutral-stat),.stat:not(.neutral-stat) *{color:#171d45!important}
  .stat:not(.neutral-stat) small{color:#68728f!important}
  .balance-stat,.balance-stat *{color:#fff!important}
  .table:has(.stock-number) tbody td{color:#59637f!important}
  .table:has(.stock-number) tbody td:nth-child(2) .btn{color:#59637f!important}
  .table:has(.stock-number) tbody td:nth-child(3) b{color:#171d45!important}
  .table:has(.stock-number) tbody td.stock-number{color:#4c4ed8!important}
}

/* Online v1.5.0 — Telegram integration and private product gallery. */
.telegram-stats{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:16px}
.telegram-settings-grid{align-items:start}.telegram-member-card{margin-top:16px}
.telegram-toggle-list{display:grid;gap:8px;margin:14px 0}.telegram-toggle-list .check-row{padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#fafaff}
.telegram-command-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:14px 0}
.telegram-command-grid code{display:block;padding:11px 13px;border:1px solid #e1e4f0;border-radius:12px;background:#f6f7fc;color:#303957;white-space:normal;overflow-wrap:anywhere}
.telegram-loading{min-height:180px;display:grid;place-content:center;text-align:center}
.product-gallery-section{margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}
.product-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.product-gallery button{position:relative;aspect-ratio:1;border:1px solid var(--line);border-radius:15px;padding:0;overflow:hidden;background:#f4f5fa}
.product-gallery img{width:100%;height:100%;display:block;object-fit:cover}
.private-photo-full{display:block;width:100%;max-height:72vh;object-fit:contain;border-radius:16px;background:#f2f3f8}
@media(max-width:900px){.telegram-stats{grid-template-columns:1fr 1fr}.product-gallery{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.telegram-command-grid{grid-template-columns:1fr}.product-gallery{grid-template-columns:repeat(2,1fr)}.telegram-member-card .table{min-width:720px}}
/* v1.6.0 — Stock Opname & Komisi Marketing */
.block{display:block;margin-top:4px}.segmented{display:flex;gap:6px;min-width:210px}.segmented button{border:1px solid var(--line,#334155);background:var(--panel-2,#142238);color:var(--text,#e5edf8);padding:9px 12px;border-radius:10px;cursor:pointer}.segmented button.active{background:#0f766e;border-color:#14b8a6;color:#fff}.segmented button.danger-active{background:#991b1b;border-color:#ef4444;color:#fff}.table td .input{min-width:240px}.marketing-net{color:#22c55e}
@media(max-width:720px){.segmented{min-width:185px}.segmented button{padding:8px}.table td .input{min-width:210px}}
.quick-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.filter-action{display:flex;align-items:flex-end}.actual-capital-hero{display:grid;grid-template-columns:minmax(260px,1fr) minmax(360px,1.4fr);gap:20px;padding:28px;border-radius:24px;margin-bottom:20px;background:linear-gradient(135deg,#172554,#312e81 52%,#0f766e);color:#fff;box-shadow:0 18px 45px rgba(15,23,42,.28)}.actual-capital-hero>div:first-child{display:flex;flex-direction:column;justify-content:center}.actual-capital-hero span{font-size:12px;font-weight:800;letter-spacing:.08em;opacity:.8}.actual-capital-hero>div>strong{font-size:clamp(28px,4vw,48px);margin:8px 0}.actual-capital-hero small{color:#dbeafe}.actual-capital-breakdown{display:grid;grid-template-columns:1fr 1fr;gap:12px}.actual-capital-breakdown>div{padding:18px;border:1px solid rgba(255,255,255,.18);background:rgba(15,23,42,.34);border-radius:18px}.actual-capital-breakdown b{display:block;font-size:20px;margin:8px 0}.warning-box{padding:14px 16px;border-radius:14px;background:rgba(245,158,11,.12);border:1px solid rgba(245,158,11,.35);color:var(--text,#e5edf8);margin-top:14px}.close-period-card{border-color:rgba(99,102,241,.45)}
@media(max-width:800px){.actual-capital-hero{grid-template-columns:1fr;padding:20px}.actual-capital-breakdown{grid-template-columns:1fr}.quick-filters .btn{flex:1;min-width:100px}}
.dashboard-actual-capital{margin:14px 0;background:linear-gradient(135deg,rgba(37,99,235,.16),rgba(13,148,136,.16));border-color:rgba(59,130,246,.35);display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 18px}.dashboard-actual-capital span{font-size:12px;font-weight:800;letter-spacing:.08em}.dashboard-actual-capital strong{font-size:26px}.dashboard-actual-capital small{width:100%}.carry-forward-alert{display:flex;align-items:center;justify-content:space-between;gap:18px;border-color:#f59e0b;background:rgba(245,158,11,.12);margin-bottom:18px}.carry-forward-alert p{margin:5px 0 0}.carry-forward-alert .btn{flex:none}@media(max-width:700px){.carry-forward-alert{align-items:stretch;flex-direction:column}.carry-forward-alert .btn{width:100%}}
/* v1.8.0 — Service, smart label and visual editor */
.label-feature-stack{display:grid;gap:16px}.label-smart{position:relative}.label-smart-results{position:absolute;z-index:15;left:0;right:0;top:calc(100% + 6px);background:var(--surface,#fff);border:1px solid var(--line,#dfe5ee);border-radius:14px;box-shadow:0 18px 45px #0f172a38;max-height:360px;overflow:auto;min-width:min(520px,88vw)}.label-smart-results button{display:grid;width:100%;min-height:72px;border:0;border-bottom:1px solid var(--line,#e5e7eb);background:transparent;color:inherit;text-align:left;padding:13px 15px;gap:6px}.label-smart-results button:hover{background:var(--primary-soft,#eff6ff)}.label-smart-results button b{font-size:15px;line-height:1.25}.label-smart-results small{display:block;color:var(--muted,#64748b);font-size:13px;line-height:1.35;letter-spacing:.01em}.label-toolbox{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}.label-editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px;align-items:start}.label-editor-canvas{width:100%;min-height:260px;position:relative;overflow:hidden;background:#fff;border:1px solid #94a3b8;border-radius:8px;color:#111;touch-action:none}.label-edit-item{position:absolute;border:1px dashed #64748b;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:move;user-select:none}.label-edit-item.selected{outline:2px solid #6d5dfc}.label-edit-item.type-line{height:2px!important;background:#111;border:0}.label-edit-item.type-shape{border:2px solid #111}.label-element-controls{border:1px solid var(--line,#dfe5ee);border-radius:14px;padding:14px;background:var(--surface,#fff);min-height:180px}.element-control-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.element-control-title span,.empty-element-controls{color:var(--muted,#64748b);font-size:12px}.element-control-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.element-control-grid .full{grid-column:1/-1}.element-control-grid small{display:block;color:var(--muted,#64748b);margin-top:5px}.danger-zone{margin-top:20px;padding:14px;border:1px solid #fecaca;background:#fff1f2;color:#7f1d1d;border-radius:12px}.danger-zone p{font-size:12px}.service-revenue-banner{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:13px 16px;margin-bottom:14px;background:linear-gradient(135deg,#0f766e,#14b8a6);color:#fff;border-radius:15px}.service-revenue-banner b{font-size:20px}
.service-part-actions{display:flex;flex-wrap:wrap;gap:8px}.service-part-actions button{display:grid;text-align:left}.service-part-actions small{display:block;color:var(--muted,#64748b);margin-top:3px}.designed-label{display:block!important;padding:0!important;overflow:hidden}.designed-item{position:absolute;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#000}.designed-item.type-line{border-top:1px solid #000}.designed-item.type-shape{border:1px solid #000}.designed-item canvas,.designed-item svg{max-width:100%;max-height:100%;width:100%;height:100%}
@media(max-width:900px){.label-editor-layout{grid-template-columns:1fr}.label-element-controls{min-height:0}}
@media(max-width:760px){.label-designer .form-grid{grid-template-columns:1fr}.label-editor-canvas{min-height:210px}.label-smart-results{min-width:100%;left:0;right:0}.service-revenue-banner{align-items:flex-start;flex-direction:column}}
@media print{
 body.printing-labels .main>.label-feature-stack{display:block!important;margin:0!important;padding:0!important}
 body.printing-labels .label-feature-stack>.label-dashboard{display:block!important;margin:0!important;padding:0!important}
 body.printing-labels .label-feature-stack>.label-designer{display:none!important}
 body.printing-labels #labelPrintArea .print-label.designed-label{display:block!important;position:relative!important;visibility:visible!important;opacity:1!important;color:#000!important;background:#fff!important}
 body.printing-labels #labelPrintArea .designed-item{display:flex!important;visibility:visible!important;opacity:1!important;color:#000!important}
 body.printing-labels #labelPrintArea canvas,body.printing-labels #labelPrintArea svg{display:block!important;visibility:visible!important;opacity:1!important}
}
@media print{body.printing-service>*{visibility:hidden!important}body.printing-service #modal,body.printing-service #modal *{visibility:visible!important}body.printing-service #modal{position:absolute!important;inset:0!important;background:#fff!important;padding:0!important}body.printing-service #modal .modal-box{width:100%!important;max-width:none!important;box-shadow:none!important;border:0!important}.printing-service .no-print{display:none!important}.printing-service .service-receipt{max-width:80mm!important;margin:0 auto!important;color:#000!important;background:#fff!important}}

/* v1.8.1 — readable IMEI search, per-element sizing and reliable label print */
.label-smart-results{top:calc(100% + 6px);max-height:360px;min-width:min(560px,88vw);border-radius:14px;box-shadow:0 18px 45px #0f172a38}
.label-smart-results button{display:grid;gap:6px;min-height:78px;padding:14px 16px}
.label-smart-results button b{font-size:16px;line-height:1.25}
.label-smart-results button small{font-size:13px;line-height:1.4}
.label-smart-results .smart-imei{font-size:15px;font-weight:800;color:var(--text,#172033);letter-spacing:.025em;overflow-wrap:anywhere}
.label-editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px;align-items:start}
.label-editor-canvas{width:100%;min-height:260px}
.label-element-controls{border:1px solid var(--line,#dfe5ee);border-radius:14px;padding:14px;background:var(--surface,#fff);min-height:180px}
.element-control-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.element-control-title span,.empty-element-controls{color:var(--muted,#64748b);font-size:12px}
.element-control-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.element-control-grid .full{grid-column:1/-1}
.element-control-grid small{display:block;color:var(--muted,#64748b);margin-top:5px}
.label-edit-item.type-line{height:auto!important;min-height:1px;background:#111;border:0}
.designed-item.type-line{border:0;background:#000;min-height:.2mm}
@media(max-width:900px){.label-editor-layout{grid-template-columns:1fr}.label-element-controls{min-height:0}}
@media(max-width:760px){.label-editor-canvas{min-height:210px}.label-smart-results{min-width:100%;left:0;right:0}}
@media print{
 body.printing-labels .main>.label-feature-stack{display:block!important;margin:0!important;padding:0!important}
 body.printing-labels .label-feature-stack>.label-dashboard{display:block!important;margin:0!important;padding:0!important}
 body.printing-labels .label-feature-stack>.label-designer{display:none!important}
 body.printing-labels #labelPrintArea .print-label.designed-label{display:block!important;position:relative!important;visibility:visible!important;opacity:1!important;color:#000!important;background:#fff!important}
 body.printing-labels #labelPrintArea .designed-item{display:flex!important;visibility:visible!important;opacity:1!important;color:#000!important}
 body.printing-labels #labelPrintArea canvas,body.printing-labels #labelPrintArea svg{display:block!important;visibility:visible!important;opacity:1!important}
}
/* v1.9.0 — lifecycle IMEI dan Trade-In terpadu */
.trade-history{margin-top:8px;padding:10px 12px;border:1px solid var(--modern-border,#e5e7eb);border-radius:12px;background:#f8fafc;display:grid;gap:3px;font-size:11px}.trade-history b{color:#166534}.trade-history b.negative{color:#b91c1c}.trade-history span{color:#64748b;line-height:1.45}.trade-shortcut{border-color:#c4b5fd!important;background:#f5f3ff!important}.trade-shortcut span{background:#ede9fe!important;color:#6d28d9!important}.trade-finance-note{display:grid;grid-template-columns:1fr auto;gap:4px 16px;align-items:center;padding:14px 16px;margin:0 0 14px;border:1px solid #c4b5fd;border-radius:14px;background:#f5f3ff}.trade-finance-note span{font-size:12px;color:#5b21b6;font-weight:800}.trade-finance-note b{color:#4c1d95}.trade-finance-note small{grid-column:1/-1;color:#6b7280}
@media(max-width:760px){.cashier-quick-grid{grid-template-columns:1fr 1fr}.trade-finance-note{grid-template-columns:1fr}.trade-finance-note small{grid-column:auto}}
.signature-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:34px;text-align:center}.receipt-declaration{margin-top:22px;font-size:11px;line-height:1.55}
@media print{body.printing-buyback-note .sidebar,body.printing-buyback-note .topbar,body.printing-buyback-note .nav-overlay,body.printing-buyback-note .migration-banner,body.printing-buyback-note .no-print{display:none!important}body.printing-buyback-note .workspace{margin:0!important}body.printing-buyback-note .main{padding:0!important}body.printing-buyback-note .main>*{display:none!important}body.printing-buyback-note #buybackPrintHost{display:block!important;background:#fff!important;color:#111!important}body.printing-buyback-note #buybackPrintHost *{color:#111!important}}