:root{--yellow:#ffe500;--ink:#151313;--muted:#747474;--line:#e5e5e5;--canvas:#f1f2f3;--white:#fff;--radius:18px;--shadow:0 14px 35px rgba(29,25,20,.07)}
*{box-sizing:border-box}html{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--canvas)}body{margin:0;min-width:320px}button,input,select{font:inherit}.app-shell{display:grid;grid-template-columns:270px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:#fff;padding:30px 18px 22px;border-right:1px solid #ececec;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;padding:4px 18px 32px;font-size:2.15rem;font-weight:950;letter-spacing:-.18em}.brand-o{display:inline-flex;border:8px solid #171313;border-radius:50%;width:42px;height:42px;color:transparent;margin-right:3px}.brand-m{position:relative;color:#171313;letter-spacing:-.12em}.brand-m:after{content:"";position:absolute;width:10px;height:10px;background:var(--yellow);transform:rotate(45deg);left:14px;bottom:5px}.nav-list{display:flex;flex-direction:column;gap:6px;overflow:auto;padding-right:2px}.nav-item{width:100%;height:52px;border:0;background:transparent;border-radius:12px;display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:0 12px;text-align:left;font-weight:750;color:#5e5b5c;font-size:.95rem;cursor:pointer;transition:.2s}.nav-item:hover{background:#f5f5f5;color:#111}.nav-item.active{background:var(--yellow);color:#111;box-shadow:inset -7px 0 #211c1a}.nav-icon{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;color:#fff;font-size:.92rem;font-weight:900}.gradient-cube{background:linear-gradient(135deg,#ffd000 10%,#56e1d1 45%,#7a59ff 85%)}.magenta{background:linear-gradient(135deg,#541a69,#ff78ce)}.blue{background:linear-gradient(135deg,#184fca,#67a7ff)}.violet{background:linear-gradient(135deg,#4738c7,#a98cff)}.cyan{background:linear-gradient(135deg,#183aa6,#4fd7ff)}.green{background:linear-gradient(135deg,#046b71,#79e177)}.teal{background:linear-gradient(135deg,#006e6b,#2addb5)}.indigo{background:linear-gradient(135deg,#3c32aa,#3397f0)}.chevron{width:20px;height:20px;border-radius:50%;background:#aaa;color:white;display:grid;place-items:center;line-height:1;transition:.2s}.nav-item[aria-expanded="true"] .chevron{transform:rotate(180deg);background:#222}.submenu{display:none;padding:0 0 3px 57px}.submenu.open{display:flex;flex-direction:column}.submenu button{border:0;background:none;padding:8px 4px;text-align:left;color:#767676;font-size:.86rem;cursor:pointer}.submenu button:hover{color:#111}.sidebar-profile{margin-top:auto;padding:18px 8px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px}.sidebar-profile .avatar{width:38px;height:38px;border-radius:12px;background:#171313;color:var(--yellow);display:grid;place-items:center;font-weight:850}.sidebar-profile strong,.sidebar-profile small{display:block}.sidebar-profile strong{font-size:.85rem}.sidebar-profile small{font-size:.72rem;color:#888;margin-top:2px}.sidebar-profile button{border:0;background:none;cursor:pointer;color:#999}.main-content{min-width:0}.topbar{height:96px;background:#fff;border-bottom:1px solid #e9e9e9;padding:0 34px;display:flex;align-items:center;gap:16px;position:sticky;top:0;z-index:10}.page-heading{margin-right:auto}.page-heading p{margin:0 0 4px;color:#8a8a8a;font-size:.76rem}.page-heading h1{margin:0;font-size:1.35rem;letter-spacing:-.02em}.search-box{width:min(300px,25vw);height:44px;border:1px solid #ddd;border-radius:12px;display:flex;align-items:center;gap:8px;padding:0 13px;background:#fafafa}.search-box input{border:0;outline:0;background:transparent;width:100%;font-size:.88rem}.icon-button,.menu-button{width:44px;height:44px;border:1px solid #ddd;background:#fff;border-radius:12px;cursor:pointer;position:relative}.icon-button i{position:absolute;right:-2px;top:-4px;background:#e83d48;color:#fff;border:2px solid #fff;border-radius:999px;width:20px;height:20px;font-size:.7rem;display:grid;place-items:center;font-style:normal}.primary-button{height:44px;border:0;border-radius:12px;background:#171313;color:#fff;padding:0 17px;font-weight:750;cursor:pointer;box-shadow:0 6px 15px rgba(0,0,0,.14)}.primary-button:hover{background:#2b2727}.menu-button{display:none}.workspace{padding:30px 34px 45px;max-width:1550px;margin:auto}.welcome-row{display:flex;align-items:end;justify-content:space-between;gap:22px;margin-bottom:24px}.eyebrow{margin:0 0 7px!important;font-size:.72rem!important;font-weight:850;color:#888!important;letter-spacing:.12em}.welcome-row h2{font-size:1.7rem;margin:0 0 6px;letter-spacing:-.035em}.welcome-row p{margin:0;color:#777}.period-control{display:flex;padding:4px;background:#e4e5e6;border-radius:11px;white-space:nowrap}.period{border:0;background:transparent;border-radius:8px;padding:9px 13px;font-size:.8rem;font-weight:700;color:#777;cursor:pointer}.period.active{background:#fff;color:#111;box-shadow:0 2px 8px rgba(0,0,0,.08)}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.metric-card{position:relative;overflow:hidden;background:#fff;border:1px solid #e7e7e7;border-radius:var(--radius);padding:20px;min-height:166px;box-shadow:var(--shadow)}.metric-card.yellow{background:var(--yellow);border-color:#e9d400}.metric-card p{margin:18px 0 3px;color:#626262;font-size:.84rem;font-weight:700}.metric-card.yellow p{color:#4d4600}.metric-card strong{font-size:2rem;letter-spacing:-.04em}.metric-card span{display:block;margin-top:7px;color:#777;font-size:.76rem}.metric-card.yellow span{color:#5e5600}.metric-card span b{color:#138653}.metric-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#fff;color:#111}.blue-soft{background:#e8f0ff;color:#2e65cc}.green-soft{background:#e1f5e9;color:#15834d}.red-soft{background:#fde8e8;color:#ca4141}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(270px,.75fr);gap:16px;margin-top:16px}.panel{background:#fff;border:1px solid #e5e5e5;border-radius:var(--radius);padding:22px;box-shadow:var(--shadow)}.panel-header{display:flex;justify-content:space-between;gap:16px;align-items:start}.panel h3{margin:0 0 4px;font-size:1.02rem}.panel-header p{margin:0;color:#888;font-size:.78rem}.ghost-button,.more-button{border:0;background:transparent;color:#555;font-weight:700;font-size:.78rem;cursor:pointer}.chart-wrap{position:relative;margin-top:20px}.chart-stat{position:absolute;left:45px;top:22px;z-index:1}.chart-stat strong,.chart-stat span{display:block}.chart-stat strong{font-size:1.7rem}.chart-stat span{font-size:.72rem;color:#888}.chart{width:100%;height:240px;overflow:visible}.grid-lines path{stroke:#ececec;stroke-width:1;fill:none}.chart-area{fill:url(#areaFill)}.chart-line{fill:none;stroke:#181818;stroke-width:3;stroke-linecap:round}.axis-labels{font-size:12px;fill:#929292}.donut-row{display:grid;grid-template-columns:150px 1fr;align-items:center;gap:14px;padding:20px 0}.donut{width:138px;aspect-ratio:1;border-radius:50%;background:conic-gradient(var(--yellow) 0 50%,#3278ed 50% 66%,#222 66% 72%,#ececec 72% 100%);display:grid;place-items:center}.donut:before{content:"";width:88px;aspect-ratio:1;border-radius:50%;background:#fff}.donut span{position:absolute;text-align:center}.donut strong,.donut small{display:block}.donut strong{font-size:1.35rem}.donut small{font-size:.67rem;color:#888}.legend p{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:8px;margin:12px 0;font-size:.78rem;color:#666}.legend b{color:#111}.dot{width:8px;height:8px;border-radius:50%}.yellow-dot{background:var(--yellow)}.blue-dot{background:#3278ed}.dark-dot{background:#222}.wide-button{width:100%;height:42px;border:1px solid #ddd;background:#fafafa;border-radius:11px;padding:0 14px;display:flex;justify-content:space-between;align-items:center;font-weight:750;cursor:pointer}.table-panel{grid-column:1/-1}.table-scroll{overflow-x:auto;margin:16px -4px -5px}table{width:100%;border-collapse:collapse;min-width:720px}th,td{text-align:left;padding:14px 12px;border-top:1px solid #eee;font-size:.8rem}th{font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:#929292}td{color:#656565}td strong{color:#222}.status{display:inline-flex;border-radius:999px;padding:6px 9px;font-weight:750;font-size:.69rem}.status.progress{color:#8b7200;background:#fff8c7}.status.waiting{color:#265eb8;background:#e8f0ff}.status.qc{color:#7c4894;background:#f3e9f8}.status.done{color:#177345;background:#e1f5e9}.mobile-overlay{display:none}dialog{border:0;border-radius:20px;padding:0;width:min(470px,calc(100% - 32px));box-shadow:0 30px 90px rgba(0,0,0,.3)}dialog::backdrop{background:rgba(0,0,0,.45);backdrop-filter:blur(3px)}dialog form{padding:25px}.dialog-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:18px}.dialog-head h2{margin:0}.dialog-head button{border:0;background:#eee;width:32px;height:32px;border-radius:10px;font-size:1.4rem;cursor:pointer}dialog label{display:grid;gap:7px;margin:15px 0;font-size:.8rem;font-weight:750}dialog input,dialog select{height:45px;border:1px solid #ddd;border-radius:11px;padding:0 12px;background:#fff}dialog menu{padding:8px 0 0;margin:0;display:flex;justify-content:flex-end;gap:10px}.secondary-button{height:44px;border:1px solid #ddd;background:#fff;border-radius:12px;padding:0 18px;font-weight:700;cursor:pointer}.toast{position:fixed;right:28px;bottom:28px;background:#171313;color:#fff;padding:14px 18px;border-radius:12px;box-shadow:0 15px 45px rgba(0,0,0,.25);opacity:0;transform:translateY(14px);pointer-events:none;transition:.25s;z-index:50}.toast.show{opacity:1;transform:translateY(0)}.empty-state{text-align:center;padding:28px;color:#888}.view-placeholder{min-height:540px;background:#fff;border:1px solid #e5e5e5;border-radius:20px;padding:28px;box-shadow:var(--shadow)}.view-placeholder h2{margin:0 0 10px}.view-placeholder p{color:#777;max-width:590px;line-height:1.6}.view-placeholder .back-dashboard{margin-top:18px}
@media(max-width:1050px){.app-shell{grid-template-columns:230px 1fr}.topbar{padding:0 22px}.workspace{padding:26px 22px}.metrics-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.table-panel{grid-column:auto}.search-box{display:none}}
@media(max-width:760px){.app-shell{display:block}.sidebar{position:fixed;left:0;transform:translateX(-105%);width:min(280px,calc(100vw - 24px));transition:.25s;box-shadow:20px 0 60px rgba(0,0,0,.18)}.sidebar.open{transform:none}.mobile-overlay{position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:15}.mobile-overlay.show{display:block}.menu-button{display:block}.topbar{height:78px;padding:0 15px;gap:10px}.page-heading p{display:none}.page-heading h1{font-size:1.1rem}.icon-button{display:none}.primary-button{padding:0 12px;font-size:.8rem}.workspace{padding:20px 15px 35px}.welcome-row{display:block}.period-control{margin-top:18px;width:max-content}.metrics-grid{grid-template-columns:1fr 1fr;gap:10px}.metric-card{padding:16px;min-height:150px}.dashboard-grid{gap:10px;margin-top:10px}.panel{padding:18px}.donut-row{grid-template-columns:140px 1fr}}
@media(max-width:480px){.welcome-row h2{font-size:1.45rem}.metrics-grid{grid-template-columns:1fr}.metric-card{min-height:142px}.panel-header{align-items:center}.ghost-button{white-space:nowrap}.donut-row{grid-template-columns:1fr}.donut{margin:auto}.legend{width:80%;margin:auto}.chart{height:205px}.chart-stat{left:28px}.toast{left:15px;right:15px;bottom:15px;text-align:center}}
.dashboard-grid,.panel{min-width:0}.table-scroll{max-width:100%}.brand{display:block;padding:8px 18px 34px;letter-spacing:normal}.brand img{display:block;width:100%;max-width:184px;height:auto;filter:drop-shadow(0 8px 7px rgba(28,20,18,.3));transition:transform .2s ease,filter .2s ease}.brand img:hover{transform:translateY(-2px);filter:drop-shadow(0 11px 9px rgba(28,20,18,.36))}.brand-o,.brand-m{display:none}
.crm-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}.crm-toolbar h2{font-size:1.75rem;letter-spacing:-.04em;margin:0 0 5px}.crm-toolbar>div>p:last-child{margin:0;color:#777}.crm-actions{display:flex;gap:10px}.crm-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}.crm-metrics article{background:#fff;border:1px solid #e5e5e5;border-radius:16px;padding:17px;display:grid;grid-template-columns:42px 1fr;gap:12px;box-shadow:var(--shadow)}.crm-metric-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font-weight:900}.crm-metric-icon.wa{background:#dcf8e7;color:#128c4b}.crm-metric-icon.design{background:#eee8ff;color:#6649c7}.crm-metric-icon.invoice{background:#fff7cb;color:#776900}.crm-metric-icon.conversion{background:#e7f0ff;color:#2b64c9}.crm-metrics small,.crm-metrics strong,.crm-metrics p{display:block}.crm-metrics small{color:#777;font-size:.72rem}.crm-metrics strong{font-size:1.42rem;margin:2px 0}.crm-metrics p{font-size:.68rem;color:#888;margin:0}.crm-metrics p b{color:#12834e}.crm-panel{background:#fff;border:1px solid #e5e5e5;border-radius:18px;padding:20px;box-shadow:var(--shadow);min-width:0}.crm-panel-head{display:flex;align-items:start;justify-content:space-between;gap:16px}.crm-panel-head h3{font-size:1rem;margin:0 0 4px}.crm-panel-head p{font-size:.75rem;color:#888;margin:0}.crm-filter,.mini-search{display:flex;align-items:center;gap:8px;font-size:.72rem;color:#777}.crm-filter select,.mini-search{height:38px;border:1px solid #ddd;border-radius:10px;padding:0 10px;background:#fafafa}.mini-search input{border:0;outline:0;background:transparent;width:150px;font-size:.78rem}.pipeline-scroll{overflow-x:auto;margin:17px -4px -4px;padding:0 4px 8px}.pipeline{display:grid;grid-template-columns:repeat(7,minmax(205px,1fr));gap:10px;min-width:1490px}.pipeline-column{background:#f4f5f5;border-radius:13px;padding:10px;min-height:205px}.stage-head{display:grid;grid-template-columns:24px 1fr 24px;align-items:center;gap:7px;margin-bottom:9px}.stage-head>span{width:24px;height:24px;border-radius:7px;background:#171313;color:#ffe500;display:grid;place-items:center;font-size:.7rem;font-weight:800}.stage-head strong{font-size:.72rem}.stage-head b{background:#fff;border-radius:7px;width:24px;height:24px;display:grid;place-items:center;font-size:.68rem}.lead-card{background:#fff;border:1px solid #e4e4e4;border-radius:11px;padding:11px;box-shadow:0 5px 16px rgba(0,0,0,.04)}.lead-top,.lead-meta{display:flex;justify-content:space-between;gap:8px;align-items:center}.lead-top span,.lead-top small{font-size:.62rem;color:#999}.lead-card h4{font-size:.8rem;margin:9px 0 3px}.lead-card>p{font-size:.68rem;color:#777;margin:0 0 10px}.lead-meta{border-top:1px solid #eee;padding-top:8px}.lead-meta span{font-size:.66rem;background:#f1f1f1;padding:4px 6px;border-radius:6px}.lead-meta b{font-size:.66rem}.lead-card button{width:100%;border:0;background:#ffe500;border-radius:8px;padding:7px;margin-top:9px;font-size:.66rem;font-weight:800;cursor:pointer}.spk-ready{display:block;text-align:center;background:#ddf6e7;color:#167346;border-radius:8px;padding:7px;margin-top:9px;font-size:.66rem;font-weight:800}.empty-stage{color:#aaa;font-size:.68rem;text-align:center;padding:28px 8px}.crm-lower-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.6fr);gap:16px;margin-top:16px}.customer-panel{min-width:0}.customer-panel td:first-child strong,.customer-panel td:first-child small{display:block}.customer-panel td:first-child small{color:#999;font-size:.68rem;margin-top:3px}.admin-pill{background:#f2f2f2;border-radius:999px;padding:5px 8px;font-size:.68rem}.insight-badge{background:#171313;color:#ffe500;border-radius:999px;padding:6px 9px;font-size:.66rem;font-weight:800}.product-bars{margin-top:20px}.product-bars>div{margin:14px 0}.product-bars p{display:flex;justify-content:space-between;font-size:.72rem;margin:0 0 6px}.product-bars i{display:block;height:8px;background:#eee;border-radius:999px;overflow:hidden}.product-bars em{display:block;height:100%;background:#ffe500;border-radius:999px}.insight-note{background:#f5f5f5;border-left:4px solid #ffe500;border-radius:10px;padding:12px;margin-top:18px}.insight-note strong{font-size:.72rem}.insight-note p{font-size:.7rem;line-height:1.5;color:#666;margin:4px 0 0}.admin-panel{grid-column:1/-1}.admin-performance{margin-top:14px}.admin-row{display:grid;grid-template-columns:42px 1fr repeat(3,minmax(110px,.7fr));gap:12px;align-items:center;padding:13px 4px;border-top:1px solid #eee}.admin-row .avatar{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;font-weight:850;font-size:.72rem}.admin-row .salsa{background:#fff1a8}.admin-row .rizky{background:#dfeaff}.admin-row .dina{background:#e9e0ff}.admin-row strong,.admin-row small,.admin-row b{display:block}.admin-row small{font-size:.68rem;color:#888}.admin-row b{font-size:.78rem;margin-top:3px}.admin-row>div:nth-child(n+3){text-align:right}
@media(max-width:1200px){.crm-metrics{grid-template-columns:repeat(2,1fr)}.crm-lower-grid{grid-template-columns:1fr}.admin-panel{grid-column:auto}}
@media(max-width:760px){.crm-toolbar{display:block}.crm-actions{margin-top:17px}.crm-metrics{grid-template-columns:1fr 1fr;gap:9px}.crm-metrics article{padding:13px}.crm-panel{padding:16px}.crm-panel-head{display:block}.crm-filter,.mini-search{margin-top:12px;width:max-content}.admin-row{grid-template-columns:42px 1fr 1fr}.admin-row>div:nth-child(4),.admin-row>div:nth-child(5){display:none}}
@media(max-width:460px){.crm-metrics{grid-template-columns:1fr}.crm-actions{display:grid;grid-template-columns:1fr 1fr}.crm-actions button{padding:0 10px}.crm-toolbar h2{font-size:1.45rem}}
.crm-metrics{grid-template-columns:repeat(3,1fr)}
@media(max-width:900px){.crm-metrics{grid-template-columns:1fr}}
.spk-submenu{padding-left:62px}.spk-submenu button{font-size:.78rem;padding:7px 4px;border-radius:7px}.spk-submenu button:hover{background:#eee;color:#111}.spk-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px}.spk-heading h2,.spk-form-head h2{font-size:1.75rem;margin:0 0 6px;letter-spacing:-.04em}.spk-heading p,.spk-form-head p{margin:0;color:#777}.spk-number{background:#171313;color:#fff;border-radius:15px;padding:13px 18px;min-width:150px}.spk-number small,.spk-number strong{display:block}.spk-number small{font-size:.68rem;color:#bbb}.spk-number strong{font-size:1.45rem;margin-top:2px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.service-card{position:relative;border:1px solid #e1e1e1;background:#fff;border-radius:16px;padding:17px;text-align:left;display:grid;grid-template-columns:38px 1fr;gap:11px;min-height:132px;cursor:pointer;box-shadow:var(--shadow);transition:.18s}.service-card:hover{transform:translateY(-2px);border-color:#c9c9c9}.service-card.featured{background:#ffe500;border-color:#dfca00}.service-icon{width:38px;height:38px;border-radius:11px;background:#171313;color:#ffe500;display:grid;place-items:center;font-weight:850}.service-card b,.service-card small{display:block}.service-card b{font-size:.82rem;line-height:1.35}.service-card small{font-size:.68rem;line-height:1.45;color:#777;margin-top:5px}.service-card.featured small{color:#675e00}.service-card em{position:absolute;left:17px;bottom:15px;font-size:.6rem;font-style:normal;text-transform:uppercase;letter-spacing:.07em;color:#888}.service-card i{position:absolute;right:16px;bottom:14px;font-style:normal;font-size:1rem}.spk-list-panel{background:#fff;border:1px solid #e4e4e4;border-radius:18px;padding:21px;margin-top:16px;box-shadow:var(--shadow)}.spk-form-head{margin-bottom:21px}.back-link{border:0;background:transparent;padding:0;color:#777;font-weight:700;font-size:.78rem;cursor:pointer;margin-bottom:22px}.back-link:hover{color:#111}.spk-form-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:16px;align-items:start}.spk-form,.spk-summary{background:#fff;border:1px solid #e4e4e4;border-radius:18px;padding:22px;box-shadow:var(--shadow)}.form-section{display:flex;align-items:center;gap:12px;margin-bottom:18px}.form-step{width:34px;height:34px;border-radius:10px;background:#171313;color:#ffe500;display:grid;place-items:center;font-size:.72rem;font-weight:850}.form-section h3,.form-section p{margin:0}.form-section h3{font-size:.95rem}.form-section p{font-size:.7rem;color:#888;margin-top:3px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-grid label{display:grid;gap:7px;font-size:.75rem;font-weight:750;color:#555}.form-grid label.full{grid-column:1/-1}.form-grid input,.form-grid select,.form-grid textarea{width:100%;border:1px solid #dcdcdc;border-radius:10px;background:#fafafa;padding:11px 12px;outline:0;font:inherit;color:#222}.form-grid input,.form-grid select{height:44px}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:#222;background:#fff;box-shadow:0 0 0 3px rgba(255,229,0,.3)}.form-divider{height:1px;background:#eee;margin:24px 0}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.spk-summary{position:sticky;top:118px}.summary-icon{width:42px;height:42px;border-radius:12px;background:#e3f6e9;color:#177347;display:grid;place-items:center;font-weight:900}.spk-summary h3{font-size:.95rem;margin:15px 0 10px}.spk-summary ul{padding-left:20px;color:#6f6f6f;font-size:.72rem;line-height:1.8}.spk-summary>div{background:#f3f3f3;border-radius:11px;padding:12px;margin-top:17px}.spk-summary small,.spk-summary strong{display:block}.spk-summary small{font-size:.64rem;color:#888}.spk-summary strong{font-size:.78rem;margin-top:4px}
@media(max-width:1200px){.service-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:850px){.spk-form-layout{grid-template-columns:1fr}.spk-summary{position:static}.service-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.spk-heading{display:block}.spk-number{margin-top:15px;width:max-content}.service-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-grid label.full{grid-column:auto}.spk-form{padding:17px}.spk-submenu{padding-left:45px}.spk-submenu button{font-size:.73rem}}
.invoice-code{position:absolute;right:42px;bottom:13px;background:#f1f1f1;color:#222;border-radius:7px;padding:4px 7px;font-size:.62rem;font-weight:850}.service-card.featured .invoice-code{background:#171313;color:#ffe500}.code-pill{display:inline-flex;background:#171313;color:#ffe500;border-radius:7px;padding:5px 7px;font-size:.68rem;font-weight:850}.production-flow{background:#171313;color:#fff;border-radius:18px;padding:18px 20px;margin-bottom:16px;display:grid;grid-template-columns:130px 1fr;gap:18px;align-items:center;box-shadow:var(--shadow)}.flow-title span,.flow-title strong{display:block}.flow-title span{font-size:.68rem;color:#aaa}.flow-title strong{font-size:1.2rem;color:#ffe500;margin-top:4px}.flow-steps{display:flex;align-items:center;overflow-x:auto;padding:4px 0}.flow-step{display:flex;align-items:center;flex:0 0 auto}.flow-step:not(:last-child):after{content:'→';color:#777;margin:0 8px}.flow-step i{width:24px;height:24px;border-radius:7px;background:#ffe500;color:#171313;display:grid;place-items:center;font-style:normal;font-size:.65rem;font-weight:850;margin-right:6px}.flow-step span{font-size:.7rem;white-space:nowrap}.spk-summary>div+div{margin-top:8px}
@media(max-width:700px){.production-flow{grid-template-columns:1fr}.flow-steps{padding-bottom:8px}}
.custom-order-form,.custom-queue{background:#fff;border:1px solid #dedede;border-radius:18px;box-shadow:var(--shadow);margin-bottom:18px}.custom-order-form header{display:flex;justify-content:space-between;align-items:end;gap:18px;padding:18px 20px;border-bottom:2px solid #242120}.custom-order-form header>div{display:flex;align-items:end;gap:18px}.custom-invoice{font-size:1.25rem;font-weight:900;letter-spacing:.03em;white-space:nowrap}.custom-order-form label{font-size:.72rem;font-weight:750;color:#555}.custom-order-form input,.custom-order-form select,.custom-order-form textarea{border:1px solid #d5d5d5;background:#fafafa;border-radius:9px;padding:9px 10px;font:inherit;color:#222;outline:0}.custom-order-form input:focus,.custom-order-form select:focus,.custom-order-form textarea:focus{border-color:#222;background:#fff;box-shadow:0 0 0 3px rgba(255,229,0,.28)}.custom-order-form header label{display:grid;gap:6px}.custom-order-form header input{height:40px}.deadline-field input{background:#e92834;color:#fff;border-color:#e92834;font-weight:800}.custom-form-body{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(260px,1.2fr) minmax(210px,.8fr);gap:24px;padding:20px}.custom-fields{display:grid;gap:11px}.custom-fields label{display:grid;grid-template-columns:105px minmax(0,1fr);align-items:center;gap:9px}.custom-fields input,.custom-fields select{height:39px;min-width:0;width:100%}.custom-fields .custom-notes{grid-template-columns:1fr}.custom-fields textarea{width:100%;resize:vertical}.custom-media{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-content:start}.design-upload{grid-column:1/-1;min-height:150px;border:2px dashed #d2d2d2;border-radius:13px;background:#f7f7f7;display:grid;place-items:center;text-align:center;padding:14px;cursor:pointer}.design-upload input{display:none}.design-upload .upload-mark{width:38px;height:38px;border-radius:11px;background:#171313;color:#ffe500;display:grid;place-items:center;font-size:1.3rem}.design-upload b,.design-upload small{display:block}.design-upload small{font-size:.65rem;color:#888}.qr-placeholder{aspect-ratio:1;border:7px solid #282321;border-radius:12px;display:grid;place-items:center;text-align:center;background:repeating-linear-gradient(45deg,#fff 0 7px,#eee 7px 14px)}.qr-placeholder span{background:#fff;border:4px solid #282321;padding:12px;font-weight:950;font-size:1.1rem}.qr-placeholder small{grid-column:1;display:block;background:#fff;padding:3px;font-size:.56rem}.priority-control{display:grid;align-content:center;gap:7px}.priority-control select{height:42px;font-weight:850;color:#d81d2a}.custom-order-form footer{display:flex;justify-content:flex-end;align-items:center;gap:20px;padding:0 20px 20px}.custom-order-form footer p{margin:0;color:#777;font-size:.72rem}.custom-queue{padding:20px}.custom-queue-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:14px}.custom-queue-head h3{font-size:1.15rem;margin:0}.custom-queue-head>span{background:#171313;color:#fff;padding:8px 11px;border-radius:9px;font-size:.68rem}.custom-queue-head>span b{color:#ffe500}.queue-table{min-width:1120px}.queue-table th{background:#231d1c;color:#fff;border-top:0;padding:11px 9px}.queue-table th:first-child{border-radius:8px 0 0 8px}.queue-table th:last-child{border-radius:0 8px 8px 0}.queue-table td{padding:11px 9px}.priority,.queue-status{font-size:.66rem;font-weight:850;text-transform:uppercase}.priority.urgent{color:#d71927}.queue-status.proses{color:#0b8f55}.priority.hold,.queue-status.hold{color:#777}.priority.normal,.queue-status.antri{color:#555}.queue-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:12px}.queue-actions button{border:0;background:#aaa;color:#fff;border-radius:8px;padding:8px 13px;font-size:.68rem;font-weight:800;cursor:pointer}.custom-queue.full-width{position:relative;margin-left:calc((100vw - 100% - 270px)/-2);margin-right:calc((100vw - 100%)/-2);border-radius:0}.custom-queue.full-width .table-scroll{overflow:visible}
@media(max-width:1050px){.custom-form-body{grid-template-columns:1fr 1fr}.custom-media{grid-column:1/-1;grid-template-columns:180px 180px;justify-content:start}.design-upload{grid-column:auto}.custom-queue.full-width{margin:0;border-radius:18px}.custom-queue.full-width .table-scroll{overflow:auto}}
@media(max-width:720px){.custom-order-form header,.custom-order-form header>div{display:grid}.custom-order-form header{align-items:stretch}.custom-order-form header>div{gap:10px}.custom-form-body{grid-template-columns:1fr}.custom-media{grid-column:auto;grid-template-columns:1fr 1fr}.custom-fields label{grid-template-columns:120px 1fr}.custom-order-form footer{display:grid;justify-items:stretch}.custom-order-form footer .primary-button{width:100%}.custom-queue-head{align-items:start}.custom-queue-head>span{white-space:nowrap}}
@media(max-width:460px){.custom-form-body{padding:15px}.custom-fields label{grid-template-columns:1fr;gap:5px}.custom-media{grid-template-columns:1fr}.design-upload{grid-column:1}.custom-order-form header{padding:15px}.custom-order-form footer{padding:0 15px 15px}.queue-actions{display:grid;grid-template-columns:1fr 1fr}}
.queue-modal{width:min(1400px,calc(100% - 32px));max-width:none;border:0;border-radius:20px;padding:22px;box-shadow:0 30px 90px rgba(0,0,0,.32)}.queue-modal::backdrop{background:rgba(15,13,13,.58);backdrop-filter:blur(3px)}.queue-modal-head{display:flex;justify-content:space-between;align-items:start;gap:18px;margin-bottom:16px}.queue-modal-head h2{font-size:1.5rem;margin:0 0 5px}.queue-modal-head p{margin:0;color:#777}.queue-modal-head>button{border:0;background:#eee;width:38px;height:38px;border-radius:11px;font-size:1.5rem;cursor:pointer}.capacity-card{display:grid;grid-template-columns:180px 1fr auto;gap:16px;align-items:center;background:#171313;color:#fff;border-radius:14px;padding:14px 16px;margin-bottom:15px}.capacity-card span,.capacity-card strong{display:block}.capacity-card span{font-size:.68rem;color:#aaa}.capacity-card strong{font-size:1.2rem;color:#ffe500;margin-top:3px}.capacity-track{height:10px;background:#444;border-radius:999px;overflow:hidden}.capacity-track i{display:block;height:100%;min-width:6px;background:#ffe500;border-radius:999px}.capacity-card small{color:#bbb;font-size:.68rem;white-space:nowrap}.queue-modal-table{max-height:65vh;overflow:auto}.queue-modal-table .queue-table{min-width:1160px}.queue-group td{background:#fff5b3!important;color:#5d5400!important;font-weight:850;text-transform:uppercase;letter-spacing:.06em}.queue-group.completed td{background:#dff5e7!important;color:#176b42!important}.queue-status.selesai{color:#167245;background:#e1f5e9;padding:5px 7px;border-radius:999px}.queue-modal[open]{animation:queueIn .2s ease-out}@keyframes queueIn{from{opacity:0;transform:translateY(12px) scale(.99)}to{opacity:1;transform:none}}
@media(max-width:720px){.queue-modal{padding:16px}.capacity-card{grid-template-columns:1fr}.capacity-card small{white-space:normal}.queue-modal-head h2{font-size:1.2rem}}

/* Minimal monochrome menu icons inspired by the OME/O yellow, black, and white palette. */
.nav-icon{background:#171313!important;color:var(--yellow)!important;border:1px solid #171313;border-radius:9px;box-shadow:none!important;font-size:1rem;line-height:1;transition:background-color .2s,color .2s,border-color .2s,transform .2s}.nav-item.active .nav-icon{background:#fff!important;color:#171313!important;border-color:#fff}.nav-item:hover:not(.active) .nav-icon{background:var(--yellow)!important;color:#171313!important;transform:translateY(-1px)}

/* Production queue stages */
.production-queue-page{--stage:#17345f;min-height:calc(100vh - 170px);margin:-30px -34px -45px;padding:30px 34px 45px;background:var(--stage);color:#fff}.production-queue-page.printing{--stage:#122d55}.production-queue-page.press{--stage:#8a3d08}.production-queue-page.potong{--stage:#3f4b19}.production-queue-page.jahit{--stage:#43215f}.production-queue-page.qc{--stage:#761f26}.production-queue-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 26px;border:1px solid rgba(255,255,255,.16);border-radius:20px;background:rgba(0,0,0,.16)}.production-queue-hero .eyebrow{color:rgba(255,255,255,.64)!important}.production-queue-hero h2{font-size:2rem;margin:5px 0 7px}.production-queue-hero p{margin:0;color:rgba(255,255,255,.74)}.stage-summary{min-width:180px;padding:14px 18px;border-radius:14px;background:#fff;color:#171313}.stage-summary span,.stage-summary small{display:block}.stage-summary span{font-size:.72rem;color:#777}.stage-summary strong{display:block;font-size:1.8rem;margin:2px 0}.stage-summary small{font-size:.72rem}.production-flow-mini{display:flex;align-items:center;gap:10px;margin:18px 0;overflow-x:auto;padding-bottom:3px}.production-flow-mini span{display:flex;align-items:center;gap:8px;white-space:nowrap;border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:8px 12px;color:rgba(255,255,255,.7);font-size:.78rem;font-weight:750}.production-flow-mini span.current{background:#fff;color:#171313;border-color:#fff}.production-flow-mini i{width:21px;height:21px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.14);font-style:normal;font-size:.68rem}.production-flow-mini .current i{background:var(--yellow)}.production-flow-mini b{color:rgba(255,255,255,.35)}.production-table-card{background:#fff;color:#171313;border-radius:20px;padding:22px;box-shadow:0 20px 48px rgba(0,0,0,.2)}.production-table-card .panel-header p{color:#777}.live-label{display:flex;align-items:center;gap:7px;color:#666;font-size:.75rem;font-weight:750}.live-label i{width:8px;height:8px;border-radius:50%;background:#25a65a;box-shadow:0 0 0 4px #dcf5e6}.production-stage-table{min-width:1240px}.production-stage-table td,.production-stage-table th{padding:15px 12px}.production-stage-table tbody tr:hover{background:#fafafa}.queue-status.pemeriksaan{color:#8b5700;background:#fff0cf;padding:5px 7px;border-radius:999px}@media(max-width:720px){.production-queue-page{margin:-22px -18px -35px;padding:22px 18px 35px}.production-queue-hero{align-items:flex-start;flex-direction:column}.stage-summary{width:100%}.production-queue-hero h2{font-size:1.6rem}.production-table-card{padding:17px}}
.production-stage-table thead th{background:var(--yellow);color:#171313;border-top:0;border-bottom:2px solid #171313;font-weight:900;letter-spacing:.07em}.production-stage-table thead th:first-child{border-radius:10px 0 0 10px}.production-stage-table thead th:last-child{border-radius:0 10px 10px 0}

/* Every sidebar item uses the same rounded grey hover block; submenus open only on click. */
@media(hover:hover) and (pointer:fine){.nav-item:hover:not(.active){background:#d9d9d9;color:#111;box-shadow:none}.submenu button{width:100%;border-radius:10px;padding:8px 10px;transition:background-color .15s,color .15s}.submenu button:hover{background:#d9d9d9;color:#111}.nav-item.active:hover{background:var(--yellow)}}
.submenu button.active{position:relative;background:#d9d9d9;color:#111;font-weight:800;border-radius:10px;padding-left:12px}.submenu button.active:after{content:"";position:absolute;left:10px;right:10px;bottom:3px;height:2px;border-radius:2px;background:#a7a7a7}

/* Data stok by completed production service. */
.stock-page{display:grid;gap:18px}.stock-page-head{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#171313;color:#fff;border-radius:20px;padding:24px 26px}.stock-page-head h2{margin:3px 0 6px;font-size:1.65rem}.stock-page-head p{margin:0;color:#aaa}.stock-page-head .eyebrow{color:var(--yellow)!important}.stock-page-head>span{background:var(--yellow);color:#171313;padding:10px 14px;border-radius:10px;font-weight:850;font-size:.78rem}.stock-flow{display:flex;align-items:center;gap:12px;overflow-x:auto;background:#fff;border:1px solid #e5e5e5;border-radius:14px;padding:14px 18px;white-space:nowrap}.stock-flow strong{font-size:.8rem}.stock-flow span{background:#f1f1f1;border-radius:999px;padding:7px 11px;font-size:.76rem;font-weight:750}.stock-flow i{font-style:normal;color:#999}.stock-table-card{background:#fff;border:1px solid #e5e5e5;border-radius:20px;padding:20px;box-shadow:var(--shadow)}.stock-ready{display:inline-flex;padding:6px 9px;border-radius:999px;background:#e1f5e9;color:#177345;font-size:.7rem;font-weight:800}@media(max-width:720px){.stock-page-head{align-items:flex-start;flex-direction:column}.stock-page-head>span{align-self:flex-start}}

/* Dashboard production command center based on the supplied PDF references. */
.dashboard-command{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:16px;margin-bottom:24px}.dashboard-command-main{display:grid;gap:14px}.invoice-finder,.process-summary,.spk-summary,.attention-panel{background:#fff;border:1px solid #ddd;border-radius:18px;box-shadow:var(--shadow)}.invoice-finder{padding:20px}.invoice-finder h2{margin:2px 0 15px;font-size:1.3rem}.invoice-search-row{display:grid;grid-template-columns:1fr auto auto;gap:9px}.invoice-search-row input{height:44px;border:1px solid #d6d6d6;border-radius:11px;padding:0 13px;outline:none}.invoice-search-row input:focus{border-color:#171313;box-shadow:0 0 0 3px rgba(255,229,0,.45)}.invoice-search-row button{border:0;border-radius:11px;padding:0 16px;font-weight:800;cursor:pointer}.invoice-search-row>button{background:#171313;color:#fff}.invoice-search-row .qr-scan-button{display:flex;align-items:center;gap:7px;background:var(--yellow);color:#171313}.invoice-search-result{margin-top:12px;padding:13px 14px;border-radius:12px;background:#f3f3f3;display:grid;grid-template-columns:auto 1fr auto auto;gap:12px;align-items:center;font-size:.78rem}.invoice-search-result[hidden]{display:none}.invoice-search-result small{color:#666}.invoice-search-result button{border:0;background:transparent;font-weight:800;cursor:pointer}.process-summary,.spk-summary{padding:18px}.summary-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:12px}.summary-title h3{margin:2px 0 0}.summary-title>strong{color:#d92732;font-size:.9rem}.process-card-row{display:flex;align-items:center;gap:7px;overflow-x:auto}.process-card-row button,.spk-mini-grid button{border:1px solid #d4d4d4;background:linear-gradient(#fff,#ededed);border-radius:13px;padding:10px;cursor:pointer;text-align:left;min-width:108px;color:#171313}.process-card-row button:hover,.spk-mini-grid button:hover{border-color:#171313;transform:translateY(-1px)}.process-card-row small,.spk-mini-grid small{display:block;text-transform:uppercase;font-weight:850;color:#686868;font-size:.65rem}.process-card-row b,.spk-mini-grid b{display:block;font-size:1.65rem;margin:3px 0}.process-card-row span,.spk-mini-grid span{font-size:.68rem;font-weight:700;color:#666}.process-card-row>i{font-style:normal;color:#999}.spk-mini-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.spk-mini-grid button{min-width:0}.attention-panel{padding:18px}.attention-title{display:flex;gap:11px;align-items:center;margin-bottom:14px}.attention-title>span{width:38px;height:34px;display:grid;place-items:center;background:#e51e2a;color:#fff;border-radius:10px;font-weight:950;font-size:1.3rem}.attention-title small,.attention-title strong{display:block}.attention-title small{font-size:.67rem;color:#777}.attention-title strong{font-size:1.1rem}.attention-panel section{margin-top:17px}.attention-panel h3{margin:0 0 5px;padding-bottom:7px;border-bottom:1px solid #ddd;font-size:.78rem;text-transform:uppercase}.attention-panel section button{display:block;width:100%;border:0;border-bottom:1px solid #eee;background:transparent;padding:9px 0;text-align:left;cursor:pointer}.attention-panel section button:hover{background:#f4f4f4}.attention-panel section b,.attention-panel section span{display:block;font-size:.72rem}.attention-panel section b{color:#555}.attention-panel section span{color:#e12631;margin-top:3px}@media(max-width:1100px){.dashboard-command{grid-template-columns:1fr}.attention-panel{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.attention-title{grid-column:1/-1}.spk-mini-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:720px){.invoice-search-row{grid-template-columns:1fr auto}.qr-scan-button{grid-column:1/-1;justify-content:center;height:42px}.invoice-search-result{grid-template-columns:1fr}.attention-panel{grid-template-columns:1fr}.attention-title{grid-column:auto}.spk-mini-grid{grid-template-columns:repeat(2,1fr)}}

/* Mobile app shell */
.mobile-bottom-nav{display:none}@media(max-width:760px){html,body{max-width:100%;overflow-x:hidden}body{padding-bottom:calc(72px + env(safe-area-inset-bottom));background:#f2f2f2}.main-content,.workspace,.dashboard-command,.dashboard-command-main,.dashboard-command-main>*,.invoice-finder,.process-summary,.spk-summary,.attention-panel{width:100%;max-width:100%;min-width:0}.sidebar{padding-top:calc(20px + env(safe-area-inset-top));z-index:40}.mobile-overlay{z-index:35}.topbar{padding-top:env(safe-area-inset-top);height:calc(70px + env(safe-area-inset-top));z-index:30}.topbar .primary-button{min-width:44px}.workspace{padding:14px 12px 24px}.mobile-bottom-nav{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);left:0;right:0;bottom:0;z-index:32;height:calc(66px + env(safe-area-inset-bottom));padding:6px 8px env(safe-area-inset-bottom);background:rgba(255,255,255,.96);border-top:1px solid #ddd;box-shadow:0 -8px 25px rgba(0,0,0,.08);backdrop-filter:blur(12px)}.mobile-bottom-nav button{border:0;background:transparent;border-radius:11px;display:grid;place-items:center;align-content:center;gap:3px;color:#777;min-width:0}.mobile-bottom-nav button span{font-size:1.12rem;font-weight:900}.mobile-bottom-nav button small{font-size:.62rem;font-weight:750}.mobile-bottom-nav button.active{background:var(--yellow);color:#171313}.dashboard-command{gap:10px;margin-bottom:16px}.invoice-finder,.process-summary,.spk-summary,.attention-panel{border-radius:16px;padding:15px}.invoice-finder h2{font-size:1.13rem}.invoice-search-row>*{min-width:0}.invoice-search-row input{width:100%;min-width:0}.process-card-row{max-width:100%;margin:0 -15px;padding:0 15px 7px;scroll-snap-type:x mandatory}.process-card-row button{min-width:122px;scroll-snap-align:start}.process-card-row>i{display:none}.spk-mini-grid{display:flex;max-width:100%;overflow-x:auto;margin:0 -15px;padding:0 15px 7px;scroll-snap-type:x mandatory}.spk-mini-grid button{min-width:118px;scroll-snap-align:start}.summary-title{align-items:flex-start;gap:10px}.summary-title>strong{white-space:nowrap}.welcome-row{padding:4px 2px}.metrics-grid{display:flex;max-width:100%;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:5px}.metric-card{min-width:74vw;scroll-snap-align:start}.dashboard-grid{display:block}.dashboard-grid>.panel{margin-top:10px}.table-scroll{max-width:100%;margin-left:0;margin-right:0;overscroll-behavior-x:contain}.custom-order-form,.custom-queue,.production-table-card,.stock-table-card{max-width:100%;min-width:0;border-radius:16px}.custom-fields input,.custom-fields select,.custom-fields textarea,dialog input,dialog select{font-size:16px}.service-card{min-height:112px}.queue-actions button{min-height:44px}.production-flow-mini,.stock-flow{max-width:100%;scroll-snap-type:x proximity}.production-flow-mini span,.stock-flow span{scroll-snap-align:start}.toast{bottom:calc(82px + env(safe-area-inset-bottom))}}@media(max-width:390px){.page-heading h1{font-size:1rem}.topbar .primary-button{font-size:0;width:44px;padding:0}.topbar .primary-button:before{content:'+';font-size:1.25rem}.invoice-search-row{grid-template-columns:minmax(0,1fr) 70px}.invoice-search-row button{padding:0 10px}.metric-card{min-width:82vw}.attention-panel{padding:14px}.production-queue-hero,.stock-page-head{padding:18px}.custom-queue-head{display:block}.custom-queue-head>span{display:inline-block;margin-top:8px}}

/* Completed-production reports and infographics. */
.report-page{display:grid;gap:16px}.report-head{display:flex;align-items:end;justify-content:space-between;gap:20px}.report-head h2{font-size:1.8rem;margin:2px 0 5px}.report-head p{margin:0;color:#777}.report-period{display:flex;background:#dedede;border-radius:11px;padding:4px;white-space:nowrap}.report-period button,.report-filter-reset{border:0;background:transparent;border-radius:8px;padding:9px 13px;font-size:.76rem;font-weight:800;cursor:pointer}.report-period button.active,.report-filter-reset.active{background:#171313;color:var(--yellow)}.report-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.report-kpis article{background:#fff;border:1px solid #dedede;border-radius:17px;padding:18px;box-shadow:var(--shadow)}.report-kpis article.nominal{background:var(--yellow);border-color:var(--yellow)}.report-kpis small,.report-kpis span{display:block;color:#777}.report-kpis small{font-size:.72rem;font-weight:800;text-transform:uppercase}.report-kpis strong{display:block;font-size:1.45rem;margin:9px 0 5px;letter-spacing:-.03em}.report-kpis span{font-size:.7rem}.report-kpis .nominal small,.report-kpis .nominal span{color:#514900}.report-chart-card,.report-history{background:#fff;border:1px solid #dedede;border-radius:20px;padding:22px;box-shadow:var(--shadow)}.report-section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}.report-section-head h3{margin:0 0 4px;font-size:1.1rem}.report-section-head p{margin:0;color:#777;font-size:.78rem}.report-section-head>span{background:#eee;border-radius:999px;padding:7px 10px;font-size:.68rem;font-weight:800}.report-chart-scroll{overflow-x:auto}.report-bars{height:210px;min-width:780px;display:grid;grid-template-columns:repeat(8,1fr);align-items:end;gap:12px;border-bottom:1px solid #ddd;padding:0 8px 10px}.report-bar{height:100%;border:0;background:none;display:grid;grid-template-rows:24px 1fr 42px;gap:6px;align-items:end;cursor:pointer;color:#171313}.report-bar>strong{font-size:.72rem}.report-bar>span{height:100%;display:flex;align-items:end;justify-content:center}.report-bar i{display:block;width:min(46px,70%);min-height:12px;background:#cfcfcf;border-radius:8px 8px 3px 3px;transition:.2s}.report-bar:hover i,.report-bar.active i{background:var(--yellow);box-shadow:inset 0 0 0 2px #171313}.report-bar small{height:42px;font-size:.62rem;line-height:1.2;font-weight:750;color:#666}.report-category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.report-category-grid button{border:1px solid #ddd;background:#fff;border-radius:14px;padding:14px;text-align:left;cursor:pointer}.report-category-grid button:hover,.report-category-grid button.active{border-color:#171313;box-shadow:inset 0 -5px var(--yellow)}.report-category-grid span,.report-category-grid strong,.report-category-grid small{display:block}.report-category-grid span{font-size:.62rem;color:#999;font-weight:850}.report-category-grid strong{font-size:.82rem;margin:6px 0}.report-category-grid small{font-size:.67rem;color:#777}.report-table{min-width:900px}.report-table th{background:#171313;color:#fff;padding:12px 11px}.report-table th:first-child{border-radius:9px 0 0 9px}.report-table th:last-child{border-radius:0 9px 9px 0}.report-table td{padding:12px 11px}.report-group td{background:var(--yellow)!important;border:0!important}.report-group b,.report-group span{display:inline-block}.report-group span{margin-left:12px;font-size:.67rem;color:#5b5200}.report-done{display:inline-flex;padding:6px 9px;border-radius:999px;background:#e1f5e9;color:#177345;font-size:.67rem;font-weight:850;text-transform:uppercase}
@media(max-width:1050px){.report-kpis{grid-template-columns:repeat(2,1fr)}.report-category-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.report-head{display:grid;align-items:stretch}.report-head h2{font-size:1.45rem}.report-period{width:100%}.report-period button{flex:1}.report-kpis{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:4px}.report-kpis article{min-width:75vw;scroll-snap-align:start}.report-chart-card,.report-history{padding:16px}.report-bars{height:190px}.report-category-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.report-category-grid button{min-width:210px;scroll-snap-align:start}.report-section-head{align-items:flex-start}.report-table{min-width:820px}}

/* Separate downloadable report tables; infographic elements were removed. */
.report-table-list{display:grid;gap:16px}.report-category-table{padding:20px}.report-category-table .eyebrow{margin:0 0 5px}.report-category-table .report-section-head{align-items:center}.report-downloads{display:flex;gap:8px}.report-downloads button{border:0;border-radius:9px;background:#171313;color:#fff;padding:9px 12px;font-size:.72rem;font-weight:850;cursor:pointer}.report-downloads button:first-child{background:var(--yellow);color:#171313}.report-downloads button:hover{transform:translateY(-1px)}
@media(max-width:720px){.report-category-table{padding:15px}.report-category-table .report-section-head{display:grid;gap:12px}.report-downloads{width:100%}.report-downloads button{flex:1;min-height:42px}}

/* History tables follow the production-queue visual language. */
.report-table-list{gap:22px}.report-category-stage{--report-stage:#334612;background:var(--report-stage);border-radius:22px;padding:22px}.report-tone-custom{--report-stage:var(--color-reportCustom,#17345f)}.report-tone-ecer{--report-stage:var(--color-reportEcer,#463c14)}.report-tone-dtf{--report-stage:var(--color-reportDtf,#5b2855)}.report-tone-stiker{--report-stage:var(--color-reportStiker,#174d52)}.report-tone-press{--report-stage:var(--color-reportPress,#8a3d08)}.report-tone-lapis{--report-stage:var(--color-reportLapis,#3f4b19)}.report-tone-lis{--report-stage:var(--color-reportLis,#315238)}.report-tone-jahit{--report-stage:var(--color-reportJahit,#43215f)}.report-category-stage .report-category-table{margin:0;border:0;border-radius:22px;padding:25px 26px;box-shadow:0 18px 42px rgba(0,0,0,.2)}.report-category-table .report-section-head{align-items:flex-start;margin-bottom:20px}.report-category-table .report-section-head h3{font-size:1.3rem;margin:3px 0 8px}.report-head-actions{display:grid;justify-items:end;gap:18px}.report-live{display:flex;align-items:center;gap:8px;color:#666;font-size:.75rem;font-weight:800;white-space:nowrap}.report-live i{width:9px;height:9px;border-radius:50%;background:#25a65a;box-shadow:0 0 0 5px #dcf5e6}.report-category-table .report-table{min-width:1050px}.report-category-table .report-table th{background:var(--report-stage);color:#fff;border-bottom:3px solid rgba(0,0,0,.28);padding:15px 12px;letter-spacing:.07em}.report-category-table .report-table td{padding:16px 12px;color:#626262}.report-category-table .report-table td strong,.report-category-table .report-table td b{color:#282525}.report-category-table .report-table tbody tr:hover{background:#fafafa}.report-category-table .report-done{background:#e1f5e9;color:#177345}
@media(max-width:720px){.report-category-stage{margin-left:-12px;margin-right:-12px;border-radius:0;padding:14px 12px}.report-category-stage .report-category-table{padding:17px 15px;border-radius:18px}.report-head-actions{justify-items:start;width:100%;gap:12px}.report-live{white-space:normal}.report-category-table .report-table{min-width:1000px}}

/* Date range selector used by all report downloads. */
.report-date-toolbar{display:flex;align-items:end;gap:12px;background:#fff;border:1px solid #ddd;border-radius:16px;padding:14px 16px;box-shadow:var(--shadow)}.report-date-toolbar>div{display:flex;align-items:center;gap:10px}.calendar-mark{width:36px;height:36px;border-radius:9px;background:#171313;color:var(--yellow);display:grid;place-items:center}.report-date-toolbar label{display:grid;gap:5px;color:#777;font-size:.65rem;font-weight:800;text-transform:uppercase}.report-date-toolbar select,.report-date-toolbar input{height:40px;border:1px solid #ccc;border-radius:9px;background:#fff;padding:0 11px;color:#292626;font-size:.8rem;font-weight:700;outline:0;text-transform:none}.report-date-toolbar select:focus,.report-date-toolbar input:focus{border-color:#171313;box-shadow:0 0 0 3px rgba(255,229,0,.35)}.report-date-toolbar>span{padding-bottom:10px;color:#999}.report-date-toolbar small{margin-left:auto;align-self:center;color:#888;font-size:.7rem}.report-date-toolbar select{min-width:180px}
@media(max-width:850px){.report-date-toolbar{display:grid;grid-template-columns:1fr 1fr;align-items:end}.report-date-toolbar>div{grid-column:1/-1}.report-date-toolbar>span{display:none}.report-date-toolbar small{grid-column:1/-1;margin:0}.report-date-toolbar input{width:100%}}
@media(max-width:480px){.report-date-toolbar{grid-template-columns:1fr}.report-date-toolbar>div{grid-column:auto;align-items:flex-end}.report-date-toolbar>div label{flex:1}.report-date-toolbar select{min-width:0;width:100%}.report-date-toolbar small{grid-column:auto}}

/* User-configurable application colors. */
.sidebar{background:var(--color-sidebar,var(--yellow));border-right-color:color-mix(in srgb,var(--color-sidebar,var(--yellow)) 72%,#000)}
.production-queue-page.printing{--stage:var(--color-printing,#122d55)}.production-queue-page.press{--stage:var(--color-press,#8a3d08)}.production-queue-page.potong{--stage:var(--color-potong,#3f4b19)}.production-queue-page.jahit{--stage:var(--color-jahit,#43215f)}.production-queue-page.qc{--stage:var(--color-qc,#761f26)}.production-queue-page.gudang{--stage:var(--color-gudang,#147d73)}
.production-queue-page .production-stage-table thead th{background:var(--stage);color:#fff;border-bottom-color:rgba(255,255,255,.42)}.production-queue-page .production-flow-mini .current i{background:var(--stage);color:#fff;box-shadow:0 0 0 2px color-mix(in srgb,var(--stage) 25%,#fff)}.production-queue-page .table-sort-button i b.selected{color:#fff}.production-queue-page .invoice-detail-button{color:var(--stage);text-decoration-color:var(--stage)}.production-queue-page .printing-scan-control button span{color:#fff}
.printing-scan-card{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(360px,1fr);gap:18px;align-items:end;background:#fff;border:1px solid #d9d9d9;border-radius:18px;padding:18px 20px;box-shadow:var(--shadow)}.printing-scan-card h3{margin:2px 0 5px;font-size:1.15rem}.printing-scan-card p{margin:0;color:#777;font-size:.76rem}.printing-scan-control{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;align-items:end}.printing-scan-control label{display:grid;gap:6px;color:#555;font-size:.7rem;font-weight:800}.printing-scan-control input{height:44px;border:1px solid #cfcfcf;border-radius:10px;padding:0 12px;font:inherit;font-weight:800;text-transform:uppercase;outline:0}.printing-scan-control input:focus{border-color:var(--stage);box-shadow:0 0 0 3px color-mix(in srgb,var(--stage) 18%,transparent)}.printing-scan-control button{height:44px;border:0;border-radius:10px;background:var(--stage);color:#fff;padding:0 15px;font-weight:850;cursor:pointer}.printing-scan-control button span{color:var(--yellow);font-size:1rem}.printing-scan-card>small{grid-column:2;color:#777;font-size:.68rem}.printing-scan-card>small.error{color:#be1e2d}.printing-scan-card>small.warning{color:#a56600}.queue-empty{text-align:center!important;color:#888!important;padding:24px!important}.queue-status.proses{color:#0b8f55!important}@media(max-width:760px){.printing-scan-card{grid-template-columns:1fr;padding:16px}.printing-scan-control{grid-template-columns:1fr}.printing-scan-card>small{grid-column:1}.printing-scan-control button{width:100%}}
.submenu button.active:after{display:none}
.appearance-page{display:grid;gap:18px}.appearance-page>header{background:#171313;color:#fff;border-radius:20px;padding:24px 26px}.appearance-page>header .eyebrow{color:var(--yellow)!important}.appearance-page>header h2{margin:3px 0 7px;font-size:1.65rem}.appearance-page>header p:last-child{margin:0;color:#aaa}.appearance-section{display:grid;gap:13px}.appearance-section>div:first-child h3{margin:3px 0 5px;font-size:1.08rem}.appearance-section>div:first-child>p:last-child{margin:0;color:#777;font-size:.8rem}.appearance-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.color-setting{display:grid;grid-template-columns:48px minmax(0,1fr) 48px auto;align-items:center;gap:13px;background:#fff;border:1px solid #dedede;border-radius:16px;padding:16px;box-shadow:var(--shadow)}.color-preview{width:48px;height:48px;border-radius:12px;border:1px solid rgba(0,0,0,.12)}.color-setting strong,.color-setting small{display:block}.color-setting strong{font-size:.88rem}.color-setting small{color:#888;margin-top:4px;font-size:.72rem}.color-setting input[type="color"]{width:48px;height:42px;padding:3px;border:1px solid #ccc;border-radius:9px;background:#fff;cursor:pointer}.color-setting code{font-size:.68rem;color:#777}.appearance-page>footer{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid #dedede;border-radius:16px;padding:15px 17px}.appearance-page>footer span{font-size:.72rem;color:#777}
.theme-switch{display:flex!important;align-items:center;justify-content:space-between;gap:16px;margin:0!important;padding:16px 18px;border:1px solid #dedede;border-radius:16px;background:#fff;box-shadow:var(--shadow);cursor:pointer}.theme-switch strong,.theme-switch small{display:block}.theme-switch small{margin-top:4px;color:#888;font-size:.72rem}.theme-switch input{position:absolute;opacity:0;pointer-events:none}.theme-switch i{position:relative;width:54px;height:30px;border-radius:999px;background:#cfd4dd;transition:.2s}.theme-switch i:after{content:"";position:absolute;top:4px;left:4px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.2);transition:.2s}.theme-switch input:checked+i{background:#17345f}.theme-switch input:checked+i:after{transform:translateX(24px)}
@media(max-width:900px){.appearance-grid{grid-template-columns:1fr}}@media(max-width:560px){.color-setting{grid-template-columns:42px minmax(0,1fr) 44px}.color-preview{width:42px;height:42px}.color-setting code{grid-column:2/-1}.appearance-page>footer{align-items:stretch;flex-direction:column}.appearance-page>footer button{width:100%}}

/* Dark Mode uses the same stage colors while lowering glare across work surfaces. */
html.dark-mode{--canvas:#0d1422;--ink:#edf3ff;--muted:#aeb9ca;--line:#2b3951;color-scheme:dark}html.dark-mode body{background:var(--canvas)}html.dark-mode .topbar,html.dark-mode .panel,html.dark-mode .period.active,html.dark-mode .invoice-finder,html.dark-mode .process-summary,html.dark-mode .spk-summary,html.dark-mode .attention-panel,html.dark-mode .production-table-card,html.dark-mode .printing-scan-card,html.dark-mode .custom-order-form,html.dark-mode .custom-queue,html.dark-mode .stock-table-card,html.dark-mode .appearance-page>footer,html.dark-mode .color-setting,html.dark-mode .theme-switch,html.dark-mode .report-category-table{background:#172238!important;color:#edf3ff;border-color:#30415e!important}html.dark-mode .topbar input,html.dark-mode input,html.dark-mode select,html.dark-mode textarea,html.dark-mode .search-box{background:#111a2a!important;color:#edf3ff!important;border-color:#3a4c6c!important}html.dark-mode .topbar,html.dark-mode .page-heading p,html.dark-mode .panel-header p,html.dark-mode .production-table-card .panel-header p,html.dark-mode .printing-scan-card p,html.dark-mode td,html.dark-mode .color-setting small,html.dark-mode .appearance-section>div:first-child>p:last-child{color:#b8c4d8!important}html.dark-mode td strong,html.dark-mode td b,html.dark-mode .panel h3,html.dark-mode .production-table-card h3,html.dark-mode .appearance-page h3,html.dark-mode .color-setting strong{color:#f7faff!important}html.dark-mode th,html.dark-mode td{border-color:#2b3b57}html.dark-mode .production-stage-table tbody tr:hover,html.dark-mode .report-category-table .report-table tbody tr:hover{background:#202f48!important}html.dark-mode .secondary-button{background:#1c2a41;color:#edf3ff;border-color:#3a4c6c}html.dark-mode .mobile-bottom-nav{background:rgba(20,30,48,.96);border-color:#34445e}html.dark-mode .mobile-bottom-nav button{color:#bdc8d9}

/* Shared production-table system: each queue uses its own configured stage color. */
.production-queue-page .production-table-card{border-top:4px solid var(--stage)}.production-queue-page .printing-scan-card{border-left:4px solid var(--stage)}.production-queue-page .production-flow-mini span.current{border-color:var(--stage);color:var(--stage);box-shadow:0 4px 14px color-mix(in srgb,var(--stage) 22%,transparent)}.production-queue-page .production-flow-mini span.current i{background:var(--stage);color:#fff;box-shadow:none}.production-queue-page .production-stage-table thead th{background:var(--stage)!important;color:#fff!important;border-bottom-color:color-mix(in srgb,var(--stage) 72%,#000)!important}.production-queue-page .production-stage-table thead .table-sort-button{color:#fff}.production-queue-page .production-stage-table tbody tr:hover td{background:color-mix(in srgb,var(--stage) 7%,#fff)}.production-queue-page .production-invoice-button,.production-queue-page .invoice-detail-button{color:var(--stage)!important;text-decoration-color:var(--stage)!important}.production-queue-page .printing-scan-control button,.production-queue-page .next-stage-button{background:var(--stage)!important}.production-queue-page .printing-scan-control input:focus{border-color:var(--stage)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--stage) 24%,transparent)!important}

/* Complete text contrast pass for Dark Mode. */
html.dark-mode .workspace,html.dark-mode .main-content{background:#0d1422}html.dark-mode h1,html.dark-mode h2,html.dark-mode h3,html.dark-mode h4,html.dark-mode h5,html.dark-mode h6,html.dark-mode strong,html.dark-mode b,html.dark-mode .page-heading h1,html.dark-mode .spk-heading,html.dark-mode .stock-page-head,html.dark-mode .custom-queue-head,html.dark-mode .report-section-head{color:#f5f8ff}html.dark-mode p,html.dark-mode small,html.dark-mode label,html.dark-mode .eyebrow,html.dark-mode .queue-empty,html.dark-mode .report-live,html.dark-mode .report-table-search small{color:#b9c5d9!important}html.dark-mode input::placeholder,html.dark-mode textarea::placeholder{color:#8290a8!important}html.dark-mode .table-sort-button,html.dark-mode .ghost-button,html.dark-mode .more-button{color:#dce6f7}html.dark-mode .production-queue-page{color:#f5f8ff}html.dark-mode .production-queue-page .production-table-card,html.dark-mode .production-queue-page .printing-scan-card{background:#172238!important}html.dark-mode .production-queue-page .production-stage-table td{color:#c7d2e5!important}html.dark-mode .production-queue-page .production-stage-table td strong,html.dark-mode .production-queue-page .production-stage-table td b{color:#f5f8ff!important}html.dark-mode .production-queue-page .production-stage-table tbody tr:hover td{background:color-mix(in srgb,var(--stage) 24%,#172238)!important}html.dark-mode .production-queue-page .production-invoice-button,html.dark-mode .production-queue-page .invoice-detail-button{color:#b9d2ff!important;text-decoration-color:var(--stage)!important}html.dark-mode .production-queue-page .production-flow-mini span.current{background:#172238;color:#d9e8ff;border-color:#8aa7d8}html.dark-mode .production-queue-page .stage-summary{background:#172238;color:#f5f8ff;border:1px solid #385070}html.dark-mode .production-queue-page .stage-summary span,html.dark-mode .production-queue-page .stage-summary small{color:#b9c5d9}html.dark-mode .queue-priority-select{background:#111a2a!important;color:#edf3ff!important;border-color:#435576!important}html.dark-mode .report-category-table .report-table td{color:#c7d2e5!important}html.dark-mode .report-category-table .report-table td strong,html.dark-mode .report-category-table .report-table td b{color:#f5f8ff!important}html.dark-mode .report-table-search{background:#111a2a;border-color:#34445e}html.dark-mode .history-detail-modal,html.dark-mode .print-ecer-detail-modal{background:#172238;color:#f5f8ff}html.dark-mode .history-facts>div,html.dark-mode .history-timeline,html.dark-mode .detail-modal-body dl div{background:#111a2a;border-color:#34445e}html.dark-mode .history-facts small,html.dark-mode .history-timeline article span,html.dark-mode .history-timeline article time,html.dark-mode .detail-modal-body dt{color:#b9c5d9!important}html.dark-mode .history-facts strong,html.dark-mode .history-timeline article b,html.dark-mode .detail-modal-body dd{color:#f5f8ff!important}

/* High-contrast OMEO yellow sidebar */
.sidebar{background:var(--yellow);border-right-color:#d3bf00}
.nav-item{color:#282400}
.nav-item:hover:not(.active){background:rgba(23,19,19,.1);color:#171313}
.nav-item.active{background:#171313;color:#fff;box-shadow:none}
.nav-item.active:hover{background:#171313}
.chevron{background:rgba(23,19,19,.48);color:#fff}
.nav-item[aria-expanded="true"] .chevron{background:#171313;color:var(--yellow)}
.submenu button{color:#5b5200}
.submenu button:hover{background:rgba(23,19,19,.1);color:#171313}
.submenu button.active{background:#171313;color:#fff}
.submenu button.active:after{background:var(--yellow)}
.sidebar-profile{border-top-color:#c9b500}
.sidebar-profile small{color:#665c00}
.sidebar-profile button{color:#665c00}

/* Database-backed SKU picker for the three stock-enabled SPK services. */
.stock-picker-field{display:grid;gap:7px;margin:0 22px;padding:18px 0 5px}.stock-picker-field label{display:grid;gap:7px;color:#555;font-size:.76rem;font-weight:800}.stock-picker-field input{height:46px;border:1px solid #cfcfcf;border-radius:11px;background:#fff;padding:0 13px;outline:0;font:inherit}.stock-picker-field input:focus{border-color:#171313;box-shadow:0 0 0 3px rgba(255,229,0,.4)}.stock-picker-field small{color:#777;font-size:.7rem}.stock-picker-field small.error{color:#bb1e2d}.stock-record{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1px;margin:10px 22px 0;overflow:hidden;border:1px solid #dedede;border-radius:12px;background:#dedede}.stock-record[hidden]{display:none}.stock-record span{display:grid;gap:5px;background:#f8f8f8;padding:12px}.stock-record small{color:#777;font-size:.62rem;font-weight:800;text-transform:uppercase}.stock-record b{font-size:.78rem;overflow-wrap:anywhere}@media(max-width:900px){.stock-record{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:560px){.stock-picker-field,.stock-record{margin-left:15px;margin-right:15px}.stock-record{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Keep the saved sidebar color above the legacy yellow theme declaration. */
#sidebar.sidebar{background-color:var(--color-sidebar,var(--yellow))!important}

/* SKU product preview for Tas Print Ecer. */
.stock-picker-layout{padding:18px 22px 5px}.stock-picker-layout.has-preview{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:18px;align-items:stretch}.stock-picker-layout .stock-picker-field,.stock-picker-layout .stock-record{margin-left:0;margin-right:0}.stock-picker-layout .stock-picker-field{padding-top:0}.stock-image-preview{position:relative;display:grid;place-items:center;min-height:250px;margin:0;overflow:hidden;border:2px dashed #d1d1d1;border-radius:16px;background:linear-gradient(145deg,#fafafa,#f1f1f1);color:#6c6c6c;text-align:center}.stock-image-empty{display:grid;place-items:center;gap:7px;max-width:190px;padding:22px}.stock-image-empty[hidden]{display:none}.stock-image-empty span{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:#171313;color:var(--yellow);font-size:1.35rem}.stock-image-empty b{color:#292929;font-size:.82rem}.stock-image-empty small{font-size:.7rem;line-height:1.45}.stock-image-preview img{width:100%;height:100%;max-height:330px;object-fit:contain;background:#f6f6f6}.stock-image-preview img[hidden]{display:none}.stock-image-preview.has-image{border-style:solid;border-color:#d8d8d8;background:#f6f6f6}.stock-image-preview figcaption{position:absolute;right:10px;bottom:10px;max-width:calc(100% - 20px);padding:6px 9px;border-radius:8px;background:rgba(23,19,19,.86);color:#fff;font-size:.66rem;font-weight:850;letter-spacing:.04em}.stock-image-preview.image-error{border-color:#d99ca4;background:#fff5f6}@media(max-width:820px){.stock-picker-layout{padding-left:15px;padding-right:15px}.stock-picker-layout.has-preview{grid-template-columns:1fr}.stock-image-preview{min-height:230px}.stock-picker-layout .stock-record{grid-template-columns:repeat(2,minmax(0,1fr))}}

.stock-search{position:relative}.stock-search-results{position:absolute;z-index:25;top:calc(100% + 6px);left:0;right:0;max-height:310px;overflow-y:auto;padding:6px;border:1px solid #d3d3d3;border-radius:13px;background:#fff;box-shadow:0 16px 38px rgba(23,19,19,.18)}.stock-search-results[hidden]{display:none}.stock-option{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;border:0;border-radius:9px;background:#fff;padding:10px 11px;color:#242020;text-align:left;cursor:pointer}.stock-option:hover,.stock-option.active{background:var(--yellow)}.stock-option b{font-size:.78rem}.stock-option span{color:#777;font-size:.68rem;font-weight:700;text-align:right}.stock-option:hover span,.stock-option.active span{color:#4b4300}.stock-no-result{margin:0;padding:13px;color:#777;font-size:.74rem;text-align:center}@media(max-width:560px){.stock-search-results{max-height:240px}.stock-option{min-height:46px}}

.print-ecer-form .custom-form-body{grid-template-columns:minmax(220px,.9fr) minmax(260px,1.2fr) minmax(190px,.75fr)}.print-ecer-notes .custom-notes{height:100%}.print-ecer-notes textarea{min-height:190px;height:100%}.print-ecer-media{grid-template-columns:minmax(120px,160px) minmax(120px,1fr)}@media(max-width:1050px){.print-ecer-form .custom-form-body{grid-template-columns:1fr 1fr}.print-ecer-media{grid-column:1/-1}}@media(max-width:720px){.print-ecer-form .custom-form-body{grid-template-columns:1fr}.print-ecer-media{grid-column:auto}}

/* Modern dashboard bento layout. */
.workspace{background:radial-gradient(circle at 15% 0,rgba(193,218,255,.34),transparent 26rem),radial-gradient(circle at 100% 8%,rgba(235,242,187,.45),transparent 28rem),#f3f5f1}.dashboard-welcome{align-items:center;margin-bottom:18px;padding:4px 2px}.dashboard-welcome h2{max-width:720px;font-size:clamp(1.8rem,3vw,2.65rem);line-height:1.02}.dashboard-welcome>div:first-child>p:last-child{max-width:660px}.dashboard-welcome .period-control{border:1px solid rgba(32,32,32,.08);background:rgba(255,255,255,.55);backdrop-filter:blur(12px)}
.metrics-grid{gap:12px;margin-bottom:12px}.metric-card{min-height:148px;border:0;border-radius:23px;padding:18px 20px;box-shadow:0 16px 38px rgba(34,42,42,.08);transition:transform .2s ease,box-shadow .2s ease}.metric-card:hover{transform:translateY(-3px);box-shadow:0 22px 42px rgba(34,42,42,.12)}.metric-card.yellow{background:#f7e844}.metric-card.blue-card{background:#4d9db3;color:#fff}.metric-card.dark-card{background:#171817;color:#fff}.metric-card.soft-card{background:linear-gradient(135deg,#fff,#e8eee4)}.metric-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.metric-trend{width:auto!important;margin:0!important;border-radius:999px;padding:6px 9px;background:rgba(255,255,255,.42);color:inherit!important;font-size:.64rem!important;font-weight:800}.metric-card p{margin:16px 0 2px;color:inherit;opacity:.72}.metric-card strong{font-size:2.35rem}.metric-card small{display:block;margin-top:4px;opacity:.64}.metric-card.blue-card .metric-icon,.metric-card.dark-card .metric-icon{background:rgba(255,255,255,.15);color:#fff}
.modern-command{grid-template-columns:minmax(0,1fr) 310px;gap:12px;margin:0 0 12px}.modern-command .dashboard-command-main{gap:12px}.invoice-finder,.process-summary,.spk-summary,.attention-panel,.panel{border:1px solid rgba(25,32,32,.07);box-shadow:0 16px 40px rgba(34,42,42,.07)}.modern-command .invoice-finder{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(360px,1.3fr);gap:24px;align-items:center;padding:24px;border-radius:23px;background:linear-gradient(135deg,rgba(221,235,249,.94),rgba(244,248,244,.94))}.search-copy h2{margin:2px 0 7px}.search-copy>p:last-child{margin:0;color:#657070;font-size:.78rem;line-height:1.5}.invoice-search-row input,.invoice-search-row button{height:48px}.invoice-search-row input{background:rgba(255,255,255,.78)}.modern-command .process-summary{padding:20px 22px;border-radius:23px;background:rgba(255,255,255,.68);backdrop-filter:blur(14px)}.summary-title>strong{border-radius:999px;padding:7px 10px;background:#171817;color:#fff;font-size:.73rem}.process-card-row{align-items:stretch;gap:7px}.process-card-row>i{align-self:center}.process-card-row button{min-width:0;flex:1;border:0;border-radius:17px;background:#edf0ed;padding:13px}.process-card-row button:nth-of-type(2){background:#315ff1;color:#fff}.process-card-row button:nth-of-type(3){background:#4d9db3;color:#fff}.process-card-row button:nth-of-type(6){background:#171817;color:#fff}.process-card-row button:nth-of-type(2) small,.process-card-row button:nth-of-type(2) span,.process-card-row button:nth-of-type(3) small,.process-card-row button:nth-of-type(3) span,.process-card-row button:nth-of-type(6) small,.process-card-row button:nth-of-type(6) span{color:inherit;opacity:.75}.process-card-row b{font-size:1.8rem}
.modern-command .attention-panel{padding:20px;border-radius:23px;background:linear-gradient(155deg,#f5eee4,#eef3e6)}.attention-title{margin-bottom:6px}.attention-title>span{border-radius:50%;background:#171817}.attention-title em{margin-left:auto;border-radius:999px;padding:6px 9px;background:#fff;color:#d33;font-size:.62rem;font-style:normal;font-weight:900}.attention-panel section{margin-top:12px}.attention-panel h3{border:0;color:#777;font-size:.65rem;letter-spacing:.09em}.attention-panel section button{padding:10px;border:0;border-radius:12px}.attention-panel section button:hover{background:rgba(255,255,255,.7)}
.modern-analytics{grid-template-columns:minmax(0,1.55fr) minmax(300px,.72fr);gap:12px;margin:0 0 12px}.modern-analytics .panel{border-radius:23px;background:rgba(255,255,255,.74);backdrop-filter:blur(14px)}.modern-analytics .performance-panel{background:linear-gradient(145deg,rgba(255,255,255,.86),rgba(220,233,244,.72))}.modern-analytics .queue-panel{background:linear-gradient(145deg,#eef3e8,#f2e9e4)}.modern-analytics .donut{background:conic-gradient(#315ff1 0 50%,#f7e844 50% 66%,#171817 66% 72%,rgba(255,255,255,.6) 72% 100%)}.modern-analytics .donut:before{background:#eef1ea}.wide-button{border:0;background:#171817;color:#fff}
.modern-spk-summary{margin-bottom:12px;padding:22px;border-radius:23px;background:rgba(255,255,255,.7);backdrop-filter:blur(14px)}.modern-spk-summary .spk-mini-grid{grid-template-columns:repeat(4,1fr);gap:9px}.modern-spk-summary .spk-mini-grid button{position:relative;min-height:108px;border:0;border-radius:17px;background:#edf0ed;padding:14px}.modern-spk-summary .spk-mini-grid button:nth-child(1),.modern-spk-summary .spk-mini-grid button:nth-child(6){background:#f7e844}.modern-spk-summary .spk-mini-grid button:nth-child(2){background:#315ff1;color:#fff}.modern-spk-summary .spk-mini-grid button:nth-child(3){background:#4d9db3;color:#fff}.modern-spk-summary .spk-mini-grid button:nth-child(4){background:#171817;color:#fff}.modern-spk-summary .spk-mini-grid button:nth-child(2) small,.modern-spk-summary .spk-mini-grid button:nth-child(2) span,.modern-spk-summary .spk-mini-grid button:nth-child(3) small,.modern-spk-summary .spk-mini-grid button:nth-child(3) span,.modern-spk-summary .spk-mini-grid button:nth-child(4) small,.modern-spk-summary .spk-mini-grid button:nth-child(4) span{color:inherit;opacity:.72}.modern-table-panel{margin-bottom:20px;border-radius:23px;background:rgba(255,255,255,.82)}.modern-table-panel tr:hover td{background:rgba(244,246,242,.85)}
@media(max-width:1180px){.modern-command{grid-template-columns:1fr}.modern-command .attention-panel{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.modern-command .attention-title{grid-column:1/-1}.modern-analytics{grid-template-columns:1fr}.modern-spk-summary .spk-mini-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:760px){.workspace{background:#f3f5f1}.dashboard-welcome{display:block}.dashboard-welcome h2{font-size:1.75rem}.modern-command .invoice-finder{display:block;padding:18px}.search-copy{margin-bottom:16px}.modern-command .attention-panel{display:block}.modern-command .attention-title{display:flex}.modern-spk-summary{padding:16px}.modern-spk-summary .spk-mini-grid{display:flex}.metric-card{min-width:76vw}.process-card-row button{min-width:125px}.modern-analytics .panel{margin-top:0}.modern-table-panel{border-radius:18px}}

/* Compact form layout for Tas Print Ecer. */
.print-ecer-form{overflow:visible}.print-ecer-form header{align-items:center;background:linear-gradient(120deg,#fff 0%,#fffdf0 100%)}.print-ecer-header-main{display:grid;grid-template-columns:auto minmax(280px,430px);align-items:end;gap:18px;min-width:0}.print-ecer-header-main .custom-invoice{margin:0 0 8px}.print-ecer-header-main .stock-picker-field{padding:0}.print-ecer-header-main .stock-picker-field label{gap:6px}.print-ecer-header-main .stock-picker-field input{height:40px}.print-ecer-header-main .stock-picker-field small{margin-top:4px}.print-ecer-header-controls{display:flex;align-items:end;gap:10px}.print-ecer-header-controls .priority-control{min-width:126px}.compact-priority{display:grid;gap:6px}.compact-priority select{height:40px}.print-ecer-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:18px;padding:18px 20px 20px}.print-ecer-main{min-width:0;display:grid;align-content:start;gap:16px}.print-ecer-main .stock-record{grid-template-columns:repeat(6,minmax(0,1fr));margin:0}.print-ecer-main .stock-record span{padding:9px}.print-ecer-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,.62fr);gap:16px;margin:0;padding:16px;border:1px solid #e6e2d6;border-radius:14px;background:#fffdf7}.print-ecer-fields .primary-fields{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px}.print-ecer-fields .primary-fields label{grid-template-columns:82px minmax(0,1fr)}.print-ecer-fields .detail-fields{grid-template-columns:1fr}.print-ecer-inputs input[readonly]{background:#eeece5;color:#27221f;font-weight:850;cursor:not-allowed}.print-ecer-fields .custom-notes textarea{min-height:143px;height:100%;resize:vertical}.print-ecer-side{display:grid;grid-template-rows:minmax(235px,1fr) 106px;gap:12px;align-content:start}.print-ecer-side .stock-image-preview{min-height:235px;height:100%;box-shadow:0 10px 30px rgba(36,30,27,.08)}.print-ecer-side .qr-placeholder{width:106px;justify-self:end;border-width:5px;border-radius:12px}.print-ecer-side .qr-placeholder span{padding:7px;font-size:.82rem;border-width:3px}.print-ecer-side .qr-placeholder small{font-size:.53rem}.print-ecer-form footer{padding-top:0}.print-ecer-form .stock-image-preview img{background:#f6f6f6}.print-ecer-queue .queue-table{min-width:980px}.print-ecer-queue .queue-note{max-width:220px;white-space:normal;line-height:1.4}
.invoice-detail-button{border:0;background:transparent;padding:0;color:#151313;font:inherit;font-weight:900;text-decoration:underline;text-decoration-color:#f0cf00;text-decoration-thickness:3px;text-underline-offset:4px;cursor:pointer}.invoice-detail-button:hover{color:#b41420}.queue-priority-select{min-width:88px;height:32px;border:1px solid #d8d4cc;border-radius:8px;background:#fff;padding:0 8px;font:inherit;font-size:.72rem;font-weight:850;cursor:pointer}.queue-priority-select.priority-urgent{color:#d71927;background:#fff2f3;border-color:#f1b8bd}.queue-priority-select.priority-biasa,.queue-priority-select.priority-normal{color:#34302d;background:#f5f3ed}.queue-priority-select.priority-hold{color:#745800;background:#fff7d6;border-color:#e9d77b}.print-ecer-detail-modal{width:min(820px,calc(100vw - 32px));border:0;border-radius:22px;padding:0;box-shadow:0 28px 80px rgba(0,0,0,.34)}.print-ecer-detail-modal::backdrop{background:rgba(15,13,12,.65);backdrop-filter:blur(4px)}.detail-modal-head{display:flex;justify-content:space-between;align-items:center;padding:22px 24px;background:#171313;color:#fff}.detail-modal-head h2{margin:3px 0 0;font-size:1.55rem}.detail-modal-head .eyebrow{color:#ffe500!important}.detail-modal-head button{width:38px;height:38px;border:0;border-radius:50%;background:#fff;color:#171313;font-size:1.4rem;cursor:pointer}.detail-modal-body{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(220px,.8fr);gap:20px;padding:22px 24px}.detail-modal-body dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0}.detail-modal-body dl div{padding:11px 12px;border:1px solid #e4e0d8;border-radius:11px;background:#faf9f5}.detail-modal-body dt{color:#777;font-size:.68rem;font-weight:750;text-transform:uppercase}.detail-modal-body dd{margin:4px 0 0;font-size:.92rem;font-weight:850;overflow-wrap:anywhere}.detail-modal-body figure{margin:0;border:1px solid #e4e0d8;border-radius:14px;overflow:hidden;background:#f4f2ed}.detail-modal-body img{display:block;width:100%;height:250px;object-fit:contain}.detail-modal-body figcaption{padding:9px 12px;text-align:center;font-size:.78rem;font-weight:850}.print-ecer-detail-modal footer{display:flex;justify-content:flex-end;padding:0 24px 22px}.print-ecer-detail-modal footer button{border:0;border-radius:10px;background:#171313;color:#fff;padding:11px 16px;font:inherit;font-size:.78rem;font-weight:850;cursor:pointer}
@media(max-width:1050px){.print-ecer-header-main{grid-template-columns:auto minmax(230px,1fr)}.print-ecer-layout{grid-template-columns:1fr 230px}.print-ecer-main .stock-record{grid-template-columns:repeat(3,minmax(0,1fr))}.print-ecer-fields{grid-template-columns:1fr}.print-ecer-fields .custom-notes textarea{min-height:104px}}
@media(max-width:720px){.print-ecer-form header{display:grid;gap:13px}.print-ecer-header-main{grid-template-columns:1fr}.print-ecer-header-main .custom-invoice{margin:0}.print-ecer-header-controls{justify-content:stretch}.print-ecer-header-controls>label{flex:1}.print-ecer-layout{grid-template-columns:1fr;padding:15px}.print-ecer-side{grid-template-columns:minmax(0,1fr) 106px;grid-template-rows:220px;align-items:stretch}.print-ecer-side .stock-image-preview{min-height:220px}.print-ecer-side .qr-placeholder{align-self:end}.print-ecer-main .stock-record{grid-template-columns:repeat(3,minmax(0,1fr))}.print-ecer-fields{gap:12px}.print-ecer-fields .primary-fields{grid-template-columns:1fr}.print-ecer-fields .primary-fields label{grid-template-columns:105px minmax(0,1fr)}}
@media(max-width:720px){.detail-modal-body{grid-template-columns:1fr}.detail-modal-body img{height:220px}.detail-modal-body dl{grid-template-columns:1fr 1fr}}
@media(max-width:460px){.print-ecer-header-controls{display:grid;grid-template-columns:1fr}.print-ecer-side{grid-template-columns:1fr;grid-template-rows:220px 100px}.print-ecer-side .qr-placeholder{justify-self:start}.print-ecer-main .stock-record{grid-template-columns:repeat(2,minmax(0,1fr))}.print-ecer-fields .primary-fields label{grid-template-columns:1fr}.print-ecer-form .stock-picker-field input{font-size:16px}}
.print-ecer-queue .queue-table{min-width:1060px}.queue-delete-button{border:1px solid #d82b36;background:#fff;color:#c91f2b;border-radius:8px;padding:7px 11px;font-weight:850;cursor:pointer}.queue-delete-button:hover{background:#c91f2b;color:#fff}.queue-delete-button:disabled{opacity:.45;cursor:wait}
.production-dtf-queue{margin-top:22px;margin-bottom:0}.production-dtf-queue .queue-table{min-width:980px}.queue-process-button{border:0;border-radius:9px;padding:8px 15px;background:linear-gradient(135deg,#126df5,#27aaf3);color:#fff;font-weight:900;cursor:pointer;box-shadow:0 8px 18px rgba(18,109,245,.23)}.queue-process-button:hover{filter:brightness(.96);transform:translateY(-1px)}.queue-processing-label{display:inline-block;border-radius:8px;padding:7px 10px;background:#e8f2ff;color:#126df5;font-size:.72rem;font-weight:850;white-space:nowrap}
.production-invoice-button{font-size:inherit;text-align:left}.production-stage-table .queue-priority-select{min-width:108px}.print-ecer-detail-modal footer{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.print-ecer-detail-modal .next-stage-button{background:#17345f;color:#fff}.print-ecer-detail-modal .next-stage-button:hover{background:#0e2748}.print-ecer-detail-modal .next-stage-button:disabled{opacity:.5;cursor:wait}

/* v56 — trial-data reset controls. */
.data-reset-page{max-width:980px;margin:0 auto}.data-reset-page>header{margin-bottom:22px}.data-reset-page>header h2{margin:6px 0 10px;font-size:2rem}.data-reset-page>header p:last-child{max-width:760px;color:var(--muted)}.data-reset-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;padding:24px;border:1px solid #f2b6bd;border-radius:18px;background:linear-gradient(135deg,#fff 0%,#fff5f6 100%);box-shadow:0 14px 34px rgba(169,23,45,.1)}.data-reset-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,#d9092f,#ff453a);color:#fff;font-size:1.45rem;font-weight:900}.data-reset-card h3{margin:0 0 6px}.data-reset-card p{margin:0 0 6px;color:#5d6675}.data-reset-card small{color:#a01932;font-weight:800}.data-reset-button{min-height:46px;padding:0 18px;border:0;border-radius:12px;background:linear-gradient(135deg,#d9092f,#ff453a);color:#fff;font-weight:900;cursor:pointer;box-shadow:0 9px 22px rgba(217,9,47,.24)}.data-reset-button:disabled{opacity:.55;cursor:wait}.data-reset-status{min-height:24px;margin-top:14px;font-weight:800;color:#1f7a42}@media(max-width:720px){.data-reset-card{grid-template-columns:auto 1fr}.data-reset-button{grid-column:1/-1;width:100%}}
.print-ecer-detail-modal .process-print-button{flex:1 0 100%;min-height:68px;border-radius:14px;background:#ffe500;color:#171313;font-size:1.35rem;font-weight:950;letter-spacing:.08em;box-shadow:0 10px 24px rgba(255,229,0,.28)}.print-ecer-detail-modal .process-print-button:hover{background:#f4dc00;transform:translateY(-1px)}.print-ecer-detail-modal .process-print-button:disabled{opacity:.55;cursor:wait;transform:none}
.table-sort-button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;border:0;background:transparent;color:inherit;padding:0;font:inherit;font-weight:inherit;text-align:left;cursor:pointer}.table-sort-button i{display:grid;line-height:.72;font-style:normal;color:#aaa;font-size:.58rem}.table-sort-button i b{font-weight:900}.table-sort-button i b.selected{color:#ffe500}.table-sort-button:hover i{color:#fff}.table-sort-button.active span{text-decoration:underline;text-underline-offset:4px}
.printing-search-modal{width:min(720px,calc(100% - 28px));border:0;border-radius:22px;padding:0;box-shadow:0 30px 90px rgba(0,0,0,.38);overflow:hidden}.printing-search-modal::backdrop{background:rgba(18,15,15,.62);backdrop-filter:blur(4px)}.printing-search-head{display:flex;justify-content:space-between;align-items:start;gap:18px;padding:24px 26px;background:#171313;color:#fff}.printing-search-head h2{margin:3px 0 4px;font-size:1.45rem}.printing-search-head small{color:#bbb}.printing-search-head>button{width:42px;height:42px;border:0;border-radius:50%;background:#fff;color:#171313;font-size:1.5rem;cursor:pointer}.printing-search-list{display:grid;gap:9px;max-height:62vh;overflow:auto;padding:18px;background:#f7f6f2}.printing-search-list>button{display:grid;grid-template-columns:155px 1fr;gap:4px 16px;text-align:left;border:1px solid #dfddd5;border-radius:14px;background:#fff;padding:15px 17px;cursor:pointer}.printing-search-list>button:hover{border-color:#17345f;box-shadow:0 7px 18px rgba(23,52,95,.12)}.printing-search-list strong{grid-row:1/3;color:#17345f;font-size:1rem}.printing-search-list span{font-weight:850}.printing-search-list small{color:#777}.printing-search-empty{display:grid;place-items:center;gap:6px;min-height:170px;text-align:center;color:#777}.printing-search-empty b{color:#222;font-size:1.1rem}@media(max-width:600px){.printing-search-list>button{grid-template-columns:1fr}.printing-search-list strong{grid-row:auto}.printing-search-head{padding:20px}}
.printing-search-suggestions{grid-column:1/-1;display:grid;gap:7px;width:100%;max-height:360px;overflow:auto;padding:10px;border:1px solid #d9dce4;border-radius:14px;background:#f7f8fb;box-shadow:0 12px 28px rgba(17,38,72,.1)}.printing-search-suggestions[hidden]{display:none}.printing-suggestion-summary{display:flex;justify-content:space-between;gap:12px;padding:4px 5px 8px;color:#666;font-size:.78rem}.printing-suggestion-summary b{color:#17345f}.printing-search-suggestions>button{display:grid;grid-template-columns:145px minmax(130px,1fr) minmax(240px,1.5fr);align-items:center;gap:12px;border:1px solid #e1e3e8;border-radius:11px;background:#fff;padding:11px 13px;text-align:left;cursor:pointer}.printing-search-suggestions>button:hover,.printing-search-suggestions>button:focus{border-color:#17345f;background:#f8fbff;box-shadow:0 5px 14px rgba(23,52,95,.1)}.printing-search-suggestions strong{color:#17345f}.printing-search-suggestions span{font-weight:800}.printing-search-suggestions small{color:#777}.printing-search-suggestions .printing-search-empty{min-height:110px}@media(max-width:760px){.printing-search-suggestions>button{grid-template-columns:1fr}.printing-suggestion-summary{display:grid}}
.report-table-search{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:14px 0 10px;padding:10px 12px;border:1px solid #e3e3e3;border-radius:11px;background:#f8f8f8}.report-table-search label{display:grid;gap:5px;min-width:min(360px,100%);font-size:.72rem;font-weight:850;color:#555}.report-table-search input{height:40px;border:1px solid #ccc;border-radius:9px;background:#fff;padding:0 11px;font:inherit}.report-table-search input:focus{border-color:#222;outline:0;box-shadow:0 0 0 3px rgba(255,229,0,.28)}.report-table-search small{color:#888}@media(max-width:620px){.report-table-search{align-items:stretch;flex-direction:column}.report-table-search label{min-width:0}}
.history-detail-modal{width:min(980px,calc(100vw - 32px));max-height:calc(100vh - 32px);border:0;border-radius:24px;padding:0;box-shadow:0 30px 90px rgba(9,20,45,.38);background:#f7f8fb}.history-detail-modal::backdrop{background:rgba(10,19,37,.72);backdrop-filter:blur(5px)}.history-detail-modal>header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:24px 28px;background:linear-gradient(120deg,#17345f,#244d8b);color:#fff}.history-detail-modal header .eyebrow{color:#ffe500!important}.history-detail-modal header h2{margin:4px 0;font-size:1.8rem}.history-detail-modal header p:last-child{margin:0;color:#d9e4fb}.history-detail-modal header button{width:42px;height:42px;border:0;border-radius:50%;background:#fff;color:#17345f;font-size:1.55rem;cursor:pointer}.history-detail-body{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:18px;padding:22px 28px;overflow:auto}.history-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.history-facts>div{padding:11px 12px;border:1px solid #e0e5ee;border-radius:12px;background:#fff}.history-facts small{display:block;color:#71809a;font-size:.68rem;font-weight:850;text-transform:uppercase;letter-spacing:.05em}.history-facts strong{display:block;margin-top:5px;color:#162844;font-size:.92rem;overflow-wrap:anywhere}.history-detail-body figure{margin:0;align-self:start;border:1px solid #dfe4ed;border-radius:16px;overflow:hidden;background:#fff}.history-detail-body figure img{display:block;width:100%;height:300px;object-fit:contain;background:#f4f4f1}.history-detail-body figcaption{padding:10px;text-align:center;font-size:.78rem;font-weight:900;color:#162844}.history-timeline{grid-column:1/-1;padding:18px;border-radius:16px;background:#fff;border:1px solid #dfe4ed}.history-timeline h3{margin:0 0 12px;color:#17345f}.history-timeline article{display:grid;grid-template-columns:30px 1fr;gap:10px;position:relative;padding:0 0 16px}.history-timeline article:not(:last-child):before{content:"";position:absolute;left:14px;top:30px;bottom:0;border-left:2px solid #d9e5fa}.history-timeline article i{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#ffe500;color:#17345f;font-size:.72rem;font-style:normal;font-weight:950;z-index:1}.history-timeline article div{display:grid;gap:2px}.history-timeline article b{color:#172b4d}.history-timeline article span,.history-timeline article time{color:#71809a;font-size:.78rem}.history-detail-modal footer{padding:0 28px 24px;text-align:right}.history-detail-modal footer button{border:0;border-radius:11px;background:#17345f;color:#fff;padding:12px 16px;font:inherit;font-size:.78rem;font-weight:900;cursor:pointer}@media(max-width:700px){.history-detail-modal>header{padding:20px}.history-detail-body{grid-template-columns:1fr;padding:16px}.history-facts{grid-template-columns:1fr}.history-detail-body figure img{height:240px}.history-detail-modal footer{padding:0 16px 18px}.history-detail-modal header h2{font-size:1.35rem}}
.production-audit{grid-column:1/-1;margin-top:4px}.production-log-intro{margin:-5px 0 16px;font-size:.78rem}.history-timeline article .production-log-account{font-weight:750}.history-timeline article time{margin-top:3px;font-variant-numeric:tabular-nums}
.production-reject-heading,.production-reject-cell{text-align:center;white-space:nowrap}.production-reject-heading{color:#fff!important}.queue-status.reject{background:linear-gradient(135deg,#d9092f,#ff3b30)!important;color:#fff!important}
.reprint-quantity{display:grid;justify-items:center;gap:2px;padding:7px 10px;border-radius:10px;background:linear-gradient(135deg,#d9092f,#ff3b30);color:#fff;box-shadow:0 8px 20px rgba(217,9,47,.28)}.reprint-quantity strong{font-size:1.05rem;line-height:1;color:#fff!important}.reprint-quantity small{font-size:.62rem;font-weight:850;color:#fff!important}.cut-reject-panel{grid-column:1/-1;display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,1.4fr);gap:22px;align-items:center;padding:20px;border:2px solid #ff3b30;border-radius:16px;background:linear-gradient(135deg,rgba(255,59,48,.14),rgba(255,159,10,.12));box-shadow:0 12px 32px rgba(255,59,48,.16)}.cut-reject-panel h3{margin:3px 0 6px}.cut-reject-panel p{margin:0}.cut-reject-panel .eyebrow{color:#d9092f!important}.cut-reject-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cut-reject-fields label{display:grid;gap:6px}.cut-reject-fields output{display:flex;align-items:center;justify-content:center;border-radius:10px;background:#fff4bf;color:#6a3b00;font-weight:900}.cut-reject-fields button{grid-column:1/-1;min-height:46px;border:0;border-radius:10px;background:linear-gradient(135deg,#d9092f,#ff3b30);color:#fff;font:inherit;font-weight:900;cursor:pointer}.cut-reject-fields button:disabled{opacity:.55;cursor:wait}@media(max-width:700px){.cut-reject-panel{grid-template-columns:1fr}.cut-reject-fields{grid-template-columns:1fr}.cut-reject-fields output{min-height:44px}}

/* Request SPK: clear form controls and a high-contrast production queue header. */
.custom-order-form .custom-form-body{align-items:start}
.custom-order-form .custom-fields{align-content:start;grid-auto-rows:min-content}
.custom-order-form label{color:#263b56;font-weight:850}
.custom-order-form :is(input,select,textarea){background:#fff;border:1px solid #bdc9d8;box-shadow:inset 0 1px 2px rgba(23,52,95,.04),0 2px 7px rgba(23,52,95,.045)}
.custom-order-form :is(input,select,textarea)::placeholder{color:#6e7d91;opacity:1}
.custom-order-form :is(input,select,textarea):focus{border-color:#1689f8;background:#fff;box-shadow:0 0 0 4px rgba(22,137,248,.18),0 8px 20px rgba(23,52,95,.1)}
.custom-queue-head{align-items:center;padding:16px 18px;margin-bottom:16px;border:1px solid #d9dee6;border-radius:14px;background:linear-gradient(135deg,#f7f8fa 0%,#e5e9ef 100%);color:#334155;box-shadow:0 10px 24px rgba(66,78,94,.11)}
.custom-queue-head .eyebrow{margin:0;font-size:1.2rem!important;font-weight:950!important;line-height:1.2;letter-spacing:-.02em!important;text-transform:none;background:linear-gradient(135deg,#126df5,#27aaf3);-webkit-background-clip:text;background-clip:text;color:transparent!important}
.custom-queue-head h3{margin:6px 0 0;font-size:.75rem!important;font-weight:750;line-height:1.2!important;letter-spacing:.08em!important;color:#7b8492!important}
.custom-queue-head>span{background:rgba(255,255,255,.7);border:1px solid #d2d8e1;color:#697586;padding:8px 12px;border-radius:999px;backdrop-filter:blur(8px)}
.custom-queue-head>span b{color:#1686f7!important}
.custom-queue .queue-table thead th{background:linear-gradient(135deg,#1585fb 0%,#3b91f2 100%);color:#fff;border-color:rgba(255,255,255,.22)}
@media(max-width:600px){.custom-queue-head{align-items:flex-start;gap:12px;padding:14px}.custom-queue-head>span{white-space:nowrap}}

/* History Pekerjaan: one consistent coral-red header across every report table. */
.report-category-table .report-table thead th{background:linear-gradient(135deg,#1585fb 0%,#3b91f2 100%)!important;color:#fff!important;border-color:rgba(255,255,255,.22)!important;text-shadow:0 1px 1px rgba(8,67,145,.18)!important}
.report-category-table .report-table thead :is(.table-sort-button,.table-sort-button span,.table-sort-button i,.table-sort-button i b){color:#fff!important}

/* Print Custom + DTF Custom: compact heading, explicit deadline and dual references. */
.custom-request-heading{margin-bottom:18px}
.custom-request-heading h2{display:inline-block;margin:3px 0 0;font-size:2.625rem!important;font-weight:950!important;line-height:1.08!important;letter-spacing:-.045em!important;background:linear-gradient(135deg,#126df5,#27aaf3);-webkit-background-clip:text;background-clip:text;color:transparent!important}

/* Production queues: match the prominent blue-gradient Request SPK heading. */
.production-queue-hero h2{display:inline-block;margin:5px 0 0;font-size:2.625rem!important;font-weight:950!important;line-height:1.08!important;letter-spacing:-.045em!important;background:linear-gradient(135deg,#126df5,#27aaf3);-webkit-background-clip:text;background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent}
@media(max-width:720px){.production-queue-hero h2{font-size:2.625rem!important}}

/* Queue table titles mirror the compact Request SPK production header. */
.production-queue-card-head{margin-bottom:18px}
html.dark-mode .production-table-card .production-queue-card-head .eyebrow{background:linear-gradient(135deg,#4f9cff,#35c2ff);-webkit-background-clip:text;background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent!important}
html.dark-mode .production-table-card .production-queue-card-head h3{color:#9aa8bc!important}
.featured-custom-form .custom-form-body{align-items:stretch}
.featured-custom-form .primary-fields{grid-template-rows:repeat(5,min-content) minmax(74px,1fr)}
.featured-custom-form .form-priority{align-self:end}
.featured-custom-form .form-priority select{font-weight:900}
.featured-custom-form .deadline-field{position:relative;display:grid;align-content:center;gap:3px;min-width:280px;min-height:70px;padding:11px 16px;border:1px solid #df1739;border-radius:13px;background:linear-gradient(135deg,#d9092f,#ff3b30);color:#fff!important;box-shadow:0 10px 24px rgba(217,9,47,.24);overflow:hidden;cursor:pointer}
.featured-custom-form .deadline-field>span{position:relative;z-index:1;color:#fff!important;pointer-events:none}
.featured-custom-form .deadline-field>span:first-child{font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;opacity:.8}
.featured-custom-form .deadline-display{font-size:1rem;font-weight:950;line-height:1.25}
.featured-custom-form .deadline-open{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;padding:0;border:0;background:transparent;color:#fff;text-align:left;cursor:pointer;font:inherit}
.featured-custom-form .deadline-open i{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(255,255,255,.48);border-radius:9px;background:rgba(255,255,255,.12);font-size:1rem;font-style:normal}
.featured-custom-form .deadline-value{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;border:0!important;opacity:0!important;pointer-events:none!important}
.deadline-calendar-modal{width:min(680px,calc(100vw - 32px));max-width:none;margin:auto;padding:0;border:0;border-radius:24px;background:#fff;color:#17233b;box-shadow:0 28px 90px rgba(20,35,60,.3);overflow:hidden}
.deadline-calendar-modal::backdrop{background:rgba(9,20,39,.56);backdrop-filter:blur(7px)}
.deadline-calendar-head{display:flex;align-items:center;justify-content:space-between;padding:24px 28px 19px;border-bottom:1px solid #e8edf4}
.deadline-calendar-head p{margin:0 0 5px;color:#758096;font-size:.72rem;font-weight:900;letter-spacing:.12em}
.deadline-calendar-head h2{margin:0;font-size:1.75rem;line-height:1.1}
.deadline-calendar-close{width:42px;height:42px;border:1px solid #e1e7ef;border-radius:50%;background:#f7f9fc;color:#26354c;font-size:1.6rem;line-height:1;cursor:pointer}
.deadline-calendar-toolbar{display:grid;grid-template-columns:48px 1fr 48px;align-items:center;gap:12px;padding:20px 28px 14px}
.deadline-calendar-toolbar strong{text-align:center;font-size:1.15rem}
.deadline-calendar-toolbar button{width:48px;height:42px;border:1px solid #e1e7ef;border-radius:11px;background:#f7f9fc;color:#1e2b42;font-size:1.7rem;cursor:pointer}
.deadline-calendar-toolbar button:hover,.deadline-calendar-close:hover{background:#edf3fa}
.deadline-calendar-weekdays,.deadline-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;padding:0 28px}
.deadline-calendar-weekdays{margin:3px 0 9px}
.deadline-calendar-weekdays span{text-align:center;color:#8792a5;font-size:.74rem;font-weight:850;text-transform:uppercase}
.deadline-calendar-grid{min-height:330px;align-content:start;padding-bottom:22px}
.deadline-calendar-grid button,.deadline-calendar-spacer{aspect-ratio:1;min-width:0}
.deadline-calendar-grid button{border:0;border-radius:12px;background:transparent;color:#1e2b42;font-size:1rem;font-weight:750;cursor:pointer;transition:background .15s ease,color .15s ease,transform .15s ease}
.deadline-calendar-grid button:hover{background:#edf4ff;transform:translateY(-1px)}
.deadline-calendar-grid button.is-today{box-shadow:inset 0 0 0 2px #2f90ef;color:#096fcf}
.deadline-calendar-grid button.is-selected{background:linear-gradient(135deg,#d9092f,#ff3b30);color:#fff;box-shadow:0 8px 18px rgba(217,9,47,.24)}
.deadline-calendar-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 28px 24px;border-top:1px solid #e8edf4;background:#f9fbfd}
.deadline-calendar-footer>div:first-child{display:grid;gap:3px}
.deadline-calendar-footer small{color:#7c8799;font-size:.72rem;font-weight:750}
.deadline-calendar-footer strong{font-size:.9rem}
.deadline-calendar-footer>div:last-child{display:flex;gap:10px}
.deadline-calendar-today,.deadline-calendar-apply{min-height:42px;padding:0 17px;border-radius:10px;font:inherit;font-size:.8rem;font-weight:850;cursor:pointer}
.deadline-calendar-today{border:1px solid #dce4ee;background:#fff;color:#243149}
.deadline-calendar-apply{border:0;background:linear-gradient(135deg,#157eea,#2eacf1);color:#fff;box-shadow:0 8px 18px rgba(21,126,234,.2)}
.deadline-calendar-apply:disabled{background:#dbe2eb;color:#8d98a8;box-shadow:none;cursor:not-allowed}
.design-upload-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.design-upload-grid .design-upload{grid-column:auto;min-height:145px}
.custom-tas-detail-modal{width:min(1120px,calc(100vw - 32px));max-height:calc(100vh - 32px)}
.custom-tas-detail-modal .detail-modal-body{grid-template-columns:minmax(0,1.45fr) minmax(280px,.75fr);max-height:calc(100vh - 145px);overflow:auto}
.custom-tas-detail-modal .custom-detail-media{display:grid;grid-template-columns:1fr;gap:12px;align-content:start}
.custom-tas-detail-modal .custom-detail-media figure{margin:0;border:1px solid #e4e0d8;border-radius:14px;overflow:hidden;background:#f4f2ed}
.custom-tas-detail-modal .custom-detail-media img{width:100%;height:220px;object-fit:contain;background:#fff}
.custom-tas-detail-modal .custom-detail-media figcaption{padding:9px 12px;text-align:center;font-size:.78rem;font-weight:850;overflow-wrap:anywhere}
.custom-tas-detail-modal .production-audit{grid-column:1/-1}
.stage-split-card+.stage-split-card{margin-top:22px}
.split-stage-table{min-width:1500px}
.split-stage-table .split-col-invoice{width:7.5%}.split-stage-table .split-col-customer{width:12%}.split-stage-table .split-col-job{width:13%}.split-stage-table .split-col-size{width:7%}.split-stage-table .split-col-quantity{width:7%}.split-stage-table .split-col-print{width:7%}.split-stage-table .split-col-machine{width:7%}.split-stage-table .split-col-fabric{width:7%}.split-stage-table .split-col-deadline{width:11%}.split-stage-table .split-col-priority{width:10%}.split-stage-table .split-col-status{width:7.5%}.split-stage-table .split-col-action{width:4%}

/* Keep the paired Kain and DTF tables aligned and fully visible on desktop. */
@media(min-width:901px){
  .production-queue-page:is(.press,.potong) .stage-split-card .table-scroll{overflow-x:hidden}
  .production-queue-page:is(.press,.potong) .split-stage-table{width:100%;min-width:0;table-layout:fixed}
  .production-queue-page:is(.press,.potong) .split-stage-table :is(th,td){padding:11px 6px;font-size:.68rem;line-height:1.25;white-space:normal;overflow-wrap:anywhere}
  .production-queue-page:is(.press,.potong) .split-stage-table .queue-priority-select{width:100%;min-width:0;padding-left:7px;padding-right:24px;font-size:.66rem}
  .production-queue-page:is(.press,.potong) .split-stage-table :is(.queue-process-button,.press-detail-action){max-width:100%;padding:7px 8px;font-size:.65rem}
}
.stage-split-card .press-detail-action{min-width:82px}
.press-operator-panel{grid-column:1/-1;display:grid;grid-template-columns:minmax(130px,.35fr) minmax(220px,1fr);align-items:center;gap:8px 14px;padding:16px;border:1px solid #f2aabb;border-radius:14px;background:#fff2f5}.press-operator-panel label{font-size:.82rem;font-weight:900;color:#b91f3b}.press-operator-panel select{width:100%;min-height:44px;border:1px solid #e67b92;border-radius:10px;background:#fff;padding:0 12px;font:inherit;font-weight:800;color:#17233b}.press-operator-panel small{grid-column:2;color:#7a5260;font-size:.72rem}.press-operator-panel select:focus{outline:3px solid rgba(213,45,73,.18);border-color:#d52d49}
.custom-detail-image-empty{height:170px;display:grid;place-items:center;align-content:center;gap:5px;color:#71809a;text-align:center;padding:18px}
.custom-detail-image-empty span{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#1686f7;color:#fff;font-size:1.45rem}
.custom-detail-image-empty small{font-size:.72rem}
html.dark-mode .custom-tas-detail-modal .custom-detail-media figure{background:#111a2a;border-color:#34445e}
@media(max-width:760px){.custom-tas-detail-modal .detail-modal-body{grid-template-columns:1fr}.custom-tas-detail-modal .custom-detail-media{grid-template-columns:1fr 1fr}.custom-tas-detail-modal .custom-detail-media img{height:180px}}
@media(max-width:620px){.press-operator-panel{grid-template-columns:1fr}.press-operator-panel small{grid-column:1}}
@media(max-width:520px){.custom-tas-detail-modal .custom-detail-media{grid-template-columns:1fr}}

/* Queue headings inherit the same stage color used by their table headers. */
.production-queue-page :is(.production-queue-hero h2,.production-queue-card-head .eyebrow){
  display:inline-block;
  background:linear-gradient(135deg,var(--stage),color-mix(in srgb,var(--stage) 76%,white))!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
  -webkit-text-fill-color:transparent!important;
}
@media(max-width:720px){.custom-request-heading h2{font-size:2rem!important}.featured-custom-form header{justify-content:stretch}.featured-custom-form .deadline-field{width:100%;min-width:0}.design-upload-grid{grid-template-columns:1fr}.featured-custom-form .primary-fields{grid-template-rows:none}.deadline-calendar-modal{width:min(94vw,680px);border-radius:18px}.deadline-calendar-head{padding:19px 18px 15px}.deadline-calendar-head h2{font-size:1.45rem}.deadline-calendar-toolbar{padding:15px 18px 10px}.deadline-calendar-weekdays,.deadline-calendar-grid{gap:4px;padding-left:16px;padding-right:16px}.deadline-calendar-grid{min-height:0;padding-bottom:16px}.deadline-calendar-grid button{font-size:.88rem;border-radius:9px}.deadline-calendar-footer{align-items:stretch;flex-direction:column;padding:15px 18px 18px}.deadline-calendar-footer>div:last-child{display:grid;grid-template-columns:1fr 1fr}.deadline-calendar-today,.deadline-calendar-apply{width:100%}}
.clearable-search-field{position:relative;display:block;width:100%;min-width:0;flex:1}.clearable-search-field>input{width:100%;padding-right:48px!important}.search-clear-button{position:absolute!important;z-index:6!important;inset-inline-end:10px!important;right:10px!important;top:50%!important;transform:translateY(-50%)!important;display:grid!important;place-items:center!important;width:28px!important;min-width:28px!important;max-width:28px!important;height:28px!important;min-height:28px!important;max-height:28px!important;margin:0!important;padding:0 0 2px!important;border:1px solid rgba(52,69,91,.16)!important;border-radius:999px!important;background:#e9eef4!important;color:#34455b!important;font-family:Arial,sans-serif!important;font-size:21px!important;font-weight:700!important;line-height:1!important;cursor:pointer!important;box-shadow:0 2px 7px rgba(30,49,73,.09)!important;opacity:1!important;visibility:visible!important;transition:background .16s,color .16s,transform .16s}.search-clear-button:hover{background:#dce4ed!important;color:#102038!important}.search-clear-button:active{transform:translateY(-50%) scale(.93)!important}.search-clear-button:focus-visible{outline:2px solid #1687ff!important;outline-offset:2px}.search-clear-button.is-empty{background:#f1f4f7!important;color:#9aa6b5!important;box-shadow:none!important;cursor:default!important}input[type="search"]::-webkit-search-cancel-button{display:none}.search-box .clearable-search-field{display:flex;align-items:center}.mini-search .clearable-search-field{width:150px}.invoice-search-row>.clearable-search-field,.printing-scan-control label>.clearable-search-field{align-self:end}.invoice-search-row>.clearable-search-field input,.invoice-search-row>.clearable-search-field{height:48px}.report-table-search .clearable-search-field{min-width:min(360px,100%)}html.dark-mode .search-clear-button{background:#29374c!important;color:#eef4ff!important;border-color:#485a75!important}html.dark-mode .search-clear-button:hover{background:#354761!important;color:#fff!important}html.dark-mode .search-clear-button.is-empty{background:#202c3f!important;color:#7f8da3!important}@media(max-width:620px){.report-table-search .clearable-search-field{min-width:0}}

/* Active production step is bold and white on every queue page. */
.production-queue-page .production-flow-mini span.current,
.production-queue-page .production-flow-mini span.current i{color:#fff!important;-webkit-text-fill-color:#fff!important;font-weight:900!important}

/* Queue search keeps only the invoice field and action button. */
.printing-scan-card.queue-search-only{display:block}
.queue-search-only .printing-scan-control{width:100%}
.queue-search-only>.printing-search-suggestions:not([hidden]){margin-top:14px}

/* History category titles match the prominent blue production headings. */
.report-category-table .report-section-head h3{
  display:inline-block;
  margin:3px 0 10px;
  font-size:2.625rem;
  font-weight:900;
  line-height:1.08;
  letter-spacing:-.045em;
  background:linear-gradient(135deg,#126df5,#27aaf3);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  -webkit-text-fill-color:transparent;
}
@media(max-width:720px){.report-category-table .report-section-head h3{font-size:2rem}}

#databaseStatus {position:fixed;bottom:80px;left:50%;transform:translateX(-50%);z-index:2000;max-width:calc(100vw - 32px);width:max-content;display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;background:#ffffff;color:#17345f;box-shadow:0 4px 24px #0003;font-size:14px;}
#databaseStatus[hidden] {display:none;}
#databaseStatus.error {background:#fff2f3;color:#a30024;border:1px solid #ffb9c8;}
#databaseStatus button {font:inherit;border:1px solid currentColor;border-radius:8px;padding:6px 10px;white-space:nowrap;background:transparent;color:inherit;cursor:pointer;}

.custom-batch-overview,.custom-batch-detail{margin-top:24px;padding:20px;border:1px solid #bcd4ed;border-radius:20px;background:linear-gradient(130deg,#f4f9ff,#e7f6ef)}
.custom-batch-overview table,.custom-batch-detail table{width:100%;min-width:700px;border-collapse:collapse}.custom-batch-overview th,.custom-batch-detail th{background:#238cff;color:white}.custom-batch-overview td,.custom-batch-overview th,.custom-batch-detail td,.custom-batch-detail th{padding:12px;text-align:left}.custom-batch-overview button,.custom-batch-detail button{padding:10px;border-radius:10px;cursor:pointer}.custom-batch-overview tbody tr:nth-child(even),.custom-batch-detail tbody tr:nth-child(even){background:#e8e9ed}

.sewing-team-panel{padding:20px;border:2px solid #ff6262;border-radius:20px;background:#fff6ef}.sewing-team-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.sewing-team-grid section{min-width:0;padding:16px;background:white;border:1px solid #d5e2f1;border-radius:16px}.sewing-team-grid label{display:grid;gap:6px;margin-bottom:12px}.sewing-team-grid input,.sewing-team-grid select,.sewing-team-grid textarea{width:100%;min-width:0;box-sizing:border-box}.sewing-team-grid input:disabled{opacity:.45}@media(max-width:850px){.sewing-team-grid{grid-template-columns:1fr}}

/* Shared minimal UI. Theme tokens, not page-specific fixed colors. */
/* Text and accent tokens are contrast-adjusted by themes.js. */
@font-face{font-family:Lato;font-style:normal;font-weight:400;font-display:swap;src:url('./assets/Lato-regular.ttf') format('truetype')}
@font-face{font-family:Lato;font-style:normal;font-weight:700;font-display:swap;src:url('./assets/Lato-bold.ttf') format('truetype')}
@font-face{font-family:Lato;font-style:normal;font-weight:900;font-display:swap;src:url('./assets/Lato-black.ttf') format('truetype')}
html[data-theme]:not(#legacy-theme) {font-family:'Lato',sans-serif;font-size:16px;background:var(--ui-background);color:var(--ui-text);--shadow:0 8px 26px #0000000d;--radius:16px}
html[data-theme]:not(#legacy-theme) body{background:var(--ui-background)!important;color:var(--ui-text)!important}
html[data-theme]:not(#legacy-theme) :is(button,input,select,textarea){font-family:'Lato',sans-serif!important}
html[data-theme]:not(#legacy-theme) :is(h1,h2,h3,h4,strong,b){color:inherit;letter-spacing:normal}
html[data-theme]:not(#legacy-theme) :is(p,small,label,td){color:var(--ui-muted)}
html[data-theme]:not(#legacy-theme) h2{font-size:1.65rem!important;line-height:1.3!important;font-weight:900!important}
html[data-theme]:not(#legacy-theme) h3{font-size:1.15rem!important;line-height:1.4!important}
html[data-theme]:not(#legacy-theme) .eyebrow{font-size:.75rem!important;letter-spacing:.13em!important;color:var(--ui-muted)!important;font-weight:700!important}
html[data-theme]:not(#legacy-theme) .app-shell{grid-template-columns:264px minmax(0,1fr);background:var(--ui-background)!important}
html[data-theme]:not(#legacy-theme) .sidebar{background:var(--ui-sidebar)!important;border-right:1px solid var(--ui-border)!important;padding:24px 14px 18px;color:var(--on-sidebar)!important;box-shadow:none!important}
html[data-theme]:not(#legacy-theme) .brand{padding:4px 28px 24px!important}
html[data-theme]:not(#legacy-theme) .brand img{width:132px;filter:none!important}
html[data-color-mode='dark'] .brand img{filter:brightness(0) invert(1)!important}
html[data-theme]:not(#legacy-theme) .nav-item{font-size:.9rem!important;font-weight:700;height:46px;border-radius:10px;background:transparent!important;color:inherit!important;box-shadow:none!important;grid-template-columns:24px 1fr auto;gap:10px}
html[data-theme]:not(#legacy-theme) .nav-item:is(:hover,.active){background:color-mix(in srgb,var(--ui-accent) 15%,transparent)!important;color:var(--ui-accent)!important}
html[data-theme]:not(#legacy-theme) .nav-icon{width:22px;height:22px;color:inherit!important;background:none!important;box-shadow:none!important;border-radius:0}
html[data-theme]:not(#legacy-theme) .nav-icon svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.65;fill:none;stroke-linecap:round;stroke-linejoin:round}
html[data-theme]:not(#legacy-theme) .chevron{background:none!important;color:inherit!important}
html[data-theme]:not(#legacy-theme) .submenu{margin-left:24px!important;border-left:1px solid var(--ui-border)!important;padding-left:10px!important}
html[data-theme]:not(#legacy-theme) .submenu button{font-size:.875rem!important;color:inherit!important;opacity:.8;border-radius:7px!important;padding:10px!important;line-height:1.4;white-space:nowrap}
html[data-theme]:not(#legacy-theme) .submenu button:is(:hover,.active){background:color-mix(in srgb,var(--ui-accent) 12%,transparent)!important;color:var(--ui-accent)!important;opacity:1}
html[data-theme]:not(#legacy-theme) .sidebar-profile{border-color:var(--ui-border)!important;color:inherit!important}
html[data-theme]:not(#legacy-theme) .sidebar-profile :is(small,strong){color:inherit!important}
html[data-theme]:not(#legacy-theme) .avatar{background:var(--ui-raised)!important;color:var(--ui-text)!important;border-radius:12px!important}
html[data-theme]:not(#legacy-theme) .topbar{height:84px;padding:0 28px;background:var(--ui-background)!important;border-bottom:1px solid var(--ui-border)!important;box-shadow:none!important;gap:16px}
html[data-theme]:not(#legacy-theme) .page-heading h1{font-size:1.25rem!important;color:var(--ui-text)!important}
html[data-theme]:not(#legacy-theme) .page-heading p{font-size:.75rem!important;color:var(--ui-muted)!important}
html[data-theme]:not(#legacy-theme) .workspace{padding:28px!important;background:var(--ui-background)!important;max-width:1800px;margin:0 auto}
html[data-theme]:not(#legacy-theme) :is(.panel,.metric-card,.crm-panel,.crm-metrics article,.view-placeholder,.stock-table-card,.production-table-card,.printing-scan-card,.report-history,.report-date-toolbar,.custom-order-form,.spk-form,.spk-list-panel,.queue-group,.service-card,.dashboard-command,.process-summary,.attention-panel){background:var(--ui-surface)!important;color:var(--ui-text)!important;border:1px solid var(--ui-border)!important;border-radius:16px!important;box-shadow:none!important}
html[data-theme]:not(#legacy-theme) :is(.production-queue-page,.report-category-stage,.custom-spk-page,.stock-page){background:transparent!important;color:var(--ui-text)!important;padding:0!important;border:0!important;box-shadow:none!important}
html[data-theme]:not(#legacy-theme) :is(.production-queue-hero,.spk-form-head,.custom-order-head,.report-section-head,.stock-page-head){background:transparent!important;color:var(--ui-text)!important;border-color:var(--ui-border)!important;padding:22px!important}
html[data-theme]:not(#legacy-theme) .production-queue-hero{padding:0 0 24px!important}
html[data-theme]:not(#legacy-theme) .production-queue-hero :is(h2,h3,p,small){color:var(--ui-text)!important}
html[data-theme]:not(#legacy-theme) :is(.production-flow,.production-flow-mini,.stock-flow){gap:8px;flex-wrap:wrap}
html[data-theme]:not(#legacy-theme) :is(.production-flow,.production-flow-mini,.stock-flow) span{background:var(--ui-surface)!important;border:1px solid var(--ui-border)!important;color:var(--ui-muted)!important;border-radius:10px!important;padding:10px 14px!important;font-size:.875rem!important}
html[data-theme]:not(#legacy-theme) :is(.production-flow,.production-flow-mini) span.active{background:var(--stage,var(--ui-accent))!important;color:var(--stage-ink,var(--on-accent))!important}
html[data-theme]:not(#legacy-theme) :is(.production-flow,.production-flow-mini) b{background:transparent!important;color:inherit!important}
html[data-theme]:not(#legacy-theme) .production-table-card{padding:22px!important;margin-top:18px!important}
html[data-theme]:not(#legacy-theme) .printing-scan-card{padding:22px!important;margin-top:0!important}
html[data-theme]:not(#legacy-theme) :is(.report-category-stage,.report-table-list){margin-top:20px!important}
html[data-theme]:not(#legacy-theme) .report-history{padding:0 20px 20px!important;border-top:3px solid var(--report-stage,var(--ui-accent))!important}
html[data-theme]:not(#legacy-theme) :is(.report-head,.welcome-row,.crm-toolbar){margin-bottom:24px}
html[data-theme]:not(#legacy-theme) table{border-collapse:separate!important;border-spacing:0!important}
html[data-theme]:not(#legacy-theme) :is(th,td){font-size:.875rem!important;padding:15px 14px!important;border:0!important;border-bottom:1px solid var(--ui-border)!important;line-height:1.5!important}
html[data-theme]:not(#legacy-theme) th{background:var(--ui-raised)!important;color:var(--ui-text)!important;text-transform:none!important;letter-spacing:0!important;font-weight:700!important}
html[data-theme]:not(#legacy-theme) th:first-child{border-radius:9px 0 0 9px!important}
html[data-theme]:not(#legacy-theme) th:last-child{border-radius:0 9px 9px 0!important}
html[data-theme]:not(#legacy-theme) td{background:transparent!important;color:var(--ui-muted)!important}
html[data-theme]:not(#legacy-theme) td :is(strong,b){color:var(--ui-text)!important}
html[data-theme]:not(#legacy-theme) tbody tr:hover td{background:color-mix(in srgb,var(--ui-accent) 5%,var(--ui-surface))!important}
html[data-theme]:not(#legacy-theme) .table-sort-button{background:none!important;color:inherit!important;font-size:inherit!important}
html[data-theme]:not(#legacy-theme) .invoice-detail-button{color:var(--ui-accent)!important;background:transparent!important;border:0!important;text-decoration:none!important;box-shadow:none!important;font-weight:700!important;font-size:.875rem!important}
html[data-theme]:not(#legacy-theme) .invoice-detail-button:hover{text-decoration:underline!important}
html[data-theme]:not(#legacy-theme) :is(input:not([type='color']):not([type='checkbox']),select,textarea){background:var(--ui-raised)!important;color:var(--ui-text)!important;border:1px solid var(--ui-border)!important;border-radius:9px!important;font-size:.9375rem!important;box-shadow:none!important;min-height:44px;padding:10px 13px}
html[data-theme]:not(#legacy-theme) input::placeholder,html[data-theme]:not(#legacy-theme) textarea::placeholder{color:#808080!important;opacity:.5!important}
html[data-theme]:not(#legacy-theme) select option{background:var(--ui-surface);color:var(--ui-text)}
html[data-theme]:not(#legacy-theme) label{font-size:.875rem!important;font-weight:700!important}
html[data-theme]:not(#legacy-theme) :is(.primary-button,.next-stage-button,.process-print-button,.printing-scan-control button,.invoice-search-row button,.custom-submit,.submit-spk){background:var(--ui-accent)!important;color:var(--on-accent)!important;border:1px solid transparent!important;border-radius:10px!important;box-shadow:none!important;font-size:.9375rem!important;min-height:44px;font-weight:700!important}
html[data-theme]:not(#legacy-theme) :is(.secondary-button,.ghost-button,.report-downloads button,.detail-modal-actions button,.period,.report-period button){background:var(--ui-raised)!important;color:var(--ui-text)!important;border:1px solid var(--ui-border)!important;border-radius:9px!important;box-shadow:none!important;font-size:.875rem!important}
html[data-theme]:not(#legacy-theme) :is(.period,.report-period button).active{background:var(--ui-accent)!important;color:var(--on-accent)!important}
html[data-theme]:not(#legacy-theme) :is(.period-control,.report-period,.search-box){background:var(--ui-raised)!important;border:1px solid var(--ui-border)!important;border-radius:11px!important}
html[data-theme]:not(#legacy-theme) .queue-priority-select{font-size:.875rem!important;min-height:36px!important;padding:6px 26px 6px 10px!important;width:auto!important;min-width:100px}
html[data-theme]:not(#legacy-theme) :is(.priority-urgent,.priority.urgent,.queue-delete-button){color:var(--danger-text)!important;background:var(--danger-bg)!important;border-color:transparent!important}
html[data-theme]:not(#legacy-theme) :is(.priority-hold,.priority.hold){color:var(--warning-text)!important;background:var(--warning-bg)!important}
html[data-theme]:not(#legacy-theme) :is(.queue-status,.status,.report-done,.stock-ready){font-size:.8125rem!important;border-radius:6px!important;padding:5px 9px!important;font-weight:700!important;background:var(--ui-raised)!important;color:var(--ui-text)!important}
html[data-theme]:not(#legacy-theme) :is(.report-done,.stock-ready,.status.done){color:var(--success-text)!important;background:var(--success-bg)!important}
html[data-theme]:not(#legacy-theme) :is(dialog,.print-ecer-detail-modal,.history-detail-modal,.queue-modal){background:var(--ui-surface)!important;color:var(--ui-text)!important;border:1px solid var(--ui-border)!important;border-radius:20px!important;box-shadow:0 30px 100px #0006!important}
html[data-theme]:not(#legacy-theme) dialog::backdrop{background:#0a102b99;backdrop-filter:blur(6px)}
html[data-theme]:not(#legacy-theme) :is(.detail-modal-head,.queue-modal-head){background:var(--ui-surface)!important;color:var(--ui-text)!important;border-bottom:1px solid var(--ui-border)!important;padding:24px!important}
html[data-theme]:not(#legacy-theme) :is(.detail-modal-head,.queue-modal-head) button{background:var(--ui-raised)!important;color:var(--ui-text)!important;border:1px solid var(--ui-border)!important;width:38px!important;height:38px!important;font-size:1.4rem!important;border-radius:50%!important}
html[data-theme]:not(#legacy-theme) :is(.detail-modal-body,.history-detail-body){padding:24px!important}
html[data-theme]:not(#legacy-theme) :is(.detail-data-grid>div,.detail-field,.history-facts>div,.history-timeline article,.detail-product,.stock-image-preview,.stock-image-empty,.pipeline-column,.lead-card,.insight-note){background:var(--ui-raised)!important;color:var(--ui-text)!important;border:1px solid var(--ui-border)!important;border-radius:12px!important;box-shadow:none!important}
html[data-theme]:not(#legacy-theme) :is(.detail-data-grid strong,.detail-field strong,.history-facts strong){font-size:1rem!important;color:var(--ui-text)!important}
html[data-theme]:not(#legacy-theme) :is(.detail-data-grid span,.detail-field small){font-size:.75rem!important;color:var(--ui-muted)!important}
html[data-theme]:not(#legacy-theme) .history-timeline article b{color:var(--ui-text)!important}
html[data-theme]:not(#legacy-theme) .history-timeline article :is(span,time){color:color-mix(in srgb,var(--ui-text) 76%,var(--ui-muted))!important}
html[data-theme]:not(#legacy-theme) .history-timeline article .production-log-account{color:var(--ui-text)!important;font-weight:700!important}
html[data-theme]:not(#legacy-theme) .queue-status.reject{background:linear-gradient(135deg,#d9092f,#ff3b30)!important;color:#fff!important}
html[data-theme]:not(#legacy-theme) .production-stage-table thead th.production-reject-heading{color:#fff!important}
html[data-theme]:not(#legacy-theme) .reprint-quantity{background:linear-gradient(135deg,#d9092f,#ff3b30)!important;color:#fff!important}
html[data-theme]:not(#legacy-theme) .reprint-quantity :is(strong,small){color:#fff!important}
html[data-theme]:not(#legacy-theme) .cut-reject-panel{background:linear-gradient(135deg,color-mix(in srgb,#ff3b30 15%,var(--ui-surface)),color-mix(in srgb,#ff9f0a 12%,var(--ui-surface)))!important;color:var(--ui-text)!important}
html[data-theme]:not(#legacy-theme) .cut-reject-fields output{background:color-mix(in srgb,#ffcc00 24%,var(--ui-raised))!important;color:var(--ui-text)!important}
html[data-theme]:not(#legacy-theme) .cut-reject-fields button{background:linear-gradient(135deg,#d9092f,#ff3b30)!important;color:#fff!important}
html[data-theme]:not(#legacy-theme) .detail-modal-actions{padding-top:20px!important;gap:10px!important;flex-wrap:wrap}
html[data-theme]:not(#legacy-theme) .detail-modal-actions :is(.process-print-button,.next-stage-button){background:var(--ui-accent)!important;color:var(--on-accent)!important}
html[data-theme]:not(#legacy-theme) .metric-card{padding:22px!important;min-height:155px!important}
html[data-theme]:not(#legacy-theme) .metric-card>strong{font-size:2.2rem!important;color:var(--ui-text)!important;font-weight:900!important}
html[data-theme]:not(#legacy-theme) .metric-card :is(p,small,.metric-trend){color:var(--ui-muted)!important;font-size:.8125rem!important}
html[data-theme]:not(#legacy-theme) .metric-icon{background:color-mix(in srgb,var(--ui-accent) 12%,transparent)!important;color:var(--ui-accent)!important;border-radius:10px!important}
html[data-theme]:not(#legacy-theme) .modern-command{padding:24px!important;gap:24px!important;border-radius:16px!important}
html[data-theme]:not(#legacy-theme) .process-card-row button{background:var(--ui-raised)!important;color:var(--ui-text)!important;border:1px solid var(--ui-border)!important;border-radius:10px!important}
html[data-theme]:not(#legacy-theme) .process-card-row :is(small,span){color:var(--ui-muted)!important;font-size:.75rem!important}
html[data-theme]:not(#legacy-theme) .attention-panel{padding:18px!important}
html[data-theme]:not(#legacy-theme) .attention-panel button{background:transparent!important;color:var(--ui-text)!important;border-color:var(--ui-border)!important}
html[data-theme]:not(#legacy-theme) .attention-panel :is(span,small){color:var(--ui-muted)!important}
html[data-theme]:not(#legacy-theme) .chart-line{stroke:var(--ui-accent)!important}
html[data-theme]:not(#legacy-theme) :is(.search-results,.stock-search-results,.printing-search-suggestions){background:var(--ui-surface)!important;color:var(--ui-text)!important;border:1px solid var(--ui-border)!important;border-radius:12px!important}
html[data-theme]:not(#legacy-theme) :is(.stock-search-results,.printing-search-suggestions) button{background:transparent!important;color:var(--ui-text)!important;border-color:var(--ui-border)!important}
html[data-theme]:not(#legacy-theme) :is(.stock-search-results,.printing-search-suggestions) button:hover{background:var(--ui-raised)!important}
html[data-theme]:not(#legacy-theme) .queue-empty{padding:36px!important;color:var(--ui-muted)!important}
html[data-theme]:not(#legacy-theme) :focus-visible{outline:3px solid var(--ui-accent)!important;outline-offset:3px}
html[data-theme]:not(#legacy-theme) .toast{background:var(--ui-text)!important;color:var(--ui-background)!important}
html[data-theme]:not(#legacy-theme) {--danger-text:#a72233;--danger-bg:#ffe7eb;--warning-text:#785000;--warning-bg:#fff2c3;--success-text:#14613f;--success-bg:#ddf6e9}
html[data-color-mode='dark']{--danger-text:#ffb3bd;--danger-bg:#512c39;--warning-text:#ffe298;--warning-bg:#473c22;--success-text:#92dfb8;--success-bg:#223f37}
html[data-theme]:not(#legacy-theme) .theme-page-head{margin-bottom:24px}
html[data-theme]:not(#legacy-theme) .theme-page-head h2{margin:8px 0}
html[data-theme]:not(#legacy-theme) .theme-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:28px}
html[data-theme]:not(#legacy-theme) .theme-option{position:relative;background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:14px;padding:10px;text-align:left;cursor:pointer;color:var(--ui-text);transition:border-color .15s}
html[data-theme]:not(#legacy-theme) .theme-option.selected{border:2px solid var(--ui-accent);padding:9px}
html[data-theme]:not(#legacy-theme) .theme-mini{height:105px;display:flex;gap:12px;background:var(--mini-bg);border-radius:8px;padding:14px}
html[data-theme]:not(#legacy-theme) .theme-mini>i{width:22%;background:var(--mini-card);border:1px solid var(--mini-line);border-radius:5px;border-top:6px solid var(--mini-accent)}
html[data-theme]:not(#legacy-theme) .theme-mini>span{flex:1;display:grid;gap:6px;grid-template-columns:1fr 1fr}
html[data-theme]:not(#legacy-theme) .theme-mini b{display:block;grid-column:1/-1;border-radius:4px;background:var(--mini-accent);height:15px;width:55%}
html[data-theme]:not(#legacy-theme) .theme-mini em{border:1px solid var(--mini-line);background:var(--mini-card);border-radius:4px}
html[data-theme]:not(#legacy-theme) .theme-mini em:last-child{grid-column:1/-1}
html[data-theme]:not(#legacy-theme) .theme-option-caption{display:grid;gap:4px;padding:12px 5px 5px}
html[data-theme]:not(#legacy-theme) .theme-option-caption strong{font-size:.9375rem}
html[data-theme]:not(#legacy-theme) .theme-option-caption small{font-size:.8125rem}
html[data-theme]:not(#legacy-theme) .theme-check{position:absolute;right:16px;bottom:20px;color:var(--ui-accent);font-weight:900}
html[data-theme]:not(#legacy-theme) .theme-editor{padding:24px;background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:16px}
html[data-theme]:not(#legacy-theme) .theme-editor-head{display:flex;justify-content:space-between;gap:20px;align-items:center;padding-bottom:20px;border-bottom:1px solid var(--ui-border)}
html[data-theme]:not(#legacy-theme) .theme-editor-head :is(h3,p){margin:6px 0}
html[data-theme]:not(#legacy-theme) .theme-mode{display:flex;gap:10px;align-items:center;white-space:nowrap;color:var(--ui-text)!important}
html[data-theme]:not(#legacy-theme) .theme-mode input{width:20px;height:20px;accent-color:var(--ui-accent)}
html[data-theme]:not(#legacy-theme) .theme-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px}
html[data-theme]:not(#legacy-theme) .theme-color-field{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 0;border-bottom:1px solid var(--ui-border);color:var(--ui-text)!important;font-weight:400!important}
html[data-theme]:not(#legacy-theme) .theme-color-value{display:flex;align-items:center;gap:10px}
html[data-theme]:not(#legacy-theme) .theme-color-value code{color:var(--ui-muted);font-size:.75rem}
html[data-theme]:not(#legacy-theme) .theme-color-value input{width:36px;height:32px;border:1px solid var(--ui-border);padding:2px;background:transparent;border-radius:6px;cursor:pointer}
html[data-theme]:not(#legacy-theme) .theme-editor details{margin-top:24px}
html[data-theme]:not(#legacy-theme) .theme-editor summary{cursor:pointer;font-weight:700;padding:8px 0}
html[data-theme]:not(#legacy-theme) .theme-editor details>p{font-size:.875rem}
html[data-theme]:not(#legacy-theme) .theme-editor-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:24px;color:var(--ui-muted);font-size:.8125rem}
@media(max-width:1100px){html[data-theme]:not(#legacy-theme) .app-shell{grid-template-columns:264px minmax(0,1fr)}html[data-theme]:not(#legacy-theme) .workspace{padding:22px!important}html[data-theme]:not(#legacy-theme) .modern-command{grid-template-columns:1fr!important}}
@media(max-width:760px){html[data-theme]:not(#legacy-theme) .app-shell{display:block}html[data-theme]:not(#legacy-theme) .workspace{padding:18px 14px!important}html[data-theme]:not(#legacy-theme) .topbar{height:72px;padding:0 14px;gap:8px}html[data-theme]:not(#legacy-theme) .page-heading h1{font-size:1rem!important}html[data-theme]:not(#legacy-theme) .theme-picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}html[data-theme]:not(#legacy-theme) .theme-fields{grid-template-columns:1fr}html[data-theme]:not(#legacy-theme) .theme-editor{padding:18px}html[data-theme]:not(#legacy-theme) .theme-editor-head{align-items:start;flex-direction:column}html[data-theme]:not(#legacy-theme) .theme-editor-footer{align-items:start;flex-direction:column}html[data-theme]:not(#legacy-theme) .production-flow{gap:6px}html[data-theme]:not(#legacy-theme) .production-table-card{padding:14px!important}html[data-theme]:not(#legacy-theme) .printing-scan-card{padding:16px!important}html[data-theme]:not(#legacy-theme) .theme-mini{height:88px;padding:10px}html[data-theme]:not(#legacy-theme) .modern-command{padding:16px!important}}
@media(prefers-reduced-motion:reduce){html[data-theme]:not(#legacy-theme) *{transition:none!important;animation:none!important}}
/* Reset legacy surfaces and keep every production stage on the same system. */
html[data-theme]:not(#legacy-theme) .custom-queue{background:var(--ui-surface)!important;color:var(--ui-text)!important;border:1px solid var(--ui-border)!important;border-radius:16px!important;box-shadow:none!important}
html[data-theme]:not(#legacy-theme) .production-dtf-queue{margin-top:22px!important}.production-dtf-queue .queue-process-button{background:linear-gradient(135deg,#126df5,#27aaf3)!important;color:#fff!important;border:0!important}.production-dtf-queue .queue-processing-label{background:color-mix(in srgb,#1686f7 12%,var(--ui-raised))!important;color:#1686f7!important}
html[data-theme]:not(#legacy-theme) .custom-queue-head :is(h3,strong){color:var(--ui-text)!important}
html[data-theme]:not(#legacy-theme) .custom-queue-head p{color:var(--ui-muted)!important}
html[data-theme]:not(#legacy-theme) .queue-actions button{background:var(--ui-raised)!important;color:var(--ui-text)!important;border:1px solid var(--ui-border)!important;border-radius:9px!important;font-size:.875rem!important}
html[data-theme]:not(#legacy-theme)[data-color-mode='dark'] .brand img{filter:brightness(0) invert(1)!important}
html[data-theme]:not(#legacy-theme) .production-queue-hero{border:0!important;border-radius:0!important}
html[data-theme]:not(#legacy-theme) .report-table thead th{border-bottom-color:var(--report-stage,var(--ui-accent))!important}
html[data-theme]:not(#legacy-theme) .invoice-search-row button span{color:inherit!important}
html[data-theme]:not(#legacy-theme) .qr-placeholder :is(span,small){background:transparent!important}
html[data-theme]:not(#legacy-theme) .mobile-bottom-nav{background:var(--ui-surface)!important;border-color:var(--ui-border)!important}
html[data-theme]:not(#legacy-theme) .mobile-bottom-nav button{color:var(--ui-muted)!important;background:transparent!important}
html[data-theme]:not(#legacy-theme) .mobile-bottom-nav button.active{color:var(--ui-accent)!important;background:var(--ui-raised)!important}
html[data-theme]:not(#legacy-theme) :is(.service-card,.lead-card,.crm-panel) :is(h3,h4,strong,b){color:var(--ui-text)!important}
html[data-theme]:not(#legacy-theme) .lead-card button{background:var(--ui-accent)!important;color:var(--on-accent)!important}
html[data-theme]:not(#legacy-theme) .back-link{padding:6px 0!important;background:transparent!important;color:var(--ui-muted)!important;font-size:.875rem!important}
html[data-theme]:not(#legacy-theme) .detail-modal-head .eyebrow,html[data-theme]:not(#legacy-theme) .history-detail-modal header .eyebrow{color:var(--ui-muted)!important}
html[data-theme]:not(#legacy-theme) .production-queue-page{margin:0!important}
html[data-theme]:not(#legacy-theme) .printing{--stage-ink:var(--on-printing)}
html[data-theme]:not(#legacy-theme) .press{--stage-ink:var(--on-press)}
html[data-theme]:not(#legacy-theme) .potong{--stage-ink:var(--on-potong)}
html[data-theme]:not(#legacy-theme) .jahit{--stage-ink:var(--on-jahit)}
html[data-theme]:not(#legacy-theme) .qc{--stage-ink:var(--on-qc)}
html[data-theme]:not(#legacy-theme) .gudang{--stage-ink:var(--on-gudang)}
html[data-theme]:not(#legacy-theme) #workspace{padding:28px!important}
html[data-theme]:not(#legacy-theme) .nav-item{flex-shrink:0!important}
html[data-theme]:not(#legacy-theme) .nav-icon{border:0!important}
html[data-theme]:not(#legacy-theme) .nav-list{flex:1;min-height:0}
html[data-theme]:not(#legacy-theme) :is(.invoice-finder,.print-ecer-fields,.custom-order-form>header,.report-table-search,.stock-record,.design-upload,.stage-summary,.history-timeline,.history-detail-body figure,.detail-modal-body figure,.detail-modal-body dl div){background:var(--ui-surface)!important;color:var(--ui-text)!important;border:1px solid var(--ui-border)!important;border-radius:12px!important;box-shadow:none!important}
html[data-theme]:not(#legacy-theme) .invoice-finder{padding:24px!important;display:block!important}
html[data-theme]:not(#legacy-theme) .invoice-search-row{margin-top:18px!important}
html[data-theme]:not(#legacy-theme) :is(.stage-summary,.history-detail-modal>header,.printing-search-head){background:var(--ui-raised)!important;color:var(--ui-text)!important}
html[data-theme]:not(#legacy-theme) :is(.stage-summary,.invoice-finder,.history-timeline,.detail-modal-body) :is(strong,b,h2,h3,dd,figcaption){color:var(--ui-text)!important}
html[data-theme]:not(#legacy-theme) :is(.stage-summary,.invoice-finder,.history-timeline,.detail-modal-body) :is(small,p,span,dt,time){color:var(--ui-muted)!important}
html[data-theme]:not(#legacy-theme) .detail-modal-body dt{font-size:.75rem!important}
html[data-theme]:not(#legacy-theme) .detail-modal-body dd{font-size:1rem!important}
html[data-theme]:not(#legacy-theme) :is(.icon-button,.menu-button,.back-link,.wide-button,.more-button){background:var(--ui-raised)!important;color:var(--ui-text)!important;border-color:var(--ui-border)!important;box-shadow:none!important}
html[data-theme]:not(#legacy-theme) .search-box input{background:transparent!important;border:0!important;padding:0!important}
html[data-theme]:not(#legacy-theme) :is(.metric-trend,.summary-title>strong,.live-label,.report-live,.custom-queue-head>span,.service-icon,.insight-badge,.admin-pill){background:var(--ui-raised)!important;color:var(--ui-muted)!important}
html[data-theme]:not(#legacy-theme) .production-flow{background:var(--ui-surface)!important;border:1px solid var(--ui-border)!important;color:var(--ui-text)!important;border-radius:12px!important;padding:16px!important}
html[data-theme]:not(#legacy-theme) .production-flow .flow-steps{flex-wrap:wrap!important}
html[data-theme]:not(#legacy-theme) :is(.flow-step i,.stage-head>span,.history-timeline article i){background:var(--ui-accent)!important;color:var(--on-accent)!important}
html[data-theme]:not(#legacy-theme) .production-flow-mini span.current{background:var(--stage,var(--ui-accent))!important;color:var(--stage-ink,var(--on-accent))!important;box-shadow:none!important}
html[data-theme]:not(#legacy-theme) .production-flow-mini span i{background:var(--ui-raised)!important;color:var(--ui-text)!important}
html[data-theme]:not(#legacy-theme) .production-flow-mini span.current i{background:transparent!important;color:inherit!important}
html[data-theme]:not(#legacy-theme) .production-stage-table thead th{background:var(--ui-raised)!important;color:var(--ui-text)!important;border-bottom:2px solid var(--stage)!important}
html[data-theme]:not(#legacy-theme) .report-table thead th{background:var(--ui-raised)!important;color:var(--ui-text)!important;border-bottom:2px solid var(--report,var(--ui-accent))!important}
html[data-theme]:not(#legacy-theme) .production-queue-page .printing-scan-control button{background:var(--stage)!important;color:var(--stage-ink)!important}
html[data-theme]:not(#legacy-theme) .print-ecer-fields{padding:20px!important;grid-template-columns:1fr!important;gap:20px!important}
html[data-theme]:not(#legacy-theme) .print-ecer-fields .primary-fields{gap:16px!important}
html[data-theme]:not(#legacy-theme) .print-ecer-fields .primary-fields label{grid-template-columns:1fr!important;gap:8px!important}
html[data-theme]:not(#legacy-theme) .print-ecer-fields textarea{min-height:85px!important}
html[data-theme]:not(#legacy-theme) .print-ecer-side{grid-template-rows:280px auto!important}
html[data-theme]:not(#legacy-theme) .qr-placeholder{background:var(--ui-raised)!important;color:var(--ui-text)!important;border:1px solid var(--ui-border)!important}
html[data-theme]:not(#legacy-theme) .qr-placeholder span{border:1px solid var(--ui-border)!important;color:var(--ui-muted)!important}
html[data-theme]:not(#legacy-theme) .qr-placeholder small{font-size:.75rem!important;color:var(--ui-muted)!important}
html[data-theme]:not(#legacy-theme) .print-ecer-form>header{padding:22px!important;border-bottom:1px solid var(--ui-border)!important}
html[data-theme]:not(#legacy-theme) .custom-invoice{color:var(--ui-text)!important;font-size:1.35rem!important}
html[data-theme]:not(#legacy-theme) .print-ecer-header-main{grid-template-columns:auto minmax(250px,1fr)!important;width:100%}
html[data-theme]:not(#legacy-theme) .stock-image-preview>span{background:var(--ui-raised)!important;color:var(--ui-text)!important;font-size:.75rem!important}
html[data-theme]:not(#legacy-theme) :is(.print-ecer-detail-modal,.history-detail-modal) footer button{background:var(--ui-raised)!important;color:var(--ui-text)!important;border:1px solid var(--ui-border)!important;font-size:.875rem!important}
html[data-theme]:not(#legacy-theme) .print-ecer-detail-modal footer :is(.process-print-button,.next-stage-button){background:var(--ui-accent)!important;color:var(--on-accent)!important;border:0!important;min-height:48px!important;letter-spacing:0!important}
html[data-theme]:not(#legacy-theme) .history-timeline article{border:0!important;background:transparent!important;padding:8px 0 16px!important}
html[data-theme]:not(#legacy-theme) .donut:before{background:var(--ui-surface)!important}
html[data-theme]:not(#legacy-theme) .legend :is(p,b){color:var(--ui-muted)!important}
html[data-theme]:not(#legacy-theme) .printing-suggestion-summary b,html[data-theme]:not(#legacy-theme) .printing-search-suggestions strong{color:var(--ui-text)!important}
html[data-theme='5'] .metric-card{background:linear-gradient(135deg,var(--ui-surface),color-mix(in srgb,var(--ui-accent) 12%,var(--ui-surface)))!important}
@media(max-width:760px){html[data-theme]:not(#legacy-theme) #workspace{padding:18px 14px!important}html[data-theme]:not(#legacy-theme) .print-ecer-header-main{grid-template-columns:1fr!important}html[data-theme]:not(#legacy-theme) .print-ecer-fields{padding:16px!important}html[data-theme]:not(#legacy-theme) .invoice-search-row{flex-wrap:wrap}html[data-theme]:not(#legacy-theme) .invoice-search-row input{width:100%;flex-basis:100%}html[data-theme]:not(#legacy-theme) .print-ecer-side{grid-template-rows:250px auto!important}}
@media(max-width:460px){html[data-theme]:not(#legacy-theme) .topbar .primary-button{font-size:0!important;width:44px;min-width:44px;padding:0!important}html[data-theme]:not(#legacy-theme) .topbar .primary-button:before{content:'+';font-size:1.4rem}html[data-theme]:not(#legacy-theme) .menu-button{flex-shrink:0}html[data-theme]:not(#legacy-theme) .page-heading{min-width:0}html[data-theme]:not(#legacy-theme) .page-heading h1{font-size:1rem!important}}

/* Consistent contrast and calmer visual hierarchy across all six palettes. */
html[data-theme]:not(#legacy-theme) :is(.printing-scan-card,.stock-picker-field) .error{color:var(--danger-text)!important;background:var(--danger-bg)!important;border-radius:6px;padding:6px 10px}
html[data-theme]:not(#legacy-theme) .printing-scan-card .warning{color:var(--warning-text)!important;background:var(--warning-bg)!important;border-radius:6px;padding:6px 10px}
html[data-theme]:not(#legacy-theme) body{font-weight:400;line-height:1.5}
html[data-theme]:not(#legacy-theme) :is(.panel,.metric-card,.crm-panel,.service-card,.custom-queue,.production-table-card,.printing-scan-card,.report-history,.custom-order-form,dialog){color:var(--ui-surface-text)!important}
html[data-theme]:not(#legacy-theme) :is(h1,h2,h3,h4,.custom-invoice,.chart-stat strong,.history-facts strong,.detail-modal-body dd){color:var(--ui-text)!important;font-weight:700!important}
html[data-theme]:not(#legacy-theme) :is(p,small,label,dt,time,.eyebrow,.panel-header p,.chart-stat span,.stock-record span,.stock-image-empty p,.report-live,.live-label){color:var(--ui-muted)!important;opacity:1!important}
html[data-theme]:not(#legacy-theme) :is(.metric-card,.process-card-row,.attention-panel,.lead-card) :is(p,small,span){color:var(--ui-muted)!important;opacity:1!important}
html[data-theme]:not(#legacy-theme) :is(.metric-card p,.metric-trend,.custom-fields label,.print-ecer-fields label,.production-flow-mini span){font-weight:400!important}
html[data-theme]:not(#legacy-theme) .metric-card>strong{font-weight:700!important;letter-spacing:-.04em!important}
html[data-theme]:not(#legacy-theme) :is(.attention-panel h3,.process-card-row small){text-transform:none!important;letter-spacing:0!important}
html[data-theme]:not(#legacy-theme) :is(input,textarea)::placeholder{color:#808080!important;opacity:.5!important;font-weight:400!important}
html[data-theme]:not(#legacy-theme) :is(input:not([type='color']):not([type='checkbox']),select,textarea){color:var(--ui-raised-text)!important;font-weight:400!important}
html[data-theme]:not(#legacy-theme) :is(th,.table-sort-button){color:var(--ui-raised-text)!important}
html[data-theme]:not(#legacy-theme) :is(td,td strong,td b){color:var(--ui-surface-text)!important;font-weight:400!important}
html[data-theme]:not(#legacy-theme) tbody tr:nth-child(even) td{background:color-mix(in srgb,var(--ui-raised) 26%,var(--ui-surface))!important}
html[data-theme]:not(#legacy-theme) tbody tr:hover td{background:var(--ui-raised)!important;color:var(--ui-raised-text)!important}
html[data-theme]:not(#legacy-theme) .production-stage-table thead th,html[data-theme]:not(#legacy-theme) .report-table thead th{border-bottom-width:1px!important;border-bottom-color:var(--ui-border)!important}
html[data-theme]:not(#legacy-theme) .production-table-card{border-top:2px solid var(--stage)!important}
html[data-theme]:not(#legacy-theme) .report-history{border-top:2px solid var(--report-stage)!important}
html[data-theme]:not(#legacy-theme) .invoice-detail-button{color:var(--ui-link)!important}
html[data-theme]:not(#legacy-theme) .production-queue-page .invoice-detail-button{color:var(--stage-link,var(--ui-link))!important}
html[data-theme]:not(#legacy-theme) .printing{--stage-link:var(--link-printing)}
html[data-theme]:not(#legacy-theme) .press{--stage-link:var(--link-press)}
html[data-theme]:not(#legacy-theme) .potong{--stage-link:var(--link-potong)}
html[data-theme]:not(#legacy-theme) .jahit{--stage-link:var(--link-jahit)}
html[data-theme]:not(#legacy-theme) .qc{--stage-link:var(--link-qc)}
html[data-theme]:not(#legacy-theme) .gudang{--stage-link:var(--link-gudang)}
html[data-theme]:not(#legacy-theme) .sidebar{color:var(--ui-nav-text)!important}
html[data-theme]:not(#legacy-theme) .nav-item,html[data-theme]:not(#legacy-theme) .submenu button{color:var(--ui-nav-text)!important;opacity:1!important;font-weight:400!important}
html[data-theme]:not(#legacy-theme) :is(.nav-item.active,.nav-item:hover,.submenu button.active,.submenu button:hover){background:var(--ui-sidebar)!important;color:var(--ui-nav-link)!important;box-shadow:inset 2px 0 var(--ui-accent)!important}
html[data-theme]:not(#legacy-theme) .sidebar-profile :is(strong,small){color:var(--ui-nav-text)!important}
html[data-theme]:not(#legacy-theme)[data-color-mode] .brand img{filter:var(--logo-filter)!important}
html[data-theme]:not(#legacy-theme) .metric-icon{color:var(--ui-link)!important;background:var(--ui-raised)!important}
html[data-theme]:not(#legacy-theme) :is(.primary-button,.process-print-button,.next-stage-button,.invoice-search-row button,.printing-scan-control button,.report-period button.active,.period.active,.flow-step i,.history-timeline article i){font-weight:700!important}
html[data-theme]:not(#legacy-theme) :is(.primary-button,.process-print-button,.next-stage-button,.invoice-search-row button,.printing-scan-control button,.period.active,.report-period button.active) :is(span,small,strong,b){color:inherit!important}
html[data-theme]:not(#legacy-theme) .production-flow-mini span.current{color:var(--stage-ink)!important}
html[data-theme]:not(#legacy-theme) :is(.queue-status.proses,.status.progress){background:var(--ui-raised)!important;color:#0b8f55!important}
html[data-theme]:not(#legacy-theme) :is(.priority-urgent,.priority.urgent,.queue-delete-button){color:var(--danger-text)!important;background:var(--danger-bg)!important}
html[data-theme]:not(#legacy-theme) :is(.priority-hold,.priority.hold){color:var(--warning-text)!important;background:var(--warning-bg)!important}
html[data-theme]:not(#legacy-theme) :is(.report-done,.stock-ready,.status.done){color:var(--success-text)!important;background:var(--success-bg)!important}
html[data-theme]:not(#legacy-theme) .table-sort-button i{color:var(--ui-raised-muted)!important;opacity:1}
html[data-theme]:not(#legacy-theme) .table-sort-button i b.selected{color:var(--ui-link)!important}
html[data-theme]:not(#legacy-theme) .mobile-bottom-nav button small{color:inherit!important}
html[data-theme]:not(#legacy-theme) .mobile-bottom-nav button.active{color:var(--ui-link)!important}
html[data-theme]:not(#legacy-theme) .printing-scan-control input:focus{border-color:var(--stage-link)!important;box-shadow:none!important;outline:2px solid var(--stage-link);outline-offset:2px}
html[data-theme]:not(#legacy-theme) :focus-visible{outline-color:var(--ui-link)!important}
html[data-theme]:not(#legacy-theme) .theme-choice{min-width:0;background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:16px;overflow:hidden;transition:box-shadow .18s}
html[data-theme]:not(#legacy-theme) .theme-choice:has(.selected){border-color:var(--ui-link);box-shadow:0 0 0 1px var(--ui-link)}
html[data-theme]:not(#legacy-theme) .theme-option{width:100%;border:0!important;border-radius:0;padding:12px!important;display:block;background:transparent}
html[data-theme]:not(#legacy-theme) .theme-mini{height:120px}
html[data-theme]:not(#legacy-theme) .theme-option-caption{padding:14px 4px 6px;gap:3px}
html[data-theme]:not(#legacy-theme) .theme-option-caption strong{font-size:1rem;color:var(--ui-text)}
html[data-theme]:not(#legacy-theme) .theme-check{color:var(--ui-link);bottom:26px}
html[data-theme]:not(#legacy-theme) .theme-default-button{display:block;width:calc(100% - 24px);margin:0 12px 12px;min-height:40px;border:1px solid var(--ui-border);background:var(--ui-raised);color:var(--ui-raised-text);border-radius:8px;font-size:.875rem;font-weight:700;cursor:pointer}
html[data-theme]:not(#legacy-theme) .theme-default-button:hover:not(:disabled){border-color:var(--ui-link);color:var(--ui-link)}
html[data-theme]:not(#legacy-theme) .theme-default-button:disabled{background:var(--ui-accent);color:var(--on-accent);border-color:transparent;cursor:default;opacity:1}
html[data-theme]:not(#legacy-theme) .theme-color-field{font-size:.9375rem!important}
html[data-theme]:not(#legacy-theme) .theme-editor :is(h4,summary){color:var(--ui-text)}
html[data-theme]:not(#legacy-theme)[data-theme='5'] .metric-card{background:linear-gradient(140deg,var(--ui-surface),color-mix(in srgb,var(--ui-accent) 8%,var(--ui-surface)))!important}
html[data-theme]:not(#legacy-theme)[data-color-mode='light'] :is(.metric-card,.theme-choice,.production-table-card,.custom-order-form){box-shadow:0 4px 18px #18385006!important}
@media(max-width:760px){html[data-theme]:not(#legacy-theme) .theme-mini{height:95px}html[data-theme]:not(#legacy-theme) .theme-check{right:12px}html[data-theme]:not(#legacy-theme) .theme-option-caption strong{font-size:.875rem}}

/* Four reference-led glass themes. */
html[data-theme]:not(#legacy-theme){--glass-surface:color-mix(in srgb,var(--ui-surface) 72%,transparent);--glass-raised:color-mix(in srgb,var(--ui-raised) 67%,transparent);--glass-soft:color-mix(in srgb,var(--ui-raised) 44%,transparent);--glass-border:color-mix(in srgb,var(--ui-border) 74%,white 8%);--glass-shadow:0 20px 55px rgba(0,0,0,.22);background:var(--ui-background)}
html[data-theme='1']:not(#legacy-theme) body{background:radial-gradient(circle at 73% 16%,rgba(40,124,255,.16),transparent 32%),radial-gradient(circle at 24% 80%,rgba(40,124,255,.09),transparent 31%),#080a0e!important}
html[data-theme='2']:not(#legacy-theme) body{background:radial-gradient(circle at 82% 8%,rgba(81,56,232,.24),transparent 34%),radial-gradient(circle at 18% 76%,rgba(31,132,255,.13),transparent 33%),#08051a!important}
html[data-theme='3']:not(#legacy-theme) body{background:radial-gradient(circle at 70% 12%,rgba(202,255,79,.14),transparent 31%),radial-gradient(circle at 22% 82%,rgba(116,93,255,.1),transparent 30%),#232323!important}
html[data-theme='4']:not(#legacy-theme) body{background:radial-gradient(circle at 78% 12%,rgba(255,59,127,.19),transparent 31%),radial-gradient(circle at 18% 79%,rgba(119,105,255,.18),transparent 34%),#090817!important}
html[data-theme='5']:not(#legacy-theme){--glass-surface:rgba(255,255,255,.52);--glass-raised:rgba(255,255,255,.38);--glass-soft:rgba(255,255,255,.24);--glass-border:rgba(255,255,255,.72);--glass-shadow:0 24px 60px rgba(45,49,56,.14)}
html[data-theme='5']:not(#legacy-theme) body{background:radial-gradient(circle at 86% 8%,rgba(255,212,0,.62),transparent 27%),radial-gradient(circle at 10% 72%,rgba(255,225,76,.32),transparent 30%),linear-gradient(135deg,#e5e7ea 0%,#f7f8f9 48%,#d8dbe0 100%)!important;background-attachment:fixed!important}
html[data-theme='6']:not(#legacy-theme){--glass-surface:rgba(255,255,255,.68);--glass-raised:rgba(255,255,255,.52);--glass-soft:rgba(255,255,255,.34);--glass-border:rgba(255,255,255,.78);--glass-shadow:0 24px 58px rgba(46,61,91,.13)}
html[data-theme='6']:not(#legacy-theme) body{background:radial-gradient(circle at 88% 7%,rgba(22,119,255,.28),transparent 25%),radial-gradient(circle at 12% 18%,rgba(175,82,222,.18),transparent 28%),radial-gradient(circle at 78% 82%,rgba(52,199,89,.18),transparent 26%),radial-gradient(circle at 15% 86%,rgba(255,159,10,.2),transparent 28%),#eef1f7!important;background-attachment:fixed!important}
html[data-theme]:not(#legacy-theme) :is(.app-shell,.main-content,.workspace,.production-queue-page,.report-page,.custom-spk-page,.stock-page){background:transparent!important}
html[data-theme]:not(#legacy-theme) :is(.sidebar,.topbar){background:color-mix(in srgb,var(--ui-sidebar) 72%,transparent)!important;backdrop-filter:blur(24px) saturate(135%);-webkit-backdrop-filter:blur(24px) saturate(135%)}
html:is([data-theme='5'],[data-theme='6']):not(#legacy-theme) .topbar{background:rgba(255,255,255,.5)!important;color:var(--ui-text)!important;backdrop-filter:blur(34px) saturate(165%)!important;-webkit-backdrop-filter:blur(34px) saturate(165%)!important;box-shadow:0 1px 0 rgba(255,255,255,.82),0 14px 38px rgba(41,48,60,.08)!important}
html:is([data-theme='5'],[data-theme='6']):not(#legacy-theme) .topbar :is(h1,h2,p,small,button){color:var(--ui-text)!important}
html:is([data-theme='5'],[data-theme='6']):not(#legacy-theme) .sidebar{background:color-mix(in srgb,var(--ui-sidebar) 82%,transparent)!important;backdrop-filter:blur(34px) saturate(150%)!important;-webkit-backdrop-filter:blur(34px) saturate(150%)!important}
html[data-theme]:not(#legacy-theme) .sidebar{border-right-color:var(--glass-border)!important;box-shadow:10px 0 40px rgba(0,0,0,.14)!important}
html[data-theme]:not(#legacy-theme) .topbar{border-bottom-color:var(--glass-border)!important}
html[data-theme]:not(#legacy-theme) :is(.panel,.metric-card,.crm-panel,.crm-metrics article,.view-placeholder,.stock-table-card,.production-table-card,.printing-scan-card,.report-history,.report-date-toolbar,.custom-order-form,.spk-form,.spk-list-panel,.queue-group,.service-card,.dashboard-command,.process-summary,.attention-panel,.custom-queue,.theme-editor,.theme-choice){background:var(--glass-surface)!important;border:1px solid var(--glass-border)!important;box-shadow:var(--glass-shadow)!important;backdrop-filter:blur(22px) saturate(130%);-webkit-backdrop-filter:blur(22px) saturate(130%)}
html[data-theme='5']:not(#legacy-theme) :is(.panel,.metric-card,.crm-panel,.crm-metrics article,.view-placeholder,.stock-table-card,.production-table-card,.printing-scan-card,.report-history,.report-date-toolbar,.custom-order-form,.spk-form,.spk-list-panel,.queue-group,.service-card,.dashboard-command,.process-summary,.attention-panel,.custom-queue,.theme-editor,.theme-choice){backdrop-filter:blur(34px) saturate(175%)!important;-webkit-backdrop-filter:blur(34px) saturate(175%)!important;box-shadow:inset 0 1px rgba(255,255,255,.88),0 24px 60px rgba(48,52,58,.14)!important}
html[data-theme='5']:not(#legacy-theme) .metric-card{background:linear-gradient(145deg,rgba(255,255,255,.7),rgba(255,212,0,.17))!important}
html[data-theme='5']:not(#legacy-theme) :is(.primary-button,.period.active,.report-period button.active,.theme-default-button:disabled){background:linear-gradient(135deg,#ffe03b,#ffd400)!important;color:#24272d!important}
html[data-theme='6']:not(#legacy-theme) :is(.metric-card,.crm-metrics article,.service-card):nth-child(5n+1){--card-accent:#1677ff}
html[data-theme='6']:not(#legacy-theme) :is(.metric-card,.crm-metrics article,.service-card):nth-child(5n+2){--card-accent:#ff375f}
html[data-theme='6']:not(#legacy-theme) :is(.metric-card,.crm-metrics article,.service-card):nth-child(5n+3){--card-accent:#34c759}
html[data-theme='6']:not(#legacy-theme) :is(.metric-card,.crm-metrics article,.service-card):nth-child(5n+4){--card-accent:#af52de}
html[data-theme='6']:not(#legacy-theme) :is(.metric-card,.crm-metrics article,.service-card):nth-child(5n){--card-accent:#ff9f0a}
html[data-theme='6']:not(#legacy-theme) :is(.metric-card,.crm-metrics article,.service-card){background:linear-gradient(145deg,rgba(255,255,255,.82),color-mix(in srgb,var(--card-accent,#1677ff) 13%,transparent))!important;border-color:color-mix(in srgb,var(--card-accent,#1677ff) 22%,white)!important}
html[data-theme='6']:not(#legacy-theme) :is(.metric-card,.crm-metrics article,.service-card) .metric-icon{background:var(--card-accent,#1677ff)!important;color:#fff!important;box-shadow:0 10px 24px color-mix(in srgb,var(--card-accent,#1677ff) 28%,transparent)!important}
html[data-theme='6']:not(#legacy-theme) .production-flow-mini span:nth-of-type(1){background:rgba(22,119,255,.12)!important;border-color:rgba(22,119,255,.24)!important}
html[data-theme='6']:not(#legacy-theme) .production-flow-mini span:nth-of-type(2){background:rgba(255,55,95,.11)!important;border-color:rgba(255,55,95,.22)!important}
html[data-theme='6']:not(#legacy-theme) .production-flow-mini span:nth-of-type(3){background:rgba(52,199,89,.12)!important;border-color:rgba(52,199,89,.22)!important}
html[data-theme='6']:not(#legacy-theme) .production-flow-mini span:nth-of-type(4){background:rgba(175,82,222,.12)!important;border-color:rgba(175,82,222,.22)!important}
html[data-theme='6']:not(#legacy-theme) .production-flow-mini span:nth-of-type(5){background:rgba(255,159,10,.13)!important;border-color:rgba(255,159,10,.24)!important}
html[data-theme='6']:not(#legacy-theme) .production-queue-page .production-flow-mini span.current{background:var(--stage)!important;border-color:var(--stage)!important}
html[data-theme]:not(#legacy-theme) :is(.invoice-finder,.print-ecer-fields,.custom-order-form>header,.report-table-search,.stock-record,.design-upload,.stage-summary,.history-timeline,.history-detail-body figure,.detail-modal-body figure,.detail-modal-body dl div,.process-card-row button,.lead-card,.pipeline-column,.detail-field,.history-facts>div){background:var(--glass-raised)!important;border-color:var(--glass-border)!important;box-shadow:none!important;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}
html[data-theme]:not(#legacy-theme) :is(input:not([type='color']):not([type='checkbox']),select,textarea,.period-control,.report-period,.search-box,.production-flow-mini span,.production-flow,.qr-placeholder,.queue-actions button,.secondary-button,.ghost-button,.report-downloads button){background:var(--glass-raised)!important;border-color:var(--glass-border)!important;box-shadow:none!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
html[data-theme]:not(#legacy-theme) :is(th,.production-stage-table thead th,.report-table thead th){background:var(--glass-raised)!important;border-bottom-color:var(--glass-border)!important}
html[data-theme]:not(#legacy-theme) tbody tr:nth-child(even) td{background:var(--glass-soft)!important}
html[data-theme]:not(#legacy-theme) tbody tr:hover td{background:var(--glass-raised)!important}
html[data-theme]:not(#legacy-theme) :is(dialog,.print-ecer-detail-modal,.history-detail-modal,.queue-modal,.printing-search-modal){background:color-mix(in srgb,var(--ui-surface) 86%,transparent)!important;border-color:var(--glass-border)!important;box-shadow:0 36px 120px rgba(0,0,0,.55)!important;backdrop-filter:blur(30px) saturate(145%);-webkit-backdrop-filter:blur(30px) saturate(145%)}
html[data-theme]:not(#legacy-theme) :is(.detail-modal-head,.queue-modal-head,.history-detail-modal>header,.printing-search-head){background:var(--glass-raised)!important;border-color:var(--glass-border)!important}
html[data-theme]:not(#legacy-theme) dialog::backdrop{background:rgba(2,3,8,.66);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
html[data-theme]:not(#legacy-theme) .metric-card:before{content:'';position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--ui-accent) 75%,white),transparent);opacity:.8}
html[data-theme]:not(#legacy-theme) :is(.nav-item.active,.nav-item:hover,.submenu button.active,.submenu button:hover){background:var(--glass-raised)!important;box-shadow:inset 2px 0 var(--ui-accent),0 8px 24px rgba(0,0,0,.12)!important;backdrop-filter:blur(12px)}
html[data-theme]:not(#legacy-theme) .production-flow-mini span.current{box-shadow:0 10px 28px color-mix(in srgb,var(--stage) 24%,transparent)!important}
html[data-theme]:not(#legacy-theme) .production-queue-page .production-flow-mini span.current{background:var(--stage)!important;color:var(--stage-ink)!important;border-color:var(--stage)!important}
html[data-theme]:not(#legacy-theme) .production-queue-page .production-flow-mini span.current i{background:transparent!important;color:inherit!important}
html[data-theme]:not(#legacy-theme) :is(.primary-button,.process-print-button,.next-stage-button,.invoice-search-row button,.printing-scan-control button,.period.active,.report-period button.active,.theme-default-button:disabled){box-shadow:0 10px 28px color-mix(in srgb,var(--ui-accent) 26%,transparent)!important}
html[data-theme]:not(#legacy-theme) .theme-picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
html[data-theme]:not(#legacy-theme) .theme-choice{overflow:hidden}
html[data-theme]:not(#legacy-theme) .theme-mini{position:relative;overflow:hidden;background:radial-gradient(circle at 78% 16%,color-mix(in srgb,var(--mini-accent) 32%,transparent),transparent 38%),var(--mini-bg);border:1px solid var(--mini-line)}
html[data-theme]:not(#legacy-theme) .theme-mini:after{content:'';position:absolute;inset:-40% 42% 38% -20%;background:color-mix(in srgb,var(--mini-accent) 18%,transparent);filter:blur(18px);border-radius:50%}
html[data-theme]:not(#legacy-theme) .theme-mini>i,html[data-theme]:not(#legacy-theme) .theme-mini em{background:color-mix(in srgb,var(--mini-card) 70%,transparent);backdrop-filter:blur(8px);border-color:color-mix(in srgb,var(--mini-line) 75%,white 8%)}
html[data-theme]:not(#legacy-theme) .theme-choice:nth-child(6) .theme-mini em:nth-of-type(1){background:#ff375f}
html[data-theme]:not(#legacy-theme) .theme-choice:nth-child(6) .theme-mini em:nth-of-type(2){background:#34c759}
html[data-theme]:not(#legacy-theme) .theme-choice:nth-child(6) .theme-mini em:nth-of-type(3){background:#af52de}
html[data-theme]:not(#legacy-theme) .glass-mode-badge{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 13px;border:1px solid var(--glass-border);border-radius:999px;background:var(--glass-raised);color:var(--ui-raised-text);font-size:.8125rem;font-weight:700;white-space:nowrap;box-shadow:inset 0 1px rgba(255,255,255,.08)}
html[data-theme]:not(#legacy-theme) .glass-mode-badge:before{content:'';width:8px;height:8px;border-radius:50%;background:var(--ui-accent);box-shadow:0 0 12px var(--ui-accent)}
html[data-theme]:not(#legacy-theme) .stock-image-preview img,html[data-theme]:not(#legacy-theme) .detail-modal-body img{background:color-mix(in srgb,var(--ui-raised) 65%,transparent)!important}
@media(max-width:760px){html[data-theme]:not(#legacy-theme) .theme-picker{grid-template-columns:1fr}html[data-theme]:not(#legacy-theme) .theme-editor-head{gap:14px}html[data-theme]:not(#legacy-theme) .glass-mode-badge{align-self:flex-start}}
@supports not ((backdrop-filter:blur(2px)) or (-webkit-backdrop-filter:blur(2px))){html[data-theme]:not(#legacy-theme) :is(.sidebar,.topbar,.panel,.metric-card,.production-table-card,.printing-scan-card,.custom-order-form,.theme-editor,.theme-choice){background:var(--ui-surface)!important}}

/* Layered gradient glass across all six themes. */
html[data-theme='1']:not(#legacy-theme){--theme-glow-a:#287cff;--theme-glow-b:#20d9ff;--theme-glow-c:#785cff}
html[data-theme='2']:not(#legacy-theme){--theme-glow-a:#5138e8;--theme-glow-b:#008cff;--theme-glow-c:#c83cff}
html[data-theme='3']:not(#legacy-theme){--theme-glow-a:#caff4f;--theme-glow-b:#23d6b5;--theme-glow-c:#ff9f1a}
html[data-theme='4']:not(#legacy-theme){--theme-glow-a:#ff3b7f;--theme-glow-b:#7d65ff;--theme-glow-c:#ff8a3d}
html[data-theme='5']:not(#legacy-theme){--theme-glow-a:#ffd400;--theme-glow-b:#ff7a18;--theme-glow-c:#79808c}
html[data-theme='6']:not(#legacy-theme){--theme-glow-a:#1677ff;--theme-glow-b:#af52de;--theme-glow-c:#34c759}
html[data-theme='1']:not(#legacy-theme) body{background:radial-gradient(circle at 88% 7%,rgba(40,124,255,.3),transparent 27%),radial-gradient(circle at 10% 34%,rgba(32,217,255,.14),transparent 28%),radial-gradient(circle at 76% 88%,rgba(120,92,255,.18),transparent 31%),linear-gradient(145deg,#05070b,#0c111b 54%,#070a11)!important;background-attachment:fixed!important}
html[data-theme='2']:not(#legacy-theme) body{background:radial-gradient(circle at 86% 8%,rgba(81,56,232,.38),transparent 29%),radial-gradient(circle at 11% 48%,rgba(0,140,255,.18),transparent 31%),radial-gradient(circle at 78% 88%,rgba(200,60,255,.16),transparent 28%),linear-gradient(145deg,#050316,#0b0720 52%,#080419)!important;background-attachment:fixed!important}
html[data-theme='3']:not(#legacy-theme) body{background:radial-gradient(circle at 87% 9%,rgba(202,255,79,.25),transparent 27%),radial-gradient(circle at 12% 45%,rgba(35,214,181,.14),transparent 30%),radial-gradient(circle at 75% 90%,rgba(255,159,26,.13),transparent 29%),linear-gradient(145deg,#151615,#252624 55%,#171817)!important;background-attachment:fixed!important}
html[data-theme='4']:not(#legacy-theme) body{background:radial-gradient(circle at 87% 8%,rgba(255,59,127,.32),transparent 28%),radial-gradient(circle at 10% 43%,rgba(125,101,255,.25),transparent 30%),radial-gradient(circle at 76% 90%,rgba(255,138,61,.15),transparent 28%),linear-gradient(145deg,#070612,#110a20 54%,#090713)!important;background-attachment:fixed!important}
html[data-theme='5']:not(#legacy-theme) body{background:radial-gradient(circle at 88% 7%,rgba(255,212,0,.72),transparent 27%),radial-gradient(circle at 10% 39%,rgba(255,122,24,.19),transparent 30%),radial-gradient(circle at 78% 91%,rgba(121,128,140,.2),transparent 31%),linear-gradient(145deg,#dfe2e6,#f8f9fa 51%,#d4d8de)!important;background-attachment:fixed!important}
html[data-theme='6']:not(#legacy-theme) body{background:radial-gradient(circle at 88% 7%,rgba(22,119,255,.36),transparent 26%),radial-gradient(circle at 10% 27%,rgba(175,82,222,.24),transparent 29%),radial-gradient(circle at 82% 72%,rgba(52,199,89,.22),transparent 27%),radial-gradient(circle at 14% 88%,rgba(255,159,10,.25),transparent 29%),linear-gradient(145deg,#e7ebf4,#f7f8fc 54%,#e5e9f2)!important;background-attachment:fixed!important}

html[data-theme]:not(#legacy-theme) :is(.panel,.metric-card,.crm-panel,.crm-metrics article,.view-placeholder,.stock-table-card,.production-table-card,.printing-scan-card,.report-history,.report-date-toolbar,.custom-order-form,.spk-form,.spk-list-panel,.queue-group,.service-card,.dashboard-command,.process-summary,.attention-panel,.custom-queue,.theme-editor,.theme-choice){background:linear-gradient(145deg,color-mix(in srgb,var(--ui-surface) 76%,transparent),color-mix(in srgb,var(--theme-glow-a) 10%,transparent) 48%,color-mix(in srgb,var(--theme-glow-b) 8%,transparent))!important;box-shadow:inset 0 1px color-mix(in srgb,white 28%,transparent),var(--glass-shadow)!important}
html[data-theme]:not(#legacy-theme) :is(.invoice-finder,.print-ecer-fields,.custom-order-form>header,.report-table-search,.stock-record,.design-upload,.stage-summary,.history-timeline,.history-detail-body figure,.detail-modal-body figure,.detail-modal-body dl div,.process-card-row button,.lead-card,.pipeline-column,.detail-field,.history-facts>div){background:linear-gradient(135deg,color-mix(in srgb,var(--ui-raised) 66%,transparent),color-mix(in srgb,var(--theme-glow-c) 9%,transparent),color-mix(in srgb,var(--theme-glow-a) 6%,transparent))!important}
html[data-theme]:not(#legacy-theme) :is(input:not([type='color']):not([type='checkbox']),select,textarea,.period-control,.report-period,.search-box,.production-flow-mini span,.production-flow,.qr-placeholder,.queue-actions button,.secondary-button,.ghost-button,.report-downloads button){background:linear-gradient(135deg,color-mix(in srgb,var(--ui-raised) 62%,transparent),color-mix(in srgb,var(--theme-glow-a) 7%,transparent))!important}
html[data-theme]:not(#legacy-theme) :is(th,.production-stage-table thead th,.report-table thead th){background:linear-gradient(110deg,color-mix(in srgb,var(--ui-raised) 72%,transparent),color-mix(in srgb,var(--theme-glow-a) 12%,transparent),color-mix(in srgb,var(--theme-glow-b) 9%,transparent))!important}
html[data-theme]:not(#legacy-theme) :is(dialog,.print-ecer-detail-modal,.history-detail-modal,.queue-modal,.printing-search-modal){background:linear-gradient(145deg,color-mix(in srgb,var(--ui-surface) 88%,transparent),color-mix(in srgb,var(--theme-glow-a) 10%,transparent),color-mix(in srgb,var(--theme-glow-b) 8%,transparent))!important}
html[data-theme]:not(#legacy-theme) :is(.sidebar,.topbar){background-image:linear-gradient(145deg,color-mix(in srgb,var(--ui-sidebar) 82%,transparent),color-mix(in srgb,var(--theme-glow-a) 10%,transparent),color-mix(in srgb,var(--theme-glow-b) 7%,transparent))!important}
html:is([data-theme='5'],[data-theme='6']):not(#legacy-theme) .topbar{background-image:linear-gradient(115deg,rgba(255,255,255,.58),color-mix(in srgb,var(--theme-glow-a) 16%,transparent),color-mix(in srgb,var(--theme-glow-b) 10%,transparent))!important}

/* Themes 5 and 6 use translucent red gradient action buttons. */
html:is([data-theme='5'],[data-theme='6']):not(#legacy-theme) :is(.primary-button,.process-print-button,.next-stage-button,.invoice-search-row button,.printing-scan-control button,.custom-submit,.submit-spk,.lead-card button,.wide-button,.period.active,.report-period button.active,.theme-default-button:disabled){background:linear-gradient(135deg,rgba(255,25,70,.94),rgba(185,0,69,.79) 52%,rgba(255,83,48,.86))!important;color:#fff!important;border:1px solid rgba(255,255,255,.44)!important;box-shadow:inset 0 1px rgba(255,255,255,.36),0 12px 30px rgba(220,0,57,.3)!important;backdrop-filter:blur(14px) saturate(170%)!important;-webkit-backdrop-filter:blur(14px) saturate(170%)!important}
html:is([data-theme='5'],[data-theme='6']):not(#legacy-theme) :is(.primary-button,.process-print-button,.next-stage-button,.invoice-search-row button,.printing-scan-control button,.custom-submit,.submit-spk,.lead-card button,.wide-button,.period.active,.report-period button.active):hover{background:linear-gradient(135deg,rgba(255,62,96,.98),rgba(210,0,71,.9) 52%,rgba(255,106,57,.94))!important;transform:translateY(-1px);box-shadow:inset 0 1px rgba(255,255,255,.4),0 16px 34px rgba(220,0,57,.4)!important}

/* High-signal urgent, error, hold, and warning states. */
html[data-theme]:not(#legacy-theme) :is(.priority-urgent,.priority.urgent,.queue-priority-select.priority-urgent,.queue-delete-button){background:linear-gradient(135deg,#ff003d,#ff1f1f 48%,#ff6a00)!important;color:#fff!important;border:1px solid rgba(255,255,255,.75)!important;box-shadow:0 0 0 2px rgba(255,0,61,.23),0 10px 24px rgba(255,0,40,.42)!important;text-shadow:0 1px 1px rgba(90,0,0,.42)!important;font-weight:900!important}
html[data-theme]:not(#legacy-theme) :is(.priority-hold,.priority.hold,.queue-priority-select.priority-hold,.printing-scan-card .warning){background:linear-gradient(135deg,#fff600,#ffbd00 54%,#ff7a00)!important;color:#171100!important;border:1px solid #fff9a8!important;box-shadow:0 0 0 2px rgba(255,202,0,.22),0 10px 24px rgba(255,153,0,.34)!important;font-weight:900!important}
html[data-theme]:not(#legacy-theme) :is(.printing-scan-card,.stock-picker-field) .error{background:linear-gradient(135deg,#ff003d,#d9002f)!important;color:#fff!important;border:1px solid rgba(255,255,255,.72)!important;box-shadow:0 8px 22px rgba(255,0,61,.36)!important;font-weight:900!important}
html[data-theme]:not(#legacy-theme) .attention-panel{border-color:rgba(255,42,42,.48)!important;background:linear-gradient(145deg,color-mix(in srgb,var(--ui-surface) 72%,transparent),rgba(255,0,61,.12),rgba(255,189,0,.12))!important}
html[data-theme]:not(#legacy-theme) .attention-title>span{background:linear-gradient(135deg,#ff003d,#ff6a00)!important;color:#fff!important;box-shadow:0 0 24px rgba(255,0,61,.5)!important}
html[data-theme]:not(#legacy-theme) .attention-title em{background:linear-gradient(135deg,#ff003d,#ff6a00)!important;color:#fff!important;box-shadow:0 8px 20px rgba(255,0,61,.34)!important}
html[data-theme]:not(#legacy-theme) .attention-panel section:nth-of-type(-n+2) button{background:linear-gradient(135deg,rgba(255,0,61,.2),rgba(255,106,0,.12))!important;border:1px solid rgba(255,31,31,.38)!important}
html[data-theme]:not(#legacy-theme) .attention-panel section:nth-of-type(3) button{background:linear-gradient(135deg,rgba(255,246,0,.42),rgba(255,122,0,.18))!important;border:1px solid rgba(255,189,0,.58)!important}

/* 2027-inspired Liquid Glass system: two light themes and two dark themes. */
html[data-theme='1']:not(#legacy-theme){--liquid-a:#087cff;--liquid-b:#48d7ff;--liquid-c:#34c759}
html[data-theme='2']:not(#legacy-theme){--liquid-a:#7c4dff;--liquid-b:#ff4f8b;--liquid-c:#21c8d8}
html[data-theme='3']:not(#legacy-theme){--liquid-a:#0a84ff;--liquid-b:#6e5cff;--liquid-c:#ff4fd8}
html[data-theme='4']:not(#legacy-theme){--liquid-a:#9cff3b;--liquid-b:#28d9b4;--liquid-c:#ff9f32}
html[data-theme='1']:not(#legacy-theme) body{background:radial-gradient(circle at 88% 4%,color-mix(in srgb,#48d7ff var(--fx-gradient),transparent),transparent 30%),radial-gradient(circle at 8% 46%,color-mix(in srgb,#087cff var(--fx-gradient-soft),transparent),transparent 31%),radial-gradient(circle at 82% 92%,color-mix(in srgb,#34c759 var(--fx-gradient-subtle),transparent),transparent 28%),linear-gradient(145deg,#e7f1fc,#f8fbff 52%,#e8f2fb)!important;background-attachment:fixed!important}
html[data-theme='2']:not(#legacy-theme) body{background:radial-gradient(circle at 88% 5%,color-mix(in srgb,#7c4dff var(--fx-gradient),transparent),transparent 30%),radial-gradient(circle at 8% 42%,color-mix(in srgb,#ff4f8b var(--fx-gradient-soft),transparent),transparent 30%),radial-gradient(circle at 80% 91%,color-mix(in srgb,#21c8d8 var(--fx-gradient-subtle),transparent),transparent 29%),linear-gradient(145deg,#eeeaf8,#fcfbff 52%,#eeeafa)!important;background-attachment:fixed!important}
html[data-theme='3']:not(#legacy-theme) body{background:radial-gradient(circle at 88% 5%,color-mix(in srgb,#0a84ff var(--fx-gradient),transparent),transparent 30%),radial-gradient(circle at 8% 44%,color-mix(in srgb,#6e5cff var(--fx-gradient-soft),transparent),transparent 31%),radial-gradient(circle at 82% 92%,color-mix(in srgb,#ff4fd8 var(--fx-gradient-subtle),transparent),transparent 29%),linear-gradient(145deg,#050812,#0b1120 54%,#070a14)!important;background-attachment:fixed!important}
html[data-theme='4']:not(#legacy-theme) body{background:radial-gradient(circle at 87% 5%,color-mix(in srgb,#9cff3b var(--fx-gradient),transparent),transparent 28%),radial-gradient(circle at 8% 45%,color-mix(in srgb,#28d9b4 var(--fx-gradient-soft),transparent),transparent 30%),radial-gradient(circle at 80% 92%,color-mix(in srgb,#ff9f32 var(--fx-gradient-subtle),transparent),transparent 29%),linear-gradient(145deg,#0d0f0e,#191b1a 54%,#111312)!important;background-attachment:fixed!important}

html[data-theme]:not(#legacy-theme){--glass-surface:color-mix(in srgb,var(--ui-surface) var(--fx-glass),transparent);--glass-raised:color-mix(in srgb,var(--ui-raised) var(--fx-glass-soft),transparent);--glass-soft:color-mix(in srgb,var(--ui-raised) 42%,transparent);--glass-border:color-mix(in srgb,var(--ui-border) 58%,white 34%);--glass-shadow:0 22px 56px color-mix(in srgb,var(--liquid-a) 9%,rgba(0,0,0,.2))}
html[data-theme]:not(#legacy-theme) :is(.panel,.metric-card,.crm-panel,.crm-metrics article,.view-placeholder,.stock-table-card,.production-table-card,.printing-scan-card,.report-history,.report-date-toolbar,.custom-order-form,.spk-form,.spk-list-panel,.queue-group,.service-card,.dashboard-command,.process-summary,.attention-panel,.custom-queue,.theme-editor,.theme-choice){border-radius:var(--fx-radius)!important;background:linear-gradient(145deg,color-mix(in srgb,var(--ui-surface) var(--fx-glass),transparent),color-mix(in srgb,var(--liquid-a) var(--fx-gradient-subtle),transparent) 52%,color-mix(in srgb,var(--liquid-b) var(--fx-gradient-subtle),transparent))!important;border:1px solid var(--glass-border)!important;box-shadow:inset 0 1px rgba(255,255,255,.38),var(--glass-shadow)!important;backdrop-filter:blur(var(--fx-blur)) saturate(165%)!important;-webkit-backdrop-filter:blur(var(--fx-blur)) saturate(165%)!important}
html[data-theme]:not(#legacy-theme) :is(.invoice-finder,.print-ecer-fields,.custom-order-form>header,.report-table-search,.stock-record,.design-upload,.stage-summary,.history-timeline,.history-detail-body figure,.detail-modal-body figure,.detail-modal-body dl div,.process-card-row button,.lead-card,.pipeline-column,.detail-field,.history-facts>div){border-radius:var(--fx-radius-small)!important;background:linear-gradient(135deg,var(--glass-raised),color-mix(in srgb,var(--liquid-c) var(--fx-gradient-subtle),transparent),color-mix(in srgb,var(--liquid-a) var(--fx-gradient-subtle),transparent))!important;backdrop-filter:blur(var(--fx-blur-soft)) saturate(150%)!important;-webkit-backdrop-filter:blur(var(--fx-blur-soft)) saturate(150%)!important}
html[data-theme]:not(#legacy-theme) :is(dialog,.print-ecer-detail-modal,.history-detail-modal,.queue-modal,.printing-search-modal){border-radius:var(--fx-radius-large)!important;background:linear-gradient(145deg,color-mix(in srgb,var(--ui-surface) var(--fx-glass-strong),transparent),color-mix(in srgb,var(--liquid-a) var(--fx-gradient-subtle),transparent),color-mix(in srgb,var(--liquid-b) var(--fx-gradient-subtle),transparent))!important;backdrop-filter:blur(var(--fx-blur-plus)) saturate(175%)!important;-webkit-backdrop-filter:blur(var(--fx-blur-plus)) saturate(175%)!important}
html[data-theme]:not(#legacy-theme) :is(.sidebar,.topbar){background:linear-gradient(145deg,color-mix(in srgb,var(--ui-sidebar) var(--fx-glass-strong),transparent),color-mix(in srgb,var(--liquid-a) var(--fx-gradient-subtle),transparent),color-mix(in srgb,var(--liquid-b) var(--fx-gradient-subtle),transparent))!important;backdrop-filter:blur(var(--fx-blur-plus)) saturate(175%)!important;-webkit-backdrop-filter:blur(var(--fx-blur-plus)) saturate(175%)!important}
html:is([data-theme='1'],[data-theme='2']):not(#legacy-theme) .topbar{background:linear-gradient(115deg,rgba(255,255,255,.64),color-mix(in srgb,var(--liquid-a) var(--fx-gradient-subtle),transparent),color-mix(in srgb,var(--liquid-b) var(--fx-gradient-subtle),transparent))!important}

html[data-theme]:not(#legacy-theme) .nav-icon{width:34px!important;height:34px!important;border-radius:12px!important;color:#fff!important;background:linear-gradient(145deg,var(--liquid-a),color-mix(in srgb,var(--liquid-b) 72%,var(--liquid-a)))!important;border:1px solid rgba(255,255,255,.42)!important;box-shadow:inset 0 1px rgba(255,255,255,.48),0 8px 20px color-mix(in srgb,var(--liquid-a) 28%,transparent)!important}
html[data-theme]:not(#legacy-theme) .nav-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
html[data-theme]:not(#legacy-theme) .nav-list>.nav-item:nth-of-type(2n) .nav-icon{background:linear-gradient(145deg,var(--liquid-b),var(--liquid-c))!important}
html[data-theme]:not(#legacy-theme) .nav-list>.nav-item:nth-of-type(3n) .nav-icon{background:linear-gradient(145deg,var(--liquid-c),var(--liquid-a))!important}
html[data-theme]:not(#legacy-theme) :is(.metric-icon,.upload-mark,.flow-step i,.history-timeline article i){border-radius:12px!important;background:linear-gradient(145deg,var(--liquid-a),var(--liquid-b))!important;color:#fff!important;border:1px solid rgba(255,255,255,.38)!important;box-shadow:inset 0 1px rgba(255,255,255,.42),0 8px 22px color-mix(in srgb,var(--liquid-a) var(--fx-glow),transparent)!important}

html[data-theme]:not(#legacy-theme) :is(input:not([type='color']):not([type='checkbox']):not([type='range']),select,textarea,.search-box){transition:border-color .18s,box-shadow .18s,background .18s!important}
html[data-theme]:not(#legacy-theme) :is(input:not([type='color']):not([type='checkbox']):not([type='range']),select,textarea):focus,
html[data-theme]:not(#legacy-theme) :is(.search-box,.printing-scan-control,.invoice-search-row):focus-within{outline:none!important;border-color:var(--ui-accent)!important;background:linear-gradient(135deg,color-mix(in srgb,var(--ui-raised) 76%,transparent),color-mix(in srgb,var(--liquid-a) 12%,transparent))!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--ui-accent) var(--fx-glow-soft),transparent),0 0 30px color-mix(in srgb,var(--ui-accent) var(--fx-glow),transparent)!important}
html[data-theme]:not(#legacy-theme) :is(.primary-button,.process-print-button,.next-stage-button,.invoice-search-row button,.printing-scan-control button,.custom-submit,.submit-spk,.lead-card button,.wide-button,.period.active,.report-period button.active,.theme-default-button:disabled){background:linear-gradient(145deg,color-mix(in srgb,var(--ui-accent) 94%,white),var(--ui-accent) 54%,color-mix(in srgb,var(--liquid-b) 62%,var(--ui-accent)))!important;color:var(--on-accent)!important;border:1px solid rgba(255,255,255,.36)!important;box-shadow:inset 0 1px rgba(255,255,255,.42),0 10px 28px color-mix(in srgb,var(--ui-accent) var(--fx-glow),transparent)!important}

html[data-theme]:not(#legacy-theme) .theme-effects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 24px}
html[data-theme]:not(#legacy-theme) .theme-effect-field{display:grid;gap:12px;padding:14px 16px;border:1px solid var(--glass-border);border-radius:var(--fx-radius-small);background:var(--glass-raised);backdrop-filter:blur(var(--fx-blur-soft));-webkit-backdrop-filter:blur(var(--fx-blur-soft))}
html[data-theme]:not(#legacy-theme) .theme-effect-field>span{display:flex;justify-content:space-between;align-items:center;gap:12px;color:var(--ui-text)!important}
html[data-theme]:not(#legacy-theme) .theme-effect-field b{font-size:.875rem}
html[data-theme]:not(#legacy-theme) .theme-effect-field output{font-size:.8125rem;color:var(--ui-link);font-weight:700}
html[data-theme]:not(#legacy-theme) .theme-effect-field input[type='range']{-webkit-appearance:none;appearance:none;width:100%;height:6px;padding:0!important;border:0!important;border-radius:999px;background:linear-gradient(90deg,var(--ui-accent),color-mix(in srgb,var(--liquid-b) 75%,var(--ui-accent)))!important;box-shadow:none!important;cursor:pointer}
html[data-theme]:not(#legacy-theme) .theme-effect-field input[type='range']::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:linear-gradient(145deg,#fff,color-mix(in srgb,var(--ui-accent) 18%,#fff));border:1px solid color-mix(in srgb,var(--ui-accent) 55%,white);box-shadow:0 4px 14px color-mix(in srgb,var(--ui-accent) 30%,transparent)}
@media(max-width:760px){html[data-theme]:not(#legacy-theme) .theme-effects{grid-template-columns:1fr}}

/* v31 — quieter, more precise premium glass details. */
html[data-theme]:not(#legacy-theme){--glass-shadow:0 14px 34px color-mix(in srgb,var(--liquid-a) 5%,rgba(0,0,0,.14))}
html[data-theme]:not(#legacy-theme) :is(.panel,.metric-card,.crm-panel,.crm-metrics article,.view-placeholder,.stock-table-card,.production-table-card,.printing-scan-card,.report-history,.report-date-toolbar,.custom-order-form,.spk-form,.spk-list-panel,.queue-group,.service-card,.dashboard-command,.process-summary,.attention-panel,.custom-queue,.theme-editor,.theme-choice){
  background:linear-gradient(145deg,color-mix(in srgb,var(--ui-surface) var(--fx-glass-strong),transparent),color-mix(in srgb,var(--liquid-a) var(--fx-gradient-subtle),transparent))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.3),var(--glass-shadow)!important;
}
html[data-theme]:not(#legacy-theme) .nav-item{
  grid-template-columns:34px minmax(0,1fr) auto!important;
  column-gap:16px!important;
  padding:6px 12px!important;
}
html[data-theme]:not(#legacy-theme) .nav-item>span:nth-child(2){
  padding-left:2px;
  white-space:nowrap;
}
html[data-theme]:not(#legacy-theme) :is(.nav-item.active,.nav-item:hover,.submenu button.active,.submenu button:hover){
  box-shadow:none!important;
  border-color:transparent!important;
}
html[data-theme]:not(#legacy-theme) .nav-item.active{
  background:color-mix(in srgb,var(--ui-raised) 56%,transparent)!important;
}
html[data-theme]:not(#legacy-theme) .nav-icon{
  box-shadow:inset 0 1px rgba(255,255,255,.4),0 5px 13px color-mix(in srgb,var(--liquid-a) 18%,transparent)!important;
}
html[data-theme]:not(#legacy-theme) .submenu{
  margin-left:51px!important;
  padding-left:13px!important;
}

html[data-theme]:not(#legacy-theme) :is(
  .primary-button,.process-print-button,.next-stage-button,.invoice-search-row button,
  .printing-scan-control button,.custom-submit,.submit-spk,.lead-card button,.wide-button,
  .period.active,.report-period button.active,.theme-default-button:disabled,.queue-delete-button
){color:#fff!important;text-shadow:0 1px 1px rgba(0,0,0,.16)!important}
html[data-theme]:not(#legacy-theme) :is(
  .primary-button,.process-print-button,.next-stage-button,.invoice-search-row button,
  .printing-scan-control button,.custom-submit,.submit-spk,.lead-card button,.wide-button,
  .period.active,.report-period button.active,.theme-default-button:disabled,.queue-delete-button
) :is(span,small,strong,b){color:#fff!important}

html[data-theme]:not(#legacy-theme) :is(.search-box,.printing-scan-control,.invoice-search-row):focus-within{
  outline:none!important;
  border-color:transparent!important;
  background:transparent!important;
  box-shadow:none!important;
}
html[data-theme]:not(#legacy-theme) :is(.search-box input,.printing-scan-control input,.invoice-search-row input):focus{
  outline:none!important;
  border-color:color-mix(in srgb,var(--ui-accent) 72%,white)!important;
  box-shadow:0 0 0 2px color-mix(in srgb,var(--ui-accent) 16%,transparent),0 7px 20px color-mix(in srgb,var(--ui-accent) 12%,transparent)!important;
}

html[data-theme]:not(#legacy-theme) :is(.priority-urgent,.priority.urgent,.queue-priority-select.priority-urgent){
  background:#e32636!important;
  color:#fff!important;
  border-color:#e32636!important;
  box-shadow:none!important;
  text-shadow:none!important;
  font-weight:800!important;
}

html[data-theme]:not(#legacy-theme) .print-ecer-detail-modal{
  width:min(980px,calc(100vw - 32px))!important;
}
html[data-theme]:not(#legacy-theme) .detail-modal-body{
  grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr)!important;
  align-items:stretch!important;
}
html[data-theme]:not(#legacy-theme) .detail-modal-body figure{
  min-height:430px!important;
  display:grid!important;
  grid-template-rows:minmax(0,1fr) auto!important;
  place-items:center!important;
}
html[data-theme]:not(#legacy-theme) .detail-modal-body figure img{
  width:100%!important;
  height:410px!important;
  max-width:100%!important;
  margin:auto!important;
  object-fit:contain!important;
  object-position:center!important;
}
html[data-theme]:not(#legacy-theme) .detail-modal-body figure figcaption{
  width:100%!important;
  align-self:end!important;
}
@media(max-width:720px){
  html[data-theme]:not(#legacy-theme) .detail-modal-body{grid-template-columns:1fr!important}
  html[data-theme]:not(#legacy-theme) .detail-modal-body figure{min-height:330px!important}
  html[data-theme]:not(#legacy-theme) .detail-modal-body figure img{height:310px!important}
}

/* v32 — themed table headers and unmistakable urgent state. */
html[data-theme]:not(#legacy-theme) table thead th{
  background:linear-gradient(135deg,var(--ui-accent),color-mix(in srgb,var(--liquid-b) 58%,var(--ui-accent)))!important;
  color:#fff!important;
  border-top:0!important;
  border-bottom:0!important;
  border-right:1px solid rgba(255,255,255,.2)!important;
  text-shadow:0 1px 1px rgba(0,0,0,.16)!important;
}
html[data-theme]:not(#legacy-theme) table thead th:first-child{border-radius:11px 0 0 11px!important}
html[data-theme]:not(#legacy-theme) table thead th:last-child{border-radius:0 11px 11px 0!important;border-right:0!important}
html[data-theme]:not(#legacy-theme) table thead :is(.table-sort-button,.table-sort-button span,.table-sort-button i,.table-sort-button i b){color:#fff!important}
html[data-theme]:not(#legacy-theme) .production-stage-table thead th{
  background:linear-gradient(135deg,var(--stage),color-mix(in srgb,var(--stage) 76%,white))!important;
}
html[data-theme]:not(#legacy-theme) .data-reset-card{background:linear-gradient(145deg,color-mix(in srgb,var(--ui-surface) 94%,#ff405c),var(--ui-surface))!important;border-color:color-mix(in srgb,#e32636 38%,var(--ui-border))!important;color:var(--ui-text)!important}
html[data-theme]:not(#legacy-theme) .data-reset-card p{color:var(--ui-muted)!important}
html[data-theme]:not(#legacy-theme) .data-reset-card small{color:color-mix(in srgb,#e32636 74%,var(--ui-text))!important}
html[data-theme]:not(#legacy-theme) .report-table thead th{
  background:linear-gradient(135deg,var(--report-stage,var(--ui-accent)),color-mix(in srgb,var(--report-stage,var(--ui-accent)) 76%,white))!important;
}
html[data-theme]:not(#legacy-theme) :is(.priority-urgent,.priority.urgent,.queue-priority-select.priority-urgent){
  -webkit-appearance:none!important;
  appearance:none!important;
  background-color:#df2033!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m6 8 4 4 4-4' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"),linear-gradient(135deg,#ff3b4f 0%,#e01831 52%,#b90024 100%)!important;
  background-repeat:no-repeat!important;
  background-position:right 7px center,center!important;
  background-size:18px,100% 100%!important;
  color:#fff!important;
  border:1px solid #df2033!important;
  padding-right:30px!important;
  box-shadow:inset 0 1px rgba(255,255,255,.3),0 7px 16px rgba(190,0,34,.24)!important;
  font-weight:800!important;
}
html[data-theme]:not(#legacy-theme) :is(span.priority-urgent,span.priority.urgent){
  display:inline-flex!important;
  align-items:center!important;
  min-height:36px!important;
  padding:7px 13px!important;
  border-radius:10px!important;
  background-image:linear-gradient(135deg,#ff3b4f 0%,#e01831 52%,#b90024 100%)!important;
  background-position:center!important;
  background-size:100% 100%!important;
  padding-right:13px!important;
}
html[data-theme]:not(#legacy-theme) body table td select.queue-priority-select.priority-urgent.priority-urgent{
  -webkit-appearance:none!important;
  appearance:none!important;
  background-color:#df2033!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m6 8 4 4 4-4' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"),linear-gradient(135deg,#ff3b4f 0%,#e01831 52%,#b90024 100%)!important;
  background-repeat:no-repeat!important;
  background-position:right 7px center,center!important;
  background-size:18px,100% 100%!important;
  color:#fff!important;
  border-color:#df2033!important;
}

/* v34 — aligned SPK metadata, unobstructed lookup, minimal search, and pastel dashboard. */
html[data-theme]:not(#legacy-theme) .production-flow{
  grid-template-columns:minmax(170px,auto) minmax(0,1fr)!important;
  align-items:end!important;
  gap:10px 22px!important;
  overflow:visible!important;
}
html[data-theme]:not(#legacy-theme) .production-flow .flow-title{
  display:grid!important;
  grid-template-rows:auto 44px!important;
  align-self:stretch!important;
  gap:6px!important;
  min-width:0!important;
}
html[data-theme]:not(#legacy-theme) .production-flow .flow-title span{
  align-self:start!important;
  width:max-content!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  color:var(--ui-muted)!important;
  font-size:.72rem!important;
  font-weight:700!important;
  line-height:1.2!important;
}
html[data-theme]:not(#legacy-theme) .production-flow .flow-title strong{
  align-self:center!important;
  margin:0!important;
  color:var(--ui-text)!important;
  font-size:1.18rem!important;
  line-height:1.2!important;
}
html[data-theme]:not(#legacy-theme) .production-flow .flow-steps{
  min-height:44px!important;
  align-items:center!important;
  padding:0!important;
}

html[data-theme]:not(#legacy-theme) .print-ecer-form,
html[data-theme]:not(#legacy-theme) .print-ecer-form>header,
html[data-theme]:not(#legacy-theme) .print-ecer-header-main,
html[data-theme]:not(#legacy-theme) .stock-picker-field,
html[data-theme]:not(#legacy-theme) .stock-search{
  overflow:visible!important;
}
html[data-theme]:not(#legacy-theme) .print-ecer-form>header{
  position:relative!important;
  z-index:60!important;
}
html[data-theme]:not(#legacy-theme) .stock-picker-field,
html[data-theme]:not(#legacy-theme) .stock-search{
  position:relative!important;
  z-index:61!important;
}
html[data-theme]:not(#legacy-theme) .stock-search-results{
  z-index:1000!important;
  isolation:isolate!important;
  box-shadow:0 18px 44px rgba(17,24,39,.22)!important;
}
html[data-theme]:not(#legacy-theme) .print-ecer-layout{
  position:relative!important;
  z-index:1!important;
}

html[data-theme]:not(#legacy-theme) .topbar .search-box{
  overflow:hidden!important;
  background:var(--glass-raised)!important;
  border:1px solid var(--glass-border)!important;
  box-shadow:none!important;
}
html[data-theme]:not(#legacy-theme) .topbar .search-box input,
html[data-theme]:not(#legacy-theme) .topbar .search-box input:focus{
  min-width:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
html[data-theme]:not(#legacy-theme) .topbar .search-box:focus-within{
  background:var(--glass-raised)!important;
  border-color:color-mix(in srgb,var(--ui-accent) 65%,var(--glass-border))!important;
  box-shadow:0 0 0 2px color-mix(in srgb,var(--ui-accent) 12%,transparent)!important;
}

html[data-theme]:not(#legacy-theme) body :is(
  button.primary-button,.process-print-button,.next-stage-button,
  .invoice-search-row button,.printing-scan-control button,
  .custom-submit,.submit-spk,.wide-button
){
  background:linear-gradient(135deg,
    color-mix(in srgb,var(--ui-accent) 86%,white),
    var(--ui-accent) 52%,
    color-mix(in srgb,var(--ui-accent) 70%,#062c59))!important;
  color:#fff!important;
  border:1px solid color-mix(in srgb,#fff 34%,var(--ui-accent))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.38),0 10px 24px color-mix(in srgb,var(--ui-accent) 22%,transparent)!important;
  text-shadow:0 1px 1px rgba(0,0,0,.18)!important;
}
html[data-theme]:not(#legacy-theme) body :is(
  button.primary-button,.process-print-button,.next-stage-button,
  .invoice-search-row button,.printing-scan-control button,
  .custom-submit,.submit-spk,.wide-button
) :is(span,small,strong,b){color:#fff!important}

html[data-theme]:not(#legacy-theme) .metrics-grid .metric-card:nth-child(4n+1),
html[data-theme]:not(#legacy-theme) .process-card-row button:nth-of-type(4n+1),
html[data-theme]:not(#legacy-theme) .spk-mini-grid button:nth-child(4n+1){--dashboard-pastel:var(--liquid-a)}
html[data-theme]:not(#legacy-theme) .metrics-grid .metric-card:nth-child(4n+2),
html[data-theme]:not(#legacy-theme) .process-card-row button:nth-of-type(4n+2),
html[data-theme]:not(#legacy-theme) .spk-mini-grid button:nth-child(4n+2){--dashboard-pastel:var(--liquid-b)}
html[data-theme]:not(#legacy-theme) .metrics-grid .metric-card:nth-child(4n+3),
html[data-theme]:not(#legacy-theme) .process-card-row button:nth-of-type(4n+3),
html[data-theme]:not(#legacy-theme) .spk-mini-grid button:nth-child(4n+3){--dashboard-pastel:var(--liquid-c)}
html[data-theme]:not(#legacy-theme) .metrics-grid .metric-card:nth-child(4n),
html[data-theme]:not(#legacy-theme) .process-card-row button:nth-of-type(4n),
html[data-theme]:not(#legacy-theme) .spk-mini-grid button:nth-child(4n){--dashboard-pastel:color-mix(in srgb,var(--liquid-a) 52%,var(--liquid-c))}
html[data-theme][data-color-mode='light']:not(#legacy-theme) :is(
  .metrics-grid .metric-card,.process-card-row button,.spk-mini-grid button
){
  background:linear-gradient(145deg,
    color-mix(in srgb,#fff 88%,var(--dashboard-pastel)),
    color-mix(in srgb,#fff 72%,var(--dashboard-pastel)))!important;
  border:1px solid color-mix(in srgb,var(--dashboard-pastel) 24%,var(--ui-border))!important;
  color:var(--ui-text)!important;
}
html[data-theme][data-color-mode='dark']:not(#legacy-theme) :is(
  .metrics-grid .metric-card,.process-card-row button,.spk-mini-grid button
){
  background:linear-gradient(145deg,
    color-mix(in srgb,var(--ui-raised) 88%,var(--dashboard-pastel)),
    color-mix(in srgb,var(--ui-surface) 74%,var(--dashboard-pastel)))!important;
  border:1px solid color-mix(in srgb,var(--dashboard-pastel) 28%,var(--ui-border))!important;
  color:var(--ui-text)!important;
}
html[data-theme]:not(#legacy-theme) :is(
  .metrics-grid .metric-card,.process-card-row button,.spk-mini-grid button
) :is(p,small,span,b,strong){color:inherit!important}
html[data-theme]:not(#legacy-theme) :is(
  .metrics-grid .metric-card,.process-card-row button,.spk-mini-grid button
) :is(p,small,span){opacity:.72!important}
html[data-theme]:not(#legacy-theme) :is(.modern-command .invoice-finder,.modern-command .process-summary,.modern-spk-summary,.modern-table-panel){
  background:linear-gradient(145deg,
    color-mix(in srgb,var(--ui-surface) 88%,var(--liquid-a)),
    color-mix(in srgb,var(--ui-surface) 92%,var(--liquid-b)))!important;
}

@media(max-width:700px){
  html[data-theme]:not(#legacy-theme) .production-flow{grid-template-columns:1fr!important;align-items:start!important}
  html[data-theme]:not(#legacy-theme) .production-flow .flow-title{grid-template-rows:auto auto!important;gap:5px!important}
}

/* Keep every Request SPK form legible across all four themes. */
html[data-theme]:not(#legacy-theme) .custom-order-form :is(input:not([type='color']):not([type='checkbox']),select,textarea){
  background:var(--ui-raised)!important;
  border:1px solid color-mix(in srgb,var(--ui-accent) 22%,var(--ui-border))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.24),0 3px 9px color-mix(in srgb,var(--ui-text) 5%,transparent)!important;
}
html[data-theme]:not(#legacy-theme) .custom-order-form :is(input:not([type='color']):not([type='checkbox']),select,textarea):focus{
  background:var(--ui-surface)!important;
  border-color:var(--ui-accent)!important;
  box-shadow:0 0 0 4px color-mix(in srgb,var(--ui-accent) 18%,transparent),0 10px 24px color-mix(in srgb,var(--ui-accent) 12%,transparent)!important;
}
html[data-theme]:not(#legacy-theme) .custom-order-form label{color:var(--ui-text)!important}
html[data-theme]:not(#legacy-theme) .custom-queue-head{
  background:linear-gradient(135deg,color-mix(in srgb,var(--ui-raised) 94%,#fff),color-mix(in srgb,var(--ui-muted) 16%,var(--ui-surface)))!important;
  border:1px solid color-mix(in srgb,var(--ui-muted) 24%,var(--ui-border))!important;
  color:var(--ui-text)!important;
  box-shadow:0 10px 24px color-mix(in srgb,var(--ui-text) 10%,transparent)!important;
}
html[data-theme]:not(#legacy-theme) .custom-queue-head .eyebrow{
  background:linear-gradient(135deg,#126df5,#27aaf3)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
  font-size:1.2rem!important;
  font-weight:950!important;
  letter-spacing:-.02em!important;
}
html[data-theme]:not(#legacy-theme) .custom-queue-head h3{color:var(--ui-muted)!important;font-size:.75rem!important;line-height:1.2!important;letter-spacing:.08em!important}
html[data-theme]:not(#legacy-theme) .custom-queue-head>span{
  background:color-mix(in srgb,var(--ui-raised) 82%,transparent)!important;
  border:1px solid color-mix(in srgb,var(--ui-muted) 24%,var(--ui-border))!important;
  color:var(--ui-muted)!important;
}
html[data-theme]:not(#legacy-theme) .custom-queue-head>span b{color:#1686f7!important}
html[data-theme]:not(#legacy-theme) .custom-queue .queue-table thead th{
  background:linear-gradient(135deg,#1585fb 0%,#3b91f2 100%)!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.22)!important;
}

/* Keep every History Pekerjaan table blue and identical in all selectable themes. */
html[data-theme]:not(#legacy-theme) .report-category-table .report-table thead th{
  background:linear-gradient(135deg,#1585fb 0%,#3b91f2 100%)!important;
  color:#fff!important;
  border-top:0!important;
  border-bottom:0!important;
  border-right:1px solid rgba(255,255,255,.2)!important;
}
html[data-theme]:not(#legacy-theme) .report-category-table .report-table thead th:last-child{border-right:0!important}
html[data-theme]:not(#legacy-theme) .report-category-table .report-table thead :is(.table-sort-button,.table-sort-button span,.table-sort-button i,.table-sort-button i b){color:#fff!important}

/* Print Custom + DTF Custom retain the requested hierarchy in every theme. */
html[data-theme]:not(#legacy-theme) .custom-request-heading h2{font-size:2.625rem!important;font-weight:900!important;line-height:1.08!important;letter-spacing:-.045em!important;background:linear-gradient(135deg,#126df5,#27aaf3)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}
html[data-theme]:not(#legacy-theme) .production-queue-hero h2{font-size:2.625rem!important;font-weight:900!important;line-height:1.08!important;letter-spacing:-.045em!important;background:linear-gradient(135deg,#126df5,#27aaf3)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important}
html[data-theme]:not(#legacy-theme) .featured-custom-form .deadline-field{background:linear-gradient(135deg,#d9092f,#ff3b30)!important;border-color:#df1739!important;color:#fff!important;box-shadow:0 10px 24px rgba(217,9,47,.24)!important}
html[data-theme]:not(#legacy-theme) .featured-custom-form .deadline-field>span{color:#fff!important}
@media(max-width:720px){html[data-theme]:not(#legacy-theme) :is(.custom-request-heading,.production-queue-hero) h2{font-size:2rem!important}}
html[data-theme]:not(#legacy-theme) dialog.deadline-calendar-modal{background:#fff!important;color:#17233b!important;border:1px solid #dbe3ed!important;border-radius:24px!important;box-shadow:0 28px 90px rgba(10,24,45,.34)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html[data-theme]:not(#legacy-theme) .deadline-calendar-modal :is(.deadline-calendar-head,.deadline-calendar-toolbar,.deadline-calendar-weekdays,.deadline-calendar-grid){color:#17233b!important}
html[data-theme]:not(#legacy-theme) .deadline-calendar-footer{background:#f9fbfd!important;color:#17233b!important}

/* Keep paired stage tables aligned and colored for Press and Potong. */
html[data-theme]:not(#legacy-theme) .production-queue-page .stage-split-card .production-stage-table thead th{
  background:linear-gradient(135deg,var(--stage),color-mix(in srgb,var(--stage) 76%,white))!important;
  border-color:color-mix(in srgb,var(--stage) 72%,#000)!important;
}
html[data-theme]:not(#legacy-theme) .production-queue-page .stage-split-card .production-stage-table thead th,
html[data-theme]:not(#legacy-theme) .production-queue-page .stage-split-card .production-stage-table thead th *,
html[data-theme]:not(#legacy-theme) .production-queue-page.printing .printing-dtf-card .production-stage-table thead th,
html[data-theme]:not(#legacy-theme) .production-queue-page.printing .printing-dtf-card .production-stage-table thead th *{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}

/* Every queue title follows the configurable stage color of its table. */
html[data-theme]:not(#legacy-theme) .production-queue-page :is(.production-queue-hero h2,.production-queue-card-head .eyebrow){
  display:inline-block!important;
  background:linear-gradient(135deg,var(--stage),color-mix(in srgb,var(--stage) 76%,white))!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
  -webkit-text-fill-color:transparent!important;
}

/* Invoice numbers are red on every production queue, independent of stage color. */
html[data-theme]:not(#legacy-theme) .production-queue-page .production-stage-table tbody td:first-child :is(.invoice-detail-button,.production-invoice-button,strong),
html[data-theme]:not(#legacy-theme) .production-queue-page .production-stage-table tbody td:first-child > .invoice-detail-button{
  color:#d52d49!important;
  -webkit-text-fill-color:#d52d49!important;
  text-decoration-color:#d52d49!important;
}

/* Active production status matches the size of the Urgent priority control. */
html[data-theme]:not(#legacy-theme) .production-queue-page :is(.queue-status.proses,.status.proses,.status.progress){
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  min-width:100px!important;
  height:36px!important;
  padding:0 12px!important;
  border:0!important;
  border-radius:8px!important;
  background:linear-gradient(135deg,#079653,#16b86e)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  font-size:.72rem!important;
  font-weight:850!important;
  line-height:1!important;
  text-transform:uppercase!important;
  box-shadow:0 7px 16px rgba(7,150,83,.2)!important;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  animation:production-status-breathe 3s ease-in-out infinite;
}
html[data-theme]:not(#legacy-theme) .production-queue-page :is(.queue-status.proses,.status.proses,.status.progress)::after{
  content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(110deg,transparent 10%,rgba(255,255,255,.08) 30%,rgba(255,255,255,.35) 50%,rgba(255,255,255,.08) 70%,transparent 90%);pointer-events:none;animation:production-status-shine 3s ease-in-out infinite;
}
@keyframes production-status-shine{0%,5%{transform:translateX(-110%);opacity:0}15%{opacity:1}80%{transform:translateX(110%);opacity:1}90%,100%{transform:translateX(110%);opacity:0}}
@keyframes production-status-breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.015)}}
/* The requested status indicator remains visible with Reduce Motion: light only, no movement. */
@keyframes production-status-light{0%,100%{opacity:0}50%{opacity:.25}}
@media(prefers-reduced-motion:reduce){
  html[data-theme]:not(#legacy-theme) .production-queue-page :is(.queue-status.proses,.status.proses,.status.progress)::after{background:#fff;transform:none;animation:production-status-light 3s ease-in-out infinite!important}
  html[data-theme]:not(#legacy-theme) .production-queue-page :is(.queue-status.proses,.status.proses,.status.progress){animation:none;transform:none}
}


/* Preserve active-step contrast across every selectable theme. */
html[data-theme]:not(#legacy-theme) .production-queue-page .production-flow-mini span.current,
html[data-theme]:not(#legacy-theme) .production-queue-page .production-flow-mini span.current i{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  font-weight:900!important;
}

/* Every History Pekerjaan category title uses the same blue display treatment. */
html[data-theme]:not(#legacy-theme) .report-category-table .report-section-head h3{
  display:inline-block!important;
  margin:3px 0 10px!important;
  font-size:2.625rem!important;
  font-weight:900!important;
  line-height:1.08!important;
  letter-spacing:-.045em!important;
  background:linear-gradient(135deg,#126df5,#27aaf3)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
  -webkit-text-fill-color:transparent!important;
}
@media(max-width:720px){html[data-theme]:not(#legacy-theme) .report-category-table .report-section-head h3{font-size:2rem!important}}

/* v99 — unified, white-first invoice detail dialogs for every application view. */
html[data-theme] #workspace :is(.print-ecer-detail-modal,.history-detail-modal){
  box-sizing:border-box!important;
  width:min(70vw,1240px)!important;
  height:min(78vh,900px)!important;
  max-width:calc(100vw - 48px)!important;
  max-height:calc(100vh - 48px)!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid #d8e4f2!important;
  border-radius:22px!important;
  background:#fff!important;
  color:#17243b!important;
  color-scheme:light!important;
  box-shadow:0 30px 90px rgba(25,60,105,.28)!important;
}
html[data-theme] #workspace :is(.print-ecer-detail-modal,.history-detail-modal)[open]{
  display:flex!important;
  flex-direction:column!important;
}
html[data-theme] #workspace :is(.print-ecer-detail-modal,.history-detail-modal)::backdrop{
  background:rgba(24,43,69,.54)!important;
  backdrop-filter:blur(8px) saturate(115%)!important;
  -webkit-backdrop-filter:blur(8px) saturate(115%)!important;
}
html[data-theme] #workspace :is(.detail-modal-head,.history-detail-modal>header){
  position:relative!important;
  flex:0 0 auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:20px!important;
  min-height:92px!important;
  padding:18px 22px!important;
  border:0!important;
  border-bottom:1px solid #dce7f4!important;
  background:#fff!important;
  color:#17243b!important;
}
html[data-theme] #workspace :is(.detail-modal-head,.history-detail-modal>header)::before{
  content:none;
}
html[data-theme] #workspace :is(.detail-modal-head,.history-detail-modal>header)>div{
  min-width:0!important;
  flex:1!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-areas:"invoice kind" "caption caption"!important;
  align-items:center!important;
  gap:5px 18px!important;
}
html[data-theme] #workspace :is(.detail-modal-head,.history-detail-modal>header) h2{
  grid-area:invoice!important;
  margin:0!important;
  font-size:clamp(1.55rem,2vw,2.15rem)!important;
  font-weight:900!important;
  line-height:1.05!important;
  letter-spacing:-.035em!important;
  color:#1378ed!important;
  -webkit-text-fill-color:#1378ed!important;
}
html[data-theme] #workspace :is(.detail-modal-head,.history-detail-modal>header) .eyebrow{
  grid-area:kind!important;
  margin:0!important;
  padding:8px 12px!important;
  border:1px solid #d9e9fb!important;
  border-radius:999px!important;
  background:#f1f7ff!important;
  color:#39719f!important;
  -webkit-text-fill-color:#39719f!important;
  font-size:.68rem!important;
  font-weight:900!important;
  letter-spacing:.09em!important;
  text-align:right!important;
}
html[data-theme] #workspace .history-detail-modal>header p:last-child{
  grid-area:caption!important;
  margin:0!important;
  color:#6b7c93!important;
  -webkit-text-fill-color:#6b7c93!important;
  font-size:.77rem!important;
}
html[data-theme] #workspace :is(.detail-modal-head,.history-detail-modal>header)>button{
  flex:0 0 auto!important;
  display:grid!important;
  place-items:center!important;
  width:38px!important;
  height:38px!important;
  padding:0!important;
  border:1px solid #d7e6f5!important;
  border-radius:12px!important;
  background:#f4f9ff!important;
  color:#2476c8!important;
  -webkit-text-fill-color:#2476c8!important;
  font-size:1.3rem!important;
  line-height:1!important;
  box-shadow:none!important;
}
html[data-theme] #workspace :is(.detail-modal-head,.history-detail-modal>header)>button:hover{
  background:#e8f3ff!important;
  transform:none!important;
}
html[data-theme] #workspace :is(.detail-modal-body,.history-detail-body){
  flex:1 1 auto!important;
  min-height:0!important;
  display:grid!important;
  grid-template-columns:minmax(250px,1fr) minmax(210px,.76fr) minmax(290px,1.12fr)!important;
  align-items:start!important;
  align-content:start!important;
  gap:16px!important;
  padding:18px!important;
  overflow:auto!important;
  background:#f7fbff!important;
  scrollbar-color:#bed3e8 transparent!important;
  scrollbar-width:thin!important;
}
html[data-theme] #workspace .detail-modal-body>dl{
  grid-column:1!important;
  grid-row:1!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
  margin:0!important;
}
html[data-theme] #workspace .detail-modal-body>dl>div,
html[data-theme] #workspace .history-facts>div{
  min-width:0!important;
  padding:10px 11px!important;
  border:1px solid #dfe9f4!important;
  border-radius:11px!important;
  background:#fff!important;
  color:#17243b!important;
  box-shadow:0 3px 12px rgba(44,92,145,.035)!important;
}
html[data-theme] #workspace :is(.detail-modal-body dt,.history-facts small){
  display:block!important;
  color:#7890aa!important;
  -webkit-text-fill-color:#7890aa!important;
  font-size:.61rem!important;
  font-weight:850!important;
  line-height:1.2!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
}
html[data-theme] #workspace :is(.detail-modal-body dd,.history-facts strong){
  display:block!important;
  margin:4px 0 0!important;
  color:#17243b!important;
  -webkit-text-fill-color:#17243b!important;
  font-size:.78rem!important;
  font-weight:800!important;
  line-height:1.3!important;
  overflow-wrap:anywhere!important;
}
html[data-theme] #workspace .detail-modal-body>figure,
html[data-theme] #workspace .detail-modal-body>.custom-detail-media{
  grid-column:2!important;
  grid-row:1!important;
  min-width:0!important;
  align-self:start!important;
}
html[data-theme] #workspace .detail-modal-body>.custom-detail-media{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:10px!important;
}
html[data-theme] #workspace .detail-modal-body>figure,
html[data-theme] #workspace .detail-modal-body .custom-detail-media figure,
html[data-theme] #workspace .history-detail-body>figure{
  min-height:0!important;
  margin:0!important;
  display:block!important;
  overflow:hidden!important;
  border:1px solid #dce8f4!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:0 7px 22px rgba(48,91,137,.07)!important;
}
html[data-theme] #workspace .detail-modal-body>figure img,
html[data-theme] #workspace .detail-modal-body .custom-detail-media figure img,
html[data-theme] #workspace .history-detail-body>figure img{
  display:block!important;
  width:100%!important;
  height:200px!important;
  max-width:100%!important;
  margin:0!important;
  object-fit:contain!important;
  object-position:center!important;
  background:#f8fbff!important;
}
html[data-theme] #workspace .detail-modal-body>figure figcaption,
html[data-theme] #workspace .detail-modal-body .custom-detail-media figure figcaption,
html[data-theme] #workspace .history-detail-body>figure figcaption{
  width:100%!important;
  box-sizing:border-box!important;
  padding:8px 10px!important;
  border-top:1px solid #e3edf6!important;
  background:#fff!important;
  color:#31506e!important;
  -webkit-text-fill-color:#31506e!important;
  font-size:.7rem!important;
  font-weight:800!important;
  line-height:1.25!important;
  text-align:center!important;
}
html[data-theme] #workspace .detail-modal-body>.production-audit,
html[data-theme] #workspace .history-detail-body>.history-timeline{
  grid-column:3!important;
  grid-row:1 / span 8!important;
  min-width:0!important;
  max-height:none!important;
  margin:0!important;
  padding:15px!important;
  overflow:visible!important;
  border:1px solid #dce8f4!important;
  border-radius:14px!important;
  background:#fff!important;
  color:#17243b!important;
  box-shadow:0 7px 22px rgba(48,91,137,.06)!important;
}
html[data-theme] #workspace :is(.detail-modal-body>.production-audit,.history-detail-body>.history-timeline) h3{
  margin:0 0 5px!important;
  color:#1d4e7e!important;
  -webkit-text-fill-color:#1d4e7e!important;
  font-size:.95rem!important;
  font-weight:900!important;
}
html[data-theme] #workspace :is(.detail-modal-body>.production-audit,.history-detail-body>.history-timeline) .production-log-intro{
  margin:0 0 13px!important;
  color:#7890aa!important;
  -webkit-text-fill-color:#7890aa!important;
  font-size:.68rem!important;
}
html[data-theme] #workspace :is(.detail-modal-body>.production-audit,.history-detail-body>.history-timeline) article{
  grid-template-columns:25px minmax(0,1fr)!important;
  gap:9px!important;
  padding-bottom:13px!important;
}
html[data-theme] #workspace :is(.detail-modal-body>.production-audit,.history-detail-body>.history-timeline) article i{
  width:25px!important;
  height:25px!important;
  background:linear-gradient(135deg,#1685f7,#34b9ee)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  font-size:.65rem!important;
}
html[data-theme] #workspace :is(.detail-modal-body>.production-audit,.history-detail-body>.history-timeline) article:not(:last-child)::before{
  left:12px!important;
  top:25px!important;
  border-color:#cfe0f1!important;
}
html[data-theme] #workspace :is(.detail-modal-body>.production-audit,.history-detail-body>.history-timeline) article b{
  color:#203a58!important;
  -webkit-text-fill-color:#203a58!important;
  font-size:.76rem!important;
}
html[data-theme] #workspace :is(.detail-modal-body>.production-audit,.history-detail-body>.history-timeline) article :is(span,time){
  color:#71869e!important;
  -webkit-text-fill-color:#71869e!important;
  font-size:.67rem!important;
}
html[data-theme] #workspace .detail-modal-body>:is(.press-operator-panel,.cut-reject-panel){
  grid-column:1 / span 2!important;
  grid-row:auto!important;
  margin:0!important;
}
html[data-theme] #workspace .history-detail-body>.history-facts{
  grid-column:1!important;
  grid-row:1!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
}
html[data-theme] #workspace .history-detail-body>figure{
  grid-column:2!important;
  grid-row:1!important;
}
html[data-theme] #workspace :is(.print-ecer-detail-modal,.history-detail-modal)>footer{
  flex:0 0 auto!important;
  display:flex!important;
  justify-content:flex-end!important;
  gap:9px!important;
  flex-wrap:wrap!important;
  min-height:62px!important;
  box-sizing:border-box!important;
  padding:11px 18px!important;
  border-top:1px solid #dce7f4!important;
  background:#fff!important;
}
html[data-theme] #workspace :is(.print-ecer-detail-modal,.history-detail-modal)>footer button{
  min-height:40px!important;
  padding:0 15px!important;
  border:1px solid #d7e4f1!important;
  border-radius:10px!important;
  background:#f1f7fd!important;
  color:#245c92!important;
  -webkit-text-fill-color:#245c92!important;
  font-size:.72rem!important;
  font-weight:850!important;
  letter-spacing:0!important;
  box-shadow:none!important;
}
html[data-theme] #workspace .print-ecer-detail-modal>footer .process-print-button{
  flex:0 1 auto!important;
  background:#11965c!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  border-color:#11965c!important;
}
html[data-theme] #workspace .print-ecer-detail-modal>footer .next-stage-button{
  background:linear-gradient(135deg,#147cf2,#28aaef)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  border:0!important;
}
@media(max-width:1100px){
  html[data-theme] #workspace :is(.print-ecer-detail-modal,.history-detail-modal){
    width:calc(100vw - 32px)!important;
    height:calc(100vh - 32px)!important;
    max-width:none!important;
    max-height:none!important;
  }
  html[data-theme] #workspace :is(.detail-modal-body,.history-detail-body){
    grid-template-columns:minmax(0,1.15fr) minmax(250px,.85fr)!important;
  }
  html[data-theme] #workspace .detail-modal-body>.production-audit,
  html[data-theme] #workspace .history-detail-body>.history-timeline{
    grid-column:1 / -1!important;
    grid-row:auto!important;
  }
  html[data-theme] #workspace .detail-modal-body>:is(.press-operator-panel,.cut-reject-panel){grid-column:1 / -1!important}
}
@media(max-width:720px){
  html[data-theme] #workspace :is(.print-ecer-detail-modal,.history-detail-modal){
    width:calc(100vw - 20px)!important;
    height:calc(100vh - 20px)!important;
    border-radius:17px!important;
  }
  html[data-theme] #workspace :is(.detail-modal-head,.history-detail-modal>header){min-height:78px!important;padding:14px 15px!important}
  html[data-theme] #workspace :is(.detail-modal-head,.history-detail-modal>header)>div{grid-template-columns:1fr!important;grid-template-areas:"kind" "invoice" "caption"!important;gap:4px!important}
  html[data-theme] #workspace :is(.detail-modal-head,.history-detail-modal>header) .eyebrow{justify-self:start!important;padding:5px 8px!important;font-size:.58rem!important;text-align:left!important}
  html[data-theme] #workspace :is(.detail-modal-head,.history-detail-modal>header) h2{font-size:1.35rem!important}
  html[data-theme] #workspace :is(.detail-modal-body,.history-detail-body){grid-template-columns:1fr!important;padding:12px!important;gap:12px!important}
  html[data-theme] #workspace .detail-modal-body>dl,
  html[data-theme] #workspace .detail-modal-body>figure,
  html[data-theme] #workspace .detail-modal-body>.custom-detail-media,
  html[data-theme] #workspace .detail-modal-body>.production-audit,
  html[data-theme] #workspace .detail-modal-body>:is(.press-operator-panel,.cut-reject-panel),
  html[data-theme] #workspace .history-detail-body>.history-facts,
  html[data-theme] #workspace .history-detail-body>figure,
  html[data-theme] #workspace .history-detail-body>.history-timeline{grid-column:1!important;grid-row:auto!important}
  html[data-theme] #workspace .detail-modal-body>.custom-detail-media{grid-template-columns:1fr 1fr!important}
  html[data-theme] #workspace .detail-modal-body>figure img,
  html[data-theme] #workspace .detail-modal-body .custom-detail-media figure img,
  html[data-theme] #workspace .history-detail-body>figure img{height:180px!important}
  html[data-theme] #workspace :is(.print-ecer-detail-modal,.history-detail-modal)>footer{justify-content:stretch!important;padding:10px 12px!important}
  html[data-theme] #workspace :is(.print-ecer-detail-modal,.history-detail-modal)>footer button{flex:1 1 100%!important}
}
@media(max-width:460px){
  html[data-theme] #workspace .detail-modal-body>dl,
  html[data-theme] #workspace .history-detail-body>.history-facts,
  html[data-theme] #workspace .detail-modal-body>.custom-detail-media{grid-template-columns:1fr!important}
}

/* Uniform invoice-detail headings and SPK creation events. */
html:not(#legacy-theme) #workspace :is(.detail-modal-head,.history-detail-modal>header) {
  --invoice-detail-title-size:clamp(1.55rem,2vw,2.15rem);
}
html:not(#legacy-theme) #workspace :is(.detail-modal-head,.history-detail-modal>header)>div {
  grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)!important;
}
html:not(#legacy-theme) #workspace :is(.detail-modal-head,.history-detail-modal>header) :is(h2,.eyebrow) {
  font-size:var(--invoice-detail-title-size)!important;
  font-weight:900!important;
  line-height:1.15!important;
  letter-spacing:-.035em!important;
  overflow-wrap:anywhere;
}
html:not(#legacy-theme) #workspace :is(.detail-modal-head,.history-detail-modal>header) .eyebrow {
  color:#000!important;
  -webkit-text-fill-color:#000!important;
}
html:not(#legacy-theme) #workspace :is(.production-audit,.history-timeline) article b.spk-created-event {
  font-size:.988rem!important; /* Existing .76rem × 130%. */
  font-weight:900!important;
  line-height:1.3!important;
  background:linear-gradient(135deg,#1378ed,#28aaef)!important;
  background-clip:text!important;
  -webkit-background-clip:text!important;
  color:transparent!important;
  -webkit-text-fill-color:transparent!important;
}
@media(max-width:700px) {
  html:not(#legacy-theme) #workspace :is(.detail-modal-head,.history-detail-modal>header) {
    --invoice-detail-title-size:1.35rem;
  }
  html:not(#legacy-theme) #workspace :is(.detail-modal-head,.history-detail-modal>header)>div {
    grid-template-columns:minmax(0,1fr)!important;
  }
}

/* Keep Potong Lapis fabric color directly below its fabric selection. */
#spkForm[data-type-id="spk-potong-lapis"] .lapis-fabric-color{grid-column:1}

/* Paired front/back stock controls for Jahit Tas Polos. */
#spkForm[data-type-id="spk-jahit-polos"] .jahit-sku-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;width:100%;min-width:0}
#spkForm[data-type-id="spk-jahit-polos"] .jahit-sku-pair .stock-picker-field{min-width:0;width:100%}
#spkForm[data-type-id="spk-jahit-polos"] .jahit-preview-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
#spkForm[data-type-id="spk-jahit-polos"] .jahit-preview-pair figure{min-width:0;margin:0}
#spkForm[data-type-id="spk-jahit-polos"] .jahit-preview-pair figcaption{font-weight:900;text-align:center}
#spkForm[data-type-id="spk-jahit-polos"] .jahit-sku-pair :is(label,.stock-search){min-width:0;width:100%!important;box-sizing:border-box}
#spkForm[data-type-id="spk-jahit-polos"] .jahit-sku-pair input{min-width:0!important;width:100%!important;box-sizing:border-box!important}
#spkForm[data-type-id="spk-jahit-polos"] .jahit-preview-pair figure{display:flex!important;flex-direction:column!important;overflow:hidden!important}
#spkForm[data-type-id="spk-jahit-polos"] .jahit-preview-pair figcaption{position:static!important;inset:auto!important;transform:none!important;background:transparent!important;color:#203e60!important;padding:12px 6px!important;margin:0!important;display:block!important;flex-shrink:0!important;border-radius:0!important}
/* Jahit request: general information on the left, front/back rows on the right. */
html[data-theme] #spkForm.jahit-request-form .jahit-request-layout{display:grid!important;grid-template-columns:minmax(240px,.3fr) minmax(0,.7fr)!important;gap:0!important;padding:0!important}
html[data-theme] #spkForm.jahit-request-form .jahit-general{padding:16px!important;border-right:1px solid #cbdced;min-width:0}
html[data-theme] #spkForm.jahit-request-form .jahit-invoice{padding:4px 0 16px!important}
html[data-theme] #spkForm.jahit-request-form .custom-invoice{font-size:clamp(1.8rem,3vw,2.8rem)!important}
html[data-theme] #spkForm.jahit-request-form .custom-fields{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:14px!important;padding:14px!important;margin:0!important}
html[data-theme] #spkForm.jahit-request-form label{min-width:0!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:8px!important}
html[data-theme] #spkForm.jahit-request-form :is(input,select,textarea){min-width:0!important;max-width:100%!important;width:100%!important;box-sizing:border-box!important}
html[data-theme] #spkForm.jahit-request-form .jahit-qr{width:100%!important;height:130px!important;min-height:130px!important;max-height:130px!important;aspect-ratio:auto!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;margin:12px 0 0!important;padding:12px!important;box-sizing:border-box!important;gap:8px!important}
html[data-theme] #spkForm.jahit-request-form .jahit-qr span{width:64px!important;height:64px!important;font-size:1.5rem!important}
html[data-theme] #spkForm.jahit-request-form .jahit-qr small{font-size:.85rem!important}
html[data-theme] #spkForm.jahit-request-form .jahit-side-row{display:grid!important;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)!important;align-items:start!important;gap:16px!important;padding:16px!important;min-width:0}
html[data-theme] #spkForm.jahit-request-form .jahit-side-row+ .jahit-side-row{border-top:1px solid #cbdced}
html[data-theme] #spkForm.jahit-request-form .jahit-side-fields{min-width:0}
html[data-theme] #spkForm.jahit-request-form .stock-picker-field{width:100%!important;min-width:0!important;margin:0!important;padding:14px!important;box-sizing:border-box!important}
html[data-theme] #spkForm.jahit-request-form .jahit-side-preview figure{display:flex!important;flex-direction:column!important;margin:0!important;min-width:0!important;overflow:hidden!important}
html[data-theme] #spkForm.jahit-request-form .jahit-side-preview :is(img,.stock-image-empty){height:190px!important;min-height:190px!important;object-fit:contain!important}
html[data-theme] #spkForm.jahit-request-form .jahit-side-preview figcaption{position:static!important;inset:auto!important;transform:none!important;background:transparent!important;color:#203e60!important;padding:12px 6px!important;margin:0!important;font-size:1.15rem!important;font-weight:900!important;text-align:center!important}
@media(max-width:850px){html[data-theme] #spkForm.jahit-request-form .jahit-request-layout{grid-template-columns:minmax(0,1fr)!important}html[data-theme] #spkForm.jahit-request-form .jahit-general{border-right:0;border-bottom:1px solid #cbdced}html[data-theme] #spkForm.jahit-request-form .jahit-side-row{gap:14px!important;padding:16px!important}}
@media(max-width:480px){html[data-theme] #spkForm.jahit-request-form .jahit-side-row{grid-template-columns:minmax(0,1fr)!important}}

html[data-theme] #spkForm.jahit-request-form .jahit-side-preview{min-width:0;padding:14px 0!important}
html[data-theme] #spkForm.jahit-request-form .stock-image-empty{padding:14px!important;box-sizing:border-box!important}
html[data-theme] #spkForm.jahit-request-form .stock-image-empty p{margin:6px 0!important;font-size:.9rem!important}
html[data-theme] #spkForm.jahit-request-form textarea{min-height:90px!important}

/* Jahit detail mirrors the two-sided PDF ticket. */
html[data-theme] #workspace .jahit-detail-modal{height:auto!important;min-height:0!important;max-height:92vh!important}
html[data-theme] #workspace .jahit-detail-modal .jahit-detail-body{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:20px!important;padding:20px!important;min-height:0!important;flex:0 1 auto!important}
html[data-theme] #workspace .jahit-detail-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;min-width:0}
html[data-theme] #workspace .jahit-detail-product h3{margin:0 0 10px;font-size:1rem;color:#203e60}
html[data-theme] #workspace .jahit-detail-body figure{margin:0!important;min-width:0}
html[data-theme] #workspace .jahit-detail-product figure img{width:100%;height:240px;object-fit:contain;background:#fff;border:1px solid #dce8f4;border-radius:12px}
html[data-theme] #workspace .jahit-image-unavailable{height:240px;display:grid;place-items:center;background:#f1f7fd;border-radius:12px;color:#70849b}
html[data-theme] #workspace .jahit-detail-body dl{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:10px!important;margin:12px 0 0!important;padding:0!important}
html[data-theme] #workspace .jahit-detail-info>dl{grid-template-columns:repeat(2,minmax(0,1fr))!important;margin-top:0!important}
html[data-theme] #workspace .jahit-detail-body dl>div{padding:12px!important;min-width:0;border:1px solid #dce8f4;border-radius:12px;background:#fff}
html[data-theme] #workspace .jahit-detail-body dt{font-size:.72rem;font-weight:800;color:#7892ac;text-transform:uppercase;margin-bottom:6px}
html[data-theme] #workspace .jahit-detail-body dd{margin:0;font-size:.95rem;font-weight:800;color:#18263d;overflow-wrap:anywhere}
html[data-theme] #workspace .jahit-detail-note-qr{display:grid;grid-template-columns:minmax(0,1fr) 140px;gap:14px;align-items:start;margin-top:14px}
html[data-theme] #workspace .jahit-detail-note-qr dl{margin:0!important}
html[data-theme] #workspace .jahit-detail-note-qr img{width:140px;height:140px;object-fit:contain}
html[data-theme] #workspace .jahit-detail-body>.production-audit{grid-column:1/-1!important;grid-row:auto!important;padding:16px!important}
@media(max-width:800px){html[data-theme] #workspace .jahit-detail-modal .jahit-detail-body{grid-template-columns:minmax(0,1fr)!important;gap:16px!important;padding:14px!important}}
@media(max-width:480px){html[data-theme] #workspace .jahit-detail-product figure img,html[data-theme] #workspace .jahit-image-unavailable{height:170px}html[data-theme] #workspace .jahit-detail-note-qr{grid-template-columns:minmax(0,1fr) 100px}html[data-theme] #workspace .jahit-detail-note-qr img{width:100px;height:100px}}
html[data-theme] #workspace .jahit-detail-modal .jahit-detail-body figure{height:auto!important;min-height:0!important;padding:0!important;display:block!important}
html[data-theme] #workspace .jahit-detail-modal .jahit-detail-product figure img{display:block!important;width:100%!important;height:240px!important;min-height:0!important;object-fit:contain!important;margin:0!important}
html[data-theme] #workspace .jahit-detail-modal .jahit-detail-note-qr figure img{display:block!important;width:140px!important;height:140px!important;min-height:0!important;margin:0!important}
@media(max-width:480px){html[data-theme] #workspace .jahit-detail-modal .jahit-detail-product figure img{height:170px!important}html[data-theme] #workspace .jahit-detail-modal .jahit-detail-note-qr figure img{width:100px!important;height:100px!important}}
/* Keep the production log in the right column of Jahit details. */
html[data-theme] #workspace .jahit-detail-modal .jahit-detail-body{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) minmax(240px,.9fr)!important;align-items:start!important}
html[data-theme] #workspace .jahit-detail-modal .jahit-detail-body>.production-audit{grid-column:3!important;grid-row:1!important;margin:0!important}
@media(max-width:1000px){html[data-theme] #workspace .jahit-detail-modal .jahit-detail-body{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}html[data-theme] #workspace .jahit-detail-modal .jahit-detail-products{grid-column:1;grid-row:1 / span 2}html[data-theme] #workspace .jahit-detail-modal .jahit-detail-info{grid-column:2;grid-row:1}html[data-theme] #workspace .jahit-detail-modal .jahit-detail-body>.production-audit{grid-column:2!important;grid-row:2!important}}
@media(max-width:650px){html[data-theme] #workspace .jahit-detail-modal .jahit-detail-body{grid-template-columns:minmax(0,1fr)!important}html[data-theme] #workspace .jahit-detail-modal .jahit-detail-products,html[data-theme] #workspace .jahit-detail-modal .jahit-detail-info{grid-column:1;grid-row:auto}html[data-theme] #workspace .jahit-detail-modal .jahit-detail-body>.production-audit{grid-column:1!important;grid-row:auto!important}}
/* Match Press/Potong header geometry and dividers to Printing. */
html[data-theme]:not(#legacy-theme) .production-queue-page:is(.press,.potong) .split-stage-table{width:100%!important;min-width:0!important;table-layout:fixed!important}
html[data-theme]:not(#legacy-theme) .production-queue-page .stage-split-card .production-stage-table thead th{height:52px!important;padding:15px 14px!important;font-size:14px!important;line-height:21px!important;white-space:nowrap!important;overflow-wrap:normal!important;box-sizing:border-box!important;border-top:0!important;border-right:1px solid rgba(255,255,255,.2)!important;border-bottom:1px solid var(--glass-border)!important}
html[data-theme]:not(#legacy-theme) .production-queue-page .stage-split-card .production-stage-table thead th:last-child{border-right:0!important}

#spkForm[data-type-id="spk-potong-lis"] .lis-color{grid-column:1;grid-row:2}
#spkForm[data-type-id="spk-potong-lis"] .lis-priority{grid-column:2;grid-row:2}
@media(max-width:700px){#spkForm[data-type-id="spk-potong-lis"] :is(.lis-color,.lis-priority){grid-column:auto;grid-row:auto}}


/* Sewing stock orders use the same white header lettering as the sewing queue. */
html[data-theme]:not(#legacy-theme) .production-queue-page.jahit .jahit-polos-card .production-stage-table thead th{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}

/* Lis orders inherit the cutting stage theme and consistent table lettering. */
html[data-theme]:not(#legacy-theme) .production-queue-page.potong .potong-lis-card .production-stage-table thead th{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  height:52px!important;
  padding:15px 14px!important;
  font-size:14px!important;
  line-height:21px!important;
  white-space:nowrap!important;
}

html[data-theme]:not(#legacy-theme) .production-queue-page.lis-report-section{
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
}

/* Shared popup action template, applied centrally by showAppModal. */
html[data-theme] :is(#workspace,body) dialog.app-modal button.app-modal-action{
  min-height:64px!important;
  padding:16px 26px!important;
  border-radius:16px!important;
  font-size:1.125rem!important;
  line-height:1.35!important;
  font-weight:800!important;
  letter-spacing:0!important;
  white-space:normal!important;
  box-sizing:border-box!important;
  border:1px solid #cbdff4!important;
  background:#f1f7fd!important;
  color:#245c92!important;
  -webkit-text-fill-color:#245c92!important;
  box-shadow:inset 0 1px rgba(255,255,255,.4),0 8px 20px rgba(21,133,251,.14)!important;
}
html[data-theme] :is(#workspace,body) dialog.app-modal button.app-modal-action[data-action-tone="process"]{
  background:#11965c!important;
  border-color:#11965c!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
html[data-theme] :is(#workspace,body) dialog.app-modal button.app-modal-action[data-action-tone="primary"]{
  background:linear-gradient(135deg,#147cf2,#28aaef)!important;
  border-color:#5fbaff!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
html[data-theme] :is(#workspace,body) dialog.app-modal button.app-modal-action:disabled{opacity:.45!important;cursor:not-allowed!important;box-shadow:none!important}
html[data-theme] dialog.app-modal .production-hold-notice{grid-column:1/-1;order:-1;margin:0;padding:14px 18px;border:1px solid #92bde9;border-left:4px solid #147cf2;border-radius:12px;background:#e8f2ff;color:#243a54;font-size:1rem;line-height:1.5}
html[data-theme] :is(#workspace,body) dialog.app-modal :is(footer,.detail-modal-actions){gap:12px!important;flex-wrap:wrap!important}
@media(max-width:650px){
  html[data-theme] :is(#workspace,body) dialog.app-modal button.app-modal-action{min-height:56px!important;padding:14px 20px!important;font-size:1rem!important}
}

/* Shared detail typography: every role is 130% of the previous template. */
html:not(#legacy-theme)[data-theme] :is(#workspace,body) dialog.app-detail-modal :is(.detail-modal-head,.history-detail-modal>header){
  --invoice-detail-title-size:clamp(2.015rem,2.6vw,2.795rem);
}
html:not(#legacy-theme)[data-theme] :is(#workspace,body) dialog.app-detail-modal :is(.detail-modal-head,header) :is(h2,.eyebrow){font-size:var(--invoice-detail-title-size,clamp(2.015rem,2.6vw,2.795rem))!important}
html:not(#legacy-theme)[data-theme] :is(#workspace,body) dialog.app-detail-modal :is(.detail-modal-body dt,.history-facts small){font-size:.793rem!important}
html:not(#legacy-theme)[data-theme] :is(#workspace,body) dialog.app-detail-modal :is(.detail-modal-body dd,.history-facts strong){font-size:1.014rem!important;overflow-wrap:anywhere!important}
html:not(#legacy-theme)[data-theme] :is(#workspace,body) dialog.app-detail-modal figcaption{font-size:.91rem!important;overflow-wrap:anywhere!important}
html:not(#legacy-theme)[data-theme] :is(#workspace,body) dialog.app-detail-modal :is(.production-audit,.history-timeline) h3{font-size:1.235rem!important}
html:not(#legacy-theme)[data-theme] :is(#workspace,body) dialog.app-detail-modal .production-log-intro{font-size:.884rem!important}
html:not(#legacy-theme)[data-theme] :is(#workspace,body) dialog.app-detail-modal :is(.production-audit,.history-timeline) article b{font-size:.988rem!important}
html:not(#legacy-theme)[data-theme] :is(#workspace,body) dialog.app-detail-modal :is(.production-audit,.history-timeline) article b.spk-created-event{font-size:1.2844rem!important}
html:not(#legacy-theme)[data-theme] :is(#workspace,body) dialog.app-detail-modal :is(.production-audit,.history-timeline) article :is(span,time){font-size:.871rem!important}
html:not(#legacy-theme)[data-theme] :is(#workspace,body) dialog.app-detail-modal :is(.production-audit,.history-timeline) article i{font-size:.845rem!important;width:32.5px!important;height:32.5px!important}
html:not(#legacy-theme)[data-theme] :is(#workspace,body) dialog.app-detail-modal :is(.production-audit,.history-timeline) article{grid-template-columns:32.5px minmax(0,1fr)!important}
@media(max-width:700px){
  html:not(#legacy-theme)[data-theme] :is(#workspace,body) dialog.app-detail-modal :is(.detail-modal-head,.history-detail-modal>header){--invoice-detail-title-size:1.755rem}
}

/* Optional DTF PDF attachment, below the reference images. */
html[data-theme] #workspace .dtf-pdf-upload,
html[data-theme] #workspace .detail-pdf-attachment{min-width:0;padding:18px;border:1px solid #d7e6f8;border-radius:18px;background:#fff;overflow:hidden}
html[data-theme] #workspace .dtf-pdf-upload label{display:block;font-weight:800;margin-bottom:12px}
html[data-theme] #workspace .dtf-pdf-upload label small{display:block;font-weight:400;margin-top:4px}
html[data-theme] #workspace .dtf-pdf-upload input{width:100%;min-width:0}
html[data-theme] #workspace .dtf-pdf-upload p,
html[data-theme] #workspace .detail-pdf-attachment p{overflow-wrap:anywhere;margin:12px 0}
html[data-theme] #workspace .dtf-pdf-upload a,
html[data-theme] #workspace .detail-pdf-attachment a{color:#147cf2;font-weight:700}
html[data-theme] #workspace .dtf-pdf-upload button{margin-left:12px}
html[data-theme] #workspace .detail-pdf-attachment{grid-column:1/-1}
html[data-theme] #workspace .detail-pdf-attachment h3{margin:0}
html[data-theme] #workspace .detail-pdf-attachment iframe{display:block;width:100%;height:420px;border:1px solid #d7e6f8;border-radius:10px;margin-bottom:12px;background:#f7fbff}
html[data-theme] #workspace .attachment-preview-form .dtf-pdf-upload{grid-column:1/-1}
html[data-theme] #workspace .attachment-preview-form .custom-media{grid-template-columns:minmax(0,1fr)}
html[data-theme] #workspace .attachment-preview-form .qr-placeholder{grid-column:1/-1;width:min(100%,180px);justify-self:center}

html[data-theme] #workspace dialog.app-detail-modal #lapisCutterName{width:100%;min-width:0;min-height:44px;padding:10px 12px;font:inherit;color:inherit;border:1px solid #b9d2ee;border-radius:10px;background:#edf5ff}
html[data-theme] #workspace dialog.app-detail-modal #lapisCutterName:disabled{opacity:.55}

/* Request SPK detail popups are read-only; queue popups retain their actions. */
html[data-theme] :is(#workspace,body) dialog.request-spk-detail :is(footer,.detail-modal-actions,.app-modal-action){display:none!important}

/* Hold priority has one blue treatment in every application table. */
html[data-theme]:not(#legacy-theme) #workspace table td :is(.priority-hold,.priority.hold){background:linear-gradient(135deg,#147cf2,#28aaef)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border:1px solid #147cf2!important;box-shadow:0 4px 12px rgba(20,124,242,.18)!important}
html[data-theme]:not(#legacy-theme) #workspace table td span:is(.priority-hold,.priority.hold){display:inline-flex!important;align-items:center!important;min-height:36px!important;padding:7px 13px!important;border-radius:10px!important}
html[data-theme]:not(#legacy-theme) #workspace table td select.queue-priority-select.priority-hold.priority-hold{-webkit-appearance:none!important;appearance:none!important;background-color:#147cf2!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m6 8 4 4 4-4' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"),linear-gradient(135deg,#147cf2,#28aaef)!important;background-repeat:no-repeat!important;background-position:right 7px center,center!important;background-size:18px,100% 100%!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border-color:#147cf2!important}
html[data-theme]:not(#legacy-theme) #workspace table td select.priority-hold option{background:#fff!important;color:#17233b!important;-webkit-text-fill-color:#17233b!important}

/* Test data tools share the settings card layout. */
html[data-theme]:not(#legacy-theme) .data-simulation-card{margin-bottom:20px;background:linear-gradient(145deg,color-mix(in srgb,var(--ui-surface) 90%,#28aaef),var(--ui-surface))!important;border-color:#9fc5ef!important}
html[data-theme]:not(#legacy-theme) .data-simulation-card small{color:var(--ui-muted)!important}
html[data-theme]:not(#legacy-theme) .data-simulation-card .data-reset-icon,html[data-theme]:not(#legacy-theme) #simulateRequestSpk{background:linear-gradient(135deg,#147cf2,#28aaef)!important;color:#fff!important;box-shadow:0 9px 22px rgba(20,124,242,.2)}

/* Selected DTF attachments preview directly in the Request SPK form. */
html[data-theme]:not(#legacy-theme) #workspace .attachment-preview-form [data-design-preview]{display:block;width:100%;height:220px;object-fit:contain;border-radius:12px;background:#fff;margin-top:12px}
html[data-theme]:not(#legacy-theme) #workspace .attachment-preview-form .has-design-preview .upload-mark{display:none}
html[data-theme]:not(#legacy-theme) #workspace [data-pdf-upload-preview]{display:block;width:100%;height:420px;border:1px solid var(--ui-border);border-radius:12px;background:#fff;margin-top:16px}
html[data-theme]:not(#legacy-theme) #workspace [data-pdf-upload-preview][hidden],html[data-theme]:not(#legacy-theme) #workspace [data-design-preview][hidden]{display:none}
@media(max-width:650px){html[data-theme]:not(#legacy-theme) #workspace [data-pdf-upload-preview]{height:340px}}

/* Popup titles use title case through the shared modal template. */
html[data-theme]:not(#legacy-theme) dialog.app-modal .app-popup-title{text-transform:none!important}

html[data-theme]:not(#legacy-theme) #workspace [data-page-search-status]{margin:0 0 16px;padding:12px 16px;border-radius:12px;background:var(--ui-raised);color:var(--ui-text);font-weight:700}
html[data-theme]:not(#legacy-theme) #workspace :is(tr,.lead-card,.service-card)[hidden]{display:none!important}
/* Live queue dashboard: shared theme surfaces, clear stage colors. */
html[data-theme]:not(#legacy-theme) #workspace .queue-live-dashboard{max-width:1500px;margin:auto;display:grid;gap:22px;color:var(--ui-text)}
html[data-theme]:not(#legacy-theme) #workspace .queue-live-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:30px 34px;border:1px solid var(--ui-border);border-radius:24px;background:linear-gradient(120deg,color-mix(in srgb,var(--ui-surface) 86%,#1687fa),color-mix(in srgb,var(--ui-surface) 90%,#19aebd));box-shadow:0 14px 40px #146df010}
html[data-theme]:not(#legacy-theme) #workspace .queue-live-hero h2{font-size:clamp(2rem,3vw,3rem);margin:8px 0;background:linear-gradient(110deg,#147cf2,#21b2de);background-clip:text;-webkit-background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent!important;font-weight:900;letter-spacing:-.03em}
html[data-theme]:not(#legacy-theme) #workspace .queue-live-hero p:last-child{margin:0;color:var(--ui-muted)}
html[data-theme]:not(#legacy-theme) #workspace .queue-live-indicator{display:flex;align-items:center;gap:18px;white-space:nowrap;font-size:1.8rem;font-weight:800;border:1px solid var(--ui-border);background:var(--ui-surface);border-radius:67.5px;padding:27px 36px}
html[data-theme]:not(#legacy-theme) #workspace .queue-live-indicator i{flex:none;width:24px;height:24px;border-radius:50%;background:#27c488;box-shadow:0 0 0 15px #27c48818}
html[data-theme]:not(#legacy-theme) #workspace .queue-live-indicator i{position:relative}
html[data-theme]:not(#legacy-theme) #workspace .queue-live-indicator i::after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:0 0 8px 4px #27c488,0 0 24px 14px #27c488bb;pointer-events:none;animation:queue-live-glow 1.8s ease-in-out infinite!important}
@keyframes queue-live-glow{0%,100%{opacity:.05}50%{opacity:1}}
html[data-theme]:not(#legacy-theme) #workspace .queue-live-indicator span{font-weight:400;color:var(--ui-muted);font-variant-numeric:tabular-nums}
html[data-theme]:not(#legacy-theme) #workspace .production-queue-card-head{flex-wrap:wrap;gap:20px}
html[data-theme]:not(#legacy-theme) #workspace .queue-table-live-meta{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:20px;min-width:0;max-width:100%;margin-left:auto}
html[data-theme]:not(#legacy-theme) #workspace .queue-table-live-meta .live-label{white-space:nowrap}
html[data-theme]:not(#legacy-theme) #workspace .queue-table-live-meta .queue-live-indicator{font-size:1.2rem;gap:12px;padding:18px 24px;border-radius:45px;width:auto}
html[data-theme]:not(#legacy-theme) #workspace .queue-table-live-meta .queue-live-indicator i{width:12px;height:12px;box-shadow:0 0 0 7.5px #27c48818}
html[data-theme]:not(#legacy-theme) #workspace .queue-table-live-meta .queue-live-indicator span{width:auto}
@media(max-width:650px){html[data-theme]:not(#legacy-theme) #workspace .queue-table-live-meta{width:100%;margin-left:0;justify-content:flex-start}}
@media(max-width:1100px){html[data-theme]:not(#legacy-theme) #workspace .queue-live-hero{flex-wrap:wrap}html[data-theme]:not(#legacy-theme) #workspace .queue-live-indicator{max-width:100%;box-sizing:border-box;flex-wrap:wrap;justify-content:center;row-gap:12px}}
@media(max-width:650px){html[data-theme]:not(#legacy-theme) #workspace .queue-live-indicator{width:100%;padding:18px 9px;border-radius:21px}html[data-theme]:not(#legacy-theme) #workspace .queue-live-indicator span{width:100%;text-align:center}}
html[data-theme]:not(#legacy-theme) #workspace .queue-live-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
html[data-theme]:not(#legacy-theme) #workspace :is(.queue-live-stat,.queue-live-panel){background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:20px;box-shadow:0 10px 35px #184f7b08}
html[data-theme]:not(#legacy-theme) #workspace .queue-live-stat{position:relative;overflow:hidden;padding:24px;border-top:3px solid var(--card-tone);background:linear-gradient(135deg,color-mix(in srgb,var(--card-tone) 15%,var(--ui-surface)),color-mix(in srgb,var(--card-tone) 54%,var(--ui-surface)))!important}
html[data-theme]:not(#legacy-theme) #workspace .queue-live-stat p{font-size:.9rem;color:var(--ui-muted);margin:0 0 12px;font-weight:700}
html[data-theme]:not(#legacy-theme) #workspace .queue-live-stat strong{display:block;font-size:2.6rem;line-height:1.15;letter-spacing:-.04em;color:var(--ui-text)}
html[data-theme]:not(#legacy-theme) #workspace .queue-live-stat small{display:block;margin-top:12px;color:var(--ui-muted)}
html[data-theme]:not(#legacy-theme) #workspace .queue-live-stat-icon{position:absolute;right:20px;top:20px;background:color-mix(in srgb,var(--card-tone) 12%,transparent);color:var(--card-tone);width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-size:1.2rem}
html[data-theme]:not(#legacy-theme) #workspace .queue-live-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);gap:22px}
html[data-theme]:not(#legacy-theme) #workspace .queue-live-panel{padding:26px;min-width:0}
html[data-theme]:not(#legacy-theme) #workspace .queue-live-panel h3{margin:5px 0 0;font-size:1.3rem;color:var(--ui-text)}
html[data-theme]:not(#legacy-theme) #workspace .queue-live-panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}
html[data-theme]:not(#legacy-theme) #workspace .queue-live-panel-head>span{font-size:.8rem;color:var(--ui-muted)}
html[data-theme]:not(#legacy-theme) #workspace .queue-live-stages{display:grid;gap:14px}
html[data-theme]:not(#legacy-theme) #workspace .queue-live-stages button{border:0;background:transparent;color:var(--ui-text);text-align:left;padding:6px 8px;border-radius:12px;cursor:pointer;font:inherit;transition:background .2s}
html[data-theme]:not(#legacy-theme) #workspace .queue-live-stages button:hover{background:var(--ui-raised)}
html[data-theme]:not(#legacy-theme) #workspace .queue-live-stage-name{display:flex;align-items:center;gap:10px;margin-bottom:9px}
html[data-theme]:not(#legacy-theme) #workspace .queue-live-stage-name i{font-style:normal;font-size:.7rem;color:var(--stage-tone);background:color-mix(in srgb,var(--stage-tone) 12%,transparent);width:24px;height:24px;display:grid;place-items:center;border-radius:7px}
html[data-theme]:not(#legacy-theme) #workspace .queue-live-stage-name b{font-size:.88rem;flex:1}
html[data-theme]:not(#legacy-theme) #workspace .queue-live-stage-name strong{font-size:1.1rem}
html[data-theme]:not(#legacy-theme) #workspace .queue-live-stage-name em{font-style:normal;color:var(--ui-muted)}
html[data-theme]:not(#legacy-theme) #workspace .queue-live-bar{display:block;height:8px;background:var(--ui-raised);border-radius:20px;overflow:hidden}
html[data-theme]:not(#legacy-theme) #workspace .queue-live-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--stage-tone),color-mix(in srgb,var(--stage-tone) 68%,white));border-radius:20px}
html[data-theme]:not(#legacy-theme) #workspace .queue-live-stages small{display:block;font-size:.72rem;color:var(--ui-muted);margin-top:7px}
html[data-theme]:not(#legacy-theme) #workspace .queue-live-ring{width:210px;aspect-ratio:1;border-radius:50%;background:var(--ring-fill);display:grid;place-items:center;margin:26px auto}
html[data-theme]:not(#legacy-theme) #workspace .queue-live-ring>div{width:172px;aspect-ratio:1;border-radius:50%;background:var(--ui-surface);display:flex;flex-direction:column;justify-content:center;align-items:center}
html[data-theme]:not(#legacy-theme) #workspace .queue-live-ring strong{font-size:2.7rem;letter-spacing:-.04em}
html[data-theme]:not(#legacy-theme) #workspace .queue-live-ring span{font-size:.8rem;color:var(--ui-muted)}
html[data-theme]:not(#legacy-theme) #workspace .queue-live-legend{display:grid;gap:16px}
html[data-theme]:not(#legacy-theme) #workspace .queue-live-legend>div{display:flex;align-items:center;gap:10px;font-size:.88rem}
html[data-theme]:not(#legacy-theme) #workspace .queue-live-legend i{width:10px;height:10px;border-radius:3px}
html[data-theme]:not(#legacy-theme) #workspace .queue-live-legend span{flex:1}
html[data-theme]:not(#legacy-theme) #workspace .queue-live-legend small{width:35px;color:var(--ui-muted);text-align:right}
html[data-theme]:not(#legacy-theme) #workspace .queue-live-attention-items{display:grid;grid-template-columns:repeat(6,minmax(150px,1fr));gap:12px;margin:20px 0 8px;overflow-x:auto;padding-bottom:4px}
html[data-theme]:not(#legacy-theme) #workspace .queue-live-attention-items button{padding:16px;display:grid;gap:7px;border:1px solid var(--ui-border);border-left:3px solid #ff4c79;border-radius:12px;text-align:left;background:var(--ui-raised);color:var(--ui-text);font:inherit;cursor:pointer}
html[data-theme]:not(#legacy-theme) #workspace .queue-live-attention-items strong{font-size:.87rem;color:#147cf2}
html[data-theme]:not(#legacy-theme) #workspace .queue-live-attention-items span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8rem}
html[data-theme]:not(#legacy-theme) #workspace .queue-live-attention :is(p:not(.eyebrow),small){color:var(--ui-muted)}
html[data-theme]:not(#legacy-theme) #workspace .queue-live-badge{font-size:.75rem;font-weight:800;border-radius:8px;padding:7px 10px;background:var(--ui-raised);color:var(--ui-text)}
html[data-theme]:not(#legacy-theme) #workspace .queue-live-badge.urgent{background:#ff4c791a;color:#ef3059}
html[data-theme]:not(#legacy-theme) #workspace .queue-live-badge.hold{background:linear-gradient(135deg,#147cf2,#28aaef);color:#fff}
html[data-theme]:not(#legacy-theme) #workspace .queue-live-overdue{color:#ef3059!important;font-weight:800}
@media(max-width:1000px){html[data-theme]:not(#legacy-theme) #workspace .queue-live-stats{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-theme]:not(#legacy-theme) #workspace .queue-live-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:650px){html[data-theme]:not(#legacy-theme) #workspace .queue-live-hero{align-items:flex-start;flex-direction:column;padding:22px}html[data-theme]:not(#legacy-theme) #workspace .queue-live-panel{padding:18px}html[data-theme]:not(#legacy-theme) #workspace .queue-live-stat{padding:18px}html[data-theme]:not(#legacy-theme) #workspace .queue-live-stat strong{font-size:2rem}html[data-theme]:not(#legacy-theme) #workspace .queue-live-panel-head{align-items:flex-start;flex-direction:column}html[data-theme]:not(#legacy-theme) #workspace .queue-live-stat-icon{display:none}}
/* Request SPK overview: real metrics and accessible service cards. */
html[data-theme]:not(#legacy-theme) #workspace .request-overview{max-width:1500px;margin:auto;display:grid;gap:26px;color:var(--ui-text)}
html[data-theme]:not(#legacy-theme) #workspace .request-overview-hero{padding:32px 36px;border:1px solid var(--ui-border);border-radius:24px;display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:24px;background:linear-gradient(115deg,color-mix(in srgb,var(--ui-surface) 86%,#147cf2),color-mix(in srgb,var(--ui-surface) 90%,#35c6cf));box-shadow:0 12px 40px #146df00b}
html[data-theme]:not(#legacy-theme) #workspace .request-overview-hero h2{font-size:clamp(2rem,3vw,2.8rem);margin:10px 0 12px;letter-spacing:-.035em;font-weight:900;background:linear-gradient(115deg,#147cf2,#22b1da);background-clip:text;-webkit-background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent!important}
html[data-theme]:not(#legacy-theme) #workspace .request-overview-hero p:last-of-type{color:var(--ui-muted);line-height:1.6;margin:0}
html[data-theme]:not(#legacy-theme) #workspace .request-overview-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
html[data-theme]:not(#legacy-theme) #workspace .request-overview-hero-actions button{border:1px solid var(--ui-border);border-radius:12px;padding:13px 20px;font:inherit;font-size:.85rem;font-weight:800;cursor:pointer;background:var(--ui-surface);color:var(--ui-text)}
html[data-theme]:not(#legacy-theme) #workspace .request-overview-hero-actions button:first-child{background:linear-gradient(110deg,#147cf2,#28aaef);color:#fff;border:0;box-shadow:0 7px 18px #147cf22a}
html[data-theme]:not(#legacy-theme) #workspace .request-overview-hero-note{padding:24px;border:1px solid var(--ui-border);border-radius:18px;background:color-mix(in srgb,var(--ui-surface) 70%,transparent);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:10px}
html[data-theme]:not(#legacy-theme) #workspace .request-overview-hero-note>span{font-size:1.7rem;color:#147cf2}
html[data-theme]:not(#legacy-theme) #workspace .request-overview-hero-note strong{font-size:1rem}
html[data-theme]:not(#legacy-theme) #workspace .request-overview-hero-note p{font-size:.8rem}
html[data-theme]:not(#legacy-theme) #workspace .request-overview-hero-note small{font-size:.75rem;border-radius:20px;padding:7px 12px;background:#147cf210;color:#147cf2;font-weight:800}
html[data-theme]:not(#legacy-theme) #workspace .request-overview-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
html[data-theme]:not(#legacy-theme) #workspace .request-overview-metrics article{padding:22px 24px;border:1px solid var(--ui-border);border-top:3px solid var(--request-tone);border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--request-tone) 15%,var(--ui-surface)),color-mix(in srgb,var(--request-tone) 54%,var(--ui-surface)))!important;display:grid;gap:10px}
html[data-theme]:not(#legacy-theme) #workspace .request-overview-metrics span{font-size:.85rem;font-weight:700;color:var(--ui-muted)}
html[data-theme]:not(#legacy-theme) #workspace .request-overview-metrics strong{font-size:2.2rem;line-height:1.2;letter-spacing:-.04em;color:var(--ui-text)}
html[data-theme]:not(#legacy-theme) #workspace .request-overview-metrics small{font-size:.74rem;color:var(--ui-muted)}
html[data-theme]:not(#legacy-theme) #workspace .request-overview-section-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}
html[data-theme]:not(#legacy-theme) #workspace .request-overview-section-head h3{margin:6px 0 8px;font-size:1.3rem;color:var(--ui-text)}
html[data-theme]:not(#legacy-theme) #workspace .request-overview-section-head p:not(.eyebrow),html[data-theme]:not(#legacy-theme) #workspace .request-overview-section-head>span{font-size:.8rem;color:var(--ui-muted);margin:0}
html[data-theme]:not(#legacy-theme) #workspace .request-overview .service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
html[data-theme]:not(#legacy-theme) #workspace .request-overview .request-overview-service{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:0;padding:22px;min-height:250px;min-width:0;text-align:left;border:1px solid var(--ui-border)!important;border-radius:18px!important;background:var(--ui-surface)!important;box-shadow:0 8px 24px #1d5c8d08!important;transition:transform .2s,border-color .2s,box-shadow .2s;overflow:hidden}
html[data-theme]:not(#legacy-theme) #workspace .request-overview .request-overview-service:hover{transform:translateY(-3px);border-color:var(--request-tone)!important;box-shadow:0 14px 30px #1d5c8d16!important}
html[data-theme]:not(#legacy-theme) #workspace .request-overview-service-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:color-mix(in srgb,var(--request-tone) 12%,transparent);color:var(--request-tone);margin-bottom:20px}
html[data-theme]:not(#legacy-theme) #workspace .request-overview-service-icon svg{width:27px;height:27px}
html[data-theme]:not(#legacy-theme) #workspace .request-overview-service-type{position:absolute;right:20px;top:27px;font-size:.945rem;font-weight:800;letter-spacing:.08em;color:var(--request-tone);background:color-mix(in srgb,var(--request-tone) 8%,transparent);border-radius:20px;padding:6px 10px}
html[data-theme]:not(#legacy-theme) #workspace .request-overview-service>div{flex:1;width:100%}
html[data-theme]:not(#legacy-theme) #workspace .request-overview-service b{display:block;font-size:1rem;color:var(--ui-text);margin-bottom:8px}
html[data-theme]:not(#legacy-theme) #workspace .request-overview-service small{font-size:.75rem;line-height:1.55;color:var(--ui-muted);display:block}
html[data-theme]:not(#legacy-theme) #workspace .request-overview-service-footer{width:100%;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--ui-border);margin-top:18px;padding-top:13px;font-size:.75rem;color:var(--ui-muted)}
html[data-theme]:not(#legacy-theme) #workspace .request-overview-service-footer strong{color:var(--ui-text);font-size:1.9rem}
html[data-theme]:not(#legacy-theme) #workspace .request-overview-service-footer i{font-style:normal;color:var(--request-tone);font-size:1.1rem}
html[data-theme]:not(#legacy-theme) #workspace .request-overview-service-code{font-size:.65rem;color:var(--ui-muted);margin-top:8px}
html[data-theme]:not(#legacy-theme) #workspace .request-overview-priority{font-size:.73rem;font-weight:800;padding:7px 10px;border-radius:8px;background:var(--ui-raised);color:var(--ui-text)}
html[data-theme]:not(#legacy-theme) #workspace .request-overview-priority.urgent{background:#ff4c791a;color:#ef3059}
html[data-theme]:not(#legacy-theme) #workspace .request-overview-priority.hold{background:linear-gradient(135deg,#147cf2,#28aaef);color:#fff}
@media(max-width:1050px){html[data-theme]:not(#legacy-theme) #workspace .request-overview .service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-theme]:not(#legacy-theme) #workspace .request-overview-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){html[data-theme]:not(#legacy-theme) #workspace .request-overview-hero{grid-template-columns:minmax(0,1fr);padding:22px}html[data-theme]:not(#legacy-theme) #workspace .request-overview-hero-note{display:none}html[data-theme]:not(#legacy-theme) #workspace .request-overview-section-head{flex-direction:column;align-items:flex-start;gap:8px}html[data-theme]:not(#legacy-theme) #workspace .request-overview-metrics article{padding:18px}html[data-theme]:not(#legacy-theme) #workspace .request-overview .request-overview-service{padding:18px;min-height:270px}html[data-theme]:not(#legacy-theme) #workspace .request-overview-service-type{position:static;display:none}}
@media(max-width:380px){html[data-theme]:not(#legacy-theme) #workspace .request-overview .service-grid{grid-template-columns:minmax(0,1fr)}}

/* Dashboard and CRM awaiting development. */
html[data-theme]:not(#legacy-theme) #workspace .development-placeholder{min-height:calc(100vh - 190px);display:grid;place-items:center;text-align:center;padding:24px;color:var(--ui-text)}
html[data-theme]:not(#legacy-theme) #workspace .development-placeholder h2{margin:0;font-size:clamp(1.5rem,3vw,2.5rem);font-weight:800}

/* Pair each production stage start and completion in the same log entry. */
html[data-theme]:not(#legacy-theme) #workspace .production-log-stage-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:4px}
html[data-theme]:not(#legacy-theme) #workspace .production-log-stage-columns>div{min-width:0}
html[data-theme]:not(#legacy-theme) #workspace .production-log-stage-columns :is(span,time){display:block;overflow-wrap:anywhere}

.reject-quantity-error{display:block;color:#bc1836;font-weight:700;line-height:1.4;margin-top:8px}.reject-quantity-error[hidden]{display:none}.cut-reject-fields input[aria-invalid="true"]{border-color:#e32642;outline-color:#e32642}

html[data-theme]:not(#legacy-theme) #workspace .printing-full-view-button{border:1px solid #cbd2dc;border-radius:14px;background:linear-gradient(135deg,#f6f7f9 0%,#e2e6ec 100%);color:#39495e;line-height:1.35;font-family:inherit;font-size:15px;font-weight:800;padding:14px 20px;min-height:48px;cursor:pointer;box-shadow:0 5px 14px #64748b14;white-space:nowrap}
html[data-theme]:not(#legacy-theme) #workspace .printing-full-view-button:hover{background:linear-gradient(135deg,#ffffff,#d9dfe7)}
html[data-theme]:not(#legacy-theme) #workspace .printing-full-view-button:focus-visible{outline:3px solid #147cf2;outline-offset:3px}
html[data-theme]:not(#legacy-theme) #workspace .app-table-scroll{overflow:auto;scrollbar-gutter:stable;scrollbar-width:auto;scrollbar-color:#91a4b9 #e9eef4}
html[data-theme]:not(#legacy-theme) #workspace .app-table-scroll::-webkit-scrollbar{width:12px;height:12px}
html[data-theme]:not(#legacy-theme) #workspace .app-table-scroll::-webkit-scrollbar-track{background:#e9eef4;border-radius:10px}
html[data-theme]:not(#legacy-theme) #workspace .app-table-scroll::-webkit-scrollbar-thumb{background:#91a4b9;border-radius:10px;border:2px solid #e9eef4}
html[data-theme]:not(#legacy-theme) #workspace .app-consistent-table thead{position:sticky;top:0;z-index:2;background:#238cfa}
html[data-theme]:not(#legacy-theme) #workspace .app-table-scroll:focus-visible{outline:3px solid #147cf2;outline-offset:3px}

/* Shared visible-row stripes: gray lightened 35%, then another 20% toward white. */
html[data-theme]:not(#legacy-theme) #workspace .app-consistent-table tbody tr:not([hidden])>td{background:#ffffff!important;background-image:none!important}
html[data-theme]:not(#legacy-theme) #workspace .app-consistent-table tbody tr:nth-child(even of :not([hidden]))>td{background:#e8e9ed!important}
html[data-theme]:not(#legacy-theme) #workspace .app-consistent-table tbody tr:hover>td{background:#e3efff!important;box-shadow:inset 0 1px 0 #398bff,inset 0 -1px 0 #398bff,inset 0 9px 18px -12px #348cff99,inset 0 -9px 18px -12px #348cff99}

html[data-theme]:not(#legacy-theme) #workspace .app-consistent-table tbody tr>td{transition:background-color .15s ease,box-shadow .15s ease}
html[data-theme]:not(#legacy-theme) #workspace .app-consistent-table tbody tr:hover{filter:drop-shadow(0 0 8px #398bff45)}
@media(prefers-reduced-motion:reduce){html[data-theme]:not(#legacy-theme) #workspace .app-consistent-table tbody tr>td{transition:none}}

html[data-theme]:not(#legacy-theme) #workspace .app-table-display-toolbar{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin-left:auto;padding:8px 0}
html[data-theme]:not(#legacy-theme) #workspace :is(.custom-queue-head,.report-section-head){flex-wrap:wrap;gap:16px}
html[data-theme]:not(#legacy-theme) #workspace .app-consistent-table thead th{background:#238cfa!important;color:#fff!important}
@media(max-width:650px){html[data-theme]:not(#legacy-theme) #workspace .app-table-display-toolbar{max-width:100%;flex-wrap:wrap}}

html[data-theme]:not(#legacy-theme) #workspace .queue-delete-button.request-delete-icon{display:inline-flex;align-items:center;justify-content:center;width:25.2px;height:25.2px;min-width:25.2px;padding:0;border-radius:50%;background:linear-gradient(135deg,#f6f7f9,#dce1e7)!important;color:#000!important;border:1px solid #ffffffb3!important;box-shadow:0 1px 5px #64748b26!important;text-shadow:none!important;font-size:16.8px!important;line-height:1!important;font-weight:700!important}
html[data-theme]:not(#legacy-theme) #workspace .queue-delete-button.request-delete-icon:hover{background:linear-gradient(135deg,#eceff3,#cbd2db)!important;box-shadow:0 2px 7px #64748b38!important}
html[data-theme]:not(#legacy-theme) #workspace .queue-delete-button.request-delete-icon:focus-visible{outline:2px solid #64748b;outline-offset:3px}

html[data-theme]:not(#legacy-theme) #workspace .request-queue-display-actions{gap:20px;align-items:center;flex-wrap:wrap}
html[data-theme]:not(#legacy-theme) #workspace .request-queue-pending-count{display:inline-block;font-size:.952rem;line-height:1.35;white-space:nowrap;padding:12px 18px;border-radius:999px;border:1px solid #a7b8ce;background:linear-gradient(135deg,#f3f6fa,#e2e8f1);color:var(--ui-muted)}
html[data-theme]:not(#legacy-theme) #workspace .request-queue-pending-count b{color:#1686f7!important}
html[data-theme]:not(#legacy-theme) #workspace .request-queue-display-actions .app-table-full-view{background:linear-gradient(135deg,#eceef1,#c6ccd4);border-color:#bbc3ce}
html[data-theme]:not(#legacy-theme) #workspace .request-queue-display-actions .app-table-full-view:hover{background:linear-gradient(135deg,#e0e4e9,#b8c1cc)}
@media(max-width:650px){html[data-theme]:not(#legacy-theme) #workspace .request-queue-display-actions{width:100%;justify-content:flex-start;margin-left:0;gap:12px}}

html[data-theme]:not(#legacy-theme) #workspace .production-queue-page .production-queue-card-head .live-label{font-size:.952rem;line-height:1.35}

/* Queue table headers follow the same stage gradient as their titles. */
html[data-theme]:not(#legacy-theme) #workspace .production-queue-page .app-consistent-table thead,
html[data-theme]:not(#legacy-theme) #workspace .production-queue-page .app-consistent-table thead th{
  background:linear-gradient(135deg,var(--stage),color-mix(in srgb,var(--stage) 76%,white))!important;
  color:#fff!important;
  border-bottom-color:var(--stage)!important;
}


/* Compact spacing between queue titles and table headers. */
html[data-theme]:not(#legacy-theme) #workspace .production-queue-page .production-queue-card-head{
  padding:6px 14px!important;
  margin-bottom:3px!important;
}

html[data-theme]:not(#legacy-theme) #workspace .production-queue-page .production-queue-card-head .eyebrow{font-size:1.56rem!important}

/* Shared compact title spacing for every application table. */
html[data-theme]:not(#legacy-theme) #workspace .app-table-heading{
  padding:6px 14px!important;
  margin-bottom:3px!important;
}
html[data-theme]:not(#legacy-theme) #workspace .app-table-heading .app-table-title{
  font-size:max(1.56rem,var(--app-table-title-size))!important;
  line-height:1.2!important;
}
html[data-theme]:not(#legacy-theme) #workspace .app-table-heading .app-table-display-toolbar{padding:0}

html[data-theme]:not(#legacy-theme) #workspace .custom-order-form[data-custom="true"]>header>div{align-items:center}
html[data-theme]:not(#legacy-theme) #workspace .custom-order-form[data-custom="true"] .custom-customer-inline{
  display:flex;align-items:center;gap:16px;min-width:0;
}
html[data-theme]:not(#legacy-theme) #workspace .custom-order-form[data-custom="true"] .custom-customer-inline input{width:240px;max-width:100%;min-width:0}
@media(max-width:650px){
 html[data-theme]:not(#legacy-theme) #workspace .custom-order-form[data-custom="true"] .custom-customer-inline{flex-wrap:wrap;gap:8px}
}

html[data-theme]:not(#legacy-theme) #workspace :is(.custom-order-form[data-custom="true"],.dtf-custom-form) .deadline-field{
  height:45.5px;min-height:45.5px;padding:5px 16px;
}
html[data-theme]:not(#legacy-theme) #workspace :is(.custom-order-form[data-custom="true"],.dtf-custom-form) .deadline-open i{width:28px;height:28px;flex-shrink:0}

.production-stage-note{margin-top:14px}.production-stage-note :is(b,span,time){display:block;overflow-wrap:anywhere}

.detail-validation-warning[popover]{position:fixed;inset:auto;margin:0;transform:translate(-50%,-50%);box-sizing:border-box;width:420px;padding:26px;border:1px solid #efb9bd;border-radius:20px;background:#fff;color:#17263d;box-shadow:0 18px 70px #142d5b55;text-align:center;font:inherit;z-index:10000}
.detail-validation-warning strong{display:block;font-size:20px;line-height:1.35;color:#c32e40}
.detail-validation-warning p{margin:14px 0 20px;line-height:1.5;overflow-wrap:anywhere}
.detail-validation-warning button{min-height:44px;padding:10px 24px;border:0;border-radius:12px;background:linear-gradient(135deg,#147cf2,#28aaef);color:#fff;font:inherit;font-weight:800;cursor:pointer}
.detail-validation-warning button:focus-visible{outline:3px solid #79b9ff;outline-offset:3px}

#workspace .production-stage-table .finished-quantity{color:#e32642!important;font-weight:900!important;white-space:nowrap}

.request-validation-modal{width:min(420px,calc(100vw - 32px));box-sizing:border-box;padding:26px;border:1px solid #efb9bd;border-radius:20px;background:#fff;color:#17263d;text-align:center;box-shadow:0 18px 70px #142d5b55}.request-validation-modal h2{margin:0;font-size:20px;line-height:1.35}.request-validation-modal p{margin:14px 0 20px;line-height:1.5;overflow-wrap:anywhere}.request-validation-modal footer{display:flex;justify-content:center}
html[data-theme]:not(#legacy-theme) dialog.request-validation-modal{background:#fff!important;color:#17263d!important;border-color:#efb9bd!important}html[data-theme]:not(#legacy-theme) dialog.request-validation-modal :is(h2,p){color:#17263d!important;background:none!important;-webkit-text-fill-color:#17263d!important}

/* Remaining calendar days beside the request deadline, using WIB. */
html[data-theme]:not(#legacy-theme) #workspace .custom-order-form header>.deadline-control{display:flex;align-items:center;justify-content:flex-end;gap:14px;margin-left:auto;min-width:0}
html[data-theme]:not(#legacy-theme) #workspace .deadline-countdown{font-size:1rem;font-weight:900;line-height:1.35;color:#fff;white-space:nowrap}
html[data-theme]:not(#legacy-theme) #workspace .deadline-countdown[hidden]{display:none}
@media(max-width:720px){html[data-theme]:not(#legacy-theme) #workspace .custom-order-form header>.deadline-control{width:100%;flex-wrap:wrap;gap:8px}html[data-theme]:not(#legacy-theme) #workspace .deadline-control .deadline-field{flex:1;min-width:220px}}

html[data-theme] #workspace dialog.app-detail-modal .detail-modal-body dl>.detail-deadline-card{grid-column:1/-1!important}
html[data-theme] #workspace dialog.app-detail-modal .detail-deadline-countdown{display:block;margin-top:10px;padding:14px 16px;border:1px solid #df1739;border-radius:12px;background:linear-gradient(135deg,#d9092f,#ff3b30)!important;color:#fff!important;font-size:1.15rem!important;font-weight:900;line-height:1.35;text-align:center;box-shadow:0 8px 20px rgba(217,9,47,.2)}

html[data-theme] .cut-reject-panel input[data-choice-locked]{opacity:.45!important;cursor:not-allowed;box-shadow:none!important}

html[data-theme]:not(#legacy-theme) #workspace .queue-live-stage-summary{display:flex;justify-content:space-between;gap:6px 18px;flex-wrap:wrap}
html[data-theme]:not(#legacy-theme) #workspace .queue-live-stage-summary small:last-child{margin-left:auto;text-align:right}

/* Keep cutting controls within reach when custom orders have multiple attachments. */
html[data-theme] #workspace #customTasStageDetailModal .detail-modal-body:has(>.cut-reject-panel)>.custom-detail-media{max-height:360px;overflow:auto;padding-right:4px}
html[data-theme] #workspace #customTasStageDetailModal .detail-modal-body>.cut-reject-panel{grid-row:2!important}
@media(max-width:650px){html[data-theme] #workspace #customTasStageDetailModal .detail-modal-body>.cut-reject-panel{grid-row:auto!important}}

html[data-theme] #workspace .production-reprint-label{color:#e51d48!important;-webkit-text-fill-color:#e51d48!important;font-weight:800!important;white-space:nowrap}

html[data-theme]:not(#legacy-theme) .production-queue-page:is(.press,.potong) .split-stage-table :is(th,td){padding:10px 6px!important;white-space:normal!important;overflow-wrap:anywhere;min-width:0!important}
html[data-theme]:not(#legacy-theme) .split-stage-table .production-reprint-label{white-space:normal!important}
html[data-theme]:not(#legacy-theme) .split-stage-table .queue-priority-select{width:100%!important;min-width:0!important;max-width:100%;padding-left:5px!important;padding-right:18px!important}
html[data-theme]:not(#legacy-theme) .split-stage-table col.split-col-invoice{width:10%}
html[data-theme]:not(#legacy-theme) .split-stage-table col.split-col-customer{width:12%}
html[data-theme]:not(#legacy-theme) .split-stage-table col.split-col-job{width:12%}
html[data-theme]:not(#legacy-theme) .split-stage-table col.split-col-size{width:5%}
html[data-theme]:not(#legacy-theme) .split-stage-table col.split-col-quantity{width:7%}
html[data-theme]:not(#legacy-theme) .split-stage-table col.split-col-print{width:5%}
html[data-theme]:not(#legacy-theme) .split-stage-table col.split-col-machine{width:7%}
html[data-theme]:not(#legacy-theme) .split-stage-table col.split-col-fabric{width:7%}
html[data-theme]:not(#legacy-theme) .split-stage-table col.split-col-deadline{width:10%}
html[data-theme]:not(#legacy-theme) .split-stage-table col.split-col-priority{width:10%}
html[data-theme]:not(#legacy-theme) .split-stage-table col.split-col-status{width:7%}
html[data-theme]:not(#legacy-theme) .split-stage-table col.split-col-action{width:8%}

/* QR camera and production validation, shared on Android and desktop. */
.qr-scan-launch{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #147cf2;background:#eaf4ff;color:#1262b8;font:800 16px Lato,sans-serif;padding:12px 16px;border-radius:12px;white-space:nowrap;cursor:pointer}
.qr-scanner-modal,.qr-tracking-modal{box-sizing:border-box;width:min(620px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;border:1px solid #c7dcf1;border-radius:24px;background:#fff;color:#16253e;padding:24px}
.qr-scanner-modal::backdrop,.qr-tracking-modal::backdrop{background:#162b48a8;backdrop-filter:blur(4px)}
.qr-scanner-modal header,.qr-tracking-modal header{display:flex;align-items:center;justify-content:space-between;gap:16px}
.qr-scanner-modal h2,.qr-tracking-modal h2{font-size:26px;margin:6px 0 16px}
[data-qr-close]{background:#edf5ff;border:1px solid #c7dcf1;color:#147cf2;font-size:28px;border-radius:12px;width:44px;height:44px;flex-shrink:0;cursor:pointer}
.qr-camera{position:relative;background:#142135;border-radius:16px;overflow:hidden;aspect-ratio:4/3;margin:18px 0}
.qr-camera video{display:block;width:100%;height:100%;object-fit:cover}
.qr-camera-guide{position:absolute;inset:18% 25%;border:3px solid #64ffc1;border-radius:16px;box-shadow:0 0 0 100vmax #07192e30;pointer-events:none}
[data-qr-message]{min-height:48px;line-height:1.5;font-weight:700;color:#285a7d}
[data-qr-message].error{color:#c4243b}
.qr-scanner-modal footer,.qr-tracking-modal footer{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}
.qr-file-button{display:flex;align-items:center;justify-content:center;cursor:pointer;border:1px solid #c7dcf1;background:#edf5ff;padding:14px 20px;border-radius:16px;font-weight:800;position:relative;overflow:hidden}
.qr-file-button input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.qr-file-button:focus-within{outline:3px solid #147cf2;outline-offset:2px}
.qr-detail-strip{grid-column:1/-1;display:flex;gap:16px;align-items:center;background:#eaf7ff;border:1px solid #c7dcf1;border-radius:16px;padding:12px;margin-bottom:16px}
.qr-detail-strip img{width:100px;height:100px;flex-shrink:0}.qr-detail-strip div{display:grid;gap:8px}.qr-detail-strip span{font-size:15px}.qr-detail-strip a{color:#1262b8;font-weight:700}.qr-audit-proof{display:block;color:#078451;font-weight:800;margin-top:6px}
.qr-tracking-summary{display:grid;gap:8px;padding:18px;background:#edf8ff;border-radius:16px;margin:8px 0 20px}.qr-tracking-summary b{color:#1262b8;font-size:20px}.qr-tracking-modal .production-audit{max-height:45dvh;overflow:auto}
@media(max-width:650px){.topbar #scanQrButton{display:inline-flex!important;padding:10px 12px;min-height:44px}.qr-scanner-modal,.qr-tracking-modal{padding:16px;border-radius:18px}.qr-scanner-modal footer>*{flex:1 1 100%}.qr-detail-strip{gap:10px;padding:8px}.qr-detail-strip img{width:80px;height:80px}.qr-detail-strip span{font-size:13px}}
html[data-theme]:not(#legacy-theme) dialog:is(.qr-scanner-modal,.qr-tracking-modal){background:#fff!important;background-image:none!important;color:#16253e!important}
html[data-theme]:not(#legacy-theme) dialog:is(.qr-scanner-modal,.qr-tracking-modal) :is(p,small,h2){color:#344b66!important;-webkit-text-fill-color:currentColor!important}
html[data-theme]:not(#legacy-theme) dialog.qr-scanner-modal [data-qr-message].error{color:#c4243b!important}
html[data-theme] #workspace .detail-modal-body dl>.qr-detail-strip{grid-column:1/-1!important;display:flex!important;background:#eaf7ff!important}
html[data-theme] #workspace .qr-detail-strip img{object-fit:contain!important;max-height:100px!important}
/* Auth and account management use the existing Omeo Ceria palette. */
[hidden]{display:none!important}.account-login{width:min(430px,calc(100vw - 32px));padding:32px;border-radius:24px;background:#fff;box-shadow:0 20px 70px #14569a26;display:grid;gap:18px}.account-login img{width:170px;margin:auto}.account-login h1{margin:0;font-size:30px}.account-login p{margin:0;line-height:1.5}.account-login label,.account-panel label,.account-modal label{display:grid;gap:7px}.account-login input,.account-panel input,.account-modal input:not([type=checkbox]),.account-modal select{width:100%;padding:12px;border:1px solid #b9cde0;border-radius:10px;font:inherit;box-sizing:border-box}.account-error{color:#b42318;white-space:pre-wrap}.account-panel{padding:26px;background:#ffffffd9;border-radius:22px}.account-panel>header,.account-modal header{display:flex;gap:20px;justify-content:space-between;align-items:center;margin-bottom:22px}.account-panel h2{margin:6px 0}.account-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:22px 0}.account-photo{width:100px;height:100px;object-fit:cover;border-radius:20px}.account-thumb{width:52px;height:52px;object-fit:cover;border-radius:12px}.account-initial{display:grid;place-items:center;background:#dbeeff;color:#147cf2;font-weight:bold}.sidebar-profile .avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.account-table{width:100%;margin-top:18px;border-collapse:collapse}.account-table td,.account-table th{padding:12px;text-align:left;border-bottom:1px solid #dbe4ef}.account-table small{display:block;margin-top:5px;color:#5c6d80}.account-modal{width:min(850px,94vw);max-height:90vh;padding:24px;border:0;border-radius:22px;color:#14233a;background:#f3f9ff}.account-modal::backdrop{background:#10274380}.account-modal-body{max-height:60vh;overflow:auto;padding:4px}.account-permissions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}.account-permissions fieldset{border:1px solid #bad4ef;border-radius:12px;padding:14px;display:grid;gap:12px}.account-permissions label,.account-modal label:has(input[type=checkbox]){display:flex;align-items:center;gap:10px}.account-permissions input{width:18px;height:18px}.account-modal footer{display:flex;justify-content:flex-end;gap:12px;margin-top:20px}.account-role-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.account-role-list article{border:1px solid #bad4ef;border-radius:16px;padding:20px}.account-notice{padding:18px;background:#e1f0ff;border-radius:12px}@media(max-width:650px){.account-fields,.account-permissions{grid-template-columns:1fr}.account-panel{padding:16px}.account-panel>header{align-items:flex-start;flex-direction:column}}
html[data-theme]:not(#legacy-theme) #workspace .account-modal{background:#f3f9ff!important;color:#14233a!important;box-sizing:border-box;padding:24px!important;backdrop-filter:none!important}
html[data-theme]:not(#legacy-theme) :is(#workspace .account-modal,#workspace .account-panel,#appBootStatus .account-login) :is(label,p,legend,h1,h2,h3,small){color:#243b53!important;-webkit-text-fill-color:#243b53!important}
html[data-theme]:not(#legacy-theme) :is(#workspace .account-modal,#workspace .account-panel,#appBootStatus .account-login) :is(input:not([type=checkbox]),select){background:#fff!important;color:#14233a!important;-webkit-text-fill-color:#14233a!important;border:1px solid #a9c4df!important;opacity:1!important}
html[data-theme]:not(#legacy-theme) #workspace .account-modal header{padding:0!important;background:none!important}
html[data-theme]:not(#legacy-theme) #workspace .account-modal footer{padding:0!important;margin-top:18px!important;background:none!important}
html[data-theme]:not(#legacy-theme) :is(#workspace .account-modal,#appBootStatus .account-login) .account-error{color:#b42318!important;-webkit-text-fill-color:#b42318!important}
html[data-theme]:not(#legacy-theme) :is(#workspace,#sidebar,body) [hidden]{display:none!important}
/* Password visibility is a compact field control, not a modal action. */
.account-password-field{position:relative;display:block;min-width:0}
html[data-theme]:not(#legacy-theme) :is(#workspace,#appBootStatus) .account-password-field input{padding-right:52px!important}
html[data-theme]:not(#legacy-theme) :is(#workspace,#appBootStatus) .account-password-toggle{position:absolute!important;right:5px;top:50%;transform:translateY(-50%);display:grid!important;place-items:center;min-width:40px!important;width:40px!important;min-height:40px!important;height:40px!important;padding:8px!important;margin:0!important;border:0!important;border-radius:9px!important;background:transparent!important;color:#385b7b!important;box-shadow:none!important;cursor:pointer}
.account-password-toggle svg{width:23px;height:23px;pointer-events:none}
.account-password-toggle .password-eye-slash{display:none}
.account-password-toggle[aria-pressed=true] .password-eye-slash{display:block}
html[data-theme]:not(#legacy-theme) :is(#workspace,#appBootStatus) .account-password-toggle:hover{background:#deedfc!important}
.account-password-toggle:focus-visible{outline:2px solid #147cf2;outline-offset:1px}
.account-row-actions{display:flex;gap:8px;flex-wrap:wrap;min-width:220px;align-items:center}
.account-row-actions>button{padding:10px 14px;border:1px solid #b9cde0;border-radius:10px;font:inherit;font-weight:700;cursor:pointer;background:#e5f1ff;color:#24415d}
html[data-theme]:not(#legacy-theme) #workspace .account-row-actions .account-delete-button{background:#fff0f0!important;color:#b42318!important;border-color:#eeb5b5!important}
.account-division{margin-top:28px;min-width:0}
.account-division>header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:12px}
.account-division>header h3{margin:0;font-size:1.4rem;font-weight:800;color:#183d66}
.account-division>header p{margin:6px 0 0;color:#5c6d80}
.account-division .account-table{margin-top:0}

/* Deadline card: a slow light pulse without moving text or layout. */
html[data-theme]:not(#legacy-theme) #workspace .queue-live-stat-deadline::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(ellipse at 85% 30%,#ffffff85,transparent 65%);box-shadow:inset 0 0 26px 5px #b365e680;animation:deadline-light-pulse 2.8s ease-in-out infinite}
@keyframes deadline-light-pulse{0%,100%{opacity:.08}50%{opacity:.85}}
@media(prefers-reduced-motion:reduce){html[data-theme]:not(#legacy-theme) #workspace .queue-live-stat-deadline::after{animation-duration:4s}}

html[data-theme]:not(#legacy-theme) #workspace .queue-quality{margin-top:28px;padding-top:24px;border-top:1px solid var(--ui-border)}
html[data-theme]:not(#legacy-theme) #workspace .queue-quality-bars{display:grid;gap:18px;margin:22px 0}
html[data-theme]:not(#legacy-theme) #workspace .queue-quality-bars>div{display:grid;grid-template-columns:1fr auto;gap:8px}
html[data-theme]:not(#legacy-theme) #workspace .queue-quality-bars strong{font-size:1.35rem}
html[data-theme]:not(#legacy-theme) #workspace .queue-quality-bars small{font-size:.75rem;font-weight:500}
html[data-theme]:not(#legacy-theme) #workspace .queue-quality-track{grid-column:1/-1;height:12px;border-radius:20px;background:#e5edf5;overflow:hidden}
html[data-theme]:not(#legacy-theme) #workspace .queue-quality-track i{display:block;height:100%;border-radius:inherit}
html[data-theme]:not(#legacy-theme) #workspace .queue-quality-jobs{display:grid;gap:8px;max-height:250px;overflow:auto;margin-bottom:14px}
html[data-theme]:not(#legacy-theme) #workspace .queue-quality-jobs button{display:grid;gap:5px;text-align:left;border:1px solid var(--ui-border);border-radius:12px;padding:12px;background:var(--ui-surface);color:var(--ui-text);cursor:pointer;overflow-wrap:anywhere}
html[data-theme]:not(#legacy-theme) #workspace .queue-quality-jobs span{font-size:.85rem;color:var(--ui-muted)}
html[data-theme]:not(#legacy-theme) #workspace .queue-live-stat-deadline{background:linear-gradient(135deg,#e9d4fc 0%,#cc93ee 52%,#ad5be1 100%)!important;border-top-color:#a343da}
html[data-theme]:not(#legacy-theme) #workspace .queue-live-stat-deadline :is(p,small){color:#49335f}

html[data-theme]:not(#legacy-theme) #workspace .queue-quality-stages{margin:24px 0;gap:24px}
html[data-theme]:not(#legacy-theme) #workspace .queue-quality-stage{padding:6px 8px}
html[data-theme]:not(#legacy-theme) #workspace .queue-quality-stage .queue-live-stage-name strong{white-space:nowrap}
html[data-theme]:not(#legacy-theme) #workspace .queue-quality-stage .queue-live-stage-name strong small{display:inline;font-size:.65rem;margin:0}
html[data-theme]:not(#legacy-theme) #workspace .queue-quality-stage .queue-live-stage-summary{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}

html[data-theme]:not(#legacy-theme) #workspace .production-monthly{margin-top:30px;padding-top:24px;border-top:1px solid var(--ui-border)}
html[data-theme]:not(#legacy-theme) #workspace .production-monthly>p{font-size:.85rem;color:var(--ui-muted);line-height:1.6}
html[data-theme]:not(#legacy-theme) #workspace .production-monthly-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:20px 0}
html[data-theme]:not(#legacy-theme) #workspace .production-monthly-card{min-width:0;padding:14px 10px;border:1px solid var(--ui-border);border-radius:14px;background:linear-gradient(145deg,color-mix(in srgb,var(--month-tone) 6%,var(--ui-surface)),var(--ui-surface))}
html[data-theme]:not(#legacy-theme) #workspace .production-monthly-card h4{display:flex;align-items:center;gap:9px;margin:0 4px 12px;font-size:.95rem;color:var(--ui-text)}
html[data-theme]:not(#legacy-theme) #workspace .production-monthly-card h4 i{font-style:normal;color:var(--month-tone);background:color-mix(in srgb,var(--month-tone) 12%,transparent);border-radius:7px;padding:5px 8px}
html[data-theme]:not(#legacy-theme) #workspace .production-monthly-card svg{display:block;width:100%;height:auto;overflow:visible}
html[data-theme]:not(#legacy-theme) #workspace .monthly-grid-line{stroke:var(--ui-border);stroke-width:1}
html[data-theme]:not(#legacy-theme) #workspace .monthly-axis{fill:var(--ui-muted);font-size:12px;font-family:inherit}
html[data-theme]:not(#legacy-theme) #workspace .monthly-value{fill:var(--ui-text);font-size:14px;font-weight:750;font-family:inherit}
html[data-theme]:not(#legacy-theme) #workspace .production-monthly small{display:block;color:var(--ui-muted);font-size:.72rem;line-height:1.6}
html[data-theme]:not(#legacy-theme) #workspace .production-monthly-card>small{margin:0 6px}
@media(max-width:650px){html[data-theme]:not(#legacy-theme) #workspace .production-monthly-grid{grid-template-columns:minmax(0,1fr)}}

html[data-theme]:not(#legacy-theme) #workspace .queue-comparison-layout{display:grid;grid-template-columns:minmax(100px,.8fr) minmax(0,1.2fr);align-items:center;gap:20px;margin:26px 0}
html[data-theme]:not(#legacy-theme) #workspace .queue-comparison-layout .queue-live-ring{width:100%;max-width:210px;margin:0 auto}
html[data-theme]:not(#legacy-theme) #workspace .queue-comparison-layout .queue-live-ring>div{width:82%}
html[data-theme]:not(#legacy-theme) #workspace .queue-comparison-layout .queue-live-ring strong{font-size:clamp(1.2rem,2.1vw,2.7rem)}
html[data-theme]:not(#legacy-theme) #workspace .queue-comparison-layout .queue-live-legend>div{display:grid;grid-template-columns:10px minmax(0,1fr) auto;gap:6px 9px}
html[data-theme]:not(#legacy-theme) #workspace .queue-comparison-layout .queue-live-legend span{grid-column:2/-1;overflow-wrap:anywhere}
html[data-theme]:not(#legacy-theme) #workspace .queue-comparison-layout .queue-live-legend strong{grid-column:2;font-size:.85rem;white-space:nowrap}
html[data-theme]:not(#legacy-theme) #workspace .queue-comparison-layout .queue-live-legend small{grid-column:3;width:auto;font-size:.75rem}
@media(max-width:650px){html[data-theme]:not(#legacy-theme) #workspace .queue-comparison-layout{gap:14px}html[data-theme]:not(#legacy-theme) #workspace .queue-comparison-layout .queue-live-ring strong{font-size:1.5rem}html[data-theme]:not(#legacy-theme) #workspace .queue-comparison-layout .queue-live-ring span{font-size:.65rem}}
/* Display the monthly infographic at half its former size. */
html[data-theme]:not(#legacy-theme) #workspace .production-monthly{width:100%}

html[data-theme]:not(#legacy-theme) #workspace .production-monthly-grid{grid-template-columns:repeat(6,minmax(220px,1fr));overflow-x:auto;padding-bottom:8px}
html[data-theme]:not(#legacy-theme) #workspace .queue-quality-jobs:empty{display:none}

html[data-theme]:not(#legacy-theme) #workspace .queue-monthly-panel{grid-column:1/-1}
html[data-theme]:not(#legacy-theme) #workspace .queue-monthly-panel .production-monthly{margin-top:0;padding-top:0;border-top:0}

html[data-theme]:not(#legacy-theme) #workspace .production-monthly-card h4{font-size:.88rem}
html[data-theme]:not(#legacy-theme) #workspace .production-monthly-card h4 i{font-size:.7rem;width:24px;height:24px;padding:0;display:grid;place-items:center}
html[data-theme]:not(#legacy-theme) #workspace .production-monthly>p{font-size:.8rem}
html[data-theme]:not(#legacy-theme) #workspace .monthly-chart{display:flex;gap:8px;margin:28px 4px 14px;font-size:.72rem;color:var(--ui-muted)}
html[data-theme]:not(#legacy-theme) #workspace .monthly-y-axis{display:flex;flex-direction:column;justify-content:space-between;height:144px;min-width:24px;text-align:right;position:relative;top:-7px}
html[data-theme]:not(#legacy-theme) #workspace .monthly-plot{flex:1;min-width:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;position:relative}
html[data-theme]:not(#legacy-theme) #workspace .monthly-plot::before{content:"";position:absolute;inset:0 0 auto;height:145px;background:repeating-linear-gradient(to top,var(--ui-border) 0 1px,transparent 1px 36px);pointer-events:none}
html[data-theme]:not(#legacy-theme) #workspace .monthly-column{min-width:0;text-align:center;position:relative}
html[data-theme]:not(#legacy-theme) #workspace .monthly-bar-space{height:144px;display:flex;align-items:flex-end;justify-content:center}
html[data-theme]:not(#legacy-theme) #workspace .monthly-bar{width:70%;max-width:52px;background:linear-gradient(to top,var(--month-tone),color-mix(in srgb,var(--month-tone) 65%,white));border-radius:4px 4px 0 0;position:relative}
html[data-theme]:not(#legacy-theme) #workspace .monthly-bar b{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);padding-bottom:5px;font-size:.88rem;color:var(--ui-text)}
html[data-theme]:not(#legacy-theme) #workspace .monthly-month{display:block;margin-top:9px;font-size:.72rem;line-height:1.4}

html[data-theme]:not(#legacy-theme) #workspace .monthly-unit-control{display:flex;align-items:center;gap:10px;font-size:.8rem;color:var(--ui-muted);margin-top:14px}
html[data-theme]:not(#legacy-theme) #workspace .monthly-unit-control select{padding:7px 28px 7px 12px;border:1px solid var(--ui-border);border-radius:9px;background:var(--ui-surface);color:var(--ui-text);font:inherit}

html[data-theme]:not(#legacy-theme) #workspace .finished-stock-page{display:grid;gap:28px;min-width:0}
html[data-theme]:not(#legacy-theme) #workspace .finished-stock-page>header{margin:0}
html[data-theme]:not(#legacy-theme) #workspace .finished-stock-page>.account-division{margin:0;display:grid;gap:12px;min-width:0}
html[data-theme]:not(#legacy-theme) #workspace .finished-stock-page .account-division>header{margin:0}
html[data-theme]:not(#legacy-theme) #workspace .finished-stock-page .account-division>p{margin:0}
html[data-theme]:not(#legacy-theme) #workspace .finished-stock-table{table-layout:fixed;min-width:1150px}
html[data-theme]:not(#legacy-theme) #workspace .finished-stock-table :is(th,td){padding:12px;overflow-wrap:anywhere}
html[data-theme]:not(#legacy-theme) #workspace .finished-stock-actions{display:flex;flex-direction:column;gap:8px;align-items:stretch}
html[data-theme]:not(#legacy-theme) #workspace .finished-stock-actions .secondary-button{border:1px solid #bdd5ef;border-radius:12px;padding:10px 14px;background:linear-gradient(#f1f7ff,#dceafa);color:#183d66;font:inherit;font-weight:700;cursor:pointer}
html[data-theme]:not(#legacy-theme) #workspace .finished-stock-actions .secondary-button:disabled{opacity:.45;cursor:not-allowed}
html[data-theme]:not(#legacy-theme) #workspace .finished-stock-table col:last-child{width:25%!important}
html[data-theme]:not(#legacy-theme) #workspace .finished-stock-actions{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:8px;align-items:stretch;width:75%}
html[data-theme]:not(#legacy-theme) #workspace .finished-stock-actions>button{width:100%;min-width:0;min-height:48px;padding:10px 3px;box-sizing:border-box;white-space:normal;overflow-wrap:normal;line-height:1.25}
html[data-theme]:not(#legacy-theme) #workspace .finished-stock-actions>button.secondary-button{padding-left:3px;padding-right:3px}
html[data-theme]:not(#legacy-theme) #workspace .finished-stock-actions{margin-inline:auto}
html[data-theme]:not(#legacy-theme) #workspace .finished-stock-table th:last-child{text-align:center}

html[data-theme]:not(#legacy-theme) #workspace .finished-stock-section[data-stock-service="spk-print-dtf"]{--stock-tone:#1687fa;--stock-light:#d9ebfd;--stock-dark:#85bffd}
html[data-theme]:not(#legacy-theme) #workspace .finished-stock-section[data-stock-service="spk-jahit-polos"]{--stock-tone:#ff4c79;--stock-light:#ffe0e8;--stock-dark:#ff9fba}
html[data-theme]:not(#legacy-theme) #workspace .finished-stock-section[data-stock-service="spk-potong-lapis"]{--stock-tone:#168a48;--stock-light:#dcf6e6;--stock-dark:#83cda1}
html[data-theme]:not(#legacy-theme) #workspace .finished-stock-section>header.app-table-heading{background:linear-gradient(135deg,var(--stock-light),var(--stock-dark));border-top:3px solid var(--stock-tone);border-radius:16px;padding:12px 16px}
html[data-theme]:not(#legacy-theme) #workspace .finished-stock-section .app-consistent-table thead,
html[data-theme]:not(#legacy-theme) #workspace .finished-stock-section .app-consistent-table thead th{background:var(--stock-tone)!important;color:#fff!important}
html[data-theme]:not(#legacy-theme) #workspace .finished-stock-section[data-stock-service="spk-potong-lapis"] .app-consistent-table thead th{color:#123d27!important}

/* Compact sidebar: retain icon navigation and a reversible expansion control. */
.sidebar-heading{display:flex;align-items:center;gap:8px;margin-bottom:20px;flex-shrink:0}
html[data-theme]:not(#legacy-theme) .sidebar-heading .brand,.sidebar-heading .brand{min-width:0;flex:1;padding:4px 8px!important}
.sidebar-compact-button{width:36px;height:36px;flex:0 0 36px;display:grid;place-items:center;border:1px solid var(--ui-border,#b9cde0);border-radius:10px;background:var(--glass-raised,#ffffff90);color:inherit;cursor:pointer}
.sidebar-compact-button:hover{background:var(--ui-raised,#dbeaff)}
.sidebar-compact-button:focus-visible{outline:2px solid var(--ui-accent,#147cf2);outline-offset:3px}
html.sidebar-compact .app-shell,html[data-theme].sidebar-compact:not(#legacy-theme) .app-shell{grid-template-columns:84px minmax(0,1fr)}
html.sidebar-compact #sidebar.sidebar{width:84px;padding-left:10px;padding-right:10px}
html.sidebar-compact .sidebar-heading{justify-content:center}
html.sidebar-compact .sidebar-heading .brand{display:none}
html.sidebar-compact .sidebar-compact-button svg{transform:rotate(180deg)}
html.sidebar-compact #sidebar .nav-item{grid-template-columns:34px!important;justify-content:center;column-gap:0!important;padding:6px!important}
html.sidebar-compact #sidebar .nav-item>span:not(.nav-icon),html.sidebar-compact #sidebar .submenu{display:none!important}
html.sidebar-compact #sidebar .sidebar-profile{justify-content:center;gap:0;padding-left:0;padding-right:0}
html.sidebar-compact #sidebar .sidebar-profile>div:not(.avatar),html.sidebar-compact #sidebar .sidebar-profile>button{display:none}
@media(max-width:760px){html.sidebar-compact .app-shell{display:block}}

/* Antrian keeps its own red-to-pink icon in every sidebar mode. */
html #sidebar #queueNav .nav-icon{
  background:linear-gradient(145deg,#ef303e 0%,#ff4876 55%,#ff79b0 100%)!important;
  color:#fff!important;
  box-shadow:inset 0 1px rgba(255,255,255,.4),0 5px 13px rgba(244,57,103,.22)!important;
}

/* Dense smartphone portrait layout; desktop, tablets and landscape retain their layout. */
@media (max-width:650px) and (orientation:portrait){
html[data-theme]:not(#legacy-theme) .workspace{padding:10px 8px!important}
html[data-theme]:not(#legacy-theme) .topbar{height:56px;gap:6px;padding:0 8px}
html[data-theme]:not(#legacy-theme) .topbar .page-heading h1{font-size:14px!important}
html[data-theme]:not(#legacy-theme) #workspace .queue-live-dashboard{gap:10px}
html[data-theme]:not(#legacy-theme) #workspace .queue-live-hero{padding:12px;gap:8px;border-radius:14px;flex-direction:row;align-items:center}
html[data-theme]:not(#legacy-theme) #workspace .queue-live-hero h2{font-size:20px;margin:3px 0}
html[data-theme]:not(#legacy-theme) #workspace .eyebrow{font-size:10px!important;margin-bottom:4px!important;letter-spacing:.08em}
html[data-theme]:not(#legacy-theme) #workspace .queue-live-indicator,html[data-theme]:not(#legacy-theme) #workspace .queue-table-live-meta .queue-live-indicator{width:max-content;max-width:100%;flex-wrap:nowrap;gap:6px;padding:6px 9px;border-radius:10px;font-size:12px;line-height:1.3}
html[data-theme]:not(#legacy-theme) #workspace .queue-live-indicator span,html[data-theme]:not(#legacy-theme) #workspace .queue-table-live-meta .queue-live-indicator span{width:auto;font-size:12px;white-space:nowrap}
html[data-theme]:not(#legacy-theme) #workspace .queue-live-indicator i,html[data-theme]:not(#legacy-theme) #workspace .queue-table-live-meta .queue-live-indicator i{width:6px;height:6px;box-shadow:0 0 0 3px #27c48818}
html[data-theme]:not(#legacy-theme) #workspace .queue-live-indicator i::after{box-shadow:0 0 4px 1px #27c488,0 0 8px 3px #27c48888}
html[data-theme]:not(#legacy-theme) #workspace .queue-live-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
html[data-theme]:not(#legacy-theme) #workspace .queue-live-stat{padding:8px 10px;border-radius:12px;border-top-width:2px;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:3px 6px}
html[data-theme]:not(#legacy-theme) #workspace .queue-live-stat p{font-size:12px;line-height:1.25;margin:0}
html[data-theme]:not(#legacy-theme) #workspace .queue-live-stat strong{font-size:23px;line-height:1.1;letter-spacing:-.03em}
html[data-theme]:not(#legacy-theme) #workspace .queue-live-stat small{grid-column:1/-1;margin:0;font-size:11px;line-height:1.3}
html[data-theme]:not(#legacy-theme) #workspace .queue-live-grid{gap:10px}
html[data-theme]:not(#legacy-theme) #workspace .queue-live-panel{padding:12px;border-radius:14px}
html[data-theme]:not(#legacy-theme) #workspace .queue-live-panel h3{font-size:16px;margin:2px 0 0}
html[data-theme]:not(#legacy-theme) #workspace .queue-live-panel-head{gap:4px;margin-bottom:10px}
html[data-theme]:not(#legacy-theme) #workspace .queue-live-panel-head>span,html[data-theme]:not(#legacy-theme) #workspace .queue-live-panel-head small{font-size:11px}
html[data-theme]:not(#legacy-theme) #workspace .queue-live-stages{gap:8px}
html[data-theme]:not(#legacy-theme) #workspace .queue-live-stages button,html[data-theme]:not(#legacy-theme) #workspace .queue-quality-stage{padding:4px 0;min-height:44px}
html[data-theme]:not(#legacy-theme) #workspace .queue-live-stage-name{gap:7px;margin-bottom:5px}
html[data-theme]:not(#legacy-theme) #workspace .queue-live-stage-name i{width:20px;height:20px;font-size:11px;border-radius:6px}
html[data-theme]:not(#legacy-theme) #workspace .queue-live-stage-name b{font-size:13px}
html[data-theme]:not(#legacy-theme) #workspace .queue-live-stage-name strong{font-size:16px}
html[data-theme]:not(#legacy-theme) #workspace .queue-live-bar{height:5px}
html[data-theme]:not(#legacy-theme) #workspace .queue-live-stage-summary{gap:2px 8px}
html[data-theme]:not(#legacy-theme) #workspace .queue-live-stages small{font-size:11px;line-height:1.3;margin-top:4px}
html[data-theme]:not(#legacy-theme) #workspace .queue-quality-stages{margin:12px 0 0;gap:10px}
html[data-theme]:not(#legacy-theme) #workspace .queue-comparison-layout{margin:12px 0;gap:10px}
html[data-theme]:not(#legacy-theme) #workspace .queue-live-legend{gap:8px}
html[data-theme]:not(#legacy-theme) #workspace .queue-live-legend>div{font-size:12px}
html[data-theme]:not(#legacy-theme) #workspace .queue-live-attention-items{margin:10px 0 0;gap:8px}
html[data-theme]:not(#legacy-theme) #workspace .queue-live-attention-items button{padding:10px;gap:4px}
html[data-theme]:not(#legacy-theme) #workspace .production-monthly>p,html[data-theme]:not(#legacy-theme) #workspace .production-monthly>small{font-size:11px;line-height:1.4}
html[data-theme]:not(#legacy-theme) #workspace .production-monthly-grid{gap:8px;grid-template-columns:repeat(6,minmax(200px,1fr))}
html[data-theme]:not(#legacy-theme) #workspace .production-monthly-card{padding:10px;border-radius:12px}
html[data-theme]:not(#legacy-theme) #workspace .production-monthly-card h4{font-size:13px;margin:0}
html[data-theme]:not(#legacy-theme) #workspace .monthly-chart{margin:18px 0 8px}
html[data-theme]:not(#legacy-theme) #workspace .queue-table-live-meta{gap:6px}
html[data-theme]:not(#legacy-theme) #workspace .production-queue-card-head{gap:8px;padding:8px!important}
html[data-theme]:not(#legacy-theme) #workspace .app-table-heading{padding:8px!important;gap:8px}
html[data-theme]:not(#legacy-theme) #workspace .app-table-title{font-size:18px!important}
html[data-theme]:not(#legacy-theme) #workspace .finished-stock-page{gap:16px}
html[data-theme]:not(#legacy-theme) #workspace .finished-stock-page>.account-division{gap:8px}
html[data-theme]:not(#legacy-theme) #workspace .app-consistent-table :is(th,td){padding:8px;font-size:12px}
}

/* Shared compact presentation across all smartphone portrait pages. */
@media (max-width:650px) and (orientation:portrait){
 html[data-theme]:not(#legacy-theme) #workspace{font-size:13px;line-height:1.4}
 html[data-theme]:not(#legacy-theme) #workspace :is(.panel,.crm-panel,.view-placeholder,.stock-table-card,.production-table-card,.printing-scan-card,.report-history,.report-date-toolbar,.custom-order-form,.spk-form,.spk-list-panel,.queue-group,.custom-queue,.theme-editor,.account-panel,.invoice-finder,.process-summary,.attention-panel,.spk-summary){padding:12px!important;border-radius:14px!important;min-height:0;min-width:0}
 html[data-theme]:not(#legacy-theme) #workspace :is(.request-overview-hero,.production-queue-hero,.stock-page-head,.custom-spk-head,.report-hero,.modern-command){padding:12px!important;border-radius:14px!important;gap:10px!important;min-height:0}
 html[data-theme]:not(#legacy-theme) #workspace :is(h1,h2){font-size:20px!important;line-height:1.25!important;margin-top:4px;margin-bottom:8px;overflow-wrap:anywhere}
 html[data-theme]:not(#legacy-theme) #workspace :is(h3,.app-table-title){font-size:17px!important;line-height:1.3!important}
 html[data-theme]:not(#legacy-theme) #workspace h4{font-size:14px!important;line-height:1.35}
 html[data-theme]:not(#legacy-theme) #workspace :is(.welcome-row,.summary-title,.panel-header,.account-panel>header,.theme-editor-head,.custom-queue-head,.request-overview-section-head){gap:8px;margin-bottom:10px;flex-wrap:wrap}
 html[data-theme]:not(#legacy-theme) #workspace :is(.service-grid,.crm-metrics,.request-overview-metrics,.metrics-grid,.account-role-list){display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;overflow:visible}
 html[data-theme]:not(#legacy-theme) #workspace :is(.metric-card,.crm-metrics article,.request-overview-metrics article,.service-card,.account-role-list article){min-width:0!important;min-height:0!important;padding:10px!important;border-radius:12px!important;gap:6px}
 html[data-theme]:not(#legacy-theme) #workspace :is(.metric-card,.crm-metrics article,.request-overview-metrics article) strong{font-size:23px!important;line-height:1.15}
 html[data-theme]:not(#legacy-theme) #workspace :is(.metric-card,.crm-metrics article,.request-overview-metrics article) p{font-size:12px!important;margin:4px 0}
 html[data-theme]:not(#legacy-theme) #workspace :is(.metric-card,.service-card) small{font-size:11px!important;line-height:1.35}
 html[data-theme]:not(#legacy-theme) #workspace .service-card b{font-size:14px!important}
 html[data-theme]:not(#legacy-theme) #workspace :is(.request-overview-service-icon,.metric-icon){width:28px!important;height:28px!important;border-radius:8px!important}
 html[data-theme]:not(#legacy-theme) #workspace :is(.request-overview-service-icon,.metric-icon) svg{width:18px;height:18px}
 html[data-theme]:not(#legacy-theme) #workspace :is(.request-overview-hero-note,.account-notice){padding:10px!important;font-size:12px;line-height:1.4;min-height:0}
 html[data-theme]:not(#legacy-theme) #workspace :is(.custom-fields,.print-ecer-fields,.account-fields,.theme-fields,.account-permissions){gap:10px!important;margin:10px 0!important;padding:0!important;grid-template-columns:minmax(0,1fr)!important}
 html[data-theme]:not(#legacy-theme) #workspace #spkForm.jahit-request-form .custom-fields{padding:10px!important;gap:10px!important}
 html[data-theme]:not(#legacy-theme) #workspace label{font-size:12px;line-height:1.35;gap:4px}
 html[data-theme]:not(#legacy-theme) :is(#workspace,.account-login) :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),select,textarea){font-size:16px!important;padding:8px 10px!important;border-radius:9px!important;max-width:100%;min-width:0;box-sizing:border-box}
 html[data-theme]:not(#legacy-theme) #workspace :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),select){min-height:42px;height:42px}
 html[data-theme]:not(#legacy-theme) #workspace .account-password-field input{padding-right:46px!important}
 html[data-theme]:not(#legacy-theme) #workspace :is(.primary-button,.secondary-button,.wide-button,.app-table-display-toggle,.account-row-actions>button,.finished-stock-actions>button){min-height:44px!important;height:auto;padding:8px 10px!important;font-size:13px!important;border-radius:10px!important;line-height:1.3}
 html[data-theme]:not(#legacy-theme) #workspace :is(.custom-queue-head,.production-queue-card-head,.app-table-heading){padding:8px!important;gap:6px!important}
 html[data-theme]:not(#legacy-theme) #workspace :is(.live-label,.custom-queue-head>span,.production-queue-card-head .live-label){font-size:12px!important;line-height:1.3}
 html[data-theme]:not(#legacy-theme) #workspace :is(.table-scroll,.account-table){margin-top:8px!important}
 html[data-theme]:not(#legacy-theme) #workspace table :is(th,td){padding:8px!important;font-size:12px!important;line-height:1.4}
 html[data-theme]:not(#legacy-theme) #workspace table :is(.status,small){font-size:11px!important}
 html[data-theme]:not(#legacy-theme) #workspace .account-thumb{width:36px;height:36px;border-radius:9px}
 html[data-theme]:not(#legacy-theme) #workspace .account-photo{width:72px;height:72px;border-radius:14px}
 html[data-theme]:not(#legacy-theme) #workspace .account-division{margin-top:16px}
 html[data-theme]:not(#legacy-theme) #workspace :is(.theme-picker,.theme-effects){gap:8px!important}
 html[data-theme]:not(#legacy-theme) #workspace .theme-mini{height:64px;padding:8px}
 html[data-theme]:not(#legacy-theme) #workspace :is(.theme-editor-footer,.account-panel footer){gap:8px;margin-top:12px;flex-wrap:wrap}
 html[data-theme]:not(#legacy-theme) #workspace .view-placeholder p{font-size:13px;line-height:1.5}
 html[data-theme]:not(#legacy-theme) :is(#workspace,body) dialog{max-width:calc(100vw - 16px)!important;max-height:calc(100dvh - 16px)!important;border-radius:14px!important;box-sizing:border-box}
 html[data-theme]:not(#legacy-theme) #workspace dialog.account-modal{padding:12px!important}
 html[data-theme]:not(#legacy-theme) :is(#workspace,body) dialog :is(.detail-modal-head,.detail-modal-body,.history-detail-body,.dialog-head){padding:12px!important;gap:10px!important}
 html[data-theme]:not(#legacy-theme) :is(#workspace,body) dialog.app-detail-modal :is(.detail-modal-head,header) :is(h2,.eyebrow){font-size:20px!important;line-height:1.3!important}
 html[data-theme]:not(#legacy-theme) :is(#workspace,body) dialog.app-detail-modal :is(.detail-modal-body dt,.history-facts small){font-size:11px!important}
 html[data-theme]:not(#legacy-theme) :is(#workspace,body) dialog.app-detail-modal :is(.detail-modal-body dd,.history-facts strong){font-size:14px!important}
 html[data-theme]:not(#legacy-theme) :is(#workspace,body) dialog :is(.detail-modal-body dl,.history-facts){gap:8px!important}
 html[data-theme]:not(#legacy-theme) :is(#workspace,body) dialog.app-detail-modal :is(.production-audit,.history-timeline) h3{font-size:16px!important}
 html[data-theme]:not(#legacy-theme) :is(#workspace,body) dialog.app-detail-modal :is(.production-audit,.history-timeline) article b{font-size:13px!important}
 html[data-theme]:not(#legacy-theme) :is(#workspace,body) dialog :is(footer,.detail-modal-actions){gap:8px!important;margin-top:12px!important;flex-wrap:wrap}
 html[data-theme]:not(#legacy-theme) :is(#workspace,body) dialog :is(footer,.detail-modal-actions) button{min-height:44px!important;padding:10px 12px!important;font-size:14px!important;line-height:1.35!important;border-radius:10px!important}
 html[data-theme]:not(#legacy-theme) .account-login{padding:20px;gap:12px;border-radius:16px}
 html[data-theme]:not(#legacy-theme) .account-login img{width:120px}
 html[data-theme]:not(#legacy-theme) .account-login h1{font-size:22px}
}

/* Mobile flow / classification panels at 45% of their normal size. */
@media (max-width:650px) and (orientation:portrait){
 html[data-theme]:not(#legacy-theme) #workspace :is(.production-flow,.production-flow-mini,.stock-flow){zoom:.45;margin-top:12px!important;margin-bottom:16px!important}
 html[data-theme]:not(#legacy-theme) #workspace .flow-steps{display:flex;flex-wrap:wrap;gap:8px}
 html[data-theme]:not(#legacy-theme) #workspace .flow-step{flex-shrink:0}
}

/* Tight vertical rhythm on smartphone portrait pages. */
@media (max-width:650px) and (orientation:portrait){
 html[data-theme]:not(#legacy-theme) #workspace{padding-top:6px!important;padding-bottom:12px!important}
 html[data-theme]:not(#legacy-theme) #workspace :is(.spk-form-head,.custom-request-heading,.custom-order-head,.report-section-head,.stock-page-head,.production-queue-hero){padding:8px 10px!important;margin-top:0!important;margin-bottom:6px!important;min-height:0!important}
 html[data-theme]:not(#legacy-theme) #workspace :is(.spk-form-head,.custom-request-heading,.custom-order-head,.report-section-head,.stock-page-head,.production-queue-hero) :is(h2,h3,p){margin-top:0!important;margin-bottom:4px!important}
 html[data-theme]:not(#legacy-theme) #workspace :is(.production-flow,.production-flow-mini,.stock-flow){margin-top:0!important;margin-bottom:10px!important}
 html[data-theme]:not(#legacy-theme) #workspace :is(.request-overview,.custom-spk-page,.production-queue-page,.report-page,.stock-page,.finished-stock-page,.queue-live-dashboard){row-gap:8px!important}
 html[data-theme]:not(#legacy-theme) #workspace :is(.custom-order-form,.custom-queue,.production-table-card,.stock-table-card,.report-history,.report-date-toolbar,.account-division,.request-overview-services){margin-top:8px!important;margin-bottom:8px!important}
 html[data-theme]:not(#legacy-theme) #workspace :is(.custom-form-body,.print-ecer-layout,.print-ecer-main,.print-ecer-side,.custom-media){gap:8px!important;padding-top:8px!important;padding-bottom:8px!important}
 html[data-theme]:not(#legacy-theme) #workspace :is(.custom-fields,.print-ecer-fields,.account-fields){margin-top:6px!important;margin-bottom:6px!important;row-gap:8px!important}
 html[data-theme]:not(#legacy-theme) #workspace :is(.request-overview-hero-actions,.theme-editor-footer,.account-panel footer){margin-top:8px!important}
 html[data-theme]:not(#legacy-theme) #workspace :is(.panel-header,.summary-title,.account-panel>header,.theme-editor-head){margin-bottom:6px!important;padding-bottom:6px!important}
}

/* Mobile form alignment and smaller table heading controls. */
@media (max-width:650px) and (orientation:portrait){
 html[data-theme]:not(#legacy-theme) #workspace :is(.custom-order-form,.spk-form) :is(header,.custom-form-body,.print-ecer-layout,.print-ecer-main,.print-ecer-fields,.custom-fields,.print-ecer-header-main,.stock-picker-field,.stock-search){text-align:left!important;min-width:0!important;max-width:100%;box-sizing:border-box}
 html[data-theme]:not(#legacy-theme) #workspace :is(.custom-order-form,.spk-form)>header{padding:10px!important;margin:0 0 8px!important}
 html[data-theme]:not(#legacy-theme) #workspace :is(.print-ecer-header-main,.stock-picker-field,.stock-search,.custom-fields,.print-ecer-fields){margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important;width:100%!important}
 html[data-theme]:not(#legacy-theme) #workspace :is(.custom-form-body,.print-ecer-layout,.print-ecer-main){padding-left:0!important;padding-right:0!important}
 html[data-theme]:not(#legacy-theme) #workspace :is(.custom-order-form,.spk-form) label{text-align:left!important;justify-items:stretch}
 html[data-theme]:not(#legacy-theme) #workspace :is(.custom-order-form,.spk-form)>footer{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:8px!important;padding:10px 0!important;margin:0!important;width:100%}
 html[data-theme]:not(#legacy-theme) #workspace :is(.custom-order-form,.spk-form)>footer p{text-align:center!important;margin:0!important;font-size:11px!important}
 html[data-theme]:not(#legacy-theme) #workspace :is(.custom-order-form,.spk-form) button[type=submit]{align-self:center!important;margin-inline:auto!important;width:min(190px,100%)!important;min-height:44px!important}
 html[data-theme]:not(#legacy-theme) #workspace .app-table-heading{zoom:.6;width:auto!important;gap:8px!important;margin-bottom:6px!important}
}

/* QR scan occupies the former pair of topbar action buttons. */
html[data-theme]:not(#legacy-theme) .topbar #scanQrButton{flex:0 0 280px;width:280px;justify-content:center}
@media(max-width:760px){
 html[data-theme]:not(#legacy-theme) .topbar .page-heading{flex:1 1 0;min-width:0;margin-right:0}
 html[data-theme]:not(#legacy-theme) .topbar .page-heading h1{overflow-wrap:anywhere}
 html[data-theme]:not(#legacy-theme) .topbar #scanQrButton{flex:0 0 40%;width:40%;padding:10px 8px;font-size:14px}
 html[data-theme]:not(#legacy-theme) .topbar #menuButton{flex-shrink:0}
}

/* One-line production summary on mobile. */
@media(max-width:760px){
 html[data-theme]:not(#legacy-theme) #workspace .stage-summary{display:flex;align-items:center;flex-wrap:nowrap;gap:7px;width:100%;min-width:0;padding:8px 10px;border-radius:10px!important;overflow-x:auto}
 html[data-theme]:not(#legacy-theme) #workspace .stage-summary :is(span,strong,small){display:inline-block;flex-shrink:0;white-space:nowrap;margin:0;line-height:1.3}
 html[data-theme]:not(#legacy-theme) #workspace .stage-summary span{font-size:11px}
 html[data-theme]:not(#legacy-theme) #workspace .stage-summary strong{font-size:18px}
 html[data-theme]:not(#legacy-theme) #workspace .stage-summary small{font-size:11px;margin-left:auto}
}

/* Use the remaining mobile topbar width for Scan QR with minimal side gutters. */
@media(max-width:760px){
 html[data-theme]:not(#legacy-theme) .topbar{padding-left:max(4px,env(safe-area-inset-left));padding-right:max(4px,env(safe-area-inset-right));gap:4px}
 html[data-theme]:not(#legacy-theme) .topbar #scanQrButton{flex:1 1 40%;width:auto;min-width:0;margin-left:0;margin-right:0;padding-left:4px;padding-right:4px}
}

/* Mobile Scan QR follows its content with a 20px inset on each side. */
@media(max-width:760px){
 html[data-theme]:not(#legacy-theme) .topbar #scanQrButton{flex:0 0 auto;width:max-content;max-width:100%;padding:10px 20px;margin-left:auto;margin-right:0;justify-content:center}
}

/* Mobile search and QR share the second topbar row on every page. */
@media(max-width:760px){
 html[data-theme]:not(#legacy-theme) .topbar{display:grid;grid-template-columns:44px minmax(0,1fr) max-content;height:auto;min-height:104px;padding-top:4px;padding-bottom:4px;gap:4px 6px}
 html[data-theme]:not(#legacy-theme) .topbar #menuButton{grid-column:1;grid-row:1}
 html[data-theme]:not(#legacy-theme) .topbar .page-heading{grid-column:2/-1;grid-row:1;margin:0;min-width:0}
 html[data-theme]:not(#legacy-theme) .topbar .search-box{display:flex!important;grid-column:1/3;grid-row:2;width:100%;min-width:0;height:44px;margin:0;padding:0 8px;gap:5px}
 html[data-theme]:not(#legacy-theme) .topbar .search-box input{font-size:16px;width:100%;height:42px;padding-right:32px!important}
 html[data-theme]:not(#legacy-theme) .topbar .search-box .search-clear-button{width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;padding:0!important;font-size:20px!important;right:0!important}
 html[data-theme]:not(#legacy-theme) .topbar #scanQrButton{grid-column:3;grid-row:2;margin:0;min-height:44px}
}

@media(max-width:760px){
 html[data-theme]:not(#legacy-theme) .topbar{grid-template-columns:44px minmax(0,1fr) 60px max-content}
 html[data-theme]:not(#legacy-theme) .topbar .search-box{grid-column:3;width:60px;max-width:60px}
 html[data-theme]:not(#legacy-theme) .topbar #scanQrButton{grid-column:4}
 html[data-theme]:not(#legacy-theme) .topbar .search-box>span:not(.clearable-search-field){display:none}
 html[data-theme]:not(#legacy-theme) .topbar .search-box input{padding-right:0!important}
 html[data-theme]:not(#legacy-theme) .topbar .search-box:has(.search-clear-button:not(.is-empty)) input{padding-right:28px!important}
}

/* Mobile title and 150px search share one row; QR remains directly below. */
@media(max-width:760px){
 html[data-theme]:not(#legacy-theme) .topbar{grid-template-columns:36px minmax(0,1fr) 150px;column-gap:4px}
 html[data-theme]:not(#legacy-theme) .topbar #menuButton{width:36px;grid-column:1;grid-row:1}
 html[data-theme]:not(#legacy-theme) .topbar .page-heading{grid-column:2;grid-row:1;align-self:center}
 html[data-theme]:not(#legacy-theme) .topbar .page-heading h1{font-size:13px!important;line-height:1.25}
 html[data-theme]:not(#legacy-theme) .topbar .search-box{grid-column:3;grid-row:1;width:150px;max-width:150px;align-self:center}
 html[data-theme]:not(#legacy-theme) .topbar #scanQrButton{grid-column:3;grid-row:2;justify-self:end}
}

/* Keep mobile page title, search and QR aligned in a single row. */
@media(max-width:760px){
 html[data-theme]:not(#legacy-theme) .topbar{display:grid;grid-template-columns:32px minmax(0,1fr) minmax(80px,150px) max-content;min-height:56px;height:auto;gap:4px;padding-top:4px;padding-bottom:4px;align-items:center}
 html[data-theme]:not(#legacy-theme) .topbar #menuButton{grid-column:1;grid-row:1;width:32px}
 html[data-theme]:not(#legacy-theme) .topbar .page-heading{grid-column:2;grid-row:1;min-width:0}
 html[data-theme]:not(#legacy-theme) .topbar .page-heading h1{font-size:12px!important;line-height:1.2;margin:0;overflow-wrap:normal}
 html[data-theme]:not(#legacy-theme) .topbar .search-box{grid-column:3;grid-row:1;width:100%;max-width:150px;min-width:0}
 html[data-theme]:not(#legacy-theme) .topbar #scanQrButton{grid-column:4;grid-row:1;justify-self:end;font-size:12px;gap:4px;padding:10px 20px}
}

/* Color-coded direct production shortcuts in the mobile bottom bar. */
@media(max-width:760px){
 html[data-theme]:not(#legacy-theme) .mobile-bottom-nav button{color:var(--mobile-stage)!important;background:color-mix(in srgb,var(--mobile-stage) 9%,var(--ui-surface,#fff))!important;border:1px solid transparent;gap:4px;margin:0 2px}
 html[data-theme]:not(#legacy-theme) .mobile-bottom-nav button span{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:linear-gradient(135deg,var(--mobile-stage),color-mix(in srgb,var(--mobile-stage) 65%,white));color:white;font-size:17px}
 html[data-theme]:not(#legacy-theme) .mobile-bottom-nav button small{font-size:10px;line-height:1.15;font-weight:800;white-space:nowrap}
 html[data-theme]:not(#legacy-theme) .mobile-bottom-nav button.active{background:color-mix(in srgb,var(--mobile-stage) 22%,var(--ui-surface,#fff))!important;border-color:var(--mobile-stage);box-shadow:inset 0 -3px var(--mobile-stage)}
}

/* Mobile process rows use the full available width on every page. */
@media (max-width:760px){
 html[data-theme]:not(#legacy-theme) #workspace .production-flow-mini{align-self:stretch;min-width:0;justify-content:space-between}
 html[data-theme]:not(#legacy-theme) #workspace .production-flow-mini>span{flex:1 1 0;min-width:0;justify-content:center;white-space:normal;text-align:center}
 html[data-theme]:not(#legacy-theme) #workspace .production-flow-mini>b{flex:0 0 auto}
 html[data-theme]:not(#legacy-theme) #workspace .production-flow .flow-steps{width:100%;justify-content:space-between}
 html[data-theme]:not(#legacy-theme) #workspace .production-flow .flow-step{flex:1 1 auto;justify-content:center}
 html[data-theme]:not(#legacy-theme) #workspace .stock-flow{justify-content:space-between}
 html[data-theme]:not(#legacy-theme) #workspace .stock-flow>span{flex:1 1 auto;text-align:center}
}

/* Mobile queue headings: title and clock above, actions and status below. */
@media(max-width:760px){
 html[data-theme]:not(#legacy-theme) #workspace .production-queue-card-head:has(.queue-table-live-meta){display:grid!important;grid-template-columns:minmax(0,1fr) max-content;align-items:center!important;gap:8px!important}
 html[data-theme]:not(#legacy-theme) #workspace .production-queue-card-head>.queue-table-live-meta{display:contents!important}
 html[data-theme]:not(#legacy-theme) #workspace .production-queue-card-head:has(.queue-table-live-meta)>div:first-child{grid-column:1;grid-row:1;min-width:0}
 html[data-theme]:not(#legacy-theme) #workspace .queue-table-live-meta>.queue-live-indicator{grid-column:2;grid-row:1;justify-self:end;margin:0!important;white-space:nowrap}
 html[data-theme]:not(#legacy-theme) #workspace .queue-table-live-meta>.app-table-full-view{grid-column:1;grid-row:2;justify-self:start}
 html[data-theme]:not(#legacy-theme) #workspace .queue-table-live-meta>.live-label{grid-column:2;grid-row:2;justify-self:end;text-align:right;margin:0!important}
}

/* Enlarge the mobile queue clock and active-production status by 50%. */
@media(max-width:760px){
 html[data-theme]:not(#legacy-theme) #workspace .queue-table-live-meta>.queue-live-indicator,
 html[data-theme]:not(#legacy-theme) #workspace .queue-table-live-meta>.live-label{zoom:1.5}
}

/* Keep every mobile table readable; scroll instead of squeezing columns. */
@media(max-width:760px){
 html[data-theme]:not(#legacy-theme) #workspace .table-scroll{max-width:100%;min-width:0;overflow-x:auto!important;-webkit-overflow-scrolling:touch}
 html[data-theme]:not(#legacy-theme) #workspace table{table-layout:auto!important;width:max-content!important;min-width:100%!important;max-width:none!important}
 html[data-theme]:not(#legacy-theme) #workspace table :is(th,td){width:auto!important;max-width:none!important;white-space:nowrap!important;overflow-wrap:normal!important;word-break:normal!important}
 html[data-theme]:not(#legacy-theme) #workspace table :is(th,td) :is(button,a,strong,b,span,small){overflow-wrap:normal!important;word-break:normal!important}
 html[data-theme]:not(#legacy-theme) #workspace table :is(.status,.queue-priority-select,.table-sort-button){white-space:nowrap!important;min-width:max-content}
 html[data-theme]:not(#legacy-theme) #workspace table .table-sort-button{gap:12px}
}

/* Keep the shared mobile header pinned while the document scrolls. */
@media(max-width:760px){
 html[data-theme]:not(#legacy-theme),html[data-theme]:not(#legacy-theme) body{overflow-x:clip;overflow-y:visible}
 html[data-theme]:not(#legacy-theme) .topbar{position:sticky!important;top:0!important;z-index:30;isolation:isolate}
}

/* Shared mobile table rhythm across production, requests, stock and reports. */
@media(max-width:760px){
 html[data-theme]:not(#legacy-theme) #workspace table thead tr,
 html[data-theme]:not(#legacy-theme) #workspace table thead th{height:44px!important}
 html[data-theme]:not(#legacy-theme) #workspace table thead th{padding:8px 12px!important;font-size:12px!important;line-height:18px!important;vertical-align:middle!important;box-sizing:border-box!important}
 html[data-theme]:not(#legacy-theme) #workspace table thead .table-sort-button{min-height:28px!important;height:28px!important;padding:0!important;font-size:inherit!important;line-height:18px!important;align-items:center}
 html[data-theme]:not(#legacy-theme) #workspace table tbody tr,
 html[data-theme]:not(#legacy-theme) #workspace table tbody td{height:60px!important}
 html[data-theme]:not(#legacy-theme) #workspace table tbody td{padding:8px 12px!important;line-height:18px!important;vertical-align:middle!important;box-sizing:border-box!important}
}

/* Mobile detail dialogs stack sections without fixed grid tracks or overlap. */
@media(max-width:760px){
 html[data-theme]:not(#legacy-theme) #workspace dialog.app-detail-modal :is(.detail-modal-body,.history-detail-body){display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:12px!important;min-height:0!important;overflow:auto!important}
 html[data-theme]:not(#legacy-theme) #workspace dialog.app-detail-modal :is(.detail-modal-body,.history-detail-body)>*{flex:0 0 auto!important;grid-area:auto!important;position:static!important;min-width:0!important;max-width:100%!important;margin:0!important}
 html[data-theme]:not(#legacy-theme) #workspace dialog.app-detail-modal :is(.custom-detail-media,.jahit-detail-products){display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important;height:auto!important;max-height:none!important;overflow:visible!important}
 html[data-theme]:not(#legacy-theme) #workspace dialog.app-detail-modal figure{height:auto!important;min-height:0!important;max-height:none!important;margin:0!important}
 html[data-theme]:not(#legacy-theme) #workspace dialog.app-detail-modal figure img{display:block!important;position:static!important;width:100%!important;height:200px!important;max-width:100%!important;object-fit:contain!important}
 html[data-theme]:not(#legacy-theme) #workspace dialog.app-detail-modal :is(.production-audit,.history-timeline){height:auto!important;max-height:none!important;overflow:visible!important}
}

/* Equal mobile popup actions, with PDF downloads last. */
@media(max-width:760px){
 html[data-theme]:not(#legacy-theme) body dialog.app-modal :is(footer,.detail-modal-actions){display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:8px!important}
 html[data-theme]:not(#legacy-theme) body dialog.app-modal :is(footer,.detail-modal-actions)>button{width:100%!important;flex:0 0 auto!important;min-height:44px!important;height:auto!important;padding:10px 12px!important;font-size:14px!important;line-height:1.35!important;box-sizing:border-box!important;margin-inline:0!important}
 html[data-theme]:not(#legacy-theme) body dialog.app-modal :is(footer,.detail-modal-actions)>.app-pdf-download{order:100!important}
}

/* Report table search caption and scope note share the heading row. */
html[data-theme]:not(#legacy-theme) #workspace .report-table-search>label{width:100%;min-width:0}
html[data-theme]:not(#legacy-theme) #workspace .report-search-caption{display:flex;align-items:baseline;justify-content:space-between;gap:24px;width:100%}
html[data-theme]:not(#legacy-theme) #workspace .report-search-caption>span{flex-shrink:0}
html[data-theme]:not(#legacy-theme) #workspace .report-search-caption>small{margin:0;text-align:right;font-weight:400}

/* Production reports place completion status above the full-table control. */
html[data-theme]:not(#legacy-theme) #workspace .report-category-table .report-table-display-actions{display:flex;flex-direction:column;align-items:flex-end;gap:12px}
html[data-theme]:not(#legacy-theme) #workspace .report-category-table .report-table-display-actions .report-live{margin:0}
html[data-theme]:not(#legacy-theme) #workspace .report-category-table .report-head-actions:empty{display:none}

/* Mobile report controls stay within the viewport, including native date inputs. */
@media(max-width:760px){
 html[data-theme]:not(#legacy-theme) #workspace .report-page,
 html[data-theme]:not(#legacy-theme) #workspace .report-page>*{min-width:0!important;max-width:100%;box-sizing:border-box}
 html[data-theme]:not(#legacy-theme) #workspace .report-date-toolbar{display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:100%;gap:10px!important}
 html[data-theme]:not(#legacy-theme) #workspace .report-date-toolbar>div{grid-column:1!important;min-width:0;align-items:center}
 html[data-theme]:not(#legacy-theme) #workspace .report-date-toolbar label{min-width:0!important;width:100%;grid-column:1!important}
 html[data-theme]:not(#legacy-theme) #workspace .report-date-toolbar>div label{flex:1 1 0}
 html[data-theme]:not(#legacy-theme) #workspace .report-date-toolbar :is(input,select){display:block;width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box}
 html[data-theme]:not(#legacy-theme) #workspace .report-date-toolbar>span{display:none!important}
 html[data-theme]:not(#legacy-theme) #workspace .report-date-toolbar small{grid-column:1!important;min-width:0;white-space:normal;overflow-wrap:anywhere;margin:0}
}

/* Report search inputs follow their prompt width instead of the full table. */
html[data-theme]:not(#legacy-theme) #workspace .report-table-search .clearable-search-field{width:calc(25ch + 60px);max-width:100%;flex:none;font-size:16px;box-sizing:border-box}
html[data-theme]:not(#legacy-theme) #workspace .report-table-search input{width:100%;min-width:0;box-sizing:border-box}

/* Keep the report search panel as compact as its input. */
html[data-theme]:not(#legacy-theme) #workspace .report-table-search{width:fit-content;max-width:100%;align-self:start;justify-self:start;box-sizing:border-box}
html[data-theme]:not(#legacy-theme) #workspace .report-table-search>label{width:calc(25ch + 60px);max-width:100%;min-width:0;font-size:16px;box-sizing:border-box}
html[data-theme]:not(#legacy-theme) #workspace .report-search-caption{font-size:12px;gap:24px}

/* One shared width keeps report search input and caption inside their panel. */
html[data-theme]:not(#legacy-theme) #workspace .report-table-search{width:340px;max-width:100%;padding:12px!important;display:block!important}
html[data-theme]:not(#legacy-theme) #workspace .report-table-search>label{display:grid;width:100%!important;max-width:100%;min-width:0;gap:8px}
html[data-theme]:not(#legacy-theme) #workspace .report-table-search .clearable-search-field{width:100%!important;max-width:100%;min-width:0}
html[data-theme]:not(#legacy-theme) #workspace .report-search-caption{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:16px;width:100%;min-width:0;font-size:12px}
html[data-theme]:not(#legacy-theme) #workspace .report-search-caption>small{min-width:0;font-size:10px;line-height:1.3;white-space:normal;text-align:right}
html[data-theme]:not(#legacy-theme) #workspace .report-table-search input{font-size:14px!important;padding-left:10px!important;padding-right:44px!important}

/* Report search and full-view action share a row directly above each table. */
html[data-theme]:not(#legacy-theme) #workspace .report-table-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:14px 0 10px;min-width:0}
html[data-theme]:not(#legacy-theme) #workspace .report-table-controls .report-table-search{margin:0!important}
html[data-theme]:not(#legacy-theme) #workspace .report-table-controls .app-table-display-toolbar{margin:0 0 0 auto!important;padding:0!important;align-self:center}

/* Mobile report actions always occupy a visible row below the search box. */
@media(max-width:760px){
 html[data-theme]:not(#legacy-theme) #workspace .report-table-controls{display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:100%;max-width:100%;gap:8px!important}
 html[data-theme]:not(#legacy-theme) #workspace .report-table-controls .report-table-search{width:100%;max-width:340px}
 html[data-theme]:not(#legacy-theme) #workspace .report-table-controls .app-table-display-toolbar{display:flex!important;width:100%;max-width:100%;justify-content:flex-end!important;margin:0!important;visibility:visible!important}
 html[data-theme]:not(#legacy-theme) #workspace .report-table-controls .app-table-full-view{display:inline-flex!important;align-items:center;justify-content:center;min-height:44px;max-width:100%;font-size:13px;padding:10px 14px;visibility:visible!important}
}
@media(max-width:760px){
 html[data-theme]:not(#legacy-theme) #workspace .report-page :is(.report-table-list,.report-category-stage,.report-category-table,.report-history,.lis-report-section,.report-table-controls){min-width:0!important;width:100%!important;max-width:100%!important;box-sizing:border-box}
 html[data-theme]:not(#legacy-theme) #workspace .report-page .table-scroll{width:100%!important;min-width:0!important;max-width:100%!important}
}

/* Compact report cards on phones, with search and full-view action side by side. */
@media(max-width:760px){
 html[data-theme]:not(#legacy-theme) #workspace .report-category-table{padding:10px!important}
 html[data-theme]:not(#legacy-theme) #workspace .report-category-table .report-section-head{zoom:1;display:flex!important;align-items:center!important;justify-content:space-between;gap:8px!important;padding:0!important;margin:0 0 8px!important}
 html[data-theme]:not(#legacy-theme) #workspace .report-category-table .report-section-head>div:first-child{min-width:0;flex:1}
 html[data-theme]:not(#legacy-theme) #workspace .report-category-table .report-section-head h3{font-size:17px!important;line-height:1.25!important;margin:3px 0!important}
 html[data-theme]:not(#legacy-theme) #workspace .report-category-table .report-section-head p{font-size:11px!important;margin:3px 0!important}
 html[data-theme]:not(#legacy-theme) #workspace .report-head-actions{margin:0!important;gap:6px!important}
 html[data-theme]:not(#legacy-theme) #workspace .report-downloads{display:flex;gap:5px!important}
 html[data-theme]:not(#legacy-theme) #workspace .report-downloads button{padding:8px!important;min-height:36px!important;font-size:12px!important;white-space:nowrap}
 html[data-theme]:not(#legacy-theme) #workspace .report-table-controls{grid-template-columns:minmax(0,1fr) max-content!important;gap:8px!important;margin:0 0 8px!important;align-items:end}
 html[data-theme]:not(#legacy-theme) #workspace .report-table-controls .report-table-search{padding:8px!important;max-width:100%!important}
 html[data-theme]:not(#legacy-theme) #workspace .report-search-caption{gap:8px;font-size:11px}
 html[data-theme]:not(#legacy-theme) #workspace .report-search-caption>small{font-size:9px}
 html[data-theme]:not(#legacy-theme) #workspace .report-table-controls .app-table-display-toolbar{width:auto!important;align-self:end!important;padding-bottom:8px!important}
 html[data-theme]:not(#legacy-theme) #workspace .report-table-controls .app-table-full-view{min-height:42px!important;font-size:11px!important;padding:8px!important}
 html[data-theme]:not(#legacy-theme) #workspace .report-category-table .table-scroll{margin-top:0!important}
}

/* Compact sidebar submenu choices remain circles without expanding the sidebar. */
.compact-submenu-circles{position:fixed;z-index:60;display:grid;grid-template-columns:repeat(2,48px);gap:12px;padding:14px;border:1px solid #c3cbd6;border-radius:22px;background:#eef1f6f5;box-shadow:0 10px 30px #253c6033;max-width:calc(100vw - 16px)}
.compact-submenu-circle{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;border:1px solid #b3becd;background:linear-gradient(145deg,#e4e7ed,#c5ccd6);color:#34445a;font:700 16px/1 inherit;cursor:pointer;box-shadow:inset 0 1px 0 #ffffffb3}
.compact-submenu-circle:hover,.compact-submenu-circle:focus-visible{background:#b7c2d2;outline:2px solid #71849f;outline-offset:2px}

/* Compact submenus unfold vertically between their parent and the next icon. */
html.sidebar-compact .compact-submenu-circles{position:static;display:flex;flex-direction:column;align-items:center;gap:18px;padding:12px 0 18px;margin:0;width:100%;max-width:none;border:0;border-radius:0;background:transparent;box-shadow:none}
html.sidebar-compact .compact-submenu-circle{flex:none;width:22px;height:22px;min-width:22px;min-height:22px;padding:0;border:0;border-radius:50%;background:#999;box-shadow:none}
html.sidebar-compact .compact-submenu-circle:hover,html.sidebar-compact .compact-submenu-circle:focus-visible{background:#757575;outline:2px solid #bec8d6;outline-offset:3px}

/* Smaller light gradient submenu dots, with a comfortable invisible hit area. */
html.sidebar-compact .compact-submenu-circles{flex:none;gap:12px;padding:8px 0 12px}
html.sidebar-compact .compact-submenu-circle{position:relative;width:16px;height:16px;min-width:16px;min-height:16px;background:linear-gradient(145deg,#d3d8df 0%,#eef1f5 55%,#fff 100%);border:1px solid #c8d0da;box-shadow:inset 0 1px 1px #fff,0 2px 4px #60738e22}
html.sidebar-compact .compact-submenu-circle::after{content:"";position:absolute;inset:-6px;border-radius:50%}
html.sidebar-compact .compact-submenu-circle:hover,html.sidebar-compact .compact-submenu-circle:focus-visible{background:linear-gradient(145deg,#bac5d3,#fff);outline:2px solid #8fa4bf;outline-offset:3px}

/* Colorful compact submenu dots follow the production stage palette. */
html.sidebar-compact .compact-submenu-circle{--dot-tone:#1687fa;background:linear-gradient(145deg,var(--dot-tone),color-mix(in srgb,var(--dot-tone) 35%,white));border-color:color-mix(in srgb,var(--dot-tone) 65%,white)}
html.sidebar-compact .compact-submenu-circle:nth-child(6n+2){--dot-tone:#ff4c79}
html.sidebar-compact .compact-submenu-circle:nth-child(6n+3){--dot-tone:#27b965}
html.sidebar-compact .compact-submenu-circle:nth-child(6n+4){--dot-tone:#b365e6}
html.sidebar-compact .compact-submenu-circle:nth-child(6n+5){--dot-tone:#efa91b}
html.sidebar-compact .compact-submenu-circle:nth-child(6n){--dot-tone:#16b6c7}
html.sidebar-compact .compact-submenu-circle:hover,html.sidebar-compact .compact-submenu-circle:focus-visible{background:linear-gradient(145deg,var(--dot-tone),color-mix(in srgb,var(--dot-tone) 55%,white));outline-color:var(--dot-tone)}

/* Double the spacing between compact submenu circles. */
html.sidebar-compact .compact-submenu-circles{gap:24px}

.cutting-worker-preview{display:flex;align-items:center;gap:12px;padding:10px;margin-top:8px;border:1px solid #c8d8e8;border-radius:12px;background:#f4f9ff;color:#203750;text-transform:none}
.cutting-worker-preview img{width:72px;height:72px;object-fit:cover;border-radius:12px;flex:none}
.cutting-worker-preview strong,.cutting-worker-preview small{display:block;line-height:1.4}
.cutting-worker-preview small{font-size:12px;font-weight:400;margin-top:4px}
@media(max-width:760px){.cutting-worker-preview img{width:56px;height:56px}.cutting-worker-preview{padding:8px;gap:10px}}

/* Align reject fields independently of the selected worker photo height. */
html[data-theme]:not(#legacy-theme) #workspace dialog .production-reject-panel{align-items:start!important}
html[data-theme]:not(#legacy-theme) #workspace dialog .production-reject-panel .cut-reject-fields{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start!important;gap:16px!important;min-width:0}
html[data-theme]:not(#legacy-theme) #workspace dialog .production-reject-panel .cut-reject-fields>label{display:grid!important;align-self:start!important;align-content:start!important;gap:8px!important;min-width:0;margin:0}
html[data-theme]:not(#legacy-theme) #workspace dialog .production-reject-panel .cut-reject-fields>label:has(textarea){grid-column:1/-1}
html[data-theme]:not(#legacy-theme) #workspace dialog .production-reject-panel .cut-reject-fields :is(input,select,textarea){width:100%;min-width:0;box-sizing:border-box;margin:0!important}
html[data-theme]:not(#legacy-theme) #workspace dialog .production-reject-panel .cutting-worker-preview{margin-top:4px;min-width:0;flex-wrap:wrap}
html[data-theme]:not(#legacy-theme) #workspace dialog .production-reject-panel .cutting-worker-preview>span{min-width:0;flex:1;overflow-wrap:anywhere}
@media(max-width:760px){
 html[data-theme]:not(#legacy-theme) #workspace dialog .production-reject-panel{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important}
 html[data-theme]:not(#legacy-theme) #workspace dialog .production-reject-panel .cut-reject-fields{grid-template-columns:minmax(0,1fr)!important;gap:12px!important}
}

/* Plain-bag sewing uses the shared worker/reject fields in a full-width panel. */
html[data-theme]:not(#legacy-theme) #workspace dialog.jahit-detail-modal .jahit-polos-reject-panel{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-column:1/span 2!important;grid-row:auto!important;gap:16px!important;align-items:start!important;min-width:0}
html[data-theme]:not(#legacy-theme) #workspace dialog.jahit-detail-modal .jahit-polos-reject-panel>div:first-child :is(h3,p){margin-top:0;margin-bottom:8px}
@media(max-width:760px){html[data-theme]:not(#legacy-theme) #workspace dialog.jahit-detail-modal .jahit-polos-reject-panel{grid-column:1!important;gap:12px!important}}

/* Keep sign out directly below the sidebar profile in both menu sizes. */
html #sidebar .sidebar-profile{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px}
html #sidebar .sidebar-profile .sidebar-logout{grid-column:1/-1;width:100%;min-height:36px;padding:8px 12px;border:1px solid var(--ui-border,#b9cde0);border-radius:10px;background:var(--glass-raised,#ffffff90);color:var(--ui-nav-text,#14233a);font-size:13px;font-weight:700;cursor:pointer}
html #sidebar .sidebar-profile .sidebar-logout:hover{background:var(--ui-raised,#dbeaff)}
html #sidebar .sidebar-profile .sidebar-logout:disabled{opacity:.6;cursor:wait}
html.sidebar-compact #sidebar .sidebar-profile{grid-template-columns:minmax(0,1fr);justify-items:center;gap:10px}
html.sidebar-compact #sidebar .sidebar-profile>#sidebarLogout{display:block;padding:8px 2px;font-size:11px}

/* Mobile profile photo stays above the sign-out button within its own frame. */
@media(max-width:760px){
 html #sidebar .sidebar-profile{flex-shrink:0;margin-bottom:12px;padding-top:12px;row-gap:12px}
 html #sidebar .sidebar-profile .avatar{width:38px;height:52px;overflow:hidden;align-self:start}
 html #sidebar .sidebar-profile .avatar img{display:block;width:100%!important;height:100%!important;object-fit:cover}
}

/* Shared profile spacing and contained photo for desktop and mobile. */
html #sidebar .sidebar-profile{flex-shrink:0;margin-bottom:12px;padding-top:12px;row-gap:12px}
html #sidebar .sidebar-profile .avatar{position:relative;width:38px;height:52px;overflow:hidden;align-self:start}
html[data-theme]:not(#legacy-theme) #sidebar .sidebar-profile .avatar img{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;min-height:0!important;max-height:100%!important;object-fit:cover!important}

/* Press DTF table header: blue gradient from top left to bottom right. */
html[data-theme]:not(#legacy-theme) #workspace [data-modeled-queue="spk-press-dtf"] .queue-table thead{background:linear-gradient(to bottom right,#147cf2,#28aaef)}
html[data-theme]:not(#legacy-theme) #workspace [data-modeled-queue="spk-press-dtf"] .queue-table thead th{background:transparent!important;color:#fff!important}

/* One continuous diagonal gradient across every table header, using its current palette. */
html[data-theme]:not(#legacy-theme) #workspace table{--app-header-tone:#238cfa}
html[data-theme]:not(#legacy-theme) #workspace .production-queue-page table{--app-header-tone:var(--stage,#238cfa)}
html[data-theme]:not(#legacy-theme) #workspace .finished-stock-section table{--app-header-tone:var(--stock-tone,#238cfa)}
html[data-theme]:not(#legacy-theme):not(#legacy-table-header) #workspace table thead{
 background:linear-gradient(to bottom right,var(--app-header-tone),color-mix(in srgb,var(--app-header-tone) 76%,white))!important;
}
html[data-theme]:not(#legacy-theme):not(#legacy-table-header) #workspace table thead :is(tr,th){background:transparent!important}

/* Stock history uses the same header palette as the inventory table above it. */
html[data-theme]:not(#legacy-theme) #workspace .finished-stock-page[data-stock-service="spk-jahit-polos"] table{--app-header-tone:#ff4c79}
html[data-theme]:not(#legacy-theme) #workspace .finished-stock-page[data-stock-service="spk-potong-lapis"] table{--app-header-tone:#168a48}

html[data-theme]:not(#legacy-theme) #workspace .finished-stock-section[data-stock-service="spk-potong-lapis"] .app-consistent-table thead th{color:#fff!important;-webkit-text-fill-color:#fff!important}

/* Per-page process and viewing permissions. */
.account-permissions .account-permission-row{display:grid;grid-template-columns:minmax(0,1fr) 145px;align-items:center;gap:12px;margin:12px 0}
.account-permissions .account-permission-row label{margin:0;min-width:0}
.account-permissions .account-permission-row select{width:100%;min-height:42px;padding:8px;font-size:14px}
@media(max-width:650px){.account-permissions .account-permission-row{grid-template-columns:minmax(0,1fr);gap:6px}.account-permissions .account-permission-row select{margin-left:30px;width:calc(100% - 30px)}}

.account-login .account-guest-button{width:100%;min-height:52px;border:1px solid #9cbfe5;border-radius:14px;background:#edf5ff;color:#244563;font-weight:700;margin-bottom:12px;}

html[data-theme] .production-flow-mini [data-production-stage-view]{cursor:pointer;transition:filter .15s ease}
html[data-theme] .production-flow-mini [data-production-stage-view]:hover{filter:brightness(1.06)}
html[data-theme] .production-flow-mini [data-production-stage-view]:focus-visible{outline:3px solid var(--ui-accent);outline-offset:3px}
html[data-theme] .production-flow-mini [data-production-stage-view][aria-disabled="true"]{cursor:not-allowed;opacity:.5}

/* Inline material choices are limited to Printing Kain. */
#printingTable .printing-material-select,.printing-material-select{min-width:110px;padding:9px 24px 9px 10px;border:1px solid #adc9eb;border-radius:9px;background:#e7eff9;color:#172b45;font:inherit;cursor:pointer}
.printing-material-select:disabled{cursor:default;opacity:.7}

html[data-theme] #workspace .detail-modal-head>div.queue-delete-header{grid-template-columns:minmax(0,1fr) auto auto!important;grid-template-areas:"invoice delete kind" "caption caption caption"!important}
html[data-theme] #workspace .detail-modal-head button.delete-queue-invoice{grid-area:delete!important;width:auto!important;height:auto!important;min-height:48px!important;padding:12px 18px!important;border-radius:14px!important;border:1px solid #cb2340!important;background:linear-gradient(135deg,#ee3552,#bd1230)!important;color:white!important;-webkit-text-fill-color:white!important;font-size:1rem!important;font-weight:800!important;white-space:nowrap;cursor:pointer}
html[data-theme] #workspace .detail-modal-head button.delete-queue-invoice:disabled{opacity:.5;cursor:default}
@media(max-width:700px){html[data-theme] #workspace .detail-modal-head>div.queue-delete-header{grid-template-columns:auto minmax(0,1fr)!important;grid-template-areas:"delete kind" "invoice invoice" "caption caption"!important;gap:8px!important}html[data-theme] #workspace .detail-modal-head button.delete-queue-invoice{min-height:42px!important;padding:8px 12px!important;font-size:.85rem!important}}

.invoice-cancelled-notice{grid-column:1 / -1!important;border-color:#eeb6bf!important;background:#fff1f3!important}

/* Compact delete action: remove the stretched header width. */
html[data-theme] #workspace .detail-modal-head button.delete-queue-invoice{justify-self:end!important;align-self:center!important;width:max-content!important;min-width:0!important;min-height:12px!important;padding:3px 4.5px!important;border-radius:3.5px!important;font-size:.75rem!important;line-height:1.35!important;box-shadow:none!important}
@media(max-width:700px){html[data-theme] #workspace .detail-modal-head button.delete-queue-invoice{justify-self:start!important;min-height:10.5px!important;padding:2px 3px!important;border-radius:3.5px!important;font-size:.7rem!important}}

/* All history tables share the red cancellation badge. */
html[data-theme]:not(#legacy-theme) #workspace .report-page .report-table .report-cancelled{background:linear-gradient(135deg,#ee3552,#bd1230)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border:1px solid #bd1230!important;border-radius:8px!important;padding:5px 9px!important;font-weight:800!important}

/* Cancellation history uses plain red text, without a badge. */
html[data-theme]:not(#legacy-theme) #workspace .report-page .report-table .report-cancelled{background:none!important;color:#c51d38!important;-webkit-text-fill-color:#c51d38!important;border:0!important;border-radius:0!important;padding:0!important;box-shadow:none!important}

.data-reset-card label{display:flex;align-items:center;gap:10px;margin:12px 0;font-weight:700}.history-reset-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 18px}@media(max-width:650px){.history-reset-choices{grid-template-columns:1fr}}

.reset-password-modal{width:min(520px,calc(100vw - 32px));padding:28px;border:1px solid #bed4ef;border-radius:24px;color:#243b53;background:white}.reset-password-modal label{display:grid;gap:10px;font-weight:700}.reset-password-modal input{width:100%;box-sizing:border-box;padding:14px;border:1px solid #9cbce1;border-radius:12px;font:inherit}.reset-password-modal [role=alert]{color:#c51d38;min-height:1.4em}.reset-password-modal footer{display:flex;justify-content:flex-end;gap:12px;flex-wrap:wrap;margin-top:20px}

/* Minimal white confirmation and password dialogs. */
html[data-theme]:not(#legacy-theme) #workspace dialog.reset-password-modal{background:#fff!important;background-image:none!important;color:#27272a!important;border:1px solid #e4e4e7!important;border-radius:16px!important;box-shadow:0 12px 36px #00000014!important}
html[data-theme]:not(#legacy-theme) #workspace dialog.reset-password-modal :is(h2,p,label,strong){color:#27272a!important;background:none!important;-webkit-text-fill-color:currentColor!important;text-shadow:none!important}
html[data-theme]:not(#legacy-theme) #workspace dialog.reset-password-modal input{background:#fff!important;color:#27272a!important;border:1px solid #d4d4d8!important;border-radius:10px!important;box-shadow:none!important}
html[data-theme]:not(#legacy-theme) #workspace dialog.reset-password-modal input:focus{outline:2px solid #a1a1aa!important;outline-offset:2px!important}
html[data-theme]:not(#legacy-theme) #workspace dialog.reset-password-modal footer{background:#fff!important;border:0!important;box-shadow:none!important}
html[data-theme]:not(#legacy-theme) #workspace dialog.reset-password-modal footer button.app-modal-action{background:#fff!important;background-image:none!important;color:#27272a!important;-webkit-text-fill-color:#27272a!important;border:1px solid #d4d4d8!important;border-radius:10px!important;box-shadow:none!important;text-shadow:none!important}
html[data-theme]:not(#legacy-theme) #workspace dialog.reset-password-modal footer button.app-modal-action:hover{background:#f4f4f5!important;border-color:#a1a1aa!important}
html[data-theme]:not(#legacy-theme) #workspace dialog.reset-password-modal footer button.primary-button{border-color:#71717a!important}
html[data-theme]:not(#legacy-theme) #workspace dialog.reset-password-modal [role=alert]{color:#b91c1c!important}

html[data-theme]:not(#legacy-theme) #workspace dialog.reset-password-modal footer button.app-modal-action[data-no]{background:linear-gradient(135deg,#f43f5e,#be123c)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border-color:#be123c!important}
html[data-theme]:not(#legacy-theme) #workspace dialog.reset-password-modal footer button.app-modal-action[data-no]:hover{background:linear-gradient(135deg,#e11d48,#9f1239)!important;border-color:#9f1239!important}

html[data-theme]:not(#legacy-theme) #workspace dialog.reset-password-modal footer button.app-modal-action[type="submit"]{background:linear-gradient(135deg,#f43f5e,#be123c)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border-color:#be123c!important}
html[data-theme]:not(#legacy-theme) #workspace dialog.reset-password-modal footer button.app-modal-action[type="submit"]:hover{background:linear-gradient(135deg,#e11d48,#9f1239)!important;border-color:#9f1239!important}

html[data-theme]:not(#legacy-theme) #workspace #simulateRequestSpk{background:linear-gradient(135deg,#f43f5e,#be123c)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border-color:#be123c!important}
html[data-theme]:not(#legacy-theme) #workspace #simulateRequestSpk:hover{background:linear-gradient(135deg,#e11d48,#9f1239)!important;border-color:#9f1239!important}

html[data-theme]:not(#legacy-theme) #workspace .data-simulation-card .data-reset-icon{background:linear-gradient(135deg,#f43f5e,#be123c)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;box-shadow:0 9px 22px rgba(190,18,60,.2)!important}

html[data-theme]:not(#legacy-theme) body #qrScannerModal button.qr-management-button.app-modal-action{min-height:32px!important;width:auto!important;flex:0 0 auto!important;padding:6px 12px!important;font-size:12px!important;line-height:1.3!important;border-radius:8px!important;background:#fff!important;color:#334155!important;-webkit-text-fill-color:#334155!important;border:1px solid #cbd5e1!important;box-shadow:none!important}

.account-qr-summary{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin:24px 0;padding:20px;border:1px solid #e4e4e7;border-radius:16px;background:#fff}.account-qr-modal{width:min(520px,calc(100vw - 32px));padding:24px;border:1px solid #e4e4e7;border-radius:20px;background:#fff;color:#27272a}.account-qr-modal header{display:flex;align-items:center;justify-content:space-between;gap:12px}.account-qr-modal header button{width:36px;height:36px;border:1px solid #d4d4d8;border-radius:8px;background:white;color:#334155}.account-qr-image{display:block;width:min(100%,340px);height:auto;margin:16px auto;background:#fff}.account-qr-modal footer{display:flex;justify-content:flex-end}

.borongan-rate-form{display:flex;align-items:end;flex-wrap:wrap;gap:16px;padding:20px;margin:24px 0;border:1px solid #e2e8f0;border-radius:14px}.borongan-rate-form h3,.borongan-rate-form p{width:100%;margin:0}.borongan-rate-form label{display:grid;gap:8px;flex:1 1 180px}.borongan-rate-form [role=alert]{color:#b91c1c}

html[data-theme]:not(#legacy-theme) #workspace dialog.account-qr-modal{background:#fff!important;background-image:none!important;color:#27272a!important;border:1px solid #e4e4e7!important;box-shadow:0 12px 36px #00000014!important}
html[data-theme]:not(#legacy-theme) #workspace dialog.account-qr-modal :is(header,h2,p,strong,footer){background:none!important;color:#27272a!important;-webkit-text-fill-color:currentColor!important}

.borongan-page{padding:24px;border:1px solid #dbe5f0;border-radius:24px;background:#fff}.borongan-page header>label,.borongan-date{display:grid;gap:8px;max-width:420px;margin:20px 0}.borongan-page input{font:inherit;padding:12px;border:1px solid #cbd5e1;border-radius:10px;background:#fff}.borongan-location{margin-top:28px}.borongan-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.borongan-person{display:flex;flex-direction:column;padding:0!important;border:1px solid #e2e8f0;border-radius:14px;overflow:hidden;background:#fff!important;color:#243b53!important;cursor:pointer;text-align:left;box-shadow:0 4px 14px #00000008}.borongan-person img,.borongan-person>.borongan-avatar{width:100%;aspect-ratio:1;object-fit:cover;display:block}.borongan-avatar{display:grid!important;place-items:center;background:#f1f5f9;color:#64748b;font-size:48px}.borongan-person-name{padding:14px;font-size:16px;font-weight:800;line-height:1.4;overflow-wrap:anywhere}.borongan-person-name small{display:block;font-size:12px;font-weight:400}.borongan-person:hover{outline:2px solid #94a3b8}.borongan-person:focus-visible{outline:3px solid #147cf2;outline-offset:3px}.borongan-person[hidden]{display:none!important}.borongan-worker-head{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin:24px 0}.borongan-worker-head>img,.borongan-worker-head>.borongan-avatar{width:120px;height:120px;object-fit:cover;border-radius:18px}.borongan-back{padding:10px 14px;border:1px solid #cbd5e1;border-radius:10px;background:#fff;color:#334155;font:inherit;cursor:pointer}.borongan-totals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.borongan-totals article{padding:22px;border:1px solid #dbe5f0;border-radius:16px;background:#f8fafc}.borongan-totals strong,.borongan-totals span{display:block;margin:10px 0}.borongan-totals strong{font-size:24px}.borongan-report{margin-top:28px}.borongan-report table{width:100%;border-collapse:collapse}.borongan-report td,.borongan-report th{padding:16px;text-align:left}.borongan-notice{color:#92400e}@media(max-width:1000px){.borongan-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:650px){.borongan-page{padding:16px}.borongan-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.borongan-person-name{padding:10px;font-size:13px}.borongan-totals{grid-template-columns:1fr}.borongan-worker-head h2{font-size:24px}}

/* Press/Potong retain readable columns on tablets; the card owns horizontal scroll. */
html[data-theme]:not(#legacy-theme) #workspace .production-queue-page:is(.press,.potong) .stage-split-card{min-width:0;max-width:100%}
html[data-theme]:not(#legacy-theme) #workspace .production-queue-page:is(.press,.potong) .stage-split-card .table-scroll{min-width:0;max-width:100%;overflow-x:auto!important;-webkit-overflow-scrolling:touch}
html[data-theme]:not(#legacy-theme) #workspace .production-queue-page:is(.press,.potong) .split-stage-table{width:100%!important;min-width:1600px!important;table-layout:auto!important;max-width:none!important}
html[data-theme]:not(#legacy-theme) #workspace .production-queue-page:is(.press,.potong) .split-stage-table col{width:auto!important}
html[data-theme]:not(#legacy-theme) #workspace .production-queue-page:is(.press,.potong) .split-stage-table :is(th,td){padding:14px!important;white-space:nowrap!important;overflow-wrap:normal!important;word-break:normal!important;min-width:90px!important}
html[data-theme]:not(#legacy-theme) #workspace .production-queue-page:is(.press,.potong) .split-stage-table :is(th,td):is(:nth-child(1),:nth-child(2),:nth-child(3)){min-width:170px!important}
html[data-theme]:not(#legacy-theme) #workspace .production-queue-page:is(.press,.potong) .split-stage-table :is(th,td) :is(button,a,span){white-space:nowrap!important;overflow-wrap:normal!important;word-break:normal!important}
html[data-theme]:not(#legacy-theme) #workspace .production-queue-page:is(.press,.potong) .split-stage-table .queue-priority-select{width:auto!important;min-width:125px!important;max-width:none!important;padding:10px 32px 10px 12px!important}

/* Stock columns keep their readable width, including landscape tablets. */
html[data-theme]:not(#legacy-theme) #workspace .finished-stock-page .table-scroll{min-width:0;max-width:100%;overflow-x:auto!important;-webkit-overflow-scrolling:touch}
html[data-theme]:not(#legacy-theme) #workspace .finished-stock-table{width:100%!important;min-width:1350px!important;table-layout:auto!important;max-width:none!important}
html[data-theme]:not(#legacy-theme) #workspace .finished-stock-table col{width:auto!important}
html[data-theme]:not(#legacy-theme) #workspace .finished-stock-table :is(th,td){padding:14px!important;min-width:100px!important;white-space:nowrap!important;overflow-wrap:normal!important;word-break:normal!important}
html[data-theme]:not(#legacy-theme) #workspace .finished-stock-table :is(th,td):first-child{min-width:230px!important}
html[data-theme]:not(#legacy-theme) #workspace .finished-stock-table :is(th,td):last-child{min-width:300px!important}
html[data-theme]:not(#legacy-theme) #workspace .finished-stock-actions{width:100%;grid-template-columns:1.2fr 1fr;min-width:280px}
html[data-theme]:not(#legacy-theme) #workspace .finished-stock-actions>button{white-space:nowrap!important;overflow-wrap:normal!important;word-break:normal!important;padding-inline:14px!important}

/* Borongan: a light, mobile-first earnings view. */
html[data-theme]:not(#legacy-theme) body:has(.borongan-page) :is(.mobile-bottom-nav,.topbar .search-box,#scanQrButton){display:none!important}
html[data-theme]:not(#legacy-theme) body:has(.borongan-page) .main-content{padding-bottom:24px!important;background:#f5f8fd!important}
html[data-theme]:not(#legacy-theme) #workspace .borongan-page{color:#172c49;background:#f5f8fd;border:0;padding:20px;max-width:1100px;margin:auto;box-sizing:border-box;min-width:0}
.borongan-page .eyebrow{font-size:10px;letter-spacing:.15em;color:#7b8ba3;font-weight:800}
.borongan-worker-page .borongan-worker-head{display:flex;flex-wrap:nowrap;gap:14px;margin:20px 0}
.borongan-worker-page .borongan-worker-head>img,.borongan-worker-page .borongan-worker-head>.borongan-avatar{width:64px;height:64px;flex:0 0 64px;border-radius:22px;box-shadow:0 8px 24px #233b5910}
.borongan-worker-head>div{min-width:0}.borongan-worker-page .borongan-worker-head h2{font-size:22px;line-height:1.2;margin:6px 0;overflow-wrap:anywhere}.borongan-worker-page .borongan-worker-head p{font-size:12px;margin:5px 0;color:#708198}
.borongan-profile-tools{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.borongan-profile-tools .borongan-date{margin:0;max-width:240px;min-width:0;font-size:12px;color:#708198}.borongan-profile-tools input{width:100%;box-sizing:border-box;min-width:0;border:1px solid #e0e7f0;border-radius:14px;background:white;color:#233b59}
.borongan-qr-mini{flex:0 0 86px;display:grid;place-items:center;gap:2px;padding:5px;background:#fff;color:#536b88;border:1px solid #e2eaf5;border-radius:14px;font:inherit;font-size:10px;cursor:pointer}.borongan-qr-mini img{display:block;width:72px!important;height:72px!important}.borongan-qr-mini:focus-visible{outline:3px solid #2588ff}
.borongan-income{background:linear-gradient(150deg,#fff,#f0f7ff);border:1px solid #e4edf9;border-radius:28px;padding:24px;text-align:center;box-shadow:0 12px 35px #51749a0b}.borongan-income>.eyebrow{margin:0 0 20px}.borongan-income-ring{width:250px;height:250px;max-width:100%;margin:auto;border-radius:50%;padding:11px;box-sizing:border-box;background:conic-gradient(#2584f5 0 var(--income-share),#e5edf8 var(--income-share) 100%);box-shadow:0 10px 32px #1f79e511}.borongan-income-ring>div{height:100%;border-radius:50%;display:flex;flex-direction:column;justify-content:center;gap:12px;background:#fafdff}.borongan-income-ring small{font-size:12px;color:#71839b}.borongan-income-ring strong{font-size:27px;letter-spacing:-.05em;line-height:1.2;color:#17365c;overflow-wrap:anywhere;padding:0 8px}.borongan-income-ring span{font-size:12px;color:#5b7595}.borongan-income-footer{display:flex;justify-content:space-around;gap:10px;margin-top:23px;font-size:12px;color:#71839b}.borongan-income-footer b{color:#264b76}
.borongan-day-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px;margin:16px 0;background:#fff;border:1px solid #e4edf9;border-radius:20px}.borongan-day-card p{font-size:11px;color:#71839b;margin:0 0 8px}.borongan-day-card strong{font-size:23px;color:#224e86}.borongan-day-card>span{text-align:right;font-size:12px;color:#506b8b}.borongan-day-card small{display:block;margin-top:7px;color:#8593a6;font-size:10px}
.borongan-chart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.borongan-chart{min-width:0;border:1px solid #e4edf9;border-radius:24px;padding:22px 16px;background:#fff}.borongan-chart header{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.borongan-chart h3{font-size:18px;margin:7px 0;color:#1e3b60}.borongan-chart .eyebrow{font-size:9px;margin:0}.borongan-chart-icon{width:34px;height:34px;display:grid;place-items:center;background:#ecf5ff;color:#368bea;border-radius:12px;font-size:20px}.borongan-bars{display:grid;grid-template-columns:repeat(var(--bar-count),minmax(0,1fr));gap:10px}.borongan-bar-item{min-width:0;text-align:center}.borongan-bar-item>strong{display:flex;align-items:center;justify-content:center;min-height:32px;font-size:10px;color:#305d90;overflow-wrap:anywhere}.borongan-bar-track{height:125px;display:flex;align-items:flex-end;border-bottom:1px solid #dde8f5;background:repeating-linear-gradient(to top,transparent 0,transparent 30px,#f1f5fa 30px,#f1f5fa 31px)}.borongan-bar-fill{width:60%;margin:0 auto;background:linear-gradient(to top,var(--bar-tone),#b8e2ff);border-radius:9px 9px 0 0}.borongan-bar-item>span{display:block;margin-top:12px;font-size:11px;font-weight:700;color:#536d8c}.borongan-bar-item>small{display:block;font-size:9px;color:#8b9bb0;margin-top:5px}.borongan-chart-note{font-size:10px;color:#8695a8;line-height:1.5;margin:18px 0 0}.borongan-estimate-note{font-size:11px;line-height:1.7;color:#7b8da5;margin:20px 4px}
.borongan-worker-page .borongan-report{background:#fff;border:1px solid #e4edf9;border-radius:18px;margin-top:12px;overflow:hidden}.borongan-report summary{cursor:pointer;font-size:14px;font-weight:700;padding:18px;color:#355779}.borongan-report .table-scroll{max-width:100%;overflow:auto}
@media(max-width:700px){html[data-theme]:not(#legacy-theme) #workspace .borongan-page{padding:12px 4px}.borongan-chart-grid{grid-template-columns:1fr}.borongan-income{padding:22px 14px}.borongan-worker-page .borongan-worker-head h2{font-size:20px}.borongan-worker-head>div .eyebrow{font-size:9px}html[data-theme]:not(#legacy-theme) body:has(.borongan-page) .topbar{background:#fff!important;box-shadow:none!important;border-bottom:1px solid #e8eef6}html[data-theme]:not(#legacy-theme) body:has(.borongan-page) #workspace{padding:12px!important}html[data-theme]:not(#legacy-theme) body:has(.borongan-page) .topbar .page-heading>p{display:none}.borongan-page .borongan-back{font-size:11px;border:0;background:transparent;padding:8px 0;color:#6f859e}.borongan-page .borongan-grid{gap:12px}.borongan-page .borongan-person{border-radius:20px}}

@media(max-width:700px){html[data-theme]:not(#legacy-theme) body:has(.borongan-page) .topbar{grid-template-columns:36px minmax(0,1fr);min-height:56px}html[data-theme]:not(#legacy-theme) body:has(.borongan-page) .page-heading{grid-column:2}}

html[data-theme]:not(#legacy-theme) body:has(.borongan-page){min-width:0}

/* Borongan chart cards and rounded square worker portraits. */
.borongan-chart:first-child{--chart-accent:#ff4c79;background:linear-gradient(135deg,#ffe0e8,#ff9fba);border-color:#c2d2e7;border-top:3px solid var(--chart-accent)}
.borongan-chart:last-child{--chart-accent:#2ac769;background:linear-gradient(135deg,#dcf6e6,#8fdfad);border-color:#c2d2e7;border-top:3px solid var(--chart-accent)}
.borongan-chart .borongan-chart-icon{color:var(--chart-accent);background:color-mix(in srgb,var(--chart-accent) 14%,transparent)}
.borongan-chart :is(.eyebrow,.borongan-chart-note,.borongan-bar-item>small){color:#536c85}
.borongan-chart .borongan-bar-track{background:repeating-linear-gradient(to top,transparent 0,transparent 30px,#ffffff66 30px,#ffffff66 31px);border-bottom-color:#ffffff99}
.borongan-page .borongan-person>img,.borongan-page .borongan-person>.borongan-avatar{width:76%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:30%;margin:18px auto 0}
.borongan-worker-page .borongan-worker-head>img,.borongan-worker-page .borongan-worker-head>.borongan-avatar{width:64px;height:64px;flex-basis:64px;border-radius:30%;object-fit:cover}
.borongan-page .borongan-person-name,.borongan-worker-page .borongan-worker-head h2{font-weight:900!important;color:#147cf2;background:linear-gradient(110deg,#0961d6,#28aaef);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.borongan-page .borongan-person-name small{-webkit-text-fill-color:#708198;font-weight:400}

.borongan-worker-page :is(.borongan-income-ring strong,.borongan-day-card strong,.borongan-bar-item>strong,.borongan-money){font-weight:900!important;color:#147cf2!important;background:linear-gradient(110deg,#0961d6,#28aaef)!important;background-clip:text!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important}

/* DTF custom catalog fields align with the neighboring form controls. */
html[data-theme]:not(#legacy-theme) #workspace :is(.dtf-custom-form,.custom-order-form[data-custom="true"]) .detail-fields .stock-picker-field{
  margin:0!important;padding:0!important;gap:0!important;min-width:0;width:100%;box-sizing:border-box;
}
html[data-theme]:not(#legacy-theme) #workspace :is(.dtf-custom-form,.custom-order-form[data-custom="true"]) .detail-fields .stock-picker-field label{gap:9px}
html[data-theme]:not(#legacy-theme) #workspace :is(.dtf-custom-form,.custom-order-form[data-custom="true"]) .detail-fields .stock-picker-field input{height:39px;border-radius:9px;padding:9px 10px}
html[data-theme]:not(#legacy-theme) #workspace :is(.dtf-custom-form,.custom-order-form[data-custom="true"]) .detail-fields .stock-picker-field small:not(.error){display:none!important}
html[data-theme]:not(#legacy-theme) #workspace :is(.dtf-custom-form,.custom-order-form[data-custom="true"]) .detail-fields .stock-picker-field small.error{margin-top:6px}

/* Keep the active DTF SKU dropdown above the neighboring SKU field. */
html[data-theme]:not(#legacy-theme) #workspace :is(.dtf-custom-form,.custom-order-form[data-custom="true"]) .detail-fields .stock-picker-field:focus-within{z-index:70!important}

html[data-theme]:not(#legacy-theme) #workspace .ongkos-page table{min-width:850px;table-layout:auto}
html[data-theme]:not(#legacy-theme) #workspace .ongkos-page input{width:160px;min-height:44px;padding:10px;border:1px solid var(--ui-border);border-radius:10px;background:var(--ui-surface);color:var(--ui-text);font:inherit;font-weight:800}
html[data-theme]:not(#legacy-theme) #workspace .ongkos-page td small{display:block;max-width:240px;margin-top:5px;white-space:normal}
html[data-theme]:not(#legacy-theme) #workspace .ongkos-page [data-save-ongkos]{min-height:44px;padding:10px 18px}

/* Ongkos groups use the production queue palette. */
.ongkos-group[data-group="jahit-gresik"]{--ongkos-color:#ad4dde}
.ongkos-group[data-group="jahit-mjk"]{--ongkos-color:#147cf2}
.ongkos-group[data-group="potong-gresik"]{--ongkos-color:#768000}
.ongkos-group[data-group="potong-mjk"]{--ongkos-color:#ff386b}
.ongkos-group[data-group="qc-gresik"]{--ongkos-color:#d88900}
.ongkos-group[data-group="qc-mjk"]{--ongkos-color:#158a4d}
html[data-theme]:not(#legacy-theme) #workspace .ongkos-group thead,
html[data-theme]:not(#legacy-theme) #workspace .ongkos-group thead th{background:linear-gradient(135deg,var(--ongkos-color),color-mix(in srgb,var(--ongkos-color) 76%,white))!important;color:#fff!important}
html[data-theme]:not(#legacy-theme) #workspace .ongkos-group .custom-queue-head{background:linear-gradient(135deg,color-mix(in srgb,var(--ongkos-color) 12%,white),color-mix(in srgb,var(--ongkos-color) 32%,white))!important;border-top:3px solid var(--ongkos-color)!important;flex-wrap:wrap;gap:12px}
html[data-theme]:not(#legacy-theme) #workspace .ongkos-group h3{font-size:1.25rem;color:var(--ongkos-color);font-weight:800}
html[data-theme]:not(#legacy-theme) #workspace .ongkos-page table{min-width:1200px}
html[data-theme]:not(#legacy-theme) #workspace .ongkos-page input[data-field="code"],
html[data-theme]:not(#legacy-theme) #workspace .ongkos-page input[data-field="product"],
html[data-theme]:not(#legacy-theme) #workspace .ongkos-page input[data-field="description"]{width:220px}
html[data-theme]:not(#legacy-theme) #workspace .ongkos-page input[data-field="location"]{width:100px}
html[data-theme]:not(#legacy-theme) #workspace .ongkos-page [data-cancel-ongkos],
html[data-theme]:not(#legacy-theme) #workspace .ongkos-page [data-add-ongkos]{min-height:44px;padding:10px 18px}

html[data-theme]:not(#legacy-theme) #workspace .ongkos-row-actions{display:flex;align-items:center;gap:10px;flex-wrap:nowrap;white-space:nowrap}
html[data-theme]:not(#legacy-theme) #workspace .ongkos-page [data-delete-ongkos]{min-height:44px;padding:10px 18px}
html[data-theme]:not(#legacy-theme) #workspace .ongkos-delete-button{background:#fff1f1!important;color:#c62828!important;border:1px solid #efaaaa!important;box-shadow:none!important;font-weight:800}
html[data-theme]:not(#legacy-theme) #workspace .ongkos-delete-button:hover{background:#ffe0e0!important}
html[data-theme]:not(#legacy-theme) #workspace .ongkos-delete-button:disabled{opacity:.5;cursor:not-allowed}

/* Sewing entries fill the two content columns, stopping at the log column. */
html[data-theme] #workspace .detail-modal-body:has(>.sewing-team-panel)>:is(.sewing-team-panel,.custom-batch-detail){
 grid-column:1 / 3!important;grid-row:auto!important;min-width:0!important;width:100%!important;box-sizing:border-box!important;margin:0!important;
}
html[data-theme] #workspace .sewing-team-panel .sewing-team-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}
html[data-theme] #workspace .sewing-team-panel .cutting-worker-preview{min-width:0;flex-wrap:wrap}
html[data-theme] #workspace .sewing-team-panel .cutting-worker-preview span{min-width:0;overflow-wrap:anywhere}
html[data-theme] #workspace .detail-modal-body:has(>.sewing-team-panel)>.custom-batch-detail .table-scroll{max-width:100%;min-width:0}
@media(max-width:760px){
 html[data-theme] #workspace .detail-modal-body:has(>.sewing-team-panel)>:is(.sewing-team-panel,.custom-batch-detail){grid-column:1!important}
 html[data-theme] #workspace .sewing-team-panel .sewing-team-grid{grid-template-columns:1fr}
}

/* One full-width tailor card initially, with optional additional cards. */
html[data-theme] #workspace .sewing-team-panel .sewing-team-grid{grid-template-columns:1fr!important}
html[data-theme] #workspace .sewing-team-grid [data-sewing-row]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px;grid-template-areas:"title title" "name reject" "quantity excess" "notes notes"}
html[data-theme] #workspace .sewing-team-grid [data-sewing-row][hidden]{display:none!important}
html[data-theme] #workspace .sewing-team-grid [data-sewing-row]>h4{grid-area:title;margin:0 0 16px}
html[data-theme] #workspace .sewing-team-grid [data-sewing-row]>label:nth-of-type(1){grid-area:name}
html[data-theme] #workspace .sewing-team-grid [data-sewing-row]>label:nth-of-type(2){grid-area:quantity}
html[data-theme] #workspace .sewing-team-grid [data-sewing-row]>label:nth-of-type(3){grid-area:reject}
html[data-theme] #workspace .sewing-team-grid [data-sewing-row]>label:nth-of-type(4){grid-area:excess}
html[data-theme] #workspace .sewing-team-grid [data-sewing-row]>label:nth-of-type(5){grid-area:notes}
html[data-theme] #workspace .sewing-add-button{margin-top:16px;padding:10px 16px;border:1px solid #b8d5ef;border-radius:12px;background:#edf7ff;color:#1765ac;font-weight:800;cursor:pointer}
html[data-theme] #workspace .custom-batch-detail table{min-width:0;table-layout:auto}
@media(max-width:560px){html[data-theme] #workspace .sewing-team-grid [data-sewing-row]{grid-template-columns:minmax(0,1fr);grid-template-areas:"title" "name" "quantity" "reject" "excess" "notes"}}

html[data-theme] #workspace .flow-step .flow-stage-link{border:0!important;background:transparent!important;box-shadow:none!important;color:inherit!important;font:inherit!important;padding:0!important;margin:0!important;min-height:0!important;cursor:pointer}
html[data-theme] #workspace .flow-step span:has(.flow-stage-link:not(:disabled)):hover{border-color:#1687fa!important;background:#eaf5ff!important}
html[data-theme] #workspace .flow-stage-link:focus-visible{outline:2px solid #1687fa!important;outline-offset:5px}
html[data-theme] #workspace .flow-stage-link:disabled{opacity:.5;cursor:not-allowed}

html[data-theme] body #qrScannerModal .qr-validation-highlight{color:#dc2626!important;-webkit-text-fill-color:#dc2626!important;font-weight:900!important;background:none!important}

html[data-theme] #workspace .sewing-start-panel [data-sewing-row]{grid-template-areas:"title title" "name quantity" "notes notes"!important}html[data-theme] #workspace .sewing-start-panel label[hidden]{display:none!important}@media(max-width:560px){html[data-theme] #workspace .sewing-start-panel [data-sewing-row]{grid-template-areas:"title" "name" "quantity" "notes"!important}}

/* Clear, solid field surfaces matching the request forms. */
html[data-theme] #workspace .sewing-team-grid [data-sewing-row]>label{
 align-content:start!important;align-items:start!important;grid-auto-rows:max-content!important;gap:10px!important;
 color:#172b43!important;-webkit-text-fill-color:#172b43!important;
}
html[data-theme] #workspace .sewing-team-grid :is(input,select,textarea){
 background:#e4edf8!important;background-image:none!important;
 border:1px solid #8cbcf8!important;border-radius:10px!important;
 color:#172b43!important;-webkit-text-fill-color:#172b43!important;
 box-shadow:none!important;padding:12px 14px!important;
}
html[data-theme] #workspace .sewing-team-grid :is(input,select){min-height:48px!important;height:48px!important}
html[data-theme] #workspace .sewing-team-grid textarea{min-height:96px!important}
html[data-theme] #workspace .sewing-team-grid :is(input,select,textarea):focus{
 outline:2px solid #1687fa!important;outline-offset:2px!important;background:#f3f8ff!important;
}
html[data-theme] #workspace .sewing-team-grid input:disabled{background:#edf0f4!important;border-color:#cbd5e1!important;opacity:.65!important}

html[data-theme] #workspace .sewing-team-grid [data-sewing-row]{position:relative}html[data-theme] #workspace .sewing-team-grid [data-sewing-row]>h4{padding-right:40px}html[data-theme] #workspace .sewing-team-grid .sewing-remove-button{position:absolute;top:12px;right:12px;width:30px;height:30px;min-height:0!important;padding:0!important;border:1px solid #d2dce7;border-radius:50%;background:#edf1f6;color:#334155;font-size:22px;line-height:1;cursor:pointer;box-shadow:none}html[data-theme] #workspace .sewing-remove-button[hidden]{display:none!important}

/* Independent handovers keep the other tailors' work open. */
html[data-theme] #workspace .sewing-delivery-cards{display:grid;gap:18px}
html[data-theme] #workspace .sewing-delivery-card{background:#fff;border:1px solid #b6d0ee;border-radius:18px;padding:20px;min-width:0}
html[data-theme] #workspace .sewing-delivery-card h4{margin:0 0 16px}
html[data-theme] #workspace .sewing-delivery-summary{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}
html[data-theme] #workspace .sewing-delivery-summary span{flex:1;min-width:120px;padding:12px;background:#edf5ff;border-radius:10px}
html[data-theme] #workspace .sewing-delivery-summary b{display:block;color:#147cf2;margin-top:6px}
html[data-theme] #workspace .sewing-delivery-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}
html[data-theme] #workspace .sewing-delivery-fields label{display:grid;gap:8px;align-content:start;min-width:0;color:#19314f}
html[data-theme] #workspace .sewing-delivery-fields .delivery-notes{grid-column:1/-1}
html[data-theme] #workspace .sewing-delivery-fields input,html[data-theme] #workspace .sewing-delivery-fields textarea{width:100%;box-sizing:border-box;background:#e4edf8;border:1px solid #8cbcf8;border-radius:10px;min-height:48px;padding:12px;color:#19314f}
html[data-theme] #workspace .sewing-delivery-history{padding-left:20px;font-size:.85rem;overflow-wrap:anywhere}
html[data-theme] #workspace .sewing-delivered{color:#087846;font-weight:700}
html[data-theme] #workspace .app-detail-modal footer button[hidden]{display:none!important}
@media(max-width:560px){html[data-theme] #workspace .sewing-delivery-fields{grid-template-columns:1fr}}
html[data-theme] #workspace .sewing-allocation-panel [data-assignment-form][hidden]{display:none!important}
html[data-theme] #workspace .sewing-allocation-panel [data-assignment-form]{margin-top:18px}
html[data-theme] #workspace .sewing-allocation-panel select{width:100%;box-sizing:border-box;background:#e4edf8;border:1px solid #8cbcf8;border-radius:10px;min-height:48px;padding:12px;color:#19314f}

/* Independent handovers keep the other tailors' work open. */
html[data-theme] #workspace .qc-delivery-cards{display:grid;gap:18px}
html[data-theme] #workspace .qc-delivery-card{background:#fff;border:1px solid #b6d0ee;border-radius:18px;padding:20px;min-width:0}
html[data-theme] #workspace .qc-delivery-card h4{margin:0 0 16px}
html[data-theme] #workspace .qc-delivery-summary{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}
html[data-theme] #workspace .qc-delivery-summary span{flex:1;min-width:120px;padding:12px;background:#edf5ff;border-radius:10px}
html[data-theme] #workspace .qc-delivery-summary b{display:block;color:#147cf2;margin-top:6px}
html[data-theme] #workspace .qc-delivery-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}
html[data-theme] #workspace .qc-delivery-fields label{display:grid;gap:8px;align-content:start;min-width:0;color:#19314f}
html[data-theme] #workspace .qc-delivery-fields .delivery-notes{grid-column:1/-1}
html[data-theme] #workspace .qc-delivery-fields input,html[data-theme] #workspace .qc-delivery-fields textarea{width:100%;box-sizing:border-box;background:#e4edf8;border:1px solid #8cbcf8;border-radius:10px;min-height:48px;padding:12px;color:#19314f}
html[data-theme] #workspace .qc-delivery-history{padding-left:20px;font-size:.85rem;overflow-wrap:anywhere}
html[data-theme] #workspace .qc-delivered{color:#087846;font-weight:700}
html[data-theme] #workspace .app-detail-modal footer button[hidden]{display:none!important}
@media(max-width:560px){html[data-theme] #workspace .qc-delivery-fields{grid-template-columns:1fr}}
html[data-theme] #workspace .qc-allocation-panel [data-assignment-form][hidden]{display:none!important}
html[data-theme] #workspace .qc-allocation-panel [data-assignment-form]{margin-top:18px}
html[data-theme] #workspace .qc-allocation-panel select{width:100%;box-sizing:border-box;background:#e4edf8;border:1px solid #8cbcf8;border-radius:10px;min-height:48px;padding:12px;color:#19314f}
html[data-theme] #workspace .qc-add-button{margin-top:16px;padding:10px 16px;border:1px solid #b8d5ef;border-radius:12px;background:#edf7ff;color:#1765ac;font-weight:800;cursor:pointer}

.account-table .account-role-management{color:#dc2626;font-weight:800;}
.account-table .account-role-staff{color:#000;font-weight:800;}

/* History search: caption on the left, invoice/customer field on the right. */
html[data-theme]:not(#legacy-theme) #workspace .report-table-search{width:560px;max-width:100%}
html[data-theme]:not(#legacy-theme) #workspace .report-table-search>label{grid-template-columns:minmax(120px,auto) minmax(0,1fr);align-items:center;gap:16px}
html[data-theme]:not(#legacy-theme) #workspace .report-search-caption{display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:auto}
html[data-theme]:not(#legacy-theme) #workspace .report-search-caption>small{text-align:left}
@media(max-width:600px){
 html[data-theme]:not(#legacy-theme) #workspace .report-table-controls .report-table-search{max-width:100%;width:100%}
 html[data-theme]:not(#legacy-theme) #workspace .report-table-search>label{grid-template-columns:minmax(88px,auto) minmax(0,1fr);gap:8px}
}
.omeo-crm{display:grid;gap:24px}.crm-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px;border-radius:24px;background:linear-gradient(120deg,#eaf4ff,#c9f4ec)}.crm-hero h2{margin:8px 0;color:#147cf2;font-size:2rem}.crm-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.crm-metrics article{padding:22px;background:var(--glass-raised,#fff);border:1px solid #c9daee;border-radius:18px}.crm-metrics strong{display:block;font-size:1.5rem;margin-top:10px}.crm-toolbar input{margin-left:14px;max-width:100%;width:360px}.crm-pipeline{display:flex;gap:18px;overflow-x:auto;align-items:flex-start;padding-bottom:16px}.crm-column{flex:0 0 280px;min-height:250px;background:var(--glass-raised,#f4f8fd);border-radius:18px;padding:14px;border-top:5px solid var(--crm-tone)}.crm-column h3{font-size:1rem;display:flex;justify-content:space-between;gap:10px}.crm-column h3 span{color:var(--crm-tone)}.omeo-crm .lead-card{margin:14px 0;padding:18px;background:var(--glass-raised,#fff);border:1px solid #d3e0f0;border-radius:14px;overflow-wrap:anywhere}.crm-lead-title{background:transparent;border:0;color:#147cf2;font-weight:800;text-align:left;font-size:1.05rem;padding:0;cursor:pointer}.omeo-crm .lead-card small{display:block;margin-top:12px}.crm-empty{padding:20px 0;color:#65758b}.crm-table{width:100%}.crm-activity{border:1px solid #c9daee;padding:18px;border-radius:14px;margin:12px 0}.omeo-crm details{padding:20px;border:1px solid #c9daee;border-radius:16px}@media(max-width:700px){.crm-hero{align-items:flex-start;flex-direction:column}.crm-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.crm-metrics strong{font-size:1.1rem}.crm-toolbar input{width:70%;margin-left:8px}}
html[data-theme]:not(#legacy-theme) #workspace .crm-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
html[data-theme]:not(#legacy-theme) #workspace .crm-metrics article{--crm-card-tone:#1687fa;display:grid!important;grid-template-columns:1fr!important;align-content:start;gap:14px;min-height:160px;padding:22px 24px;border:1px solid var(--ui-border);border-top:3px solid var(--crm-card-tone);border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--crm-card-tone) 15%,var(--ui-surface)),color-mix(in srgb,var(--crm-card-tone) 54%,var(--ui-surface)))!important}
html[data-theme]:not(#legacy-theme) #workspace .crm-metrics article:nth-child(2){--crm-card-tone:#a365ed}html[data-theme]:not(#legacy-theme) #workspace .crm-metrics article:nth-child(3){--crm-card-tone:#19aebd}html[data-theme]:not(#legacy-theme) #workspace .crm-metrics article:nth-child(4){--crm-card-tone:#f28b46}
html[data-theme]:not(#legacy-theme) #workspace .crm-metrics article>span{display:block;width:100%;font-size:.85rem;font-weight:700;color:var(--ui-muted)}html[data-theme]:not(#legacy-theme) #workspace .crm-metrics article>strong{display:block;margin:0;font-size:2rem;line-height:1.2;color:var(--ui-text);overflow-wrap:anywhere}
.crm-performance{margin-top:28px;padding:24px;border:1px solid #c9daee;border-radius:20px;background:var(--glass-raised,#fff)}.crm-performance-filter{display:flex;gap:20px;flex-wrap:wrap;margin:20px 0}.crm-performance-filter label{display:grid;gap:8px}
@media(max-width:900px){html[data-theme]:not(#legacy-theme) #workspace .crm-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:450px){html[data-theme]:not(#legacy-theme) #workspace .crm-metrics{grid-template-columns:1fr}}

.catalog-column-options{display:grid;gap:12px;margin:18px 0}.catalog-column-option{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:12px;border:1px solid #cbdcf2;border-radius:12px}.catalog-column-option label{display:flex;align-items:center;gap:8px}.catalog-column-option input[type=checkbox]{width:20px;height:20px}.catalog-column-option input:not([type=checkbox]){flex:1;min-width:160px}

.catalog-sku-image{display:block;width:80px;height:80px;object-fit:contain;background:#fff;border:1px solid #d4e3f4;border-radius:10px}

.catalog-upload-preview{display:block;max-width:240px;max-height:200px;object-fit:contain;margin:12px 0;border-radius:12px}.catalog-upload-preview[hidden]{display:none}

/* Catalog title and actions share a compact responsive header. */
html[data-theme]:not(#legacy-theme) #workspace .catalog-page-header{display:flex!important;align-items:center!important;justify-content:space-between;gap:20px!important;padding:20px 24px!important;flex-wrap:wrap;margin-bottom:18px}
html[data-theme]:not(#legacy-theme) #workspace .catalog-page-title{display:flex;flex-direction:column;gap:6px;flex:1 1 260px}
html[data-theme]:not(#legacy-theme) #workspace .catalog-page-title .eyebrow{font-size:12px!important;letter-spacing:.12em;margin:0!important;line-height:1.4}
html[data-theme]:not(#legacy-theme) #workspace .catalog-page-title h2{font-size:clamp(24px,2vw,32px)!important;line-height:1.2;margin:0!important}
html[data-theme]:not(#legacy-theme) #workspace .catalog-page-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}
html[data-theme]:not(#legacy-theme) #workspace .catalog-page-actions :is(.report-downloads,.app-table-display-toolbar){display:flex;align-items:center;gap:10px;margin:0!important;padding:0!important}
html[data-theme]:not(#legacy-theme) #workspace .catalog-page-actions button{min-height:44px!important;height:auto!important;padding:10px 16px!important;border-radius:12px!important;font-size:14px!important;line-height:1.4!important;font-weight:700!important;margin:0!important;white-space:nowrap}
@media(max-width:800px){html[data-theme]:not(#legacy-theme) #workspace .catalog-page-header{padding:16px!important}html[data-theme]:not(#legacy-theme) #workspace .catalog-page-actions{width:100%;justify-content:flex-start}}

/* Center the catalog table at 80% of its former desktop width. */
html[data-theme]:not(#legacy-theme) #workspace .custom-queue:has(> .catalog-page-header) > .table-scroll{width:80%!important;max-width:80%!important;margin-inline:auto!important;box-sizing:border-box}
@media(max-width:800px){html[data-theme]:not(#legacy-theme) #workspace .custom-queue:has(> .catalog-page-header) > .table-scroll{width:100%!important;max-width:100%!important}}

html[data-theme]:not(#legacy-theme) #workspace .catalog-page{padding:14px 18px!important}
html[data-theme]:not(#legacy-theme) #workspace .catalog-page > .catalog-page-header{min-height:0!important;padding:8px 12px!important;margin:0 0 10px!important;gap:12px!important}
html[data-theme]:not(#legacy-theme) #workspace .catalog-page-title{display:grid;grid-template-columns:auto auto;justify-content:start;align-items:baseline;gap:3px 12px!important}
html[data-theme]:not(#legacy-theme) #workspace .catalog-page-title .eyebrow{grid-column:1/-1;font-size:10px!important}
html[data-theme]:not(#legacy-theme) #workspace .catalog-page-title h2{font-size:24px!important;line-height:1.2!important}
html[data-theme]:not(#legacy-theme) #workspace .catalog-sku-count{font-size:13px;color:#64748b;white-space:nowrap}
html[data-theme]:not(#legacy-theme) #workspace .catalog-page-actions{gap:8px!important}
html[data-theme]:not(#legacy-theme) #workspace .catalog-page-actions button{min-height:38px!important;padding:8px 12px!important;font-size:13px!important}
html[data-theme]:not(#legacy-theme) #workspace .catalog-page > p{margin:6px 0 10px!important}

/* Keep the catalog heading aligned with the centered table. */
html[data-theme]:not(#legacy-theme) #workspace .catalog-page > .catalog-page-header{width:80%!important;max-width:80%!important;box-sizing:border-box;margin:0 auto 10px!important;padding:8px 0!important}
@media(max-width:800px){html[data-theme]:not(#legacy-theme) #workspace .catalog-page > .catalog-page-header{width:100%!important;max-width:100%!important}}

/* Shared Database typography: protect titles from the action group's width. */
html[data-theme]:not(#legacy-theme) #workspace .catalog-page > .catalog-page-header{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:10px 20px!important}
html[data-theme]:not(#legacy-theme) #workspace .catalog-page-title{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:4px!important;flex:1 0 280px!important;min-width:0!important}
html[data-theme]:not(#legacy-theme) #workspace .catalog-page-title h2{width:auto!important;max-width:none!important;white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important;font-size:24px!important;font-weight:800!important;line-height:1.25!important;margin:0!important}
html[data-theme]:not(#legacy-theme) #workspace .catalog-page-title .eyebrow{font-size:10px!important;line-height:1.4!important;letter-spacing:.1em!important}
html[data-theme]:not(#legacy-theme) #workspace .catalog-page-title .catalog-sku-count{font-size:13px!important;line-height:1.4!important;margin:0!important}
html[data-theme]:not(#legacy-theme) #workspace .catalog-page-actions{flex:0 1 auto!important;max-width:100%!important;flex-wrap:wrap!important;justify-content:flex-end!important}
html[data-theme]:not(#legacy-theme) #workspace .catalog-page > :is(.catalog-description,[data-catalog-loading]){width:80%!important;max-width:80%!important;margin:4px auto 10px!important;box-sizing:border-box;font-size:13px!important;line-height:1.55!important}
@media(max-width:800px){html[data-theme]:not(#legacy-theme) #workspace .catalog-page-title{flex-basis:100%!important}html[data-theme]:not(#legacy-theme) #workspace .catalog-page-actions{justify-content:flex-start!important}html[data-theme]:not(#legacy-theme) #workspace .catalog-page > :is(.catalog-description,[data-catalog-loading]){width:100%!important;max-width:100%!important}}

/* Compact stock-row actions fit their labels across all stock submenus. */
html[data-theme]:not(#legacy-theme) #workspace .finished-stock-page .finished-stock-actions{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;align-items:center!important;justify-content:flex-start!important;width:auto!important;min-width:0!important;gap:6px!important;margin:0!important}
html[data-theme]:not(#legacy-theme) #workspace .finished-stock-page .finished-stock-actions > button{flex:0 0 auto!important;width:auto!important;min-width:0!important;min-height:30px!important;height:auto!important;padding:5px 9px!important;font-size:12px!important;font-weight:700!important;line-height:1.3!important;border-radius:7px!important;white-space:nowrap!important;box-shadow:none!important}
html[data-theme]:not(#legacy-theme) #workspace .finished-stock-table td:last-child{padding:8px!important}

/* Stock tables match the centered Database width and balance text/action columns. */
html[data-theme]:not(#legacy-theme) #workspace .finished-stock-page > header,
html[data-theme]:not(#legacy-theme) #workspace .finished-stock-page > .account-division{width:80%!important;max-width:80%!important;margin-inline:auto!important;box-sizing:border-box}
html[data-theme]:not(#legacy-theme) #workspace .finished-stock-table{width:100%!important;min-width:1000px!important;table-layout:fixed!important}
html[data-theme]:not(#legacy-theme) #workspace .finished-stock-table col{width:var(--stock-col-width)!important}
html[data-theme]:not(#legacy-theme) #workspace .finished-stock-table :is(th,td){min-width:0!important;padding:10px 12px!important;white-space:normal!important;overflow-wrap:break-word!important;vertical-align:middle}
html[data-theme]:not(#legacy-theme) #workspace .finished-stock-table :is(th,td):first-child{min-width:0!important;text-align:left}
html[data-theme]:not(#legacy-theme) #workspace .finished-stock-table :is(th,td):last-child{min-width:0!important;text-align:left}
html[data-theme]:not(#legacy-theme) #workspace .finished-stock-table th .table-sort-button{gap:6px!important}
html[data-theme]:not(#legacy-theme) #workspace .finished-stock-section > header{margin-bottom:8px!important}
@media(max-width:800px){html[data-theme]:not(#legacy-theme) #workspace .finished-stock-page > header,html[data-theme]:not(#legacy-theme) #workspace .finished-stock-page > .account-division{width:100%!important;max-width:100%!important}}

html[data-theme]:not(#legacy-theme) #workspace .finished-stock-page .finished-stock-table .finished-stock-actions{flex-wrap:nowrap!important;gap:6px!important}
html[data-theme]:not(#legacy-theme) #workspace .finished-stock-page .finished-stock-table :is(th,td):last-child{padding-inline:8px!important}

/* Override the legacy 25% action-column width. */
html[data-theme]:not(#legacy-theme) #workspace .finished-stock-page .finished-stock-table col:last-child{width:190px!important}
html[data-theme]:not(#legacy-theme) #workspace .finished-stock-page .finished-stock-table :is(th,td):last-child{width:190px!important;min-width:0!important;max-width:190px!important;box-sizing:border-box}

/* Align Antrian title panels with the table, excluding its scrollbar gutter. */
html[data-theme]:not(#legacy-theme) #workspace .production-queue-page .production-table-card > .table-scroll{width:100%!important;max-width:100%!important;box-sizing:border-box!important;margin:8px 0 0!important;padding:0!important;scrollbar-gutter:stable;scrollbar-width:auto}
html[data-theme]:not(#legacy-theme) #workspace .production-queue-page .production-table-card > .table-scroll::-webkit-scrollbar{width:12px;height:12px}
html[data-theme]:not(#legacy-theme) #workspace .production-queue-page .production-table-card > .production-queue-card-head{width:calc(100% - 12px)!important;max-width:calc(100% - 12px)!important;box-sizing:border-box!important;margin-left:0!important;margin-right:12px!important}
/* Orange gradient for the Stok Barang navigation icon. */
html[data-theme]:not(#legacy-theme) #sidebar .nav-item[data-view="finished-stock"] .nav-icon{
 background:linear-gradient(145deg,#ffb347 0%,#ff8a1f 50%,#f56b19 100%)!important;
 color:#fff!important;
 box-shadow:inset 0 1px rgba(255,255,255,.48),0 8px 20px rgba(245,107,25,.28)!important;
}
/* Shared presentation for every Request SPK form. */
html[data-theme]:not(#legacy-theme) #workspace #spkForm :is(.print-ecer-fields,.custom-fields){
 background:transparent!important;
 background-image:none!important;
 border:0!important;
 border-radius:0!important;
 box-shadow:none!important;
 backdrop-filter:none!important;
 -webkit-backdrop-filter:none!important;
}
html[data-theme]:not(#legacy-theme) #workspace #spkForm.jahit-request-form .jahit-side-preview{
 padding:0!important;
 display:flex!important;
 justify-content:center!important;
}
html[data-theme]:not(#legacy-theme) #workspace #spkForm.jahit-request-form .jahit-side-preview figure{
 width:100%!important;
 max-width:290px!important;
 padding:14px!important;
 box-sizing:border-box!important;
}
html[data-theme]:not(#legacy-theme) #workspace #spkForm.jahit-request-form .jahit-side-preview :is(img,.stock-image-empty){
 width:100%!important;max-width:100%!important;
 height:145px!important;min-height:145px!important;
 border:0!important;padding:8px!important;
 box-sizing:border-box!important;
 gap:8px!important;
}
html[data-theme]:not(#legacy-theme) #workspace #spkForm.jahit-request-form .stock-image-empty span{
 width:48px!important;height:48px!important;
 font-size:22px!important;
}
html[data-theme]:not(#legacy-theme) #workspace #spkForm.jahit-request-form .jahit-side-preview figcaption{
 font-size:16px!important;padding:8px 4px!important;
}
html[data-theme]:not(#legacy-theme) #workspace #spkForm .qr-placeholder{
 background:#fff!important;
 background-image:none!important;
 backdrop-filter:none!important;
 -webkit-backdrop-filter:none!important;
 width:min(100%,150px)!important;
 min-height:140px!important;
 height:auto!important;
 padding:12px!important;
 box-sizing:border-box!important;
 justify-self:center;
 border-radius:16px!important;
 gap:10px!important;
}
html[data-theme]:not(#legacy-theme) #workspace #spkForm .qr-placeholder span{
 width:48px!important;height:48px!important;
 display:grid;place-items:center;
 font-size:20px!important;
}
html[data-theme]:not(#legacy-theme) #workspace #spkForm :is(.stock-image-preview,.stock-image-empty){
 background:#fff!important;
 background-image:none!important;
 backdrop-filter:none!important;
 -webkit-backdrop-filter:none!important;
}
html[data-theme]:not(#legacy-theme) #workspace #spkForm .design-upload{
 background:#fff!important;
 background-image:none!important;
 backdrop-filter:none!important;
 -webkit-backdrop-filter:none!important;
}
html[data-theme]:not(#legacy-theme) #workspace:has(#spkForm) .production-flow{
 background:transparent!important;
 border:0!important;
 box-shadow:none!important;
 border-radius:0!important;
 backdrop-filter:none!important;
 -webkit-backdrop-filter:none!important;
}
html[data-theme]:not(#legacy-theme) body:has(#workspace #spkForm){
 background:#f0f1f3!important;
 background-image:none!important;
}
html[data-theme]:not(#legacy-theme) #workspace #spkForm{
 background:transparent!important;
 border:0!important;
 box-shadow:none!important;
 border-radius:0!important;
 backdrop-filter:none!important;
 -webkit-backdrop-filter:none!important;
}

/* Jahit fields and preview cards follow the compact Request SPK layout. */
html[data-theme]:not(#legacy-theme) #workspace #spkForm.jahit-request-form .jahit-request-layout{display:grid!important;grid-template-columns:minmax(210px,.8fr) minmax(280px,1.2fr) minmax(310px,1fr)!important;gap:16px!important;align-items:start!important}
html[data-theme]:not(#legacy-theme) #workspace #spkForm.jahit-request-form .jahit-general{border:0!important;padding:0!important}
html[data-theme]:not(#legacy-theme) #workspace #spkForm.jahit-request-form .jahit-side-row{display:block!important;padding:0!important;border:0!important;margin-bottom:14px!important}
html[data-theme]:not(#legacy-theme) #workspace #spkForm.jahit-request-form .jahit-preview-media{min-width:0;display:grid;gap:16px;justify-items:center}
html[data-theme]:not(#legacy-theme) #workspace #spkForm.jahit-request-form .jahit-preview-cards{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
html[data-theme]:not(#legacy-theme) #workspace #spkForm.jahit-request-form .jahit-preview-media .jahit-qr{width:150px!important;margin:0!important;height:auto!important;min-height:140px!important}
html[data-theme]:not(#legacy-theme) #workspace #spkForm.jahit-request-form .jahit-side-preview figure{max-width:none!important}
@media(max-width:1000px){html[data-theme]:not(#legacy-theme) #workspace #spkForm.jahit-request-form .jahit-request-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}html[data-theme]:not(#legacy-theme) #workspace #spkForm.jahit-request-form .jahit-preview-media{grid-column:1/-1}}
@media(max-width:600px){html[data-theme]:not(#legacy-theme) #workspace #spkForm.jahit-request-form .jahit-request-layout{grid-template-columns:minmax(0,1fr)!important}}

html[data-theme]:not(#legacy-theme) #workspace #spkForm.jahit-request-form > .jahit-stock-header{padding:18px!important;margin-bottom:18px!important;border-radius:16px!important}
html[data-theme]:not(#legacy-theme) #workspace #spkForm.jahit-request-form .jahit-stock-header .print-ecer-header-main{display:flex!important;align-items:center!important;gap:24px!important;width:100%!important}
html[data-theme]:not(#legacy-theme) #workspace #spkForm.jahit-request-form .jahit-stock-header .custom-invoice{font-size:24px!important}
html[data-theme]:not(#legacy-theme) #workspace #spkForm.jahit-request-form .jahit-stock-header .stock-picker-field{width:min(440px,100%)!important;padding:0!important}
@media(max-width:600px){html[data-theme]:not(#legacy-theme) #workspace #spkForm.jahit-request-form .jahit-stock-header .print-ecer-header-main{flex-wrap:wrap!important;gap:12px!important}}

/* Consistent invoice and customer/SKU header across Request SPK forms. */
html[data-theme]:not(#legacy-theme) #workspace #spkForm > header{display:flex!important;align-items:center!important;justify-content:space-between!important;flex-wrap:wrap!important;gap:18px!important;padding:20px 24px!important;border-radius:18px!important;margin:0 0 18px!important;box-sizing:border-box!important}
html[data-theme]:not(#legacy-theme) #workspace #spkForm > header > div,
html[data-theme]:not(#legacy-theme) #workspace #spkForm > header .print-ecer-header-main{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:20px!important;min-width:0!important;width:auto!important}
html[data-theme]:not(#legacy-theme) #workspace #spkForm > header .custom-invoice{font-size:26px!important;line-height:1.2!important;white-space:nowrap!important;flex-shrink:0!important}
html[data-theme]:not(#legacy-theme) #workspace #spkForm > header label:not(.deadline-field){display:flex!important;align-items:center!important;gap:18px!important;white-space:nowrap!important;font-weight:700!important}
html[data-theme]:not(#legacy-theme) #workspace #spkForm > header .stock-picker-field{display:flex!important;align-items:center!important;gap:18px!important;width:auto!important;padding:0!important;margin:0!important;flex-wrap:wrap!important}
html[data-theme]:not(#legacy-theme) #workspace #spkForm > header .stock-picker-field label{display:flex!important;align-items:center!important;gap:18px!important;width:auto!important}
html[data-theme]:not(#legacy-theme) #workspace #spkForm > header input:not([type="date"]){width:320px!important;max-width:100%!important;min-height:46px!important;box-sizing:border-box!important}
html[data-theme]:not(#legacy-theme) #workspace #spkForm > header .stock-search{width:320px!important;max-width:100%!important}
html[data-theme]:not(#legacy-theme) #workspace #spkForm > header .stock-picker-field > small{flex-basis:100%;font-size:11px!important}
@media(max-width:600px){html[data-theme]:not(#legacy-theme) #workspace #spkForm > header{padding:16px!important;gap:14px!important}html[data-theme]:not(#legacy-theme) #workspace #spkForm > header label:not(.deadline-field){flex-wrap:wrap!important;gap:8px!important}html[data-theme]:not(#legacy-theme) #workspace #spkForm > header input:not([type="date"]),html[data-theme]:not(#legacy-theme) #workspace #spkForm > header .stock-search{width:min(320px,100%)!important}}

/* Unified compact Request SPK sizing and spacing. */
html[data-theme]:not(#legacy-theme) #workspace #spkForm{padding:0!important;min-width:0!important}
html[data-theme]:not(#legacy-theme) #workspace #spkForm > header{padding:14px 18px!important;margin:0 0 16px!important;gap:16px!important;min-height:0!important}
html[data-theme]:not(#legacy-theme) #workspace #spkForm > header .custom-invoice{font-size:24px!important;margin:0!important}
html[data-theme]:not(#legacy-theme) #workspace #spkForm :is(.custom-form-body,.print-ecer-layout,.jahit-request-layout){padding:0!important;gap:18px!important;align-items:start!important}
html[data-theme]:not(#legacy-theme) #workspace #spkForm .custom-form-body{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(260px,.85fr)!important}
html[data-theme]:not(#legacy-theme) #workspace #spkForm .print-ecer-layout{display:grid!important;grid-template-columns:minmax(0,1fr) 270px!important}
html[data-theme]:not(#legacy-theme) #workspace #spkForm .print-ecer-fields{display:grid!important;grid-template-columns:minmax(0,1fr)!important;padding:0!important;gap:12px!important;margin:0!important}
html[data-theme]:not(#legacy-theme) #workspace #spkForm :is(.custom-fields,.jahit-general,.jahit-side-fields,.stock-picker-field){padding:0!important;margin:0!important;min-width:0!important;align-content:start!important;row-gap:12px!important}
html[data-theme]:not(#legacy-theme) #workspace #spkForm .custom-fields{display:grid!important;grid-template-columns:minmax(0,1fr)!important}
html[data-theme]:not(#legacy-theme) #workspace #spkForm .print-ecer-inputs{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px 16px!important}
html[data-theme]:not(#legacy-theme) #workspace #spkForm .custom-fields > label{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-column:auto!important;grid-row:auto!important;gap:6px!important;align-content:start!important;font-size:13px!important;line-height:1.4!important;margin:0!important}
html[data-theme]:not(#legacy-theme) #workspace #spkForm :is(input:not([type="file"]):not([type="checkbox"]):not([type="hidden"]),select){height:40px!important;min-height:40px!important;padding:8px 12px!important;font-size:14px!important;line-height:1.4!important;box-sizing:border-box!important;border-radius:9px!important}
html[data-theme]:not(#legacy-theme) #workspace #spkForm textarea{height:84px!important;min-height:84px!important;padding:10px 12px!important;font-size:14px!important;line-height:1.5!important;box-sizing:border-box!important;resize:vertical!important}
html[data-theme]:not(#legacy-theme) #workspace #spkForm :is(.print-ecer-side,.custom-media,.jahit-preview-media){display:grid!important;grid-template-rows:auto!important;align-content:start!important;gap:12px!important;padding:0!important;min-height:0!important}
html[data-theme]:not(#legacy-theme) #workspace #spkForm .stock-image-preview{height:auto!important;min-height:0!important;padding:12px!important;margin:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:8px!important}
html[data-theme]:not(#legacy-theme) #workspace #spkForm .stock-image-preview :is(img,.stock-image-empty){height:150px!important;min-height:150px!important;width:100%!important;max-width:100%!important;object-fit:contain!important;border:0!important;padding:8px!important;box-sizing:border-box!important}
html[data-theme]:not(#legacy-theme) #workspace #spkForm .stock-image-empty{display:flex!important;flex-direction:column!important;justify-content:center!important;gap:8px!important}
html[data-theme]:not(#legacy-theme) #workspace #spkForm .stock-image-empty span{width:40px!important;height:40px!important;min-height:40px!important;display:grid!important;place-items:center!important;font-size:20px!important}
html[data-theme]:not(#legacy-theme) #workspace #spkForm .stock-image-empty b{font-size:14px!important;margin:0!important}
html[data-theme]:not(#legacy-theme) #workspace #spkForm .stock-image-empty small{font-size:12px!important;line-height:1.4!important;margin:0!important}
html[data-theme]:not(#legacy-theme) #workspace #spkForm .stock-image-preview figcaption{position:static!important;transform:none!important;background:transparent!important;color:#243e59!important;font-size:14px!important;padding:4px!important;margin:0!important;text-align:center!important}
html[data-theme]:not(#legacy-theme) #workspace #spkForm .design-upload{min-height:170px!important;padding:16px 12px!important;gap:10px!important}
html[data-theme]:not(#legacy-theme) #workspace #spkForm .qr-placeholder{height:120px!important;min-height:120px!important;max-height:none!important;width:130px!important;padding:10px!important;margin:0!important;gap:8px!important;justify-self:center!important}
html[data-theme]:not(#legacy-theme) #workspace #spkForm .qr-placeholder small{font-size:11px!important;line-height:1.4!important}
html[data-theme]:not(#legacy-theme) #workspace #spkForm [id^="stockLoadState"]:empty{display:none!important}
html[data-theme]:not(#legacy-theme) #workspace #spkForm > footer{display:flex!important;flex-direction:row!important;justify-content:flex-end!important;align-items:center!important;gap:16px!important;padding:14px 0 0!important;margin:0!important}
html[data-theme]:not(#legacy-theme) #workspace #spkForm > footer button[type="submit"]{width:auto!important;min-height:40px!important;padding:9px 20px!important;margin:0!important;font-size:14px!important}
html[data-theme]:not(#legacy-theme) #workspace #spkForm > footer p{margin:0!important;font-size:11px!important}
html[data-theme]:not(#legacy-theme) #workspace #spkForm.jahit-request-form .jahit-request-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(300px,1fr)!important}
html[data-theme]:not(#legacy-theme) #workspace #spkForm.jahit-request-form .jahit-side-row{padding:0!important;margin:0 0 12px!important}
html[data-theme]:not(#legacy-theme) #workspace #spkForm.jahit-request-form .jahit-side-preview figure{padding:12px!important}
html[data-theme]:not(#legacy-theme) #workspace #spkForm.jahit-request-form .jahit-side-preview :is(img,.stock-image-empty){height:150px!important;min-height:150px!important}
@media(max-width:1000px){html[data-theme]:not(#legacy-theme) #workspace #spkForm .custom-form-body{grid-template-columns:repeat(2,minmax(0,1fr))!important}html[data-theme]:not(#legacy-theme) #workspace #spkForm .custom-media{grid-column:1/-1!important}html[data-theme]:not(#legacy-theme) #workspace #spkForm.jahit-request-form .jahit-request-layout{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:650px){html[data-theme]:not(#legacy-theme) #workspace #spkForm :is(.custom-form-body,.print-ecer-layout,.print-ecer-inputs),html[data-theme]:not(#legacy-theme) #workspace #spkForm.jahit-request-form .jahit-request-layout{grid-template-columns:minmax(0,1fr)!important}html[data-theme]:not(#legacy-theme) #workspace #spkForm :is(.print-ecer-side,.custom-media){grid-column:1!important}html[data-theme]:not(#legacy-theme) #workspace #spkForm :is(input,select,textarea){font-size:16px!important}}

/* Align catalog fields with the other vertically labelled request controls. */
html[data-theme]:not(#legacy-theme) #workspace #spkForm .custom-fields .stock-picker-field label{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:6px!important;align-items:start!important;font-size:13px!important;line-height:1.4!important}
html[data-theme]:not(#legacy-theme) #workspace #spkForm .custom-fields .stock-picker-field{padding:0!important;margin:0!important}
html[data-theme]:not(#legacy-theme) #workspace #spkForm .custom-fields .stock-picker-field .stock-search{width:100%!important;min-width:0!important;margin:0!important}
html[data-theme]:not(#legacy-theme) #workspace #spkForm .custom-fields .stock-picker-field small:empty{display:none!important}

/* Plain QR status text on every Request SPK form. */
html[data-theme]:not(#legacy-theme) #workspace #spkForm .qr-placeholder.qr-text-only{
 display:block!important;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;
 backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
 width:auto!important;height:auto!important;min-height:0!important;max-height:none!important;
 padding:4px 0!important;margin:0!important;color:#000!important;-webkit-text-fill-color:#000!important;
 font-size:13px!important;font-weight:700!important;line-height:1.5!important;text-align:center!important;
}

/* Stretch custom-order notes to the bottom of the bank-account column. */
@media(min-width:651px){
 html[data-theme]:not(#legacy-theme) #workspace #spkForm[data-custom="true"] .custom-form-body{align-items:stretch!important}
 html[data-theme]:not(#legacy-theme) #workspace #spkForm[data-custom="true"] .detail-fields{display:flex!important;flex-direction:column!important;gap:12px!important}
 html[data-theme]:not(#legacy-theme) #workspace #spkForm[data-custom="true"] .detail-fields > .custom-notes{flex:1!important;display:flex!important;flex-direction:column!important;gap:6px!important}
 html[data-theme]:not(#legacy-theme) #workspace #spkForm[data-custom="true"] .detail-fields > .custom-notes textarea{flex:1!important;height:auto!important;min-height:84px!important}
}

/* Keep QR status, next invoice and submission together. */
html[data-theme]:not(#legacy-theme) #workspace #spkForm .request-submit-group{display:flex!important;flex-direction:column!important;align-items:flex-end!important;gap:8px!important;width:100%!important;grid-column:1/-1;box-sizing:border-box}
html[data-theme]:not(#legacy-theme) #workspace #spkForm .request-submit-group .qr-text-only{width:100%!important;text-align:right!important;align-self:stretch!important}
html[data-theme]:not(#legacy-theme) #workspace #spkForm .request-submit-group > footer{display:flex!important;flex-direction:column!important;align-items:flex-end!important;justify-content:flex-start!important;gap:12px!important;padding:0!important;margin:0!important;width:100%!important}
html[data-theme]:not(#legacy-theme) #workspace #spkForm .request-submit-group > footer p{margin:0!important;text-align:right!important;font-size:11px!important;line-height:1.5!important}
html[data-theme]:not(#legacy-theme) #workspace #spkForm .request-submit-group > footer button[type="submit"]{width:auto!important;min-height:50px!important;padding:11px 25px!important;font-size:17.5px!important;line-height:1.4!important;margin:0!important;align-self:flex-end!important}

/* Avoid stretched legacy rows and narrow labels after moving priority. */
html[data-theme]:not(#legacy-theme) #workspace #spkForm .custom-fields.primary-fields{
 grid-template-rows:none!important;grid-auto-rows:min-content!important;align-content:start!important;align-items:start!important;
}
html[data-theme]:not(#legacy-theme) #workspace #spkForm .custom-fields > label,
html[data-theme]:not(#legacy-theme) #workspace #spkForm .custom-fields > .form-priority{
 width:100%!important;max-width:100%!important;min-width:0!important;align-self:stretch!important;justify-self:stretch!important;align-items:stretch!important;text-align:left!important;margin:0!important;box-sizing:border-box!important;
}
html[data-theme]:not(#legacy-theme) #workspace #spkForm .detail-fields > .custom-notes{align-items:stretch!important;text-align:left!important;min-height:0!important}
html[data-theme]:not(#legacy-theme) #workspace #spkForm .custom-fields > label :is(input,select,textarea){width:100%!important;box-sizing:border-box!important}
html[data-theme]:not(#legacy-theme) #workspace #spkForm[data-custom="true"] .detail-fields{min-height:0!important;align-items:stretch!important}

html[data-theme]:not(#legacy-theme) #workspace #spkForm[data-custom="true"] .detail-fields{align-self:start!important}
html[data-theme]:not(#legacy-theme) #workspace #spkForm[data-custom="true"] .detail-fields > .custom-notes{flex:none!important}
html[data-theme]:not(#legacy-theme) #workspace #spkForm[data-custom="true"] .detail-fields > .custom-notes textarea{flex:none!important;height:114px!important;resize:vertical!important}

/* Align QR status with the left edge of its adjacent media panel. */
html[data-theme]:not(#legacy-theme) #workspace #spkForm .request-submit-group .qr-text-only,
html[data-theme]:not(#legacy-theme) #workspace .production-queue-page .qr-text-only{
 text-align:left!important;align-self:stretch!important;justify-self:stretch!important;width:100%!important;margin-left:0!important;padding-left:0!important;box-sizing:border-box!important;
}

/* Compact left-aligned submission block below QR status. */
html[data-theme]:not(#legacy-theme) #workspace #spkForm .request-submit-group{align-items:flex-start!important;justify-content:flex-start!important;align-self:start!important;height:auto!important;min-height:0!important;gap:8px!important}
html[data-theme]:not(#legacy-theme) #workspace #spkForm .request-submit-group > footer{align-items:flex-start!important;justify-content:flex-start!important;flex:0 0 auto!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;gap:12px!important}
html[data-theme]:not(#legacy-theme) #workspace #spkForm .request-submit-group > footer p{text-align:left!important;align-self:flex-start!important;margin:0!important}
html[data-theme]:not(#legacy-theme) #workspace #spkForm .request-submit-group > footer button[type="submit"]{align-self:flex-start!important;margin:0!important}

/* Text status must not inherit the old square QR placeholder ratio. */
html[data-theme]:not(#legacy-theme) #workspace #spkForm .request-submit-group .qr-placeholder.qr-text-only{aspect-ratio:auto!important;flex:0 0 auto!important;height:auto!important;min-height:0!important;padding:0!important;line-height:1.3!important}
html[data-theme]:not(#legacy-theme) #workspace #spkForm .request-submit-group{gap:4px!important}
html[data-theme]:not(#legacy-theme) #workspace #spkForm .request-submit-group > footer{gap:6px!important}

/* Square design and product cards across Request SPK forms. */
html[data-theme]:not(#legacy-theme) #workspace #spkForm .custom-media .design-upload,
html[data-theme]:not(#legacy-theme) #workspace #spkForm .stock-image-preview,
html[data-theme]:not(#legacy-theme) #workspace #spkForm.jahit-request-form .jahit-side-preview figure{
 aspect-ratio:1 / 1!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;box-sizing:border-box!important;justify-content:center!important;overflow:hidden!important;
}
html[data-theme]:not(#legacy-theme) #workspace #spkForm .stock-image-preview :is(img,.stock-image-empty),
html[data-theme]:not(#legacy-theme) #workspace #spkForm.jahit-request-form .jahit-side-preview :is(img,.stock-image-empty){
 height:auto!important;min-height:0!important;flex:1 1 0!important;max-height:100%!important;object-fit:contain!important;
}
html[data-theme]:not(#legacy-theme) #workspace #spkForm .design-upload [data-design-preview]{height:auto!important;min-height:0!important;max-height:55%!important;object-fit:contain!important;margin-top:4px!important}

/* Queue table titles use an open heading, without a surrounding box. */
html[data-theme]:not(#legacy-theme) #workspace .production-queue-page .production-queue-card-head{
 background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;backdrop-filter:none!important;
}

/* A single white search surface and compact clear control. */
html[data-theme]:not(#legacy-theme) body .topbar .search-box{
 background:#fff!important;border:1px solid #aacbfa!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important;
}
html[data-theme]:not(#legacy-theme) body .topbar .search-box:focus-within{
 background:#fff!important;border-color:#1687ff!important;box-shadow:0 0 0 3px rgba(22,135,255,.16)!important;
}
html[data-theme]:not(#legacy-theme) body .topbar .search-box input,
html[data-theme]:not(#legacy-theme) body .topbar .search-box input:focus{
 background:transparent!important;border:0!important;outline:0!important;box-shadow:none!important;border-radius:0!important;color:#172b46!important;padding-right:28px!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
html[data-theme]:not(#legacy-theme) body .topbar .search-box .search-clear-button{
 width:20px!important;min-width:20px!important;max-width:20px!important;height:20px!important;min-height:20px!important;max-height:20px!important;font-size:15px!important;padding:0!important;right:4px!important;inset-inline-end:4px!important;box-shadow:none!important;
}

/* Compact, filled Scan QR action in the shared top bar. */
html[data-theme]:not(#legacy-theme) body .topbar #scanQrButton{
 background:linear-gradient(135deg,#147cf2,#28aaef)!important;color:#fff!important;border:1px solid #1687ff!important;width:max-content!important;min-width:0!important;max-width:100%!important;flex:0 0 auto!important;padding-left:16px!important;padding-right:16px!important;gap:7px!important;justify-self:end!important;white-space:nowrap!important;
}
html[data-theme]:not(#legacy-theme) body .topbar #scanQrButton span{color:#fff!important}

/* Align Request SPK headings and queue tables with their shared content edges. */
html[data-theme]:not(#legacy-theme) #workspace:has(#spkForm) :is(.custom-request-heading,.production-flow){padding-left:0!important;padding-right:0!important;margin-left:0!important;margin-right:0!important}
html[data-theme]:not(#legacy-theme) #workspace:has(#spkForm) .custom-queue > .table-scroll{
 width:100%!important;max-width:100%!important;box-sizing:border-box!important;margin-left:0!important;margin-right:0!important;padding:0!important;scrollbar-gutter:auto!important;
}
html[data-theme]:not(#legacy-theme) #workspace:has(#spkForm) .custom-queue > .table-scroll > table{width:100%!important;min-width:100%!important}

/* White stock SKU field, matching the shared search surface. */
html[data-theme]:not(#legacy-theme) body #workspace #spkForm input#stockSku,
html[data-theme]:not(#legacy-theme) body #workspace #spkForm input#stockSku:focus{
 background:#fff!important;background-image:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}

/* Shared white SKU selectors throughout Request SPK, including both sides. */
html[data-theme]:not(#legacy-theme) body #workspace #spkForm :is(.stock-search input,.stock-picker-field input,input[id^="stockSku"],input[placeholder*="SKU" i]:not([readonly])){
 background:#fff!important;background-image:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}

/* Request SPK table titles without a surrounding panel. */
html[data-theme]:not(#legacy-theme) #workspace:has(#spkForm) .custom-queue > .custom-queue-head{
 background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}

/* Keep bottom stage navigation icons and labels without surrounding tiles. */
html[data-theme]:not(#legacy-theme) body .mobile-bottom-nav button,
html[data-theme]:not(#legacy-theme) body .mobile-bottom-nav button.active{
 background:transparent!important;border-color:transparent!important;border-radius:0!important;box-shadow:none!important;
}
html[data-theme]:not(#legacy-theme) body .mobile-bottom-nav button.active small{text-decoration:underline;text-underline-offset:4px}

/* Align history exports, table controls and table to the same right edge. */
html[data-theme]:not(#legacy-theme) #workspace .report-category-table > :is(.report-section-head,.report-table-controls,.table-scroll){
 width:100%!important;max-width:100%!important;box-sizing:border-box!important;padding-left:0!important;padding-right:0!important;margin-left:0!important;margin-right:0!important;
}
html[data-theme]:not(#legacy-theme) #workspace .report-category-table > .table-scroll{scrollbar-gutter:auto!important}
html[data-theme]:not(#legacy-theme) #workspace .report-category-table .report-head-actions{margin-left:auto!important;margin-right:0!important;justify-content:flex-end!important}
html[data-theme]:not(#legacy-theme) #workspace .report-category-table .report-downloads{justify-content:flex-end!important}
html[data-theme]:not(#legacy-theme) #workspace .report-category-table .table-scroll > table{width:100%!important;min-width:100%!important}

/* Plain active-job counts across all production queue tables. */
html[data-theme]:not(#legacy-theme) #workspace .production-queue-page .live-label{
 background:transparent!important;background-image:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}

/* Dark gray invoice banner with white labels throughout Request SPK. */
html[data-theme]:not(#legacy-theme) body #workspace #spkForm > header{
 background:linear-gradient(135deg,#989a9d 0%,#a9adb2 100%)!important;border-color:#aaaeb4!important;color:#fff!important;
}
html[data-theme]:not(#legacy-theme) body #workspace #spkForm > header :is(.custom-invoice,label,label > span,.stock-picker-field > small){color:#fff!important}

/* Small, separated sorting arrows shared by all tables. */
html[data-theme]:not(#legacy-theme) body #workspace table thead .table-sort-button{gap:10px!important}
html[data-theme]:not(#legacy-theme) body #workspace table thead .table-sort-button i{
 display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;flex:0 0 10px!important;width:10px!important;margin-left:4px!important;font-size:7px!important;line-height:1!important;
}
html[data-theme]:not(#legacy-theme) body #workspace table thead .table-sort-button i b{font-size:7px!important;line-height:1!important;display:block!important}

/* Consistent 20% gray hover highlight for sidebar navigation. */
@media (hover:hover){
 html[data-theme]:not(#legacy-theme) body #sidebar :is(.nav-item,.submenu button):hover{
  background:rgba(128,128,128,.2)!important;background-image:none!important;box-shadow:none!important;
 }
}

/* Active sidebar items share the regular background; blue text marks selection. */
html[data-theme]:not(#legacy-theme) body #sidebar :is(.nav-item.active,.submenu button.active):not(:hover){
 background:transparent!important;background-image:none!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}

/* Opaque white sidebar with a subtle 10% gray gradient. */
html[data-theme]:not(#legacy-theme) body #sidebar.sidebar{
 background:linear-gradient(180deg,#ffffff 0%,#e6e6e6 100%)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}

/* Keep the selected sidebar menu visibly highlighted. */
html[data-theme]:not(#legacy-theme) body #sidebar :is(.nav-item.active,.submenu button.active),
html[data-theme]:not(#legacy-theme) body #sidebar :is(.nav-item.active,.submenu button.active):not(:hover){
 background:rgba(128,128,128,.2)!important;background-image:none!important;box-shadow:none!important;
}

/* Increase spacing between successive queue tables by 130% of the original gap. */
html[data-theme]:not(#legacy-theme) #workspace .production-queue-page > .production-table-card + .production-table-card{margin-top:41.4px!important}
@media (max-width:650px) and (orientation:portrait){
 html[data-theme]:not(#legacy-theme) #workspace .production-queue-page > .production-table-card + .production-table-card{margin-top:18.4px!important}
}

/* Keep form headers and SKU dropdowns below the mobile navigation overlay. */
html[data-theme]:not(#legacy-theme) #workspace{
 position:relative;isolation:isolate;z-index:0;
}

.ongkos-catalog-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}
html[data-theme]:not(#legacy-theme) #workspace .catalog-page:has(.ongkos-catalog-tabs) th{white-space:normal!important;min-width:145px}

/* Ongkos category tabs follow the same left edge as the database title. */
html[data-theme]:not(#legacy-theme) #workspace .catalog-page .ongkos-catalog-tabs{
 width:80%!important;max-width:80%!important;box-sizing:border-box!important;margin-left:auto!important;margin-right:auto!important;justify-content:flex-start!important;
}
@media(max-width:800px){
 html[data-theme]:not(#legacy-theme) #workspace .catalog-page .ongkos-catalog-tabs{width:100%!important;max-width:100%!important}
}

/* Database category choices and actions share one bottom-aligned control row. */
html[data-theme]:not(#legacy-theme) #workspace .catalog-page .catalog-controls-row{
 display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:12px 20px;width:80%;max-width:80%;box-sizing:border-box;margin:12px auto 16px;
}
html[data-theme]:not(#legacy-theme) #workspace .catalog-page .catalog-controls-row .ongkos-catalog-tabs{
 width:auto!important;max-width:100%!important;margin:0!important;align-items:flex-end;
}
html[data-theme]:not(#legacy-theme) #workspace .catalog-page .catalog-controls-row .catalog-page-actions{align-items:flex-end!important;margin-left:auto;gap:8px!important}
html[data-theme]:not(#legacy-theme) #workspace .catalog-page .catalog-controls-row :is(.report-downloads,.app-table-display-toolbar){align-items:flex-end!important}
html[data-theme]:not(#legacy-theme) #workspace .catalog-page .catalog-controls-row button{height:44px!important;min-height:44px!important;padding:10px 16px!important;box-sizing:border-box;line-height:1.4!important;font-size:14px!important}
@media(max-width:800px){
 html[data-theme]:not(#legacy-theme) #workspace .catalog-page .catalog-controls-row{width:100%;max-width:100%}
 html[data-theme]:not(#legacy-theme) #workspace .catalog-page .catalog-controls-row .catalog-page-actions{margin-left:0;justify-content:flex-start!important}
}

/* Distinguish pointer hover from the selected sidebar menu. */
@media(hover:hover){
 html[data-theme]:not(#legacy-theme) body #sidebar :is(.nav-item,.submenu button):hover:not(.active){
  background:rgba(128,128,128,.1)!important;background-image:none!important;box-shadow:none!important;
 }
}

/* Date-based custom-order deadline report above monthly production. */
html[data-theme]:not(#legacy-theme) #workspace .custom-deadline-panel{grid-column:1/-1}
html[data-theme]:not(#legacy-theme) #workspace .custom-deadline-panel>h3{margin:0 0 12px;font-size:18px}
html[data-theme]:not(#legacy-theme) #workspace .custom-deadline-panel>p{color:var(--ui-muted);font-size:13px;margin:0 0 18px}
.custom-deadline-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;max-height:560px;overflow:auto;padding:2px}
html[data-theme]:not(#legacy-theme) #workspace .custom-deadline-card{display:flex;flex-direction:column;gap:16px;padding:18px;border:1px solid #d6e3f5;border-radius:16px;background:#fff}
.custom-deadline-card header{display:grid;gap:5px}
html[data-theme]:not(#legacy-theme) #workspace .custom-deadline-card h4{margin:0;font-size:20px}
.custom-deadline-card time{font-size:14px}.custom-deadline-card header>span{font-size:12px;color:#5d6c80}
.custom-deadline-invoices{display:grid;gap:14px}.custom-deadline-invoices>div{display:grid;gap:4px}
html[data-theme]:not(#legacy-theme) #workspace .custom-deadline-invoices .invoice-detail-button{justify-self:start;text-align:left;font-size:17px!important;font-weight:800!important;padding:0!important;color:#087cff!important}
.custom-deadline-invoices span{font-size:14px}.custom-deadline-invoices small{font-size:11px;color:#5d6c80}
.custom-deadline-card footer{display:grid;gap:4px;margin-top:auto;padding-top:12px;border-top:1px solid #e3e9f0;font-size:13px}
html[data-theme]:not(#legacy-theme) #workspace .custom-deadline-card footer strong{font-size:24px}
html[data-theme]:not(#legacy-theme) #workspace .custom-deadline-card.overdue{border-color:#eda3ab}
.custom-deadline-card.overdue header>span{color:#bb2438}
.custom-deadline-panel>small{display:block;font-size:11px;line-height:1.5;color:#5d6c80;margin-top:16px}
@media(max-width:650px){.custom-deadline-grid{grid-template-columns:minmax(0,1fr);max-height:520px}}

.quantity-unit-fields{display:flex;gap:8px;width:100%;min-width:0}
html[data-theme]:not(#legacy-theme) #workspace #spkForm .quantity-unit-fields input{flex:1;min-width:0;width:0!important}
html[data-theme]:not(#legacy-theme) #workspace #spkForm .quantity-unit-fields select{flex:0 0 90px;width:90px!important}

/* Ongkos action buttons start at the same left edge as the page title. */
html[data-theme]:not(#legacy-theme) #workspace .catalog-page:has(.ongkos-catalog-tabs) .catalog-controls-row .catalog-page-actions{
 flex:1 1 100%!important;width:100%!important;margin-left:0!important;margin-right:0!important;justify-content:flex-start!important;
}

.qr-hardware-field{display:grid;gap:8px;margin:14px 0;font-weight:700}
.qr-hardware-field input{width:100%;min-width:0;box-sizing:border-box;padding:12px 14px;border:1px solid #b8cef0;border-radius:10px;background:#fff;color:#172b46;font:inherit}

/* Respect preview visibility when a SKU image is available or cleared. */
html[data-theme]:not(#legacy-theme) #workspace #spkForm .stock-image-empty[hidden],
html[data-theme]:not(#legacy-theme) #workspace #spkForm .stock-image-preview.has-image .stock-image-empty,
html[data-theme]:not(#legacy-theme) #workspace #spkForm .stock-image-preview img[hidden]{
 display:none!important;
}

/* Uploaded references show only the image across Request SPK forms. */
html[data-theme]:not(#legacy-theme) #workspace #spkForm .design-upload.has-design-preview > :is(.upload-mark,b,small){display:none!important}
html[data-theme]:not(#legacy-theme) #workspace #spkForm .design-upload.has-design-preview{display:flex!important;align-items:center!important;justify-content:center!important}
html[data-theme]:not(#legacy-theme) #workspace #spkForm .design-upload.has-design-preview [data-design-preview]{width:100%!important;height:100%!important;max-height:100%!important;min-height:0!important;margin:0!important;object-fit:contain!important}
html[data-theme]:not(#legacy-theme) #workspace #spkForm [data-design-preview][hidden]{display:none!important}

/* Customer fields match the white SKU selector, including a clear button. */
html[data-theme]:not(#legacy-theme) body #workspace #spkForm input[name="customer"],
html[data-theme]:not(#legacy-theme) body #workspace #spkForm input[name="customer"]:focus{
 background:#fff!important;background-image:none!important;color:#172b46!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
html[data-theme]:not(#legacy-theme) #workspace #spkForm > header .clearable-search-field:has(input[name="customer"]){width:320px;max-width:100%;flex:0 1 320px;min-width:0}
html[data-theme]:not(#legacy-theme) #workspace #spkForm > header .clearable-search-field input[name="customer"]{width:100%!important}

/* Compact management bypass in every shared QR validation popup. */
html[data-theme]:not(#legacy-theme) body #qrScannerModal footer button.qr-management-button[data-qr-management]{
 display:inline-flex!important;align-items:center!important;justify-content:center!important;align-self:center!important;flex:0 0 auto!important;width:max-content!important;min-width:0!important;height:32px!important;min-height:32px!important;max-height:32px!important;padding:6px 10px!important;box-sizing:border-box!important;aspect-ratio:auto!important;line-height:1.3!important;
}

/* Priority dropdowns have enough vertical and horizontal room for every label. */
html[data-theme]:not(#legacy-theme) body #workspace table td select.queue-priority-select.queue-priority-select.queue-priority-select.queue-priority-select{
 height:40px!important;min-height:40px!important;max-height:none!important;box-sizing:border-box!important;padding:6px 32px 6px 12px!important;line-height:20px!important;font-size:14px!important;min-width:125px!important;width:auto!important;max-width:none!important;white-space:nowrap!important;text-overflow:clip!important;vertical-align:middle!important;
}

/* Shared detail form palette: gray panels and white entry fields. */
html[data-theme]:not(#legacy-theme) body #workspace dialog.app-detail-modal :is(.cut-reject-panel,.production-reject-panel,.press-operator-panel,.sewing-team-panel,.sewing-allocation-panel,.qc-allocation-panel,.qc-operator-panel){
 background:linear-gradient(135deg,#dbdcdd,#e1e2e4)!important;border-color:#e2e3e5!important;color:#000!important;box-shadow:none!important;
}
html[data-theme]:not(#legacy-theme) body #workspace dialog.app-detail-modal :is(.cut-reject-panel,.production-reject-panel,.press-operator-panel,.sewing-team-panel,.sewing-allocation-panel,.qc-allocation-panel,.qc-operator-panel) :is(label,h3,h4,p,small,.eyebrow){
 color:#fff!important;-webkit-text-fill-color:#fff!important;
}
html[data-theme]:not(#legacy-theme) body #workspace dialog.app-detail-modal :is(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="range"]):not([type="color"]):not([type="hidden"]),select,textarea){
 background:#fff!important;background-image:none!important;color:#172b46!important;-webkit-text-fill-color:#172b46!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
html[data-theme]:not(#legacy-theme) body #workspace dialog.app-detail-modal :is(.cut-reject-panel,.production-reject-panel) output{background:#fff!important;color:#172b46!important;-webkit-text-fill-color:#172b46!important}

/* Black text throughout the gray detail form panels and worker previews. */
html[data-theme]:not(#legacy-theme) body #workspace dialog.app-detail-modal :is(.cut-reject-panel,.production-reject-panel,.press-operator-panel,.sewing-team-panel,.sewing-allocation-panel,.qc-allocation-panel,.qc-operator-panel),
html[data-theme]:not(#legacy-theme) body #workspace dialog.app-detail-modal :is(.cut-reject-panel,.production-reject-panel,.press-operator-panel,.sewing-team-panel,.sewing-allocation-panel,.qc-allocation-panel,.qc-operator-panel) :is(label,h3,h4,p,small,.eyebrow),
html[data-theme]:not(#legacy-theme) body #workspace dialog.app-detail-modal .cutting-worker-preview,
html[data-theme]:not(#legacy-theme) body #workspace dialog.app-detail-modal .cutting-worker-preview :is(span,strong,b,small){
 color:#000!important;-webkit-text-fill-color:#000!important;
}

/* Stack missing and surplus quantities in the cutting detail panel. */
.cut-reject-fields .cut-quantity-balance{display:grid;gap:16px;align-content:start;min-width:0}
.cut-reject-fields .cut-quantity-balance>label{display:grid;gap:8px;min-width:0}
.cut-reject-fields .cut-quantity-balance{grid-column:2}
@media(max-width:700px){.cut-reject-fields .cut-quantity-balance{grid-column:1}}

/* Keep cutting controls compact, with independently stacked columns. */
html[data-theme]:not(#legacy-theme) body #workspace dialog.app-detail-modal .cut-reject-panel:has(.cut-result-layout){display:grid!important;grid-template-columns:minmax(0,1fr)!important;align-items:start!important;gap:20px!important;padding:24px!important}
html[data-theme]:not(#legacy-theme) body #workspace dialog.app-detail-modal .cut-reject-panel:has(.cut-result-layout)>div:first-child{align-self:start!important;max-width:none;margin:0!important}
html[data-theme]:not(#legacy-theme) body #workspace dialog.app-detail-modal .cut-result-layout{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:start!important;gap:24px!important;min-width:0}
html[data-theme]:not(#legacy-theme) body #workspace dialog.app-detail-modal .cut-result-layout .cut-worker-column{grid-column:1!important;display:grid!important;align-content:start!important;align-self:start!important;gap:10px!important;margin:0!important;min-width:0}
html[data-theme]:not(#legacy-theme) body #workspace dialog.app-detail-modal .cut-result-layout .cut-quantity-balance{grid-column:2!important;display:grid!important;align-content:start!important;align-self:start!important;gap:16px!important;min-width:0}
html[data-theme]:not(#legacy-theme) body #workspace dialog.app-detail-modal .cut-result-layout .cut-quantity-balance>label{display:grid!important;align-content:start!important;align-self:start!important;gap:8px!important;margin:0!important}
html[data-theme]:not(#legacy-theme) body #workspace dialog.app-detail-modal .cut-result-layout :is(input[type="number"],select,textarea){width:100%!important;min-width:0!important;box-sizing:border-box!important;margin:0!important;align-self:start!important}
html[data-theme]:not(#legacy-theme) body #workspace dialog.app-detail-modal .cut-result-layout :is(input[type="number"],select){height:44px!important;min-height:44px!important;padding:8px 12px!important;line-height:24px!important}
html[data-theme]:not(#legacy-theme) body #workspace dialog.app-detail-modal .cut-result-layout textarea{height:100px!important;min-height:100px!important;resize:vertical}
html[data-theme]:not(#legacy-theme) body #workspace dialog.app-detail-modal .cut-result-layout .cutting-worker-preview{margin:2px 0!important}
@media(max-width:700px){
 html[data-theme]:not(#legacy-theme) body #workspace dialog.app-detail-modal .cut-result-layout{grid-template-columns:minmax(0,1fr)!important;gap:20px!important}
 html[data-theme]:not(#legacy-theme) body #workspace dialog.app-detail-modal .cut-result-layout .cut-quantity-balance{grid-column:1!important}
}

html[data-theme]:not(#legacy-theme) body #workspace dialog.app-detail-modal .custom-print-quantity dt{color:#000!important;-webkit-text-fill-color:#000!important}
html[data-theme]:not(#legacy-theme) body #workspace dialog.app-detail-modal .custom-print-quantity dd{color:#c91524!important;-webkit-text-fill-color:#c91524!important;font-weight:900!important}

html[data-theme]:not(#legacy-theme) body #workspace dialog.app-detail-modal .print-quantity-check{display:grid;gap:12px;margin-top:16px;padding-top:16px;border-top:1px solid #dae5f1}
html[data-theme]:not(#legacy-theme) body #workspace dialog.app-detail-modal .print-quantity-check label{display:grid;gap:8px;color:#000!important}
html[data-theme]:not(#legacy-theme) body #workspace dialog.app-detail-modal .print-quantity-check .print-quantity-match{display:flex;align-items:center;gap:12px}
html[data-theme]:not(#legacy-theme) body #workspace dialog.app-detail-modal .print-quantity-match input{width:20px!important;height:20px!important;min-height:20px!important;margin:0!important;accent-color:#147cf2}
html[data-theme]:not(#legacy-theme) body #workspace dialog.app-detail-modal .print-quantity-check input[type="number"]{width:100%;min-height:44px;background:#fff!important;color:#172b46!important;box-sizing:border-box}
html[data-theme]:not(#legacy-theme) body #workspace dialog.app-detail-modal .print-quantity-check input:disabled{opacity:.55;cursor:not-allowed}
html[data-theme]:not(#legacy-theme) body #workspace dialog.app-detail-modal .print-quantity-check small{line-height:1.4}

html[data-theme]:not(#legacy-theme) body #workspace dialog.app-detail-modal .detail-modal-head>div.queue-stage-header{grid-template-areas:"invoice kind" "caption stage"!important;align-items:center!important}
html[data-theme]:not(#legacy-theme) body #workspace dialog.app-detail-modal .detail-modal-head>div.queue-stage-header.queue-delete-header{grid-template-areas:"invoice delete kind" "caption caption stage"!important}
html[data-theme]:not(#legacy-theme) body #workspace dialog.app-detail-modal .queue-stage-heading{grid-area:stage!important;justify-self:end!important;text-align:right!important;margin:0!important;padding:0 12px 0 0!important;font-weight:900!important;font-size:1.05rem!important;line-height:1.35!important;background:linear-gradient(110deg,#0871eb,#25b4ed)!important;background-clip:text!important;-webkit-background-clip:text!important;color:#0871eb!important;-webkit-text-fill-color:transparent!important;max-width:100%;overflow-wrap:break-word}
@media(max-width:700px){
 html[data-theme]:not(#legacy-theme) body #workspace dialog.app-detail-modal .detail-modal-head>div.queue-stage-header{grid-template-areas:"invoice kind" "caption stage"!important}
 html[data-theme]:not(#legacy-theme) body #workspace dialog.app-detail-modal .detail-modal-head>div.queue-stage-header.queue-delete-header{grid-template-areas:"delete kind" "caption stage" "invoice invoice"!important}
}

html[data-theme]:not(#legacy-theme) body #workspace .custom-batch-detail .custom-batch-actions{display:flex!important;align-items:center!important;flex-wrap:wrap;gap:12px;margin:16px 0}
html[data-theme]:not(#legacy-theme) body #workspace .custom-batch-actions>button{margin:0!important;align-self:center!important}
html[data-theme]:not(#legacy-theme) body #workspace .custom-batch-actions>.app-table-full-view{margin-left:auto!important}

html[data-theme]:not(#legacy-theme) body #workspace .production-queue-page .queue-status.proses.partially-assigned{background:linear-gradient(135deg,#8338d1,#bc67ed)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;box-shadow:0 7px 16px rgba(131,56,209,.25)!important}

html[data-theme]:not(#legacy-theme) body #workspace dialog.app-detail-modal .sewing-delivery-worker{display:flex;align-items:center;gap:16px;margin-bottom:16px;min-width:0}
html[data-theme]:not(#legacy-theme) body #workspace dialog.app-detail-modal .sewing-delivery-worker h4{margin:0!important;overflow-wrap:anywhere}
html[data-theme]:not(#legacy-theme) body #workspace dialog.app-detail-modal .sewing-delivery-photo{display:flex;align-items:center;justify-content:center;flex:0 0 76px;width:76px;height:76px;border-radius:14px;overflow:hidden;background:#edf4fb;font-size:.65rem;text-align:center;color:#172b46}
html[data-theme]:not(#legacy-theme) body #workspace dialog.app-detail-modal .sewing-delivery-photo img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important;margin:0!important;border-radius:inherit!important}

html[data-theme]:not(#legacy-theme) body #workspace .production-queue-page .queue-status.proses.partially-delivered{background:linear-gradient(135deg,#ed7a12,#ffba48)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;box-shadow:0 7px 16px rgba(237,122,18,.25)!important}

html[data-theme]:not(#legacy-theme) body #workspace dialog.app-detail-modal .qc-delivery-worker{display:flex;align-items:center;gap:16px;margin-bottom:16px;min-width:0}
html[data-theme]:not(#legacy-theme) body #workspace dialog.app-detail-modal .qc-delivery-worker h4{margin:0!important;overflow-wrap:anywhere}
html[data-theme]:not(#legacy-theme) body #workspace dialog.app-detail-modal .qc-delivery-photo{display:flex;align-items:center;justify-content:center;flex:0 0 76px;width:76px;height:76px;border-radius:14px;overflow:hidden;background:#edf4fb;font-size:.65rem;text-align:center;color:#172b46}
html[data-theme]:not(#legacy-theme) body #workspace dialog.app-detail-modal .qc-delivery-photo img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important;margin:0!important;border-radius:inherit!important}

/* Batch overview shares the width of production controls across queue details. */
html[data-theme]:not(#legacy-theme) body #workspace dialog.app-detail-modal.wide-batch-details .detail-modal-body>.custom-batch-detail{grid-column:1 / span 2!important;grid-row:auto!important;width:100%!important;max-width:none!important;min-width:0!important;box-sizing:border-box!important;justify-self:stretch!important;margin:0!important}
html[data-theme]:not(#legacy-theme) body #workspace dialog.app-detail-modal.wide-batch-details .custom-batch-detail .table-scroll{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important}
@media(max-width:760px){html[data-theme]:not(#legacy-theme) body #workspace dialog.app-detail-modal.wide-batch-details .detail-modal-body>.custom-batch-detail{grid-column:1 / -1!important}}

html[data-theme]:not(#legacy-theme) body #workspace .custom-batch-balance{display:flex;flex-wrap:wrap;gap:12px 28px;padding:16px 0;margin-top:8px;border-bottom:1px solid #cbdced}
html[data-theme]:not(#legacy-theme) body #workspace .custom-batch-balance p{margin:0!important;color:#172b46!important;line-height:1.5}
html[data-theme]:not(#legacy-theme) body #workspace .custom-batch-balance strong{font-weight:850}
html[data-theme]:not(#legacy-theme) body #workspace .custom-batch-balance .shortage strong{color:#c91524!important;-webkit-text-fill-color:#c91524!important}
html[data-theme]:not(#legacy-theme) body #workspace .custom-batch-balance .surplus strong{color:#c91524!important;-webkit-text-fill-color:#c91524!important;font-weight:900!important}
html[data-theme]:not(#legacy-theme) body #workspace .custom-batch-balance .balanced strong{color:#087b49!important;-webkit-text-fill-color:#087b49!important}

html[data-theme]:not(#legacy-theme) body #workspace .custom-history-difference{color:#c91524!important;-webkit-text-fill-color:#c91524!important;font-weight:900!important}

/* Compact parent-history overview: table and log occupy the first row. */
html[data-theme]:not(#legacy-theme) body #workspace dialog#customHistoryGroupModal .detail-modal-head{padding:16px 20px!important}
html[data-theme]:not(#legacy-theme) body #workspace dialog#customHistoryGroupModal .detail-modal-body{display:grid!important;grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr)!important;gap:18px!important;align-items:start!important;padding:18px!important;min-height:0!important}
html[data-theme]:not(#legacy-theme) body #workspace dialog#customHistoryGroupModal .detail-modal-body>.qr-detail-strip{display:none!important}
html[data-theme]:not(#legacy-theme) body #workspace dialog#customHistoryGroupModal .detail-modal-body>.custom-batch-detail{grid-column:1!important;grid-row:1!important;margin:0!important;padding:16px!important;min-width:0!important;width:100%!important;box-sizing:border-box!important}
html[data-theme]:not(#legacy-theme) body #workspace dialog#customHistoryGroupModal .detail-modal-body>.production-audit{grid-column:2!important;grid-row:1!important;margin:0!important;min-width:0!important;max-height:65vh;overflow:auto}
html[data-theme]:not(#legacy-theme) body #workspace dialog#customHistoryGroupModal .custom-batch-detail :is(th,td){padding:10px 12px!important}
html[data-theme]:not(#legacy-theme) body #workspace dialog#customHistoryGroupModal .custom-batch-detail h3{margin:0 0 8px!important}
@media(max-width:760px){
 html[data-theme]:not(#legacy-theme) body #workspace dialog#customHistoryGroupModal .detail-modal-body{grid-template-columns:minmax(0,1fr)!important;padding:12px!important;gap:12px!important}
 html[data-theme]:not(#legacy-theme) body #workspace dialog#customHistoryGroupModal .detail-modal-body>.production-audit{grid-column:1!important;grid-row:2!important;max-height:none}
}
/* Work allocation tables span the entire popup content width. */
html[data-theme]:not(#legacy-theme) body #workspace dialog.app-detail-modal .detail-modal-body>.custom-batch-detail,
html[data-theme]:not(#legacy-theme) body #workspace dialog.app-detail-modal.wide-batch-details .detail-modal-body>.custom-batch-detail{grid-column:1 / -1!important;width:100%!important;max-width:none!important;min-width:0!important;box-sizing:border-box!important}
html[data-theme]:not(#legacy-theme) body #workspace dialog#customHistoryGroupModal .detail-modal-body>.custom-batch-detail{grid-column:1 / -1!important;grid-row:1!important}
html[data-theme]:not(#legacy-theme) body #workspace dialog#customHistoryGroupModal .detail-modal-body>.production-audit{grid-column:1 / -1!important;grid-row:2!important;max-height:none!important}
html[data-theme]:not(#legacy-theme) body #workspace dialog.app-detail-modal .custom-batch-detail :is(.table-scroll,table){width:100%!important;max-width:100%!important;box-sizing:border-box!important}

html[data-theme]:not(#legacy-theme) body #workspace dialog#customHistoryGroupModal .initial-spk-preview{grid-column:1 / -1!important;grid-row:1!important;width:100%;min-width:0;padding:16px;box-sizing:border-box;border:1px solid #cbdff3;border-radius:18px;background:#fff}
html[data-theme]:not(#legacy-theme) body #workspace dialog#customHistoryGroupModal .initial-spk-preview header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:12px}
html[data-theme]:not(#legacy-theme) body #workspace dialog#customHistoryGroupModal .initial-spk-preview h3{margin:0 0 6px!important}
html[data-theme]:not(#legacy-theme) body #workspace dialog#customHistoryGroupModal .initial-spk-preview p{margin:0!important}
html[data-theme]:not(#legacy-theme) body #workspace dialog#customHistoryGroupModal .initial-spk-preview iframe{display:block;width:100%;height:460px;border:1px solid #d9e5f3;border-radius:10px;background:#fff}
html[data-theme]:not(#legacy-theme) body #workspace dialog#customHistoryGroupModal .initial-spk-preview [hidden]{display:none!important}
html[data-theme]:not(#legacy-theme) body #workspace dialog#customHistoryGroupModal .detail-modal-body>.custom-batch-detail{grid-row:2!important}
html[data-theme]:not(#legacy-theme) body #workspace dialog#customHistoryGroupModal .detail-modal-body>.production-audit{grid-row:3!important}
@media(max-width:760px){html[data-theme]:not(#legacy-theme) body #workspace dialog#customHistoryGroupModal .initial-spk-preview iframe{height:340px}}

/* Shared example text for every field, including login and dialogs. */
:is(input,textarea)::placeholder{color:#808080!important;opacity:.5!important;font-weight:400!important}

.production-current-result{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:16px 0 22px;padding:14px 16px;border:1px solid #dce8f5;border-radius:12px;background:#edf5ff;color:#233d58}.production-current-result strong{font-weight:900;color:#d71935;font-size:calc(1em + 8pt)}

html[data-theme]:not(#legacy-theme) body :is(#workspace,dialog.app-detail-modal) .production-current-result strong{font-weight:900!important;color:#d71935!important;font-size:calc(1.014rem + 8pt)!important}

/* Space each job section consistently, including its flow strip. */
html[data-theme]:not(#legacy-theme) #workspace .production-queue-page > .production-table-card{margin-bottom:0!important}
html[data-theme]:not(#legacy-theme) #workspace .production-queue-page > .production-table-card + :is(.production-flow-mini,.production-table-card){margin-top:100px!important}

/* Printing service colors follow each table and its preceding flow strip. */
html[data-theme]:not(#legacy-theme) #workspace .production-queue-page.printing > :is(.printing-kain-card,.production-flow-mini:has(+.printing-kain-card)){--stage:#147cf2!important}
html[data-theme]:not(#legacy-theme) #workspace .production-queue-page.printing > :is(.printing-ecer-card,.production-flow-mini:has(+.printing-ecer-card)){--stage:#11965c!important}
html[data-theme]:not(#legacy-theme) #workspace .production-queue-page.printing > :is([data-printing-table="dtf-custom"],.production-flow-mini:has(+[data-printing-table="dtf-custom"])){--stage:#9542d9!important}
html[data-theme]:not(#legacy-theme) #workspace .production-queue-page.printing > :is([data-printing-table="sticker-dtf"],.production-flow-mini:has(+[data-printing-table="sticker-dtf"])){--stage:#e17712!important}

/* A single gap below queue column headers, without spacing every data row. */
html[data-theme]:not(#legacy-theme) #workspace .production-queue-page .production-stage-table tbody::before{content:"";display:table-row;height:7px}

/* Equal-size stage boxes without arrow separators. */
html[data-theme]:not(#legacy-theme) #workspace :is(.production-flow-mini,.production-flow .flow-steps){display:grid!important;grid-auto-flow:column;grid-auto-columns:108px;justify-content:start!important;gap:12px!important;overflow-x:auto;align-items:stretch!important}
html[data-theme]:not(#legacy-theme) #workspace .production-flow-mini > span,
html[data-theme]:not(#legacy-theme) #workspace .production-flow .flow-step > span{display:flex!important;align-items:center;justify-content:center!important;width:100%;height:48px!important;min-height:48px!important;box-sizing:border-box;text-align:center;line-height:1.1;padding-top:2px!important;padding-bottom:2px!important}
html[data-theme]:not(#legacy-theme) #workspace .production-flow .flow-step{min-width:0;display:flex!important}
html[data-theme]:not(#legacy-theme) #workspace .production-flow .flow-step::after{content:none!important;display:none!important}
html[data-theme]:not(#legacy-theme) #workspace .production-flow .flow-stage-link{width:100%;height:48px!important;min-height:48px!important}

html[data-theme]:not(#legacy-theme) #workspace .production-flow-mini > span,html[data-theme]:not(#legacy-theme) #workspace .production-flow .flow-step > span{white-space:normal!important;padding-left:8px!important;padding-right:8px!important}

/* Keep service colors while muting the shared printing heading prefix. */
html[data-theme]:not(#legacy-theme) #workspace .production-queue-page .printing-heading-prefix{color:#999999!important;-webkit-text-fill-color:#999999!important;opacity:1!important;background:none!important}

/* Service identity stays consistent across every production queue. */
html[data-theme]:not(#legacy-theme) #workspace .production-queue-page .production-table-card tbody tr:has(.invoice-detail-button) td:first-child{border-left:3px solid var(--queue-service-color,var(--stage))}

/* Theme switches remove effects without altering operational data. */
html[data-theme][data-effect-blur-disabled="true"] *{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html[data-theme][data-effect-glow-disabled="true"] *{box-shadow:none!important;text-shadow:none!important}
html[data-theme][data-effect-radius-disabled="true"] *{border-radius:0!important}
html[data-theme][data-effects-disabled="true"] *,html[data-theme][data-effects-disabled="true"] *::before,html[data-theme][data-effects-disabled="true"] *::after{animation:none!important}
html[data-theme][data-effect-glass-disabled="true"] :is(.sidebar,.topbar,.theme-editor,.theme-effect-field,.production-table-card,.production-flow-mini>span,.metric-card,.detail-modal){background-color:var(--ui-surface)!important}
html[data-theme][data-effect-gradient-disabled="true"] :is(body,.sidebar,.topbar,.theme-editor,.theme-effect-field,.production-table-card,.metric-card,.detail-modal){background-image:none!important}
html[data-theme][data-effect-gradient-disabled="true"] body{background-color:var(--ui-background)!important}
html[data-theme][data-effect-gradient-disabled="true"] table thead th{background:var(--stage,var(--ui-accent))!important}
html[data-theme][data-effect-gradient-disabled="true"] :is(.production-queue-hero h2,.production-queue-card-head .eyebrow){background:none!important;color:var(--stage,var(--ui-accent))!important;-webkit-text-fill-color:currentColor!important}
.theme-disable-option{display:flex;align-items:center;gap:10px;padding:10px 0;font-weight:700}
.theme-disable-option input[type="checkbox"]{width:20px!important;height:20px!important;min-height:0!important;accent-color:var(--ui-accent)}
.theme-effect-field:has(input[type="range"]:disabled){opacity:.65}
.theme-menu-setting{margin:12px 0;padding:14px;border:1px solid var(--ui-border);border-radius:12px}
html[data-theme]:not(#legacy-theme) #sidebar button[data-custom-menu-color="true"]{color:var(--menu-accent)!important}
html[data-theme]:not(#legacy-theme) #sidebar button[data-custom-menu-color="true"] .nav-icon{background:var(--menu-accent)!important}
html[data-theme]:not(#legacy-theme) #sidebar button[data-custom-menu-color="true"].active{background:color-mix(in srgb,var(--menu-accent) 16%,var(--ui-sidebar))!important}
html[data-theme]:not(#legacy-theme) #workspace[data-custom-background="true"]{background:var(--ui-menu-background)!important}
html[data-theme]:not(#legacy-theme) #workspace[data-custom-title="true"] :is(h2,h3,.production-queue-card-head .eyebrow,.production-queue-card-head .eyebrow span){background:none!important;color:var(--ui-menu-title)!important;-webkit-text-fill-color:var(--ui-menu-title)!important}
html[data-theme]:not(#legacy-theme) #workspace[data-custom-header="true"] table thead th{background:var(--ui-menu-header)!important;color:var(--on-menu-header,#fff)!important;-webkit-text-fill-color:var(--on-menu-header,#fff)!important}
html[data-theme]:not(#legacy-theme) #workspace[data-custom-header="true"] table thead th *{color:var(--on-menu-header,#fff)!important;-webkit-text-fill-color:var(--on-menu-header,#fff)!important}
html[data-theme]:not(#legacy-theme) #workspace .production-queue-page .printing-heading-prefix{color:var(--ui-menu-title,var(--ui-queueHeading,#999999))!important;-webkit-text-fill-color:var(--ui-menu-title,var(--ui-queueHeading,#999999))!important}

html[data-theme][data-effect-gradient-disabled="true"] :is(.primary-button,.process-print-button,.next-stage-button,.production-flow-mini>span.current){background:var(--stage,var(--ui-accent))!important}
html[data-theme][data-effect-gradient-disabled="true"] :is(.theme-effect-field,.theme-option,.theme-default-button,.theme-effect-field input[type="range"],.nav-icon){background-image:none!important}

/* Queue headers keep rounded top corners and square bottom corners. */
html[data-theme]:not(#legacy-theme) #workspace .production-queue-page .production-stage-table thead th{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}
html[data-theme]:not(#legacy-theme) #workspace .production-queue-page .production-stage-table thead th:first-child{border-radius:11px 0 0 0!important}
html[data-theme]:not(#legacy-theme) #workspace .production-queue-page .production-stage-table thead th:last-child{border-radius:0 11px 0 0!important}
html[data-theme]:not(#legacy-theme) #workspace .production-queue-page .production-stage-table thead th:only-child{border-radius:11px 11px 0 0!important}
html[data-theme][data-effect-radius-disabled="true"] #workspace .production-queue-page .production-stage-table thead th{border-radius:0!important}

/* All data lists use square lower header corners. */
html[data-theme]:not(#legacy-theme) table thead th{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}
html[data-theme]:not(#legacy-theme) table thead th:first-child{border-radius:11px 0 0 0!important}
html[data-theme]:not(#legacy-theme) table thead th:last-child{border-radius:0 11px 0 0!important}
html[data-theme]:not(#legacy-theme) table thead th:only-child{border-radius:11px 11px 0 0!important}
html[data-theme][data-effect-radius-disabled="true"] table thead th{border-radius:0!important}

/* One 7px gap separates every data table header from its first body row. */
html[data-theme]:not(#legacy-theme) table:has(>thead)>tbody:first-of-type::before{content:"";display:table-row;height:7px}

/* Production page titles use solid black. */
html[data-theme]:not(#legacy-theme) body #workspace .production-queue-page .production-queue-hero h2{background:none!important;background-image:none!important;color:#000000!important;-webkit-text-fill-color:#000000!important;opacity:1!important}

/* Tema 2: color and lighting palette copied from local reference port 8795. */
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme){--success-text:#6be0b1;--success-bg:#1b4235;--warning-text:#ffd486;--warning-bg:#4c3b24;--danger-text:#ff9da7;--danger-bg:#4b2932;--shadow:0 14px 28px #0004;--dark-panel:linear-gradient(145deg,#414145 0%,#333336 100%);color-scheme:dark;scrollbar-color:#686873 #29292c}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) body,
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) .app-shell,
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) #workspace,
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) .topbar,
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) #appBootStatus{background:var(--ui-background)!important;color:var(--ui-text)!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) .sidebar{background:var(--ui-sidebar)!important;border-color:#ffffff0b!important;box-shadow:12px 0 40px #00000010!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) .brand img,
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) .account-login>img{filter:brightness(0) invert(1)!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) .nav-item,
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) .submenu button{color:#c4c4cc!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) .nav-item.active,
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) .submenu button.active{background:linear-gradient(100deg,#30303525,#4b4b5109)!important;color:#d2baff!important;box-shadow:inset 3px 0 #b997ff!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) .nav-item:hover,
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) .submenu button:hover{background:#ffffff0a!important;color:#f5f5f7!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) .sidebar-profile,
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) .topbar,
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) .submenu{border-color:#ffffff12!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) .sidebar-profile small,
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) .page-heading p,
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) .eyebrow{color:var(--ui-muted)!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) .search-box,
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) .period-control,
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) .report-period,
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) .avatar{background:#343438!important;border-color:#525259!important;color:var(--ui-text)!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) :is(.panel,.metric-card,.crm-panel,.crm-metrics article,.stock-table-card,.production-table-card,.printing-scan-card,.report-history,.report-date-toolbar,.custom-order-form,.spk-form,.spk-list-panel,.queue-group,.service-card,.dashboard-command,.process-summary,.attention-panel,.queue-live-stat,.queue-live-panel,.request-overview-metrics article,.request-overview-services,.request-overview-recent,.request-service-card,.request-overview-hero-note,.account-panel,.account-login,.theme-editor,.theme-choice,.theme-page-head,.appearance-section,.color-setting,.report-chart-card,.report-kpis article,.finished-stock-section,.borongan-worker-card,.borongan-summary,.borongan-chart-card){background:var(--dark-panel)!important;color:var(--ui-text)!important;box-shadow:0 12px 26px #0003,inset 0 1px #ffffff09!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) #workspace :is(.queue-live-hero,.request-overview-hero,.custom-order-head,.spk-form-head,.production-queue-hero,.custom-queue-head,.production-queue-card-head,.app-table-heading,.report-section-head,.theme-editor-head){background:transparent!important;color:var(--ui-text)!important;border-color:var(--ui-border)!important;box-shadow:none!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) #workspace :is(h1,h2,h3,h4){color:var(--ui-text)!important;-webkit-text-fill-color:currentColor!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) #workspace :is(.custom-request-heading h2,.app-table-title,.production-queue-card-head h3,.custom-queue-head .eyebrow){background-image:linear-gradient(110deg,#4b4b51,#303035)!important;background-clip:text!important;-webkit-background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) #workspace :is(p,small,label,legend,.eyebrow){color:var(--ui-muted)!important;-webkit-text-fill-color:currentColor!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) #workspace :is(.queue-live-stat strong,.queue-live-stage-name b,.queue-live-stage-name strong,.queue-live-ring strong,.queue-live-legend strong,.queue-monthly-total,.queue-live-attention-items strong){color:var(--ui-text)!important;-webkit-text-fill-color:currentColor!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) #workspace .queue-live-stat-icon{background:linear-gradient(145deg,#55555b,#303034)!important;color:#d0b5ff!important;box-shadow:0 5px 10px #0004,inset 0 1px #ffffff12!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) #workspace .queue-live-stat:nth-child(2) .queue-live-stat-icon{color:#66dfed!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) #workspace .queue-live-stat-deadline .queue-live-stat-icon{color:#ffadb9!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) #workspace :is(.queue-live-stages button,.queue-quality-stage,.queue-live-legend>div,.queue-live-stage-name,.queue-quality){background:transparent!important;border-color:#ffffff14!important;color:var(--ui-text)!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) #workspace :is(.queue-live-bar,.queue-monthly-chart){background:#ffffff0c!important;border-color:#ffffff18!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) #workspace .queue-live-bar>i{background:linear-gradient(90deg,#4b4b51,#303035)!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) #workspace .queue-live-stages button:nth-child(even) .queue-live-bar>i{background:linear-gradient(90deg,#4b4b51,#303035)!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) #workspace :is(.queue-live-stage-name i,.queue-live-ring>div,.queue-live-attention-items button,.queue-quality-jobs button){background:#333337!important;color:var(--ui-text)!important;border-color:#ffffff18!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) #workspace .queue-live-indicator{background:#293e38!important;color:#84e5bd!important;box-shadow:0 5px 20px #0002!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) #workspace .queue-live-indicator span{color:#aff4d6!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) :is(input:not([type=color]):not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea){background:var(--ui-raised,#414146)!important;color:#f2f2f5!important;-webkit-text-fill-color:#f2f2f5!important;box-shadow:inset 0 2px 4px #0002!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) input::placeholder,
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) textarea::placeholder{color:#afafb9!important;-webkit-text-fill-color:#afafb9!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) select option{background:#323236!important;color:#f5f5f7!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) input[type=checkbox],
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) input[type=radio]{accent-color:#b997ff}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) .primary-button,
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) .custom-submit,
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) .submit-spk{background:linear-gradient(140deg,#8058ce,#6843b0)!important;color:#fff!important;box-shadow:0 6px 16px #0003,inset 0 1px #ffffff22!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) :is(.secondary-button,.ghost-button,.printing-full-view-button,.theme-default-button,.account-guest-button,.report-downloads button,.period,.theme-color-field,.theme-effect-field,.theme-editor-footer,.theme-option,.theme-mini,.detail-modal-actions button){background:linear-gradient(145deg,#4b4b51,#37373c)!important;color:#eeeef3!important;border-color:#65656e!important;box-shadow:0 4px 12px #0002,inset 0 1px #ffffff0c!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) #workspace .app-consistent-table thead,
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) #workspace .app-consistent-table thead th{background:linear-gradient(180deg,#55515f,#423e4b)!important;color:#f8f7fc!important;-webkit-text-fill-color:#f8f7fc!important;border-color:#65616d!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) #workspace .production-queue-page .app-consistent-table thead th{background:linear-gradient(180deg,color-mix(in srgb,var(--stage) 30%,#434349),#343438)!important;color:#fff!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) #workspace .app-consistent-table tbody tr:not([hidden])>td{background:#333337!important;background-image:none!important;color:#d4d4dd!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) #workspace .app-consistent-table tbody tr:nth-child(even of :not([hidden]))>td{background:#3d3d42!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) #workspace .app-consistent-table tbody tr:hover>td{background:#4a415d!important;box-shadow:inset 0 1px #b997ff55,inset 0 -1px #b997ff55!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) #workspace .app-consistent-table tbody tr:hover{filter:none!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) #workspace .invoice-detail-button{color:#c8acff!important;-webkit-text-fill-color:#c8acff!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) #workspace .app-table-scroll{scrollbar-color:#6b647b #303034!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) #workspace .app-table-scroll::-webkit-scrollbar-track{background:#303034!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) #workspace .app-table-scroll::-webkit-scrollbar-thumb{background:#6b647b!important;border-color:#303034!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) :is(dialog,.account-modal,.detail-modal-head,.queue-modal-head,.detail-modal-body,.history-detail-body){background:var(--ui-surface)!important;color:var(--ui-text)!important;border-color:var(--ui-border)!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) dialog{box-shadow:0 30px 100px #0009,inset 0 1px #ffffff14!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) dialog::backdrop{background:#101013b8!important;backdrop-filter:blur(8px)}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) dialog :is(h1,h2,h3,h4,strong,b,label,p,small,legend){color:var(--ui-text)!important;-webkit-text-fill-color:currentColor!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) dialog :is(.eyebrow,small,label){color:var(--ui-muted)!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) :is(.detail-data-grid>div,.detail-field,.history-facts>div,.history-timeline article,.detail-product,.production-audit,.production-log,.production-log-section,.cut-reject-panel,.sew-reject-panel,.qc-reject-panel,.production-reject-panel,.detail-warning,.sku-search-results,.calendar-popup,.deadline-calendar,.lead-card){background:#303034!important;color:var(--ui-text)!important;border-color:#55555e!important;box-shadow:none!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) dialog :is(.app-popup-title,.detail-invoice,.detail-title){color:#f5f5f7!important;-webkit-text-fill-color:#f5f5f7!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) dialog .process-print-button{background:#11965c!important;color:#fff!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) dialog .next-stage-button,
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) dialog button.primary-button{background:linear-gradient(130deg,#4b4b51,#303035)!important;color:#fff!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) #appBootStatus .account-login :is(h1,h2,label,p,small),
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) #workspace .account-panel :is(label,p,legend,h1,h2,h3,small){color:var(--ui-text)!important;-webkit-text-fill-color:var(--ui-text)!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) #appBootStatus .account-login :is(input,select),
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) #workspace .account-panel :is(input:not([type=checkbox]),select){background:var(--ui-raised,#414146)!important;color:#f5f5f7!important;-webkit-text-fill-color:#f5f5f7!important;border-color:#666670!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) .account-error,
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) #appBootStatus .account-login .account-error{color:#ff9da7!important;-webkit-text-fill-color:#ff9da7!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) .mobile-bottom-nav{background:#2b2b30ed!important;border-color:#505057!important;box-shadow:0 -8px 24px #0003!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) .mobile-bottom-nav button{color:#bdbdc7!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) .mobile-bottom-nav button.active{background:#b997ff22!important;color:#d1b8ff!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) .account-qr-image,
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) .invoice-qr-image,
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) .qr-placeholder,
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) .spk-qr-image{background:#fff!important;color:#111!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) #workspace .deadline-field,
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) dialog .detail-deadline-countdown{color:#fff!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) #scanQrButton{background:linear-gradient(135deg,#4b4b51,#303035)!important;color:#8be3ed!important;box-shadow:inset 0 1px #ffffff10!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) .nav-icon{background:linear-gradient(145deg,#4a4a50,#333337)!important;color:#d5d0df!important;box-shadow:0 4px 9px #0003,inset 0 1px #ffffff14!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) .nav-item.active .nav-icon{color:#d0b2ff!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) #workspace :is(.dtf-pdf-upload,.custom-batch-overview,.custom-batch-detail,.borongan-income,.borongan-day-card,.borongan-chart,.borongan-report,.borongan-person,.borongan-notice){background:var(--dark-panel)!important;color:var(--ui-text)!important;border-color:#ffffff16!important;box-shadow:0 10px 24px #0002!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) #workspace :is(.request-queue-pending-count,.custom-queue-head>span){background:#46404f!important;color:#dfd4ef!important;border-color:#b997ff30!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) #workspace .qr-placeholder{background:#333337!important;color:#bbb6c5!important;border-color:#62606b!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) #workspace :is(.qr-placeholder span,.qr-placeholder small){color:#bbb6c5!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) #workspace dialog :is(dl>div,.qr-detail-strip,.qr-detail-strip>div,.detail-pdf-attachment,.custom-detail-media,.jahit-detail-product,.jahit-detail-info,.history-facts>div){background:#2d2d31!important;color:#f5f5f7!important;border-color:#55555e!important;box-shadow:none!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) #workspace dialog :is(dt,dl>div>small,.production-audit span,.production-audit time,.history-timeline time){color:#bdbdc9!important;-webkit-text-fill-color:#bdbdc9!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) #workspace dialog :is(dd,dd strong,dd b,.qr-detail-strip span,.qr-detail-strip b){color:#f5f5f7!important;-webkit-text-fill-color:#f5f5f7!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) #workspace dialog :is(.qr-detail-strip a,.production-audit b.spk-created-event){color:#ba9aff!important;-webkit-text-fill-color:#ba9aff!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) #workspace dialog>footer,html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) #workspace dialog .detail-modal-actions{background:#303034!important;border-color:#55555e!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) #workspace dialog footer>button:not(.process-print-button):not(.next-stage-button):not(.primary-button){background:linear-gradient(145deg,#49494f,#39393e)!important;color:#eeeef3!important;border-color:#686872!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) #workspace dialog .detail-modal-head .eyebrow,html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) #workspace dialog .detail-modal-head .app-popup-title:not(h2){background:#4a4258!important;color:#eee5ff!important;-webkit-text-fill-color:#eee5ff!important;border-color:#b997ff30!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) #workspace dialog .detail-modal-head button:not(.queue-delete-button):not([data-delete-invoice]){background:#49434f!important;color:#e9def8!important;border-color:#71637f!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) #workspace dialog figure{background:#2d2d31!important;border-color:#55555e!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) #workspace dialog figcaption{background:#3c3c42!important;color:#e8e8f0!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) #workspace .borongan-page,html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) body:has(.borongan-page) .main-content{background:var(--ui-background)!important;color:var(--ui-text)!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) #workspace .borongan-income-ring{background:conic-gradient(#ae89f0 0 var(--income-share),#4b4655 var(--income-share) 100%)!important;box-shadow:none!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) #workspace .borongan-income-ring>div{background:#333337!important;color:var(--ui-text)!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) #workspace .borongan-page :is(span,b,summary){color:#d4cedf!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) #workspace .borongan-page :is(.borongan-income-ring strong,.borongan-day-card strong,.borongan-bar-item>strong,.borongan-money,.borongan-person-name){background:linear-gradient(110deg,#4b4b51,#303035)!important;background-clip:text!important;-webkit-background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) #workspace .borongan-bar-track{border-color:#ffffff22!important;background:repeating-linear-gradient(to top,transparent 0,transparent 30px,#ffffff0a 30px,#ffffff0a 31px)!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) #workspace .borongan-bar-fill{background:linear-gradient(to top,#4b4b51,#303035)!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) #workspace .borongan-qr-mini{color:#31313a!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) #workspace .queue-live-stat-deadline::after{background:radial-gradient(ellipse at 85% 30%,#ae85e31a,transparent 65%)!important;box-shadow:inset 0 0 22px #ab6eec18!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) #workspace dialog :is(figcaption,footer button,.detail-modal-head button){-webkit-text-fill-color:currentColor!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) #workspace dialog .detail-modal-head button.delete-queue-invoice{background:#702f43!important;color:#ffd7e1!important;border-color:#bd6881!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) .account-password-toggle{color:#c6b0ef!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme){--warm-gradient:linear-gradient(110deg,#c0c0c7,#92929c);--warm-action-gradient:linear-gradient(130deg,#4b4b51,#303035);--liquid-a:#92929c!important;--liquid-b:#c0c0c7!important;--theme-glow-a:#92929c!important;--theme-glow-b:#c0c0c7!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) #workspace :is(.custom-request-heading h2,.app-table-title,.production-queue-card-head h3,.custom-queue-head .eyebrow),html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) #workspace .borongan-page :is(.borongan-income-ring strong,.borongan-day-card strong,.borongan-bar-item>strong,.borongan-money,.borongan-person-name){background-image:var(--warm-gradient)!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) #workspace .queue-live-stages button:nth-child(even) .queue-live-bar>i,html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) #workspace .monthly-bar,html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) .mobile-bottom-nav button span,html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) .production-flow-mini .current i,html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) .production-flow span b,html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) .production-flow-mini span b,html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) .production-audit article>i,html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) .design-upload>span{background:var(--warm-action-gradient)!important;color:#fff!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) #workspace .production-queue-page.printing .app-consistent-table thead th{background:linear-gradient(135deg,#45454b,#303035)!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) #scanQrButton{background:linear-gradient(135deg,#45454b,#303035)!important;color:#eeeef3!important;border-color:#92929c55!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) #workspace dialog .next-stage-button,html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) #workspace dialog button.primary-button,html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) .detail-validation-warning button{background:var(--warm-action-gradient)!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) #workspace table:not(#legacy-table) thead,html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) #workspace table:not(#legacy-table) thead th{background:var(--warm-action-gradient)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border-color:#ffffff26!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) #workspace table:not(#legacy-table) thead :is(button,span,b,i){color:#fff!important;-webkit-text-fill-color:#fff!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme) #workspace .production-queue-hero h2{background-image:var(--warm-gradient)!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme):not(#old-accent){--warm-gradient:linear-gradient(110deg,#c0c0c7,#92929c);--warm-action-gradient:linear-gradient(130deg,#4b4b51,#303035);--warm-soft-gradient:linear-gradient(110deg,#45454b,#303035);--liquid-a:#c0c0c7!important;--liquid-b:#92929c!important;--theme-glow-a:#c0c0c7!important;--theme-glow-b:#92929c!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme):not(#old-accent) #workspace :is(h1,h2,h3,h4,.app-table-title,.custom-queue-head .eyebrow,.app-popup-title,.detail-invoice,.detail-title),html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme):not(#old-accent) .page-heading h1,html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme):not(#old-accent) #appBootStatus .account-login h1{background-image:var(--warm-gradient)!important;background-clip:text!important;-webkit-background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme):not(#old-accent) #workspace :is(.invoice-detail-button,.detail-modal-body dd:first-of-type .invoice-number,.custom-order-form>header>strong,.detail-invoice){background-image:var(--warm-gradient)!important;background-clip:text!important;-webkit-background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme):not(#old-accent) #scanQrButton,html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme):not(#old-accent) #workspace .queue-live-indicator{background:var(--warm-soft-gradient)!important;color:#f5f5f7!important;-webkit-text-fill-color:#f5f5f7!important;border-color:#85858f55!important;box-shadow:inset 0 1px #ffffff0d,0 6px 20px #0002!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme):not(#old-accent) #scanQrButton :is(span,b),html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme):not(#old-accent) #workspace .queue-live-indicator :is(span,strong,b,time){color:#f5f5f7!important;-webkit-text-fill-color:#f5f5f7!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme):not(#old-accent) #workspace .queue-live-indicator i{background:var(--warm-gradient)!important;box-shadow:0 0 0 6px #c0c0c715!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme):not(#old-accent) #workspace .queue-live-indicator i::after{background:transparent!important;box-shadow:0 0 12px 4px #c0c0c755,0 0 24px 8px #92929c25!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme):not(#old-accent) .nav-item.active,html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme):not(#old-accent) .submenu button.active,html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme):not(#old-accent) .nav-item.active:hover,html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme):not(#old-accent) .submenu button.active:hover{background:var(--warm-soft-gradient)!important;color:#eeeef3!important;-webkit-text-fill-color:#eeeef3!important;box-shadow:inset 3px 0 #aaaab3!important;border-color:#85858f33!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme):not(#old-accent) .nav-item.active :is(.nav-icon,.chevron),html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme):not(#old-accent) .submenu button.active :is(span,b){color:#eeeef3!important;-webkit-text-fill-color:#eeeef3!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme):not(#old-accent) .nav-item.active .nav-icon,html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme):not(#old-accent) .mobile-bottom-nav button.active span{background:var(--warm-action-gradient)!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme):not(#old-accent) .mobile-bottom-nav button.active{background:var(--warm-soft-gradient)!important;color:#eeeef3!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme):not(#old-accent) #workspace .borongan-page :is(.borongan-person-name,.borongan-income-ring strong,.borongan-day-card strong,.borongan-money){background-image:var(--warm-gradient)!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme):not(#old-accent) #workspace .custom-invoice,html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme):not(#old-accent) #workspace .jahit-invoice,html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme):not(#old-accent) #workspace .detail-modal-body dl>div:nth-child(1 of :has(>dt)) dd,html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme):not(#old-accent) #workspace .production-audit b.spk-created-event{background-image:var(--warm-gradient)!important;background-clip:text!important;-webkit-background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme):not(#old-accent) #workspace table:not(#legacy-table) thead,
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme):not(#old-accent) #workspace table:not(#legacy-table) thead th{background:#414146!important;color:#ffffff!important;-webkit-text-fill-color:#ffffff!important;border-color:#ffffff26!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme):not(#old-accent) #workspace :is(.deadline-field,.detail-deadline-countdown,.queue-status.reject,.reprint-quantity,.report-cancelled,.delete-queue-invoice,.data-reset-icon),html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme):not(#old-accent) #workspace #simulateRequestSpk{background:#f24b63!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border-color:#f24b63!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme):not(#old-accent) #sidebar #queueNav .nav-icon{background:#f24b63!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme):not(#old-accent) #workspace dialog.reset-password-modal footer button.app-modal-action:is([data-no],[type="submit"]){background:#f24b63!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border-color:#f24b63!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color) #workspace :is(.omeo-invoice-number,.invoice-detail-button,.custom-invoice,.jahit-invoice,.detail-invoice){background-image:none!important;color:#25d366!important;-webkit-text-fill-color:#25d366!important;text-shadow:none!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color) #workspace :is(.omeo-urgent-status,.priority-urgent,.priority.urgent,.queue-priority-select.priority-urgent,.queue-live-badge.urgent,.request-overview-priority.urgent){background:#f24b63!important;background-image:none!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border-color:#f24b63!important;box-shadow:none!important;text-shadow:none!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color) #workspace :is(.production-table-card,.custom-queue,.stock-table-card,.report-history,.report-category-table,.finished-stock-section,.custom-batch-overview,.custom-batch-detail){background:#343438!important;background-image:none!important;border-color:#44444b!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color) #workspace .app-consistent-table tbody tr:not([hidden])>td{background:#303034!important;background-image:none!important;border-bottom-color:#ffffff08!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color) #workspace .app-consistent-table tbody tr:nth-child(even of :not([hidden]))>td{background:#38383d!important;background-image:none!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color) #workspace .app-consistent-table tbody tr:hover>td{background:#423a48!important;background-image:none!important;box-shadow:inset 0 1px #aaaab330,inset 0 -1px #aaaab330!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color) #workspace .production-flow-mini span.current{background:#fff!important;background-image:none!important;color:#000!important;-webkit-text-fill-color:#000!important;border-color:#fff!important;box-shadow:none!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color) #workspace .production-flow-mini span.current :is(b,strong){color:#000!important;-webkit-text-fill-color:#000!important;background:none!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color){--dark-panel:#343438!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color) #workspace :is(.panel,.metric-card,.crm-panel,.crm-metrics article,.crm-hero,.pipeline-column,.lead-card,.view-placeholder,.stock-table-card,.production-table-card,.printing-scan-card,.report-history,.report-date-toolbar,.report-chart-card,.report-kpis article,.custom-order-form,.spk-form,.spk-list-panel,.queue-group,.service-card,.dashboard-command,.process-summary,.attention-panel,.queue-live-stat,.queue-live-panel,.production-monthly-card,.request-overview-hero,.request-overview-metrics article,.request-overview-services,.request-overview-recent,.request-overview-service,.request-service-card,.request-overview-hero-note,.account-panel,.account-modal,.theme-editor,.theme-choice,.theme-page-head,.appearance-section,.color-setting,.finished-stock-section,.borongan-worker-card,.borongan-summary,.borongan-chart-card,.borongan-chart,.borongan-income,.borongan-day-card,.borongan-report,.borongan-person,.borongan-notice,.custom-batch-overview,.custom-batch-detail,.dtf-pdf-upload,.data-reset-card,.data-simulation-card,.modern-table-panel,.modern-spk-summary,.sewing-team-panel,.sewing-start-panel,.sewing-allocation-panel,.sewing-delivery-card,.qc-allocation-panel,.qc-delivery-card,.press-operator-panel,.production-reject-panel,.cut-reject-panel,.sew-reject-panel,.qc-reject-panel){background:#343438!important;background-image:none!important;border-color:#4c4c54!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color) #workspace table tbody tr:not([hidden])>td:not(.omeo-urgent-status){background:#303034!important;background-image:none!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color) #workspace table tbody tr:nth-child(even of :not([hidden]))>td:not(.omeo-urgent-status){background:#38383d!important;background-image:none!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color) #workspace table tbody tr:hover>td:not(.omeo-urgent-status){background:#423a48!important;background-image:none!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-panel-color) .mobile-bottom-nav button{background:linear-gradient(to top,#000000,#333333)!important;color:#eeeef3!important;-webkit-text-fill-color:#eeeef3!important;border-color:#ffffff14!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-panel-color) .mobile-bottom-nav button.active{border-color:#85858f!important;box-shadow:inset 0 -3px #aaaab3!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-panel-color) .mobile-bottom-nav button,
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-panel-color) .mobile-bottom-nav button:is(.active,:hover,:focus-visible){background:transparent!important;background-image:none!important;border-color:transparent!important;box-shadow:none!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-panel-color) .mobile-bottom-nav button.active small{color:#eeeef3!important;-webkit-text-fill-color:#eeeef3!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-panel-color) #workspace .queue-live-stages button[data-queue-dashboard-view="queue-printing"] .queue-live-bar>i{background:#328cff!important;background-image:none!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-panel-color) #workspace .queue-live-stages button[data-queue-dashboard-view="queue-press"] .queue-live-bar>i{background:#f24b63!important;background-image:none!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-panel-color) #workspace .queue-live-stages button[data-queue-dashboard-view="queue-potong"] .queue-live-bar>i{background:#25d366!important;background-image:none!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-panel-color) #workspace .queue-live-stages button[data-queue-dashboard-view="queue-jahit"] .queue-live-bar>i{background:#b67aff!important;background-image:none!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-panel-color) #workspace .queue-live-stages button[data-queue-dashboard-view="queue-qc"] .queue-live-bar>i{background:#ffad45!important;background-image:none!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-panel-color) #workspace .queue-live-stages button[data-queue-dashboard-view="queue-gudang"] .queue-live-bar>i{background:#39cbd8!important;background-image:none!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#table-card-background) #workspace :is(.production-table-card,.custom-queue,.stock-table-card,.report-history,.report-category-table,.finished-stock-section,.custom-batch-overview,.custom-batch-detail,.modern-table-panel,.spk-list-panel,.borongan-report,.ongkos-group,.lis-report-section,.potong-lis-card){background:transparent!important;background-image:none!important;box-shadow:none!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#table-card-background) #workspace :is(.app-table-heading,.custom-queue-head,.production-queue-card-head,.report-section-head,.stock-page-head,.finished-stock-section>header,.report-history>header,.borongan-report>summary){background:transparent!important;background-image:none!important;box-shadow:none!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass){--glass-surface:#343438!important;--glass-raised:#3b3b40!important;--glass-soft:#38383d!important;--glass-border:#505057!important;--fx-glass:100%!important;--fx-glass-soft:100%!important;--fx-glass-strong:100%!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass) :is(.sidebar,.topbar,.mobile-bottom-nav,dialog,.panel,.metric-card,.crm-panel,.account-panel,.account-login,.theme-editor,.queue-live-panel,.custom-order-form,.spk-form,.design-upload,.detail-modal-body,.history-detail-body){backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass) :is(.invoice-finder,.print-ecer-fields,.custom-order-form>header,.report-table-search,.stock-record,.design-upload,.stage-summary,.history-timeline,.detail-field,.history-facts>div,.crm-performance){background:#3b3b40!important;background-image:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass) .mobile-bottom-nav{background:#2b2b30!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#header-bleed) #workspace .app-consistent-table :is(thead,tbody,tr){box-shadow:none!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#header-bleed) #workspace .app-consistent-table thead th{background:#414146!important;box-shadow:0 -2px 0 #414146!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;text-shadow:none!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel) #workspace :is(.custom-order-form,.spk-form) :is(header,.print-ecer-header-main,.custom-form-body,.print-ecer-layout,.print-ecer-main,.print-ecer-fields,.custom-fields,.primary-fields,.detail-fields,.custom-media){background:transparent!important;background-image:none!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}

html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent) #workspace .printing-heading-prefix{background-image:var(--warm-gradient)!important;background-clip:text!important;-webkit-background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important}

/* Tema 2: white total in the production comparison ring. */
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent) #workspace .queue-live-ring>div :is(strong,span){background:none!important;color:#ffffff!important;-webkit-text-fill-color:#ffffff!important}

/* SKU Tas Print Ecer: keep the outer card 60px from its table. */
html[data-theme]:not(#legacy-theme) #workspace[data-theme-view="database-tas-ecer"] .catalog-page{width:calc(80% + 120px)!important;max-width:100%!important;margin-inline:auto!important;padding:60px!important;box-sizing:border-box!important}
html[data-theme]:not(#legacy-theme) #workspace[data-theme-view="database-tas-ecer"] .custom-queue:has(> .catalog-page-header)> .table-scroll,
html[data-theme]:not(#legacy-theme) #workspace[data-theme-view="database-tas-ecer"] .catalog-page> :is(.catalog-page-header,.catalog-description,[data-catalog-loading],.catalog-controls-row){width:100%!important;max-width:100%!important;margin-inline:0!important;box-sizing:border-box!important}
@media(max-width:800px){html[data-theme]:not(#legacy-theme) #workspace[data-theme-view="database-tas-ecer"] .catalog-page{width:100%!important}}

/* Shared 60px outer spacing for Database, Borongan, Stock, Settings and Accounts. */
html[data-theme]:not(#legacy-theme) #workspace:is([data-theme-view^="database-"],[data-theme-view="ongkos"],[data-theme-view^="borongan-"],[data-theme-view^="finished-stock"],[data-theme-view="pengguna"],[data-theme-view="hak-akses"],[data-theme-view="shopee"],[data-theme-view="tampilan"],[data-theme-view="backup-data"],[data-theme-view="reset-data"],[data-theme-view="profil"],[data-theme-view="notifikasi"])>section{width:calc(80% + 120px)!important;max-width:100%!important;margin-inline:auto!important;padding:60px!important;box-sizing:border-box!important}
html[data-theme]:not(#legacy-theme) #workspace:is([data-theme-view^="database-"],[data-theme-view="ongkos"]) .catalog-page{width:calc(80% + 120px)!important;max-width:100%!important;margin-inline:auto!important;padding:60px!important;box-sizing:border-box!important}
html[data-theme]:not(#legacy-theme) #workspace:is([data-theme-view^="database-"],[data-theme-view="ongkos"]) .custom-queue:has(> .catalog-page-header)>.table-scroll,
html[data-theme]:not(#legacy-theme) #workspace:is([data-theme-view^="database-"],[data-theme-view="ongkos"]) .catalog-page>:is(.catalog-page-header,.catalog-description,[data-catalog-loading],.catalog-controls-row){width:100%!important;max-width:100%!important;margin-inline:0!important;box-sizing:border-box!important}
html[data-theme]:not(#legacy-theme) #workspace:is([data-theme-view^="borongan-"],[data-theme-view^="finished-stock"],[data-theme-view="pengguna"],[data-theme-view="hak-akses"],[data-theme-view="shopee"],[data-theme-view="backup-data"],[data-theme-view="reset-data"],[data-theme-view="profil"],[data-theme-view="notifikasi"])>section :is(.account-division,.finished-stock-section,.borongan-report):has(table){padding-inline:0!important;max-width:100%!important}
@media(max-width:800px){html[data-theme]:not(#legacy-theme) #workspace:is([data-theme-view^="database-"],[data-theme-view="ongkos"],[data-theme-view^="borongan-"],[data-theme-view^="finished-stock"],[data-theme-view="pengguna"],[data-theme-view="hak-akses"],[data-theme-view="shopee"],[data-theme-view="tampilan"],[data-theme-view="backup-data"],[data-theme-view="reset-data"],[data-theme-view="profil"],[data-theme-view="notifikasi"])>section{width:100%!important}html[data-theme]:not(#legacy-theme) #workspace:is([data-theme-view^="database-"],[data-theme-view="ongkos"]) .catalog-page{width:100%!important}}

/* Borongan worker galleries share the Accounts outer card. */
html[data-theme]:not(#legacy-theme):not(#light-theme):not(#old-accent) #workspace:is([data-theme-view="borongan-penjahit"],[data-theme-view="borongan-potong"],[data-theme-view="borongan-qc"])>.borongan-page:not(.borongan-worker-page){background:var(--ui-surface)!important;border:1px solid var(--ui-border)!important;border-radius:var(--fx-radius-large,30px)!important;box-shadow:var(--glass-shadow)!important;padding:60px!important}
html[data-theme][data-effect-radius-disabled="true"] #workspace>.borongan-page{border-radius:0!important}

/* Align the catalog title block and Add SKU controls at their bottom edge. */
html[data-theme]:not(#legacy-theme) #workspace .catalog-page:not(:has(.ongkos-catalog-tabs))>.catalog-page-header{align-items:flex-end!important}
html[data-theme]:not(#legacy-theme) #workspace .catalog-page:not(:has(.ongkos-catalog-tabs)) .catalog-page-actions{align-self:flex-end!important;margin-left:auto!important}

/* Compact the deadline selector by 25%. */
html[data-theme]:not(#legacy-theme) #workspace :is(.custom-order-form[data-custom="true"],.dtf-custom-form) .deadline-field{width:210px!important;min-width:210px!important;height:34.125px!important;min-height:34.125px!important;padding:3.75px 12px!important;border-radius:9.75px!important;box-sizing:border-box!important}
html[data-theme]:not(#legacy-theme) #workspace :is(.custom-order-form[data-custom="true"],.dtf-custom-form) .deadline-display{font-size:.75rem!important}
html[data-theme]:not(#legacy-theme) #workspace :is(.custom-order-form[data-custom="true"],.dtf-custom-form) .deadline-open{gap:13.5px!important}
html[data-theme]:not(#legacy-theme) #workspace :is(.custom-order-form[data-custom="true"],.dtf-custom-form) .deadline-open i{width:21px!important;height:21px!important;font-size:.75rem!important;border-radius:6.75px!important}

/* Batch overview title and table align with the Request SPK queue above. */
html[data-theme]:not(#legacy-theme) #workspace .custom-batch-overview>.custom-batch-overview-head{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:16px!important;padding:0!important;margin-bottom:14px!important}
html[data-theme]:not(#legacy-theme) #workspace .custom-batch-overview-head h3{margin:0!important}
html[data-theme]:not(#legacy-theme) #workspace .custom-batch-overview-head .app-table-display-toolbar{align-self:flex-end!important;padding:0!important}
html[data-theme]:not(#legacy-theme) #workspace:has(#spkForm) .custom-batch-overview>.table-scroll{width:100%!important;max-width:100%!important;box-sizing:border-box!important;margin-inline:0!important;padding:0!important;scrollbar-gutter:auto!important}
html[data-theme]:not(#legacy-theme) #workspace:has(#spkForm) .custom-batch-overview>.table-scroll>table{width:100%!important;min-width:100%!important}

/* A shared Live clock size, 30% smaller than the former submenu pill. */
html[data-theme]:not(#legacy-theme) #workspace .queue-live-indicator,
html[data-theme]:not(#legacy-theme) #workspace .queue-table-live-meta>.queue-live-indicator{font-size:.84rem!important;line-height:1.3!important;gap:8.4px!important;padding:12.6px 16.8px!important;border-radius:31.5px!important;width:max-content!important;max-width:100%!important;flex-wrap:nowrap!important;zoom:1!important;box-sizing:border-box!important}
html[data-theme]:not(#legacy-theme) #workspace .queue-live-indicator span{font-size:inherit!important;white-space:nowrap!important;width:auto!important}
html[data-theme]:not(#legacy-theme) #workspace .queue-live-indicator i{width:8.4px!important;height:8.4px!important}

/* Dashboard heading and Live clock without an outer box. */
html[data-theme]:not(#legacy-theme):not(#light-theme):not(#old-accent) #workspace .queue-live-hero{background:transparent!important;background-image:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important}

/* Stock section titles use the gray block shared with SPK headings. */
html[data-theme]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#table-card-background) #workspace .finished-stock-section>header.app-table-heading{background:#999b9d!important;background-image:none!important;border:0!important;border-radius:16px!important;padding:12px 16px!important;box-shadow:none!important}
html[data-theme]:not(#legacy-theme):not(#light-theme):not(#old-accent) #workspace .finished-stock-section>header h3{background:none!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
html[data-theme]:not(#legacy-theme) #workspace .finished-stock-page .account-division>header>.report-downloads{order:1;margin-left:auto!important;display:flex;gap:16px!important}
html[data-theme]:not(#legacy-theme) #workspace .finished-stock-page .account-division>header>.app-table-display-toolbar{order:2;margin-left:0!important}
html[data-theme]:not(#legacy-theme):not(#light-theme):not(#old-accent) #workspace .finished-stock-page .report-downloads button[data-stock-export]{background:transparent!important;background-image:none!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding:8px 4px!important;min-height:0!important;height:auto!important;text-shadow:none!important;color:var(--ui-text)!important;-webkit-text-fill-color:var(--ui-text)!important;cursor:pointer}
html[data-theme]:not(#legacy-theme):not(#light-theme):not(#old-accent) #workspace .finished-stock-section .report-downloads button[data-stock-export]{color:#fff!important;-webkit-text-fill-color:#fff!important}
html[data-theme]:not(#legacy-theme) #workspace .finished-stock-page .report-downloads button[data-stock-export]:hover{text-decoration:underline!important}

/* Stock headings and both tables share the full inner card width. */
html[data-theme]:not(#legacy-theme) #workspace[data-theme-view^="finished-stock"]>.finished-stock-page{width:calc(80% + 120px)!important;max-width:100%!important;margin-inline:auto!important;padding:60px!important;box-sizing:border-box!important}
html[data-theme]:not(#legacy-theme) #workspace .finished-stock-page>:is(header,.account-division){width:100%!important;max-width:100%!important;margin-inline:0!important;box-sizing:border-box!important}
html[data-theme]:not(#legacy-theme) #workspace .finished-stock-page .account-division>.table-scroll{width:100%!important;max-width:100%!important;margin-inline:0!important;box-sizing:border-box!important}

@media(max-width:800px){html[data-theme]:not(#legacy-theme) #workspace[data-theme-view^="finished-stock"]>.finished-stock-page{width:100%!important}}

/* Account divisions use matching cards and aligned columns. */
html[data-theme]:not(#legacy-theme) #workspace[data-theme-view="pengguna"]>.account-panel>.account-division{margin-top:60px!important;padding:28px!important;border:1px solid var(--ui-border)!important;border-radius:var(--fx-radius-large,30px)!important;background:linear-gradient(145deg,var(--ui-surface),color-mix(in srgb,var(--ui-surface) 92%,var(--ui-accent)))!important;box-sizing:border-box!important;min-width:0!important}
html[data-theme="2"]:not(#legacy-theme) #workspace[data-theme-view="pengguna"]>.account-panel>.account-division{background:#343438!important;border-color:#505057!important}
html[data-theme]:not(#legacy-theme) #workspace[data-theme-view="pengguna"] .account-division>.table-scroll{width:100%!important;max-width:100%!important;padding:0!important;margin-inline:0!important;scrollbar-gutter:stable!important;box-sizing:border-box!important}
html[data-theme]:not(#legacy-theme) #workspace[data-theme-view="pengguna"] .account-table{table-layout:fixed!important;width:100%!important;min-width:1100px!important}
html[data-theme]:not(#legacy-theme) #workspace[data-theme-view="pengguna"] .account-table :is(th,td){padding:12px!important;overflow-wrap:anywhere!important}
html[data-theme]:not(#legacy-theme) #workspace[data-theme-view="pengguna"] .account-row-actions{display:flex;flex-wrap:wrap;gap:8px!important}
html[data-theme][data-effect-radius-disabled="true"] #workspace[data-theme-view="pengguna"]>.account-panel>.account-division{border-radius:0!important}

/* History totals above the right-aligned exports and full-view button. */
html[data-theme]:not(#legacy-theme) #workspace .report-history .report-head-actions{display:grid!important;grid-template-columns:auto auto!important;align-items:end!important;gap:10px 16px!important;margin-left:auto!important}
html[data-theme]:not(#legacy-theme) #workspace .report-history .report-invoice-count{grid-column:1/-1;justify-self:end;font-weight:800;color:var(--ui-muted);font-size:14px}
html[data-theme]:not(#legacy-theme) #workspace .report-history .report-head-actions>.report-downloads{grid-column:1;display:flex!important;align-items:center!important;gap:16px!important;margin:0!important}
html[data-theme]:not(#legacy-theme) #workspace .report-history .report-head-actions>.app-table-display-toolbar{grid-column:2;margin:0!important;padding:0!important}
html[data-theme]:not(#legacy-theme):not(#light-theme):not(#old-accent) #workspace .report-history .report-downloads button{background:transparent!important;background-image:none!important;border:0!important;box-shadow:none!important;padding:8px 4px!important;min-height:0!important;height:auto!important;color:var(--ui-text)!important;-webkit-text-fill-color:var(--ui-text)!important}
html[data-theme]:not(#legacy-theme) #workspace .report-history .report-downloads button:hover{text-decoration:underline!important}

/* History controls share the search row and align at the bottom. */
html[data-theme]:not(#legacy-theme) #workspace .report-history>.report-table-controls{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;flex-wrap:wrap!important;gap:16px!important}
html[data-theme]:not(#legacy-theme) #workspace .report-history>.report-table-controls>.report-head-actions{margin-left:auto!important;align-self:flex-end!important}
html[data-theme]:not(#legacy-theme):not(#light-theme):not(#old-accent) #workspace .report-history .report-section-head .history-heading-prefix{background:none!important;background-image:none!important;color:#999999!important;-webkit-text-fill-color:#999999!important;opacity:1!important}

/* Portable backup actions share a right edge. */
html[data-theme]:not(#legacy-theme) #workspace[data-theme-view="backup-data"] .data-reset-card{display:flex!important;align-items:center!important;gap:24px!important}
html[data-theme]:not(#legacy-theme) #workspace[data-theme-view="backup-data"] .data-reset-card>div{flex:1 1 auto!important;min-width:0!important}
html[data-theme]:not(#legacy-theme) #workspace[data-theme-view="backup-data"] :is(#downloadPortableBackup,#uploadPortableBackup){margin-left:auto!important;flex-shrink:0!important}
@media(max-width:650px){html[data-theme]:not(#legacy-theme) #workspace[data-theme-view="backup-data"] .data-reset-card{flex-wrap:wrap!important}html[data-theme]:not(#legacy-theme) #workspace[data-theme-view="backup-data"] .data-reset-card>div{flex-basis:100%!important}}

/* Tema 2: job choices without an enclosing card. */
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color) #workspace .request-overview>.request-overview-services{background:transparent!important;background-image:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important}

/* Tema 2: clear the title backing behind the job choices. */
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#table-card-background) body #workspace .request-overview-services,
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#table-card-background) body #workspace .request-overview-services>.request-overview-section-head,
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#table-card-background) body #workspace .request-overview-section-head>div{background:transparent!important;background-image:none!important;border:0!important;box-shadow:none!important}
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#table-card-background) body #workspace .request-overview-section-head :is(h3,p){background:none!important;background-image:none!important;color:var(--ui-muted)!important;-webkit-text-fill-color:var(--ui-muted)!important}

/* Tema 2: Submit and its QR note have no backing box. */
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel) body #workspace #spkForm .request-submit-group,
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel) body #workspace #spkForm .request-submit-group :is(footer,.qr-placeholder.qr-text-only){background:transparent!important;background-image:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent) #workspace #spkForm .request-submit-group .qr-text-only{color:var(--ui-muted)!important;-webkit-text-fill-color:var(--ui-muted)!important}

/* Tema 2: remove the main SPK form backing visible behind Submit. */
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel) body #workspace #spkForm{background:transparent!important;background-image:none!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}

/* Tema 2 swaps the dark screen and lighter input colors. */
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color) body :is(.app-shell,.main-content,#workspace){background:var(--ui-background,#333337)!important;background-image:none!important}
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color) body :is(input:not([type=color]):not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea){background:var(--ui-raised,#414146)!important;background-image:none!important}

/* Tema 2: production flow boxes use Submit purple on hover. */
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color) #workspace .production-flow .flow-step>span:hover,
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color) #workspace .production-flow-mini>span:hover{background:linear-gradient(140deg,#8058ce,#6843b0)!important;background-image:linear-gradient(140deg,#8058ce,#6843b0)!important;border-color:#a383df!important;color:#fff!important;-webkit-text-fill-color:#fff!important;box-shadow:0 6px 16px #0003,inset 0 1px #ffffff22!important;filter:none!important}
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color) #workspace .production-flow .flow-step>span:hover .flow-stage-link{color:#fff!important;-webkit-text-fill-color:#fff!important}

/* Tema 2: purple Tas Print Custom request title. */
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color) #workspace[data-theme-view^="spk-"]:not([data-theme-view="spk-home"]) .custom-request-heading h2{background:none!important;background-image:none!important;color:#c8fb01!important;-webkit-text-fill-color:#c8fb01!important}

/* Tema 2: lime headers with black text on Tas Print Custom tables. */
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#header-bleed) body #workspace[data-theme-view^="spk-"]:not([data-theme-view="spk-home"]) table.app-consistent-table :is(thead,thead th){background:#c8fb01!important;background-image:none!important;color:#000!important;-webkit-text-fill-color:#000!important;border-color:#a7ce16!important;box-shadow:none!important;text-shadow:none!important}
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#header-bleed) body #workspace[data-theme-view^="spk-"]:not([data-theme-view="spk-home"]) table thead *{color:#000!important;-webkit-text-fill-color:#000!important;text-shadow:none!important}

/* Tema 2: white titles above the Tas Print Custom tables. */
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color) body #workspace[data-theme-view^="spk-"]:not([data-theme-view="spk-home"]) .custom-queue>.custom-queue-head :is(.eyebrow,h3),
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color) body #workspace[data-theme-view^="spk-"]:not([data-theme-view="spk-home"]) .custom-batch-overview>.custom-batch-overview-head h3{background:none!important;background-image:none!important;color:#ffffff!important;-webkit-text-fill-color:#ffffff!important;opacity:1!important}

/* Tema 2: stronger black dividers in the lime table headers. */
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#header-bleed) body #workspace[data-theme-view^="spk-"]:not([data-theme-view="spk-home"]) table.app-consistent-table thead th:not(:last-child){border-right:2px solid #000000!important}

/* Tema 2: Urgent matches the pink deadline control. */
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel) body #workspace :is(.priority-urgent,.priority.urgent,.queue-priority-select.priority-urgent,.omeo-urgent-status,.queue-live-badge.urgent,.request-overview-priority.urgent){background:#f24a64!important;background-image:none!important;color:#ffffff!important;-webkit-text-fill-color:#ffffff!important;border-color:#f24a64!important;box-shadow:none!important;text-shadow:none!important}

/* Tema 2: lime pending invoice count. */
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color) body #workspace .request-queue-pending-count b{background:none!important;background-image:none!important;color:#c8fb01!important;-webkit-text-fill-color:#c8fb01!important}

/* Tema 2: slightly brighter gray on hovered data rows. */
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color) body #workspace table tbody tr:hover>td:not(.omeo-urgent-status){background:#4b4b51!important;background-image:none!important;box-shadow:none!important}

/* Tema 2: purple invoice/customer heading matching Submit. */
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel) body #workspace[data-theme-view^="spk-"]:not([data-theme-view="spk-home"]) #spkForm>header{background:linear-gradient(140deg,#8058ce,#6843b0)!important;background-image:linear-gradient(140deg,#8058ce,#6843b0)!important;border-color:#a383df!important;box-shadow:inset 0 1px #ffffff22!important}

/* Tema 2: light gray gradients on the top search and customer field. */
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel) body .topbar .search-box,
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel) body #workspace #spkForm .custom-customer-inline input[name="customer"]{background:linear-gradient(135deg,#e7e7eb,#bfc0c7)!important;background-image:linear-gradient(135deg,#e7e7eb,#bfc0c7)!important;color:#242428!important;-webkit-text-fill-color:#242428!important;border-color:#b8b9c1!important;box-shadow:none!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel) body .topbar .search-box input{background:transparent!important;background-image:none!important;color:#242428!important;-webkit-text-fill-color:#242428!important;box-shadow:none!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel) body .topbar .search-box>span{color:#242428!important;-webkit-text-fill-color:#242428!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel) body .topbar .search-box input::placeholder,
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel) body #workspace #spkForm .custom-customer-inline input::placeholder{color:#55555d!important;-webkit-text-fill-color:#55555d!important}

/* Tema 2: white clear crosses in gray circles and a lime Scan QR action. */
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel) body .search-clear-button{background:#adaeb5!important;background-image:none!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border:1px solid #adaeb5!important;border-radius:50%!important;box-shadow:none!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel) body .topbar #scanQrButton{background:#c8fb01!important;background-image:none!important;color:#000!important;-webkit-text-fill-color:#000!important;border-color:#a7ce16!important;box-shadow:none!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel) body .topbar #scanQrButton *{color:#000!important;-webkit-text-fill-color:#000!important}

/* Tema 2: all data cells participate in the row hover highlight. */
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel) body #workspace table tbody tr:hover>:is(td,th){background:#4b4b51!important;background-image:none!important;box-shadow:none!important}

/* All Request SPK forms share a centered 90% width without scaling. */
html[data-theme]:not(#legacy-theme) #workspace[data-theme-view^="spk-"]:not([data-theme-view="spk-home"])> :is(.custom-request-heading,.spk-form-head,.production-flow,#spkForm,.custom-queue,.custom-batch-overview){width:90%!important;max-width:90%!important;box-sizing:border-box!important;margin-left:auto!important;margin-right:auto!important}
@media(max-width:800px){html[data-theme]:not(#legacy-theme) #workspace[data-theme-view^="spk-"]:not([data-theme-view="spk-home"])> :is(.custom-request-heading,.spk-form-head,.production-flow,#spkForm,.custom-queue,.custom-batch-overview){width:100%!important;max-width:100%!important}}

/* Request queue display button matches the neighboring count pill. */
html[data-theme]:not(#legacy-theme) #workspace .request-queue-display-actions>.app-table-full-view{border-radius:999px!important}

/* Shared Request SPK header inputs follow the Custom customer field in Tema 2. */
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel) body #workspace[data-theme-view^="spk-"]:not([data-theme-view="spk-home"]) #spkForm>header :is(input[name="customer"],input[name="sku"],input[name="skuBack"]){background:linear-gradient(135deg,#e7e7eb,#bfc0c7)!important;background-image:linear-gradient(135deg,#e7e7eb,#bfc0c7)!important;color:#242428!important;-webkit-text-fill-color:#242428!important;border-color:#b8b9c1!important;box-shadow:none!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel) body #workspace[data-theme-view^="spk-"]:not([data-theme-view="spk-home"]) #spkForm>header input::placeholder{color:#55555d!important;-webkit-text-fill-color:#55555d!important}

/* Every Request SPK service uses the same purple invoice strip and green number. */
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel) body #workspace[data-theme-view^="spk-"]:not([data-theme-view="spk-home"]) #spkForm>header{background:linear-gradient(140deg,#8058ce,#6843b0)!important;background-image:linear-gradient(140deg,#8058ce,#6843b0)!important;border-color:#a383df!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel) body #workspace[data-theme-view^="spk-"]:not([data-theme-view="spk-home"]) #spkForm>header .custom-invoice{background:none!important;background-image:none!important;color:#25d366!important;-webkit-text-fill-color:#25d366!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel) body #workspace[data-theme-view^="spk-"]:not([data-theme-view="spk-home"]) #spkForm>header :is(.print-ecer-header-main,.stock-picker-field,.stock-picker-field>label,.stock-picker-layout){background:transparent!important;background-image:none!important;box-shadow:none!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel) body #workspace[data-theme-view^="spk-"]:not([data-theme-view="spk-home"]) table.app-consistent-table thead th{background:#c8fb01!important;background-image:none!important;color:#000!important;-webkit-text-fill-color:#000!important;box-shadow:none!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel) body #workspace[data-theme-view^="spk-"]:not([data-theme-view="spk-home"]) table.app-consistent-table thead th:not(:last-child){border-right:2px solid #000!important}

/* Tema 2: product previews match the dark design-reference cards. */
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel) body #workspace #spkForm .stock-image-preview{background:#38383c!important;background-image:none!important;border-color:#505057!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel) body #workspace #spkForm .stock-image-empty{background:transparent!important;background-image:none!important;color:#c2c2ca!important;-webkit-text-fill-color:#c2c2ca!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel) body #workspace #spkForm .stock-image-preview :is(b,small,figcaption){background:none!important;color:#c2c2ca!important;-webkit-text-fill-color:#c2c2ca!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel) body #workspace #spkForm .stock-image-empty>span{background:linear-gradient(145deg,#4b4b51,#37373c)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border:1px solid #888890!important}

/* Remove the extra inset marker beside sidebar icons. */
html[data-theme]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color) body #sidebar :is(.nav-item,.submenu button):is(.active,:hover){box-shadow:none!important}

/* Tema 2: bright lime dashboard totals. */
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color) body #workspace .queue-live-stat>strong{background:none!important;background-image:none!important;color:#c8fb01!important;-webkit-text-fill-color:#c8fb01!important}

/* Compact deadline cards in a single row on both themes. */
html[data-theme]:not(#legacy-theme) #workspace .custom-deadline-grid{grid-template-columns:none!important;grid-auto-flow:column!important;grid-auto-columns:minmax(130px,1fr)!important;gap:12px!important;max-height:none!important;overflow-x:auto!important;overflow-y:visible!important;align-items:stretch!important}
html[data-theme]:not(#legacy-theme) #workspace .custom-deadline-card{min-width:0!important;padding:12px!important;gap:12px!important}
html[data-theme]:not(#legacy-theme) #workspace .custom-deadline-card h4{font-size:16px!important}
html[data-theme]:not(#legacy-theme) #workspace .custom-deadline-card time{font-size:12px!important}
html[data-theme]:not(#legacy-theme) #workspace .custom-deadline-invoices .invoice-detail-button{font-size:14px!important;overflow-wrap:anywhere!important}
html[data-theme]:not(#legacy-theme) #workspace .custom-deadline-card footer strong{font-size:20px!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color) body #workspace .custom-deadline-card{background:#38383c!important;color:var(--ui-text)!important;border-color:#505057!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color) body #workspace .custom-deadline-card :is(time,header>span,.custom-deadline-invoices span,.custom-deadline-invoices small,footer span){color:var(--ui-muted)!important;-webkit-text-fill-color:var(--ui-muted)!important}

/* Jahit Tas Polos: consistent 2px header column dividers. */
html[data-theme]:not(#legacy-theme) #workspace .jahit-polos-card .production-stage-table thead th:not(:last-child){border-right-width:2px!important;border-right-style:solid!important}

html[data-theme] #workspace [data-assignment-row]+[data-assignment-row]:not([hidden]){margin-top:24px;padding-top:20px;border-top:1px solid var(--theme-border,#b8d5ef)}
html[data-theme] #workspace [data-add-assignment]{display:block;margin:16px 0 18px;padding:0;border:0;background:transparent;box-shadow:none;text-align:left}
html[data-theme] #workspace [data-add-assignment]:disabled{opacity:.45;cursor:default}

/* Antrian: share the Request SPK charcoal, lime, purple and green palette. */
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel) body #workspace[data-theme-view^="queue-"]{background:#323236!important;color:#d9d9df!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel) body #workspace[data-theme-view^="queue-"] :is(.production-table-card,.queue-live-table,.queue-live-stat,.queue-live-stages,.queue-live-hero){background:#323236!important;background-image:none!important;border-color:#47474f!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel) body #workspace[data-theme-view^="queue-"] :is(.production-queue-hero h2,.queue-live-hero h2){background:none!important;color:#c8fb01!important;-webkit-text-fill-color:#c8fb01!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel) body #workspace[data-theme-view^="queue-"] .production-queue-card-head :is(.eyebrow,h3,span){background:none!important;color:#fff!important;-webkit-text-fill-color:#fff!important;opacity:1!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel) body #workspace[data-theme-view^="queue-"] table :is(thead,thead th){background:#c8fb01!important;background-image:none!important;color:#000!important;-webkit-text-fill-color:#000!important;box-shadow:none!important;text-shadow:none!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel) body #workspace[data-theme-view^="queue-"] table thead *{color:#000!important;-webkit-text-fill-color:#000!important;text-shadow:none!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel) body #workspace[data-theme-view^="queue-"] table thead th:not(:last-child){border-right:2px solid #000!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel) body #workspace[data-theme-view^="queue-"] table tbody tr:nth-child(odd)>td{background:#303034!important;color:#d9d9df!important;border-color:#484850!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel) body #workspace[data-theme-view^="queue-"] table tbody tr:nth-child(even)>td{background:#39393e!important;color:#d9d9df!important;border-color:#484850!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel) body #workspace[data-theme-view^="queue-"] table tbody tr:hover>td{background:#46404f!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel) body #workspace[data-theme-view^="queue-"] table tbody :is(.invoice-detail-button,.production-invoice-button){color:#25d366!important;-webkit-text-fill-color:#25d366!important;background:none!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel) body #workspace[data-theme-view^="queue-"] .production-flow-mini>span{background:#38383c!important;background-image:none!important;color:#c2c2ca!important;-webkit-text-fill-color:#c2c2ca!important;border-color:#505057!important;box-shadow:none!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel) body #workspace[data-theme-view^="queue-"] .production-flow-mini>span:is(.current,:hover){background:linear-gradient(140deg,#8058ce,#6843b0)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border-color:#a383df!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel) body #workspace[data-theme-view^="queue-"] .production-table-card tbody tr:has(.invoice-detail-button) td:first-child{border-left-color:#8058ce!important}

/* Dashboard color refinements requested for the comparison, monthly bars and SPK metrics. */
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel) body #workspace .production-monthly-card .monthly-bar{background:var(--month-tone)!important;background-image:none!important;box-shadow:0 0 18px color-mix(in srgb,var(--month-tone) 25%,transparent)!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel) body #workspace .production-monthly-card h4 i{background:var(--month-tone)!important;color:#111!important;-webkit-text-fill-color:#111!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel) body #workspace .production-monthly-card{border-top:3px solid var(--month-tone)!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel) body #workspace .request-overview-metrics>article:nth-child(-n+3){background:#c8fb01!important;background-image:none!important;border-color:#a7ce16!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel) body #workspace .request-overview-metrics>article:nth-child(-n+3) :is(span,strong,small){background:none!important;color:#000!important;-webkit-text-fill-color:#000!important}

/* Tema 2: consistent charcoal/lime/purple palette across administrative pages and all dialogs. */
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel) body #workspace:is([data-theme-view="laporan"],[data-theme-view="kinerja"],[data-theme-view="ongkos"],[data-theme-view="pengguna"],[data-theme-view="hak-akses"],[data-theme-view="shopee"],[data-theme-view="tampilan"],[data-theme-view="backup-data"],[data-theme-view="reset-data"],[data-theme-view="profil"],[data-theme-view="notifikasi"],[data-theme-view^="finished-stock"],[data-theme-view^="database-"],[data-theme-view^="borongan-"]){background:#323236!important;background-image:none!important;color:#d9d9df!important}
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel) body #workspace:is([data-theme-view="laporan"],[data-theme-view="kinerja"],[data-theme-view="ongkos"],[data-theme-view="pengguna"],[data-theme-view="hak-akses"],[data-theme-view="shopee"],[data-theme-view="tampilan"],[data-theme-view="backup-data"],[data-theme-view="reset-data"],[data-theme-view="profil"],[data-theme-view="notifikasi"],[data-theme-view^="finished-stock"],[data-theme-view^="database-"],[data-theme-view^="borongan-"]) :is(.account-panel,.account-division,.report-history,.report-category-stage,.borongan-report,.borongan-day-card,.theme-editor,.theme-effect-field,.detail-modal-body,.history-detail-body,.production-reject-panel,.production-audit,.sewing-delivery-panel,.qc-delivery-panel){background:#38383c!important;background-image:none!important;color:#d9d9df!important;border-color:#505057!important}
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel) body #workspace:is([data-theme-view="laporan"],[data-theme-view="kinerja"],[data-theme-view="ongkos"],[data-theme-view="pengguna"],[data-theme-view="hak-akses"],[data-theme-view="shopee"],[data-theme-view="tampilan"],[data-theme-view="backup-data"],[data-theme-view="reset-data"],[data-theme-view="profil"],[data-theme-view="notifikasi"],[data-theme-view^="finished-stock"],[data-theme-view^="database-"],[data-theme-view^="borongan-"]) :is(h1,h2){background:none!important;color:#c8fb01!important;-webkit-text-fill-color:#c8fb01!important}
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel) body #workspace:is([data-theme-view="laporan"],[data-theme-view="kinerja"],[data-theme-view="ongkos"],[data-theme-view="pengguna"],[data-theme-view="hak-akses"],[data-theme-view="shopee"],[data-theme-view="tampilan"],[data-theme-view="backup-data"],[data-theme-view="reset-data"],[data-theme-view="profil"],[data-theme-view="notifikasi"],[data-theme-view^="finished-stock"],[data-theme-view^="database-"],[data-theme-view^="borongan-"]) :is(h3,h4){background:none!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel) body #workspace:is([data-theme-view="laporan"],[data-theme-view="kinerja"],[data-theme-view="ongkos"],[data-theme-view="pengguna"],[data-theme-view="hak-akses"],[data-theme-view="shopee"],[data-theme-view="tampilan"],[data-theme-view="backup-data"],[data-theme-view="reset-data"],[data-theme-view="profil"],[data-theme-view="notifikasi"],[data-theme-view^="finished-stock"],[data-theme-view^="database-"],[data-theme-view^="borongan-"]) table :is(thead,thead th){background:#c8fb01!important;background-image:none!important;color:#000!important;-webkit-text-fill-color:#000!important;box-shadow:none!important;text-shadow:none!important}
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel) body #workspace:is([data-theme-view="laporan"],[data-theme-view="kinerja"],[data-theme-view="ongkos"],[data-theme-view="pengguna"],[data-theme-view="hak-akses"],[data-theme-view="shopee"],[data-theme-view="tampilan"],[data-theme-view="backup-data"],[data-theme-view="reset-data"],[data-theme-view="profil"],[data-theme-view="notifikasi"],[data-theme-view^="finished-stock"],[data-theme-view^="database-"],[data-theme-view^="borongan-"]) table thead *{color:#000!important;-webkit-text-fill-color:#000!important;text-shadow:none!important}
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel) body #workspace:is([data-theme-view="laporan"],[data-theme-view="kinerja"],[data-theme-view="ongkos"],[data-theme-view="pengguna"],[data-theme-view="hak-akses"],[data-theme-view="shopee"],[data-theme-view="tampilan"],[data-theme-view="backup-data"],[data-theme-view="reset-data"],[data-theme-view="profil"],[data-theme-view="notifikasi"],[data-theme-view^="finished-stock"],[data-theme-view^="database-"],[data-theme-view^="borongan-"]) table thead th:not(:last-child){border-right:2px solid #000!important}
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel) body #workspace:is([data-theme-view="laporan"],[data-theme-view="kinerja"],[data-theme-view="ongkos"],[data-theme-view="pengguna"],[data-theme-view="hak-akses"],[data-theme-view="shopee"],[data-theme-view="tampilan"],[data-theme-view="backup-data"],[data-theme-view="reset-data"],[data-theme-view="profil"],[data-theme-view="notifikasi"],[data-theme-view^="finished-stock"],[data-theme-view^="database-"],[data-theme-view^="borongan-"]) table tbody tr:nth-child(odd)>td{background:#303034!important;color:#d9d9df!important;border-color:#505057!important}
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel) body #workspace:is([data-theme-view="laporan"],[data-theme-view="kinerja"],[data-theme-view="ongkos"],[data-theme-view="pengguna"],[data-theme-view="hak-akses"],[data-theme-view="shopee"],[data-theme-view="tampilan"],[data-theme-view="backup-data"],[data-theme-view="reset-data"],[data-theme-view="profil"],[data-theme-view="notifikasi"],[data-theme-view^="finished-stock"],[data-theme-view^="database-"],[data-theme-view^="borongan-"]) table tbody tr:nth-child(even)>td{background:#39393e!important;color:#d9d9df!important;border-color:#505057!important}
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel) body #workspace:is([data-theme-view="laporan"],[data-theme-view="kinerja"],[data-theme-view="ongkos"],[data-theme-view="pengguna"],[data-theme-view="hak-akses"],[data-theme-view="shopee"],[data-theme-view="tampilan"],[data-theme-view="backup-data"],[data-theme-view="reset-data"],[data-theme-view="profil"],[data-theme-view="notifikasi"],[data-theme-view^="finished-stock"],[data-theme-view^="database-"],[data-theme-view^="borongan-"]) table tbody tr:hover>td{background:#46404f!important}
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel) body #workspace:is([data-theme-view="laporan"],[data-theme-view="kinerja"],[data-theme-view="ongkos"],[data-theme-view="pengguna"],[data-theme-view="hak-akses"],[data-theme-view="shopee"],[data-theme-view="tampilan"],[data-theme-view="backup-data"],[data-theme-view="reset-data"],[data-theme-view="profil"],[data-theme-view="notifikasi"],[data-theme-view^="finished-stock"],[data-theme-view^="database-"],[data-theme-view^="borongan-"]) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="color"]):not([type="range"]),select,textarea){background:#404045!important;color:#ededf1!important;-webkit-text-fill-color:#ededf1!important;border-color:#686075!important}
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel) body #workspace:is([data-theme-view="laporan"],[data-theme-view="kinerja"],[data-theme-view="ongkos"],[data-theme-view="pengguna"],[data-theme-view="hak-akses"],[data-theme-view="shopee"],[data-theme-view="tampilan"],[data-theme-view="backup-data"],[data-theme-view="reset-data"],[data-theme-view="profil"],[data-theme-view="notifikasi"],[data-theme-view^="finished-stock"],[data-theme-view^="database-"],[data-theme-view^="borongan-"]) :is(input,textarea)::placeholder{color:#96969f!important;-webkit-text-fill-color:#96969f!important}
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel) body #workspace:is([data-theme-view="laporan"],[data-theme-view="kinerja"],[data-theme-view="ongkos"],[data-theme-view="pengguna"],[data-theme-view="hak-akses"],[data-theme-view="shopee"],[data-theme-view="tampilan"],[data-theme-view="backup-data"],[data-theme-view="reset-data"],[data-theme-view="profil"],[data-theme-view="notifikasi"],[data-theme-view^="finished-stock"],[data-theme-view^="database-"],[data-theme-view^="borongan-"]) :is(.primary-button,.next-stage-button):not(.danger-button):not([data-action-tone="danger"]){background:linear-gradient(140deg,#8058ce,#6843b0)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border-color:#a383df!important}
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel) body #workspace:is([data-theme-view="laporan"],[data-theme-view="kinerja"],[data-theme-view="ongkos"],[data-theme-view="pengguna"],[data-theme-view="hak-akses"],[data-theme-view="shopee"],[data-theme-view="tampilan"],[data-theme-view="backup-data"],[data-theme-view="reset-data"],[data-theme-view="profil"],[data-theme-view="notifikasi"],[data-theme-view^="finished-stock"],[data-theme-view^="database-"],[data-theme-view^="borongan-"]) :is(.invoice-detail-button,.production-invoice-button,.custom-invoice){background:none!important;color:#25d366!important;-webkit-text-fill-color:#25d366!important}
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel) body dialog{background:#323236!important;background-image:none!important;color:#d9d9df!important}
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel) body dialog :is(.account-panel,.account-division,.report-history,.report-category-stage,.borongan-report,.borongan-day-card,.theme-editor,.theme-effect-field,.detail-modal-body,.history-detail-body,.production-reject-panel,.production-audit,.sewing-delivery-panel,.qc-delivery-panel){background:#38383c!important;background-image:none!important;color:#d9d9df!important;border-color:#505057!important}
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel) body dialog :is(h1,h2){background:none!important;color:#c8fb01!important;-webkit-text-fill-color:#c8fb01!important}
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel) body dialog :is(h3,h4){background:none!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel) body dialog table :is(thead,thead th){background:#c8fb01!important;background-image:none!important;color:#000!important;-webkit-text-fill-color:#000!important;box-shadow:none!important;text-shadow:none!important}
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel) body dialog table thead *{color:#000!important;-webkit-text-fill-color:#000!important;text-shadow:none!important}
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel) body dialog table thead th:not(:last-child){border-right:2px solid #000!important}
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel) body dialog table tbody tr:nth-child(odd)>td{background:#303034!important;color:#d9d9df!important;border-color:#505057!important}
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel) body dialog table tbody tr:nth-child(even)>td{background:#39393e!important;color:#d9d9df!important;border-color:#505057!important}
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel) body dialog table tbody tr:hover>td{background:#46404f!important}
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel) body dialog :is(input:not([type="checkbox"]):not([type="radio"]):not([type="color"]):not([type="range"]),select,textarea){background:#404045!important;color:#ededf1!important;-webkit-text-fill-color:#ededf1!important;border-color:#686075!important}
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel) body dialog :is(input,textarea)::placeholder{color:#96969f!important;-webkit-text-fill-color:#96969f!important}
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel) body dialog :is(.primary-button,.next-stage-button):not(.danger-button):not([data-action-tone="danger"]){background:linear-gradient(140deg,#8058ce,#6843b0)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border-color:#a383df!important}
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel) body dialog :is(.invoice-detail-button,.production-invoice-button,.custom-invoice){background:none!important;color:#25d366!important;-webkit-text-fill-color:#25d366!important}
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel) body dialog :is(.detail-modal-head,.history-detail-modal>header){background:linear-gradient(140deg,#8058ce,#6843b0)!important;border-color:#a383df!important}
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel) body dialog .detail-modal-head h2{background:none!important;color:#25d366!important;-webkit-text-fill-color:#25d366!important}
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel) body dialog :is(footer,.detail-modal-actions){background:#323236!important;border-color:#505057!important}

/* Tema 2: full-view controls use the same pill corners as the Live indicator. */
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel) body :is(.app-table-full-view,.app-table-display-toolbar button,.request-queue-display-actions .app-table-full-view){border-radius:999px!important}

/* Tema 2: Tas Kain outer table card matches the charcoal reference. */
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel) body #workspace[data-theme-view="spk-tas-kain"] .custom-queue{background:#27272a!important;background-image:none!important;box-shadow:none!important}

/* Tema 2: all outer table containers share the charcoal reference. */
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel) body :is(#workspace,dialog) :is(.production-table-card,.custom-queue,.stock-table-card,.report-history,.report-category-table,.finished-stock-section,.custom-batch-overview,.custom-batch-detail,.modern-table-panel,.spk-list-panel,.borongan-report,.ongkos-group,.lis-report-section,.account-division,.queue-live-panel,.table-scroll):has(table){background:#27272a!important;background-image:none!important;box-shadow:none!important}

/* Stock navigation keeps its orange parcel icon in every menu state. */
html[data-theme]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color) #sidebar .nav-item[data-view="finished-stock"] .nav-icon{background:linear-gradient(145deg,#ff6b85,#f44364)!important;background-image:linear-gradient(145deg,#ff6b85,#f44364)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border-color:#ff9daf!important;box-shadow:inset 0 1px #ffffff80,0 8px 20px #f4436438!important}
html[data-theme]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color) #sidebar .nav-item[data-view="finished-stock"] .nav-icon svg{color:#fff!important;stroke:#fff!important}

/* Local refinements: neutral outer panels, bright comparison and deadline alert. */
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel) body #workspace:is([data-theme-view="laporan"],[data-theme-view="kinerja"],[data-theme-view="ongkos"],[data-theme-view="pengguna"],[data-theme-view="hak-akses"],[data-theme-view="shopee"],[data-theme-view="tampilan"],[data-theme-view="backup-data"],[data-theme-view="reset-data"],[data-theme-view="profil"],[data-theme-view="notifikasi"],[data-theme-view^="queue-"],[data-theme-view^="finished-stock"],[data-theme-view^="database-"],[data-theme-view^="borongan-"]) :is(.production-table-card,.custom-queue,.stock-table-card,.report-history,.report-category-table,.finished-stock-section,.custom-batch-overview,.custom-batch-detail,.modern-table-panel,.spk-list-panel,.borongan-report,.ongkos-group,.account-panel,.account-division,.theme-editor,.queue-live-panel,.production-monthly-card){background:#323235!important;background-image:none!important;box-shadow:none!important}
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel) body #workspace:is([data-theme-view="laporan"],[data-theme-view="kinerja"],[data-theme-view="ongkos"],[data-theme-view="pengguna"],[data-theme-view="hak-akses"],[data-theme-view="shopee"],[data-theme-view="tampilan"],[data-theme-view="backup-data"],[data-theme-view="reset-data"],[data-theme-view="profil"],[data-theme-view="notifikasi"],[data-theme-view^="queue-"],[data-theme-view^="finished-stock"],[data-theme-view^="database-"],[data-theme-view^="borongan-"]) .table-scroll{background:#323235!important;background-image:none!important}
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel) body #workspace .queue-live-stat-deadline>strong{background:none!important;color:#f24a64!important;-webkit-text-fill-color:#f24a64!important}
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel) body #workspace .production-monthly-card{border-top-color:#4b4b50!important}

/* Tema 2: overdue summary uses a lime card with black content. */
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel) body #workspace .queue-live-stat.queue-live-stat-deadline{background:#c8fb01!important;background-image:none!important;border-color:#a7ce16!important}
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel) body #workspace .queue-live-stat.queue-live-stat-deadline :is(p,strong,small,.queue-live-stat-icon){color:#000!important;-webkit-text-fill-color:#000!important;background-image:none!important;text-shadow:none!important}
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel) body #workspace .queue-live-stat.queue-live-stat-deadline .queue-live-stat-icon{background:#b2df01!important;border-color:#96bd00!important}

/* Tema 2: final overdue card treatment, overriding the shared queue panel fill. */
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel) body #workspace[data-theme-view^="queue-"] .queue-live-stat.queue-live-stat-deadline{background:#c8fb01!important;background-image:none!important;border-color:#a7ce16!important;box-shadow:none!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel) body #workspace[data-theme-view^="queue-"] .queue-live-stat.queue-live-stat-deadline::after{display:none!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel) body #workspace[data-theme-view^="queue-"] .queue-live-stat.queue-live-stat-deadline .queue-live-stat-icon{background:#000!important;background-image:none!important;color:#c8fb01!important;-webkit-text-fill-color:#c8fb01!important;border-color:#000!important;box-shadow:none!important}

/* Tema 2: the first three queue summary cards use the neutral charcoal fill. */
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel) body #workspace[data-theme-view="queue-dashboard"] .queue-live-stats>.queue-live-stat:not(.queue-live-stat-deadline){background:#323235!important;background-image:none!important;box-shadow:none!important;border-color:#505057!important}

/* Tema 2: queue summary cards match the sidebar background exactly. */
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel) body #workspace[data-theme-view="queue-dashboard"] .queue-live-stats>.queue-live-stat:not(.queue-live-stat-deadline){background:var(--ui-sidebar,#27272a)!important;background-image:none!important;box-shadow:none!important}

/* Local dashboard cards: sidebar-colored request summaries and black production comparison. */
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel) body #workspace .request-overview-metrics>article:nth-child(-n+3){background:var(--ui-sidebar,#27272a)!important;background-image:none!important;border-color:#505057!important;box-shadow:none!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel) body #workspace .request-overview-metrics>article:nth-child(-n+3) :is(span,small){color:#d9d9df!important;-webkit-text-fill-color:#d9d9df!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel) body #workspace .request-overview-metrics>article:nth-child(-n+3) strong{color:#c8fb01!important;-webkit-text-fill-color:#c8fb01!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel) body #workspace[data-theme-view="queue-dashboard"] .queue-live-panel.queue-live-priority{background:#1e1e1e!important;background-image:none!important;box-shadow:none!important}
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel) body #workspace[data-theme-view="queue-dashboard"] .queue-live-priority .queue-live-ring>div{background:#1e1e1e!important;background-image:none!important;box-shadow:none!important}

/* Tema 2: quality metrics sit directly on the black comparison panel. */
html[data-theme="2"][data-color-mode="dark"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel) body #workspace[data-theme-view="queue-dashboard"] .queue-live-priority :is(.queue-quality,.queue-quality-stages,.queue-quality-stage){background:transparent!important;background-image:none!important;box-shadow:none!important}

/* Tema 2: one solid page canvas across every view and color mode. */
html[data-theme="2"]{--ui-background:#282828!important}
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas) body,
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas) body :is(.app-shell,.main-content,#workspace,#workspace>.borongan-page){background:#282828!important;background-image:none!important}

/* Tema 2: dashboard heading sits directly on the page canvas. */
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas) body #workspace[data-theme-view="queue-dashboard"] .queue-live-hero{background:transparent!important;background-image:none!important;border:0!important;box-shadow:none!important}

/* Tema 2: urgent request summary uses a bright lime card and black text. */
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas) body #workspace .request-overview-metrics>article:nth-child(4){background:#c8fb01!important;background-image:none!important;border-color:#a7ce16!important;box-shadow:none!important;color:#000!important}
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas) body #workspace .request-overview-metrics>article:nth-child(4) :is(span,strong,small){background:none!important;color:#000!important;-webkit-text-fill-color:#000!important;text-shadow:none!important}

/* Tema 2: shared live clocks use black with lime text and pulse. */
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas) body .queue-live-indicator{background:#000!important;background-image:none!important;color:#c8fb01!important;-webkit-text-fill-color:#c8fb01!important;border-color:#000!important;box-shadow:none!important}
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas) body .queue-live-indicator :is(span,strong,b,time){color:#c8fb01!important;-webkit-text-fill-color:#c8fb01!important}
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas) body .queue-live-indicator i{background:#c8fb01!important;background-image:none!important;box-shadow:0 0 0 6px #c8fb0118!important}
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas) body .queue-live-indicator i::after{background:transparent!important;box-shadow:0 0 12px 4px #c8fb0155,0 0 24px 8px #c8fb0125!important}

/* Tema 2: Custom printing table outer card uses the requested charcoal. */
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas) body #workspace[data-theme-view="queue-printing"] .production-table-card.printing-kain-card{background:#1e1e1e!important;background-image:none!important;box-shadow:none!important}

/* Tema 2: all table containers use the same charcoal outer surface. */
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas) body :is(#workspace,dialog) :is(.production-table-card,.custom-queue,.stock-table-card,.report-history,.report-category-table,.finished-stock-section,.custom-batch-overview,.custom-batch-detail,.modern-table-panel,.spk-list-panel,.borongan-report,.ongkos-group,.lis-report-section,.account-division,.queue-live-panel,.table-scroll):has(table){background:#1e1e1e!important;background-image:none!important;box-shadow:none!important}

/* Tema 2: all stock tables sit directly on their page without inner boxes. */
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas) body #workspace .finished-stock-page :is(.account-division,.table-scroll){background:transparent!important;background-image:none!important;border:0!important;box-shadow:none!important}

/* Tema 2: stock subsection headings sit directly on the page. */
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas) body #workspace .finished-stock-page .account-division>header{background:transparent!important;background-image:none!important;border:0!important;box-shadow:none!important}

/* Tema 2: queue navigation keeps a bright lime icon in every state. */
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas) #sidebar #queueNav .nav-icon{background:#c8fb01!important;background-image:none!important;border-color:#dcff68!important;color:#000!important;-webkit-text-fill-color:#000!important;box-shadow:inset 0 1px #ffffff80,0 8px 20px #c8fb0125!important}
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas) #sidebar #queueNav .nav-icon svg{color:#000!important;stroke:#000!important}

/* Tema 2: account level text colors. */
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas) body #workspace .account-table .account-role-management{color:#c8fb01!important;-webkit-text-fill-color:#c8fb01!important;font-weight:800}
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas) body #workspace .account-table .account-role-staff{color:#c084fc!important;-webkit-text-fill-color:#c084fc!important;font-weight:800}
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas) body #workspace .account-table .account-role-viewer{color:#ffffff!important;-webkit-text-fill-color:#ffffff!important;font-weight:800}

/* Tema 2: invoice numbers throughout Request SPK use bright lime. */
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas) body #workspace[data-theme-view^="spk-"] :is(.omeo-invoice-number,.invoice-detail-button,.custom-invoice,.jahit-invoice,.detail-invoice){background-image:none!important;color:#c8fb01!important;-webkit-text-fill-color:#c8fb01!important;text-shadow:none!important}

/* Tema 2: production queue table titles use 40% gray. */
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas) body #workspace[data-theme-view^="queue-"] .production-queue-card-head :is(.eyebrow,.eyebrow *,h3,.app-table-title,.app-table-title *){background:none!important;background-image:none!important;color:#999999!important;-webkit-text-fill-color:#999999!important;opacity:1!important;text-shadow:none!important}

/* Mobile Request SPK: two compact reference images alongside PDF upload. */
@media(max-width:700px){
 html[data-theme]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-panel-color) body #workspace #spkForm .custom-media:has(.design-upload-grid):has(.dtf-pdf-upload){display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)!important;gap:8px!important;align-items:start!important;width:100%!important;min-width:0!important}
 html[data-theme]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-panel-color) body #workspace #spkForm .custom-media .design-upload-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;min-width:0!important;grid-column:1!important}
 html[data-theme]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-panel-color) body #workspace #spkForm .custom-media .design-upload{aspect-ratio:auto!important;height:100px!important;min-height:0!important;max-height:100px!important;padding:6px!important;gap:4px!important;border-radius:10px!important;justify-content:center!important}
 html[data-theme]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-panel-color) body #workspace #spkForm .custom-media .design-upload :is(b,small){font-size:9px!important;line-height:1.15!important;margin:0!important;overflow-wrap:anywhere!important}
 html[data-theme]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-panel-color) body #workspace #spkForm .custom-media .upload-mark{width:24px!important;height:24px!important;min-height:0!important;font-size:20px!important;line-height:1!important;padding:0!important}
 html[data-theme]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-panel-color) body #workspace #spkForm .custom-media .dtf-pdf-upload{grid-column:2!important;grid-row:1!important;min-width:0!important;width:100%!important;padding:8px!important;margin:0!important;box-sizing:border-box!important;font-size:10px!important}
 html[data-theme]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-panel-color) body #workspace #spkForm .custom-media .dtf-pdf-upload :is(input,label,small,p,a){font-size:10px!important;min-width:0!important;overflow-wrap:anywhere!important}
 html[data-theme]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-panel-color) body #workspace #spkForm .custom-media .request-submit-group{grid-column:1/-1!important}
}

/* Tema 2: distinguish job names from the gray queue-stage prefix. */
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas) body #workspace[data-theme-view^="queue-"] .production-queue-card-head .eyebrow .queue-service-heading{color:#c8fb01!important;-webkit-text-fill-color:#c8fb01!important}

/* Tema 2: queue stage prefixes use 60% gray. */
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas) body #workspace[data-theme-view^="queue-"] .production-queue-card-head .eyebrow .printing-heading-prefix{color:#666666!important;-webkit-text-fill-color:#666666!important}

/* Tema 2: request form invoice color overrides the legacy green header rule. */
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas) body #workspace[data-theme-view^="spk-"] #spkForm>header .custom-invoice{background:none!important;color:#c8fb01!important;-webkit-text-fill-color:#c8fb01!important}

/* Tema 2: stock title/actions sit close above their table. */
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas) body #workspace .finished-stock-section>header.app-table-heading{padding:20px 16px 0!important;margin-bottom:6px!important;min-height:0!important;align-items:end!important}
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas) body #workspace .finished-stock-section>header h3{margin-bottom:0!important}
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas) body #workspace .finished-stock-section>.table-scroll{margin-top:0!important}

/* Mobile only: tailor piecework content occupies 85% of the viewport. */
@media(max-width:760px){
 html[data-theme]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-panel-color) body #workspace[data-theme-view="borongan-penjahit"]>.borongan-page{width:85vw!important;max-width:85vw!important;min-width:0!important;padding:12px 0!important;margin:0 auto!important;box-sizing:border-box!important}
 html[data-theme]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-panel-color) body #workspace[data-theme-view="borongan-penjahit"] .borongan-income{padding:16px 10px!important}
 html[data-theme]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-panel-color) body #workspace[data-theme-view="borongan-penjahit"] .borongan-income-ring{width:min(250px,100%)!important;height:auto!important;aspect-ratio:1!important}
 html[data-theme]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-panel-color) body #workspace[data-theme-view="borongan-penjahit"] .borongan-income-ring>div{aspect-ratio:1!important}
 html[data-theme]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-panel-color) body #workspace[data-theme-view="borongan-penjahit"] .borongan-day-card{flex-wrap:wrap!important;padding:14px!important}
}

/* Tailor piecework: highlight the Rupiah estimate on all screen sizes. */
 html[data-theme]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas) body #workspace[data-theme-view="borongan-penjahit"] .borongan-income-ring strong{background:none!important;background-image:none!important;color:#c8fb01!important;-webkit-text-fill-color:#c8fb01!important;text-shadow:none!important}

/* Tailor piecework: bright lime income chart bars on all screen sizes. */
 html[data-theme]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas) body #workspace[data-theme-view="borongan-penjahit"] .borongan-bar-fill{background:#c8fb01!important;background-image:none!important}

/* Tema 1: tailor piecework Rupiah uses the original blue text gradient. */
html[data-theme="1"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas) body #workspace[data-theme-view="borongan-penjahit"] .borongan-income-ring strong{background:linear-gradient(110deg,#0961d6,#28aaef)!important;background-clip:text!important;-webkit-background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important;text-shadow:none!important}

/* Mobile: account users occupy 85% of the screen in both themes. */
@media(max-width:760px){
 html[data-theme]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas) body #workspace[data-theme-view="pengguna"]>.account-panel{width:85vw!important;max-width:85vw!important;min-width:0!important;padding:12px 0!important;margin:0 auto!important;box-sizing:border-box!important}
 html[data-theme]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas) body #workspace[data-theme-view="pengguna"]>.account-panel>.account-division{max-width:100%!important;padding:14px!important;margin-top:24px!important;box-sizing:border-box!important;min-width:0!important}
}

/* Tema 2: allocation summary cards in every popup use black and white. */
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas) body dialog :is(.sewing-delivery-summary,.qc-delivery-summary)>span{background:#000!important;background-image:none!important;color:#fff!important;-webkit-text-fill-color:#fff!important;box-shadow:none!important}
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas) body dialog :is(.sewing-delivery-summary,.qc-delivery-summary)>span *{background:none!important;color:#fff!important;-webkit-text-fill-color:#fff!important;text-shadow:none!important}

/* Tema 2: popup action accents use lime with black text. */
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas) body dialog :is(.primary-button,.next-stage-button):not(.danger-button):not([data-action-tone="danger"]){background:#c8fb01!important;background-image:none!important;color:#000!important;-webkit-text-fill-color:#000!important;border-color:#c8fb01!important}
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas) body dialog :is(.qc-add-button,.sewing-add-button){color:#c8fb01!important;-webkit-text-fill-color:#c8fb01!important;background:transparent!important;background-image:none!important}

/* Both themes, every table: stronger active-status pulse and sweeping light. */
html[data-theme]:not(#legacy-theme):not(#light-theme):not(#old-accent) body :is(.queue-status.proses,.status.proses,.status.progress){position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;animation:omeo-status-pulse-strong 1.8s ease-in-out infinite!important}
html[data-theme]:not(#legacy-theme):not(#light-theme):not(#old-accent) body :is(.queue-status.proses,.status.proses,.status.progress)::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(110deg,transparent 5%,#ffffff20 30%,#ffffff99 50%,#ffffff20 70%,transparent 95%)!important;pointer-events:none;animation:production-status-shine 1.8s ease-in-out infinite!important}
@keyframes omeo-status-pulse-strong{0%,100%{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.04);filter:brightness(1.28)}}
@media(prefers-reduced-motion:reduce){
 html[data-theme]:not(#legacy-theme):not(#light-theme):not(#old-accent) body :is(.queue-status.proses,.status.proses,.status.progress){animation:none!important;transform:none!important;filter:none!important}
 html[data-theme]:not(#legacy-theme):not(#light-theme):not(#old-accent) body :is(.queue-status.proses,.status.proses,.status.progress)::after{background:#fff!important;transform:none!important;animation:omeo-status-light-strong 3s ease-in-out infinite!important}
}
@keyframes omeo-status-light-strong{0%,100%{opacity:0}50%{opacity:.42}}

/* All themes: align the work-total card with the production-flow eyebrow. */
html[data-theme]:not(#legacy-theme):not(#light-theme):not(#old-accent) body #workspace .production-queue-hero{align-items:flex-start!important}
html[data-theme]:not(#legacy-theme):not(#light-theme):not(#old-accent) body #workspace .production-queue-hero>div>.eyebrow{margin-top:0!important}
html[data-theme]:not(#legacy-theme):not(#light-theme):not(#old-accent) body #workspace .production-queue-hero>.stage-summary{align-self:flex-start!important;margin-top:0!important}

/* Tema 2: invoice numbers in all popup headings and invoice controls are white. */
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas) body dialog :is(.detail-modal-head h2,.history-detail-modal>header h2,.queue-modal-head h2,.omeo-invoice-number,.invoice-detail-button,.production-invoice-button,.custom-invoice,.jahit-invoice,.detail-invoice){background:none!important;background-image:none!important;color:#fff!important;-webkit-text-fill-color:#fff!important;text-shadow:none!important}

/* Tema 2: popup detail-title badges use black with bright lime text. */
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas) body dialog :is(.detail-modal-head,.queue-modal-head,.history-detail-modal>header) :is(.eyebrow,.app-popup-title:not(h2)){background:#000!important;background-image:none!important;color:#c8fb01!important;-webkit-text-fill-color:#c8fb01!important;border-color:#000!important;box-shadow:none!important;text-shadow:none!important}

/* All themes: detail-title badges are 25% smaller; invoice headings keep their size. */
html[data-theme]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas) body dialog :is(.detail-modal-head,.queue-modal-head,.history-detail-modal>header) :is(.eyebrow,.app-popup-title:not(h2)){font-size:calc(var(--invoice-detail-title-size,clamp(2.015rem,2.6vw,2.795rem)) * .75)!important}
@media(max-width:650px) and (orientation:portrait){
 html[data-theme]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas) body dialog :is(.detail-modal-head,.queue-modal-head,.history-detail-modal>header) :is(.eyebrow,.app-popup-title:not(h2)){font-size:15px!important}
}

/* Tema 2: popup production-stage captions are white. */
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas) body dialog .queue-stage-heading{background:none!important;color:#fff!important;-webkit-text-fill-color:#fff!important;text-shadow:none!important}

/* Tema 2: inner production-history cards match the sidebar reference. */
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas) body dialog :is(.production-audit,.production-log,.production-log-section,.history-timeline) article{background:var(--ui-sidebar,#1e1e1e)!important;background-image:none!important;box-shadow:none!important}

/* Tema 2: lime timeline number boxes and event headings. */
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas) body dialog .production-audit article>i{background:#c8fb01!important;background-image:none!important;border-color:#c8fb01!important;color:#000!important;-webkit-text-fill-color:#000!important;box-shadow:none!important}
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas) body dialog .production-audit article>div>b{background:none!important;color:#c8fb01!important;-webkit-text-fill-color:#c8fb01!important;text-shadow:none!important}

/* All themes: enlarge the detail-title box by 20%, keeping its text size. */
html[data-theme]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas) body dialog :is(.detail-modal-head,.queue-modal-head,.history-detail-modal>header) :is(.eyebrow,.app-popup-title:not(h2)){
 width:calc-size(max-content,size * 1.2)!important;
 height:calc-size(auto,size * 1.2)!important;
 max-width:100%!important;
 box-sizing:border-box!important;
 display:flex!important;align-items:center!important;justify-content:center!important;
}

/* Tema 2: readable current-production result label and red quantity. */
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas) body dialog .production-current-result>span{color:#000!important;-webkit-text-fill-color:#000!important}
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas) body dialog .production-current-result>strong{color:#e00000!important;-webkit-text-fill-color:#e00000!important}

/* Tema 2: finished-quantity values in production tables are bright lime. */
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas) body #workspace .production-stage-table .finished-quantity{color:#c8fb01!important;-webkit-text-fill-color:#c8fb01!important}

/* Shared vivid red treatment across themes. */
html[data-theme]{--omeo-red-gradient:linear-gradient(135deg,#ff654d 0%,#ff183f 48%,#c90024 100%)}
html[data-theme]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas):not(#old-red) body :is(.delete-queue-invoice,.danger-button,[data-action-tone="danger"],.detail-deadline-countdown,.deadline-field,.queue-status.reject,.status.reject,.reprint-quantity,.report-cancelled,.data-reset-icon,.priority-urgent,.priority.urgent,.omeo-urgent-status,.queue-live-badge.urgent,.request-overview-priority.urgent){background:var(--omeo-red-gradient)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border-color:#ff304a!important;box-shadow:0 4px 14px #ff183f55,inset 0 1px 0 #ffffff40!important}
html[data-theme]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas):not(#old-red) body :is(.production-current-result strong,.custom-print-quantity dd,.reject-quantity-error){background:var(--omeo-red-gradient)!important;background-clip:text!important;-webkit-background-clip:text!important;color:#e51835!important;-webkit-text-fill-color:transparent!important;text-shadow:0 0 10px #ff183f25!important}
html[data-theme="1"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas):not(#old-red) body :is(.invoice-detail-button,.production-invoice-button,.finished-quantity){background:var(--omeo-red-gradient)!important;background-clip:text!important;-webkit-background-clip:text!important;color:#e51835!important;-webkit-text-fill-color:transparent!important;text-shadow:0 0 10px #ff183f25!important}

/* Lime accents are local to the dark appearance-settings page. */
html[data-theme="2"] .theme-settings{--ui-accent:#c8fb01;--ui-link:#c8fb01;--liquid-b:#c8fb01}
html[data-theme] .theme-settings [data-theme-select="2"] .theme-mini{--mini-accent:#c8fb01!important}
html[data-theme="2"] .theme-settings input[type="checkbox"]{accent-color:#c8fb01!important}

/* Consistent detail-header alignment, with a compact stacked mobile layout. */
html[data-theme]:not(#legacy-theme):not(#light-theme):not(#header-layout) body #workspace dialog.app-detail-modal .detail-modal-head{align-items:flex-start!important;gap:12px!important}
html[data-theme]:not(#legacy-theme):not(#light-theme):not(#header-layout) body #workspace dialog.app-detail-modal .detail-modal-head>div{flex:1;min-width:0;grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:"invoice delete" "kind kind" "stage stage" "caption caption"!important;gap:10px 14px!important;align-items:center!important}
html[data-theme]:not(#legacy-theme):not(#light-theme):not(#header-layout) body #workspace dialog.app-detail-modal .detail-modal-head .eyebrow{justify-self:start!important;margin:0!important;text-align:center!important}
html[data-theme]:not(#legacy-theme):not(#light-theme):not(#header-layout) body #workspace dialog.app-detail-modal .detail-modal-head .queue-stage-heading{justify-self:start!important;text-align:left!important;padding:0!important}
html[data-theme]:not(#legacy-theme):not(#light-theme):not(#header-layout) body #workspace dialog.app-detail-modal .detail-modal-head>button[aria-label="Tutup"]{flex-shrink:0;align-self:flex-start!important;margin:0!important}
@media(max-width:700px){
 html[data-theme]:not(#legacy-theme):not(#light-theme):not(#header-layout) body #workspace dialog.app-detail-modal .detail-modal-head{padding:16px!important;gap:10px!important}
 html[data-theme]:not(#legacy-theme):not(#light-theme):not(#header-layout) body #workspace dialog.app-detail-modal .detail-modal-head>div{gap:10px!important}
 html[data-theme]:not(#legacy-theme):not(#light-theme):not(#header-layout) body #workspace dialog.app-detail-modal .detail-modal-head h2{margin:0!important}
}

/* Detail header follows the invoice/actions-left and title/stage-right layout. */
html[data-theme]:not(#legacy-theme):not(#light-theme):not(#header-layout) body #workspace dialog.app-detail-modal .detail-modal-head>div{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)!important;grid-template-areas:"invoice kind" "delete stage" "caption caption"!important;gap:12px 16px!important}
html[data-theme]:not(#legacy-theme):not(#light-theme):not(#header-layout) body #workspace dialog.app-detail-modal .detail-modal-head .eyebrow{justify-self:end!important}
html[data-theme]:not(#legacy-theme):not(#light-theme):not(#header-layout) body #workspace dialog.app-detail-modal .detail-modal-head .queue-stage-heading{justify-self:end!important;text-align:right!important}
html[data-theme]:not(#legacy-theme):not(#light-theme):not(#header-layout) body #workspace dialog.app-detail-modal .detail-modal-head button.delete-queue-invoice{justify-self:start!important}

/* Tema 2: highlight only the lower mountain in the brand mark. */
.omeo-brand-mark{position:relative;display:inline-block;line-height:0}
.omeo-brand-mark>img{display:block}
html[data-theme="2"] .omeo-brand-mark::after{content:"";position:absolute;inset:0;background:#c8fb01;clip-path:polygon(26.9% 96.4%,34.8% 54.9%,36% 60.3%,34.2% 78.1%,39.6% 50.4%,44.1% 73.7%,41.9% 84.8%,44.1% 85.7%,42.9% 93.3%,48.9% 62.9%,55.3% 96.4%);pointer-events:none}

/* White navigation arrows on overview cards. */
html[data-theme]:not(#legacy-theme):not(#light-theme):not(#card-arrow) body #workspace :is(.request-overview-service-footer i,.queue-live-stage-name em){color:#fff!important;-webkit-text-fill-color:#fff!important}

/* Desktop vector typography; only the active SVG scene is mounted. */
html[data-theme] .topbar .header-quotes{display:none!important}
@media(min-width:1100px){
 html[data-theme]:not(#legacy-theme) .topbar{display:flex!important;gap:16px}
 html[data-theme]:not(#legacy-theme) .topbar .page-heading{flex:0 1 200px;min-width:140px;margin-right:0}
 html[data-theme]:not(#legacy-theme) .topbar .search-box{flex:0 1 220px;width:220px;min-width:160px;margin:0}
 html[data-theme]:not(#legacy-theme) .topbar #scanQrButton{flex:0 0 auto;width:auto;min-width:0;padding-left:18px;padding-right:18px}
 html[data-theme] .topbar .header-quotes{display:flex!important;flex:1 1 320px;min-width:160px;max-width:680px;height:68px;margin:0 auto;align-items:center;justify-content:center}
 html[data-theme]:not(#legacy-theme) .topbar .header-quote-stage{width:100%;height:68px;overflow:hidden;border-radius:0;background:transparent;box-shadow:none;animation:omeo-vector-scene-out .32s ease-in both;animation-delay:calc(var(--beat-duration) - 320ms)}
 .header-quote-vector{display:block;width:100%;height:68px;overflow:hidden;font-family:Lato,Inter,sans-serif}
 .header-quote-vector .quote-vector-text{fill:var(--ui-text,#14233a)!important;stroke:none!important}
 .header-quote-vector .quote-vector-text.is-emphasis{fill:#c8fb01!important}
 html[data-theme="1"] .header-quote-vector .quote-vector-text.is-emphasis{fill:url(#header-quote-blue-gradient)!important}
 .header-quote-vector .quote-vector-word{transform-box:fill-box;transform-origin:center;animation:omeo-vector-rise .6s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--word-index)*90ms)}
 .header-quote-vector[data-motion="slide"] .quote-vector-word{animation-name:omeo-vector-slide}
 .header-quote-vector[data-motion="stamp"] .quote-vector-word{animation-name:omeo-vector-stamp}
}
@keyframes omeo-vector-rise{from{opacity:0;transform:translateY(22px) rotate(6deg)}to{opacity:1;transform:translateY(0) rotate(0)}}
@keyframes omeo-vector-slide{from{opacity:0;transform:translateX(-28px) skewX(-12deg)}to{opacity:1;transform:translateX(0) skewX(0)}}
@keyframes omeo-vector-stamp{0%{opacity:0;transform:scale(1.5) rotate(-5deg)}65%{opacity:1;transform:scale(.96) rotate(0)}100%{opacity:1;transform:scale(1)}}
@keyframes omeo-vector-scene-out{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-4px)}}
@media(prefers-reduced-motion:reduce){html[data-theme] .topbar .header-quote-stage,html[data-theme] .topbar .header-quote-vector .quote-vector-word{animation:none!important;transform:none;opacity:1}}

/* Alternating solid colors keep the reject/reprint list easy to scan. */
html[data-theme]:not(#legacy-theme):not(#light-theme):not(#quality-list) body #workspace .queue-quality-jobs>button{background:#c8fb01!important;background-image:none!important;border-color:#c8fb01!important;box-shadow:none!important}
html[data-theme]:not(#legacy-theme):not(#light-theme):not(#quality-list) body #workspace .queue-quality-jobs>button:nth-child(even){background:#f24a64!important;border-color:#f24a64!important}
html[data-theme]:not(#legacy-theme):not(#light-theme):not(#quality-list) body #workspace .queue-quality-jobs>button,html[data-theme]:not(#legacy-theme):not(#light-theme):not(#quality-list) body #workspace .queue-quality-jobs>button :is(b,span){color:#111!important;-webkit-text-fill-color:#111!important}

/* Highlight the selected rate category. */
html[data-theme]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas) body #workspace .ongkos-catalog-tabs>button[aria-pressed="true"]{background:#c8fb01!important;background-image:none!important;border-color:#c8fb01!important;color:#000!important;-webkit-text-fill-color:#000!important;box-shadow:0 3px 12px #c8fb0128!important}

/* Ongkos actions align with the heading across themes. */
html[data-theme]:not(#legacy-theme) #workspace .catalog-page:has(.ongkos-catalog-tabs)>.catalog-page-header{flex-wrap:nowrap!important;align-items:center!important}
html[data-theme]:not(#legacy-theme) #workspace .catalog-page:has(.ongkos-catalog-tabs)>.catalog-page-header .catalog-page-actions{margin-left:auto!important;justify-content:flex-end!important;flex:0 1 auto!important}
@media(max-width:800px){
 html[data-theme]:not(#legacy-theme) #workspace .catalog-page:has(.ongkos-catalog-tabs)>.catalog-page-header{flex-wrap:wrap!important}
 html[data-theme]:not(#legacy-theme) #workspace .catalog-page:has(.ongkos-catalog-tabs)>.catalog-page-header .catalog-page-actions{justify-content:flex-start!important;margin-left:0!important}
}

/* Give the Ongkos heading more prominence and lower the category/table block. */
html[data-theme]:not(#legacy-theme) #workspace .catalog-page:has(.ongkos-catalog-tabs) .catalog-page-title h2{font-size:clamp(32px,3.2vw,48px)!important;line-height:1.15!important;font-weight:900!important}
html[data-theme]:not(#legacy-theme) #workspace .catalog-page:has(.ongkos-catalog-tabs)>.catalog-controls-row{margin-top:32px!important}

/* Equal category buttons span the full Ongkos table width. */
html[data-theme]:not(#legacy-theme) #workspace .catalog-page .catalog-controls-row .ongkos-catalog-tabs{display:grid!important;grid-template-columns:repeat(9,minmax(0,1fr));width:100%!important;max-width:100%!important;gap:8px!important;align-items:stretch!important}
html[data-theme]:not(#legacy-theme) #workspace .catalog-page .catalog-controls-row .ongkos-catalog-tabs>button{width:100%!important;min-width:0!important;height:60px!important;min-height:60px!important;padding:8px!important;white-space:normal!important;line-height:1.25!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important}
@media(max-width:1100px){html[data-theme]:not(#legacy-theme) #workspace .catalog-page .catalog-controls-row .ongkos-catalog-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:500px){html[data-theme]:not(#legacy-theme) #workspace .catalog-page .catalog-controls-row .ongkos-catalog-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Keep the selected Press worker underneath its selector, outside the label column. */
html[data-theme]:not(#legacy-theme) body #workspace dialog.app-detail-modal .press-operator-panel{grid-template-columns:minmax(120px,.35fr) minmax(0,1fr)}
html[data-theme]:not(#legacy-theme) body #workspace dialog.app-detail-modal .press-operator-panel>.cutting-worker-preview{grid-column:2;min-width:0;max-width:100%;box-sizing:border-box;margin:0;align-items:center;background:transparent!important;color:inherit!important}
html[data-theme]:not(#legacy-theme) body #workspace dialog.app-detail-modal .press-operator-panel>.cutting-worker-preview[hidden]{display:none}
html[data-theme]:not(#legacy-theme) body #workspace dialog.app-detail-modal .press-operator-panel>.cutting-worker-preview>span{min-width:0;flex:1;overflow-wrap:anywhere}
html[data-theme]:not(#legacy-theme) body #workspace dialog.app-detail-modal .press-operator-panel>.cutting-worker-preview :is(strong,small){color:inherit!important}
html[data-theme]:not(#legacy-theme) body #workspace dialog.app-detail-modal .press-operator-panel>small{grid-column:2}
@media(max-width:620px){
 html[data-theme]:not(#legacy-theme) body #workspace dialog.app-detail-modal .press-operator-panel{grid-template-columns:minmax(0,1fr)}
 html[data-theme]:not(#legacy-theme) body #workspace dialog.app-detail-modal .press-operator-panel>:is(.cutting-worker-preview,small){grid-column:1}
}

/* White operator text on Theme 2's dark Press card. */
html[data-theme="2"]:not(#legacy-theme) body #workspace dialog.app-detail-modal .press-operator-panel>.cutting-worker-preview,
html[data-theme="2"]:not(#legacy-theme) body #workspace dialog.app-detail-modal .press-operator-panel>.cutting-worker-preview :is(span,strong,small){color:#fff!important;-webkit-text-fill-color:#fff!important}
html[data-theme="2"]:not(#legacy-theme) body #workspace dialog.app-detail-modal .press-work-panel .cutting-worker-preview,
html[data-theme="2"]:not(#legacy-theme) body #workspace dialog.app-detail-modal .press-work-panel .cutting-worker-preview :is(span,strong,small){background:transparent!important;color:#fff!important;-webkit-text-fill-color:#fff!important}

/* Press handover history remains readable on Theme 2. */
html[data-theme="2"]:not(#legacy-theme) body #workspace dialog.app-detail-modal .press-work-panel .qc-delivery-history,
html[data-theme="2"]:not(#legacy-theme) body #workspace dialog.app-detail-modal .press-work-panel .qc-delivery-history :is(li,strong,span){color:#fff!important;-webkit-text-fill-color:#fff!important}

/* All handover histories share white text on Theme 2's dark detail panels. */
html[data-theme="2"]:not(#legacy-theme) body #workspace dialog.app-detail-modal :is(.qc-delivery-history,.sewing-delivery-history),
html[data-theme="2"]:not(#legacy-theme) body #workspace dialog.app-detail-modal :is(.qc-delivery-history,.sewing-delivery-history) *{
 color:#fff!important;-webkit-text-fill-color:#fff!important;
}
html[data-theme="2"]:not(#legacy-theme) body #workspace dialog.app-detail-modal :is(.qc-delivery-history,.sewing-delivery-history) li::marker{color:#fff!important}

/* Theme 2: distinguish handover sections from the surrounding detail panel. */
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas) body dialog.app-detail-modal :is(.qc-delivery-panel,.sewing-delivery-panel){
 background:#443854!important;background-image:none!important;border-color:#9b7bc1!important;color:#fff!important;
}
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas) body dialog.app-detail-modal :is(.qc-delivery-card,.sewing-delivery-card){
 background:#514362!important;background-image:none!important;border-color:#9b7bc1!important;color:#fff!important;
}
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas) body dialog.app-detail-modal :is(.qc-delivery-panel,.sewing-delivery-panel) :is(h3,h4,p,label,.eyebrow){color:#fff!important;-webkit-text-fill-color:#fff!important}

/* Stage totals sit beside the heading in every detail theme. */
html[data-theme] body dialog .production-audit .production-stage-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px 20px;flex-wrap:wrap;width:100%;margin-bottom:10px}
html[data-theme] body dialog .production-audit .production-stage-heading>.spk-created-event{margin:0}
html[data-theme] body dialog .production-audit .production-stage-total{display:inline-block;font-size:1rem;font-weight:700;line-height:1.4;white-space:nowrap;color:inherit;-webkit-text-fill-color:currentColor}
html[data-theme] body dialog .production-audit .production-stage-total strong{font:inherit;color:inherit;-webkit-text-fill-color:currentColor}

/* Stage result accents follow the selected theme. */
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas) body dialog.app-detail-modal .production-audit .production-stage-total,
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas) body dialog.app-detail-modal .production-audit .production-stage-total strong{color:#c8fb01!important;-webkit-text-fill-color:#c8fb01!important}
html[data-theme="1"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas) body dialog.app-detail-modal .production-audit .production-stage-total{background:linear-gradient(110deg,#147cf2,#28aaef)!important;background-clip:text!important;-webkit-background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important}
html[data-theme="1"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas) body dialog.app-detail-modal .production-audit .production-stage-total strong{color:transparent!important;-webkit-text-fill-color:transparent!important}

/* Keep stage title accents after adding the result beside the title. */
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas) body dialog.app-detail-modal .production-audit .production-stage-heading>.spk-created-event{color:#c8fb01!important;-webkit-text-fill-color:#c8fb01!important}
html[data-theme="1"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas) body dialog.app-detail-modal .production-audit .production-stage-heading>.spk-created-event{background:linear-gradient(110deg,#147cf2,#28aaef)!important;background-clip:text!important;-webkit-background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important}

/* Terminal destinations are labels, not navigation actions. */
html[data-theme] body #workspace :is(.production-flow-mini,.flow-step)>.flow-terminal-disabled{pointer-events:none!important;cursor:default!important;opacity:.55;box-shadow:none!important;transform:none!important}

/* Explicit total-reject action beside Next. */
html[data-theme]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas) body dialog.app-detail-modal footer button.reject-total-button{background:#ff304f!important;background-image:none!important;border-color:#ff6178!important;color:#fff!important;-webkit-text-fill-color:#fff!important;box-shadow:0 5px 18px #ff304f38!important}

html[data-theme] body dialog.app-detail-modal footer button.reject-total-button:disabled{opacity:.38!important;cursor:not-allowed!important;box-shadow:none!important;filter:grayscale(.65)!important}

/* Remove-worker actions use the same bright red in every popup and theme. */
html[data-theme]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas) body dialog button:is([data-remove-assignment],[data-remove-sewing]){background:#ff304f!important;background-image:none!important;border:1px solid #ff6178!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border-radius:10px;padding:10px 16px;font-weight:800;cursor:pointer}
html[data-theme]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas) body dialog button:is([data-remove-assignment],[data-remove-sewing]):disabled{opacity:.4!important;cursor:not-allowed!important}

/* Theme 2 validation warnings: colored surface with readable white text. */
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas) body .detail-validation-warning[popover]{background:#654597!important;background-image:none!important;border-color:#b89bdc!important;color:#fff!important;-webkit-text-fill-color:#fff!important;box-shadow:0 18px 70px #0006!important}
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas) body .detail-validation-warning :is(strong,p,button){color:#fff!important;-webkit-text-fill-color:#fff!important}
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas) body .detail-validation-warning button{background:#452967!important;background-image:none!important;border:1px solid #c3a7e7!important}

/* Total rejection is visually distinct from successful completion. */
html[data-theme]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas) body #workspace .status-reject-total{background:#ff304f!important;background-image:none!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border-color:#ff6178!important;box-shadow:0 3px 12px #ff304f40!important}

/* Worker names remain distinct throughout QR validation. */
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas) body #qrScannerModal .qr-validation-worker-name{color:#c8fb01!important;-webkit-text-fill-color:#c8fb01!important}
html[data-theme="1"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas) body #qrScannerModal .qr-validation-worker-name{background:linear-gradient(110deg,#147cf2,#28aaef)!important;background-clip:text!important;-webkit-background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important}

html[data-theme] body dialog button.warehouse-start-hidden{display:none!important}

/* Equal terminal status badges in history tables. */
html[data-theme]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas):not(#old-red) body #workspace :is(.report-cancelled,.status-reject-total){display:inline-flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;width:140px!important;min-height:38px!important;padding:8px 10px!important;border:0!important;border-radius:8px!important;font-size:14px!important;font-weight:800!important;line-height:22px!important;white-space:nowrap!important;text-align:center!important}

/* Active job counts on every request overview service card. */
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas) body #workspace .request-overview-service-footer strong{color:#c8fb01!important;-webkit-text-fill-color:#c8fb01!important;background:none!important;background-image:none!important;opacity:1!important}

/* Tema 2: new-request action matches the purple production navigation. */
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas) body #workspace .request-overview-hero-actions [data-request-choose]{background:linear-gradient(140deg,#8058ce,#6843b0)!important;background-image:linear-gradient(140deg,#8058ce,#6843b0)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border-color:#a383df!important}

/* Tema 2: remove the colored top ornament from production chart cards. */
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas) body #workspace .production-monthly-card{border-top:1px solid var(--ui-border)!important}

/* Tema 2: production charts use the reference gray with raised-card feedback. */
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas) body #workspace .production-monthly-card{background:#2a2a2a!important;background-image:none!important;border:1px solid var(--ui-border)!important;box-shadow:0 12px 26px #0003,inset 0 1px #ffffff09!important;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease!important}
@media(hover:hover){html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas) body #workspace .production-monthly-card:hover{transform:translateY(-3px)!important;border-color:var(--month-tone)!important;box-shadow:0 16px 30px #0005,inset 0 1px #ffffff12!important}}
@media(prefers-reduced-motion:reduce){html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas) body #workspace .production-monthly-card{transition:none!important}html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas) body #workspace .production-monthly-card:hover{transform:none!important}}

/* Tema 2 calendar: ordinary days are white, Sundays are bright lime. */
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas) body #deadlineCalendarModal :is(.deadline-calendar-grid button,.deadline-calendar-weekdays span){color:#fff!important;-webkit-text-fill-color:#fff!important}
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas) body #deadlineCalendarModal :is(.deadline-calendar-grid button.is-sunday,.deadline-calendar-weekdays span:last-child){color:#c8fb01!important;-webkit-text-fill-color:#c8fb01!important}
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas) body #deadlineCalendarModal .deadline-calendar-grid button:not(.is-selected):hover{background:#ffffff18!important}

/* Tema 2: raised deadline cards using the supplied gray. */
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas) body #workspace .custom-deadline-card{background:#2a2a2a!important;background-image:none!important;box-shadow:0 12px 26px #0003,inset 0 1px #ffffff09!important;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease!important}
@media(hover:hover){html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas) body #workspace .custom-deadline-card:hover{transform:translateY(-3px)!important;border-color:#a383df!important;box-shadow:0 16px 30px #0005,inset 0 1px #ffffff12!important}}
@media(prefers-reduced-motion:reduce){html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas) body #workspace .custom-deadline-card{transition:none!important}html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas) body #workspace .custom-deadline-card:hover{transform:none!important}}

/* Tema 2: deadline quantity totals use bright lime. */
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas) body #workspace .custom-deadline-card footer strong{color:#c8fb01!important;-webkit-text-fill-color:#c8fb01!important}

/* Tema 2: dark priority job cards and distinct customer names. */
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas) body #workspace .queue-live-attention-items button{background:#1e1e1e!important;background-image:none!important}
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas) body #workspace .queue-live-attention-items button>span{color:#c8fb01!important;-webkit-text-fill-color:#c8fb01!important}

/* Tema 2: only the day number in table Deadline dates is lime. */
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas) body #workspace table .deadline-day-number{color:#c8fb01!important;-webkit-text-fill-color:#c8fb01!important}

/* Tema 2: total jobs in the production queue summary. */
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas) body #workspace .production-queue-hero .stage-summary strong{color:#c8fb01!important;-webkit-text-fill-color:#c8fb01!important}

/* Tema 2: strong animated gradient on the urgent-request metric. */
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas) body #workspace .request-overview-metrics>article:nth-child(4){position:relative!important;isolation:isolate;overflow:hidden!important;background:linear-gradient(125deg,#a8ed00 0%,#d6ff28 45%,#f2ff91 70%,#b9f500 100%)!important;border-color:#ddff70!important;box-shadow:0 0 24px #c8fb0166,0 12px 30px #0005!important;animation:omeo-urgent-card-breathe 3.2s ease-in-out infinite!important}
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas) body #workspace .request-overview-metrics>article:nth-child(4)::before{content:""!important;position:absolute!important;inset:-80% -65%!important;z-index:-1;pointer-events:none;background:linear-gradient(110deg,transparent 25%,#ffffffb3 43%,#e8ff50cc 52%,transparent 68%)!important;animation:omeo-urgent-card-shine 3.2s ease-in-out infinite!important}
@keyframes omeo-urgent-card-breathe{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1.025)}}
@keyframes omeo-urgent-card-shine{0%,100%{transform:translateX(-20%) rotate(-8deg);opacity:.3}50%{transform:translateX(20%) rotate(8deg);opacity:1}}
@media(prefers-reduced-motion:reduce){html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas) body #workspace .request-overview-metrics>article:nth-child(4),html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas) body #workspace .request-overview-metrics>article:nth-child(4)::before{animation:none!important;transform:none!important}}

/* Tema 2: Request SPK table invoices match the queue invoice green. */
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas) body #workspace[data-theme-view^="spk-"] table :is(.omeo-invoice-number,.invoice-detail-button,.production-invoice-button){background:none!important;background-image:none!important;color:#25d366!important;-webkit-text-fill-color:#25d366!important;text-shadow:none!important}

/* Suspend is a bright red action with white text. */
html[data-theme]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas):not(#old-red) body #workspace .account-row-actions button[data-account-action="suspend"]{background:linear-gradient(135deg,#ff304f,#ff1744)!important;background-image:linear-gradient(135deg,#ff304f,#ff1744)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border-color:#ff6178!important;box-shadow:0 4px 14px #ff183f55,inset 0 1px #ffffff40!important}

/* All themes: rotate the comparison ring while keeping its total upright. */
html[data-theme]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas) body #workspace .queue-live-ring{position:relative;isolation:isolate;background:none!important}
html[data-theme]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas) body #workspace .queue-live-ring::before{content:"";position:absolute;inset:0;border-radius:50%;background:var(--ring-fill);pointer-events:none;z-index:0;animation:omeo-comparison-ring-spin 14s linear infinite}
html[data-theme]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas) body #workspace .queue-live-ring>div{position:relative;z-index:1}
@keyframes omeo-comparison-ring-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){html[data-theme] body #workspace .queue-live-ring::before{animation:none!important}}

/* Keep mobile report cards aligned with the date filter in every theme. */
@media(max-width:760px){
 html[data-theme]:not(#legacy-theme) #workspace .report-page .report-table-list,
 html[data-theme]:not(#legacy-theme) #workspace .report-page .report-table-list>*,
 html[data-theme]:not(#legacy-theme) #workspace .report-page .report-category-stage>.report-history{
  margin-left:0!important;margin-right:0!important;
  width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;
 }
}

/* Mobile stock content uses 90% of the available screen width in all themes. */
@media(max-width:760px){
 html[data-theme]:not(#legacy-theme) #workspace[data-theme-view^="finished-stock"]{
  padding-left:0!important;padding-right:0!important;
 }
 html[data-theme]:not(#legacy-theme) #workspace[data-theme-view^="finished-stock"]>.finished-stock-page{
  width:100%!important;max-width:100%!important;margin-inline:0!important;
  padding:20px 5%!important;box-sizing:border-box!important;
 }
}

/* Match the mobile report action row on finished-stock tables. */
@media(max-width:760px){
 html[data-theme]:not(#legacy-theme) #workspace .finished-stock-section>header.app-table-heading{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:10px 16px!important;padding:0!important;margin:16px 0 8px!important}
 html[data-theme]:not(#legacy-theme) #workspace .finished-stock-section>header.app-table-heading>h3{grid-column:1/-1!important;margin:0 0 8px!important}
 html[data-theme]:not(#legacy-theme) #workspace .finished-stock-section>header.app-table-heading>.report-downloads{grid-column:1!important;display:flex!important;justify-content:flex-end!important;align-items:center!important;gap:16px!important;width:auto!important;margin:0!important}
 html[data-theme]:not(#legacy-theme) #workspace .finished-stock-section>header.app-table-heading>.report-downloads>button{flex:0 0 auto!important;width:auto!important;font-size:14px!important;padding:8px 0!important}
 html[data-theme]:not(#legacy-theme) #workspace .finished-stock-section>header.app-table-heading>.app-table-display-toolbar{grid-column:2!important;width:auto!important;margin:0!important;padding:0!important}
}

@media(max-width:760px){
 html[data-theme]:not(#legacy-theme) #workspace .finished-stock-section>header.app-table-heading{grid-template-columns:minmax(0,1fr) auto auto!important;gap:10px!important}
 html[data-theme]:not(#legacy-theme) #workspace .finished-stock-section>header.app-table-heading>h3{grid-column:1!important;grid-row:1!important;margin:0!important;align-self:center!important}
 html[data-theme]:not(#legacy-theme) #workspace .finished-stock-section>header.app-table-heading>.report-downloads{grid-column:2!important;grid-row:1!important}
 html[data-theme]:not(#legacy-theme) #workspace .finished-stock-section>header.app-table-heading>.app-table-display-toolbar{grid-column:3!important;grid-row:1!important;align-self:center!important}
}

@media(max-width:760px){
 html[data-theme]:not(#legacy-theme) #workspace .finished-stock-page>header{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px 12px!important;align-items:center!important}
 html[data-theme]:not(#legacy-theme) #workspace .finished-stock-page>header>div{display:contents!important}
 html[data-theme]:not(#legacy-theme) #workspace .finished-stock-page>header .eyebrow{grid-column:1/-1!important;grid-row:1!important;margin:0!important}
 html[data-theme]:not(#legacy-theme) #workspace .finished-stock-page>header h2{grid-column:1!important;grid-row:2!important;margin:0!important}
 html[data-theme]:not(#legacy-theme) #workspace .finished-stock-page>header #refreshFinishedStock{grid-column:2!important;grid-row:2!important;margin:0!important;align-self:center!important}
 html[data-theme]:not(#legacy-theme) #workspace .finished-stock-page>header .finished-stock-description{grid-column:1/-1!important;grid-row:3!important;margin:4px 0 0!important}
 html[data-theme]:not(#legacy-theme) #workspace .finished-stock-description>span{display:block}
}

/* SKU database content follows the same 90% mobile layout as stock pages. */
@media(max-width:760px){
 html[data-theme]:not(#legacy-theme) #workspace[data-theme-view^="database-"]{padding-left:0!important;padding-right:0!important}
 html[data-theme]:not(#legacy-theme) #workspace[data-theme-view^="database-"]>section,
 html[data-theme]:not(#legacy-theme) #workspace[data-theme-view^="database-"] .catalog-page{
  width:100%!important;max-width:100%!important;margin-inline:0!important;padding:20px 5%!important;box-sizing:border-box!important;
 }
}

/* Catalog downloads are text actions in every theme and viewport. */
html[data-theme]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas) body #workspace button[data-catalog-export]{
 background:transparent!important;background-image:none!important;border:0!important;box-shadow:none!important;border-radius:0!important;color:var(--ui-text)!important;-webkit-text-fill-color:var(--ui-text)!important;
}

/* Mobile catalog export actions share one right-aligned row. */
@media(max-width:760px){
 html[data-theme]:not(#legacy-theme):not(#catalog-actions-layout) #workspace .catalog-page .catalog-page-actions{display:grid!important;grid-template-columns:auto auto minmax(0,1fr) auto!important;width:100%!important;gap:10px!important;align-items:center!important}
 html[data-theme]:not(#legacy-theme):not(#catalog-actions-layout) #workspace .catalog-page-actions>button{grid-row:1!important;width:auto!important}
 html[data-theme]:not(#legacy-theme):not(#catalog-actions-layout) #workspace .catalog-page-actions>.report-downloads{grid-row:2!important;grid-column:1/4!important;display:flex!important;justify-content:flex-end!important;align-items:center!important;gap:16px!important;width:auto!important;margin:0!important}
 html[data-theme]:not(#legacy-theme):not(#catalog-actions-layout) #workspace .catalog-page-actions>.report-downloads>button{width:auto!important;flex:0 0 auto!important;padding:8px 0!important}
 html[data-theme]:not(#legacy-theme):not(#catalog-actions-layout) #workspace .catalog-page-actions>.app-table-display-toolbar{grid-row:2!important;grid-column:4!important;width:auto!important;margin:0!important;padding:0!important}
}

@media(max-width:760px){
 html[data-theme]:not(#legacy-theme):not(#catalog-actions-layout) #workspace .catalog-page .catalog-page-actions{grid-template-columns:auto auto minmax(0,1fr) auto auto!important;gap:8px!important}
 html[data-theme]:not(#legacy-theme):not(#catalog-actions-layout) #workspace .catalog-page-actions>.report-downloads{grid-row:1!important;grid-column:4!important;gap:10px!important}
 html[data-theme]:not(#legacy-theme):not(#catalog-actions-layout) #workspace .catalog-page-actions>.app-table-display-toolbar{grid-row:1!important;grid-column:5!important}
}

/* Visible priority dropdown arrows for every state and theme. */
html[data-theme]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas):not(#old-red):not(#priority-arrow) body #workspace select.queue-priority-select{appearance:none!important;-webkit-appearance:none!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m6 8 4 4 4-4' fill='none' stroke='%23334155' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;background-position:right 8px center!important;background-size:18px 18px!important;background-repeat:no-repeat!important;}
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas):not(#old-red):not(#priority-arrow) body #workspace select.queue-priority-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m6 8 4 4 4-4' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;}
html[data-theme]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas):not(#old-red):not(#priority-arrow) body #workspace select.queue-priority-select.priority-urgent{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m6 8 4 4 4-4' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"),var(--omeo-red-gradient)!important;background-position:right 8px center,center!important;background-size:18px 18px,100% 100%!important;}
html[data-theme]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas):not(#old-red):not(#priority-arrow) body #workspace select.queue-priority-select.priority-hold{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m6 8 4 4 4-4' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"),linear-gradient(135deg,#147cf2,#28aaef)!important;background-position:right 8px center,center!important;background-size:18px 18px,100% 100%!important;}

/* Borongan invoice log spans the popup beneath the income summary. */
html[data-theme]:not(#legacy-theme):not(#borongan-log-layout) body #workspace dialog.borongan-income-detail .detail-modal-body{display:grid!important;grid-template-columns:minmax(0,1fr)!important}
html[data-theme]:not(#legacy-theme):not(#borongan-log-layout) body #workspace dialog.borongan-income-detail .detail-modal-body>*{grid-column:1/-1!important;grid-row:auto!important;width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important}


/* Center the Borongan detail table within its enclosing card. */
html[data-theme]:not(#legacy-theme):not(#borongan-table-width) body #workspace details.borongan-report>.table-scroll{width:90%!important;max-width:90%!important;min-width:0!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box!important}

html[data-theme]:not(#legacy-theme):not(#worker-log-highlight) body #workspace dialog.borongan-income-detail .production-stage-note .borongan-worker-log-highlight{color:#c8fb01!important;-webkit-text-fill-color:#c8fb01!important;font-weight:700!important}

/* Neutral log accents retain the selected worker highlight. */
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas):not(#borongan-neutral-log) body dialog.borongan-income-detail .production-audit :is(article>div>b,.production-stage-heading>.spk-created-event,.production-stage-total,.production-stage-total strong){background:none!important;background-image:none!important;color:var(--ui-muted,#c4c4cc)!important;-webkit-text-fill-color:var(--ui-muted,#c4c4cc)!important;text-shadow:none!important;}
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas):not(#borongan-neutral-log) body dialog.borongan-income-detail .production-audit article>i{background:var(--ui-muted,#c4c4cc)!important;background-image:none!important;border-color:var(--ui-muted,#c4c4cc)!important;color:#242424!important;-webkit-text-fill-color:#242424!important;}

/* Related work beside the earnings summary, with the shared log below. */
html[data-theme] body #workspace dialog.borongan-income-detail .borongan-income-overview{display:grid!important;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)!important;gap:24px!important;align-items:start!important}
html[data-theme] body #workspace dialog.borongan-income-detail .borongan-income-overview>section{min-width:0!important}
html[data-theme] body #workspace dialog.borongan-income-detail .borongan-job-media{margin:0!important;width:100%!important;min-width:0!important;display:grid!important;gap:12px!important}
html[data-theme] body #workspace dialog.borongan-income-detail .borongan-job-media img{width:100%!important;height:300px!important;object-fit:contain!important;border-radius:16px!important;background:#fff!important}
html[data-theme] body #workspace dialog.borongan-income-detail .borongan-job-media img[hidden]{display:none!important}
html[data-theme] body #workspace dialog.borongan-income-detail .borongan-job-media figcaption{display:grid!important;gap:6px!important;overflow-wrap:anywhere!important}
.borongan-job-image-empty:not([hidden]){display:grid;place-items:center;min-height:200px;border:1px dashed currentColor;border-radius:16px;opacity:.7}
@media(max-width:650px){html[data-theme] body #workspace dialog.borongan-income-detail .borongan-income-overview{grid-template-columns:minmax(0,1fr)!important}}

/* Shared earnings colors across all Borongan divisions and themes. */
html[data-theme]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas):not(#borongan-ring-colors) body #workspace[data-theme-view^="borongan-"] .borongan-income-ring{background:conic-gradient(#ae89f0 0 var(--income-share),#4b4655 var(--income-share) 100%)!important;box-shadow:none!important}
html[data-theme]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas):not(#borongan-ring-colors) body #workspace[data-theme-view^="borongan-"] .borongan-income-ring strong{background:none!important;background-image:none!important;color:#c8fb01!important;-webkit-text-fill-color:#c8fb01!important;text-shadow:none!important}

.stock-dashboard>header{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.stock-dashboard-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:24px 0}.stock-dashboard-metrics article{padding:24px;border:1px solid var(--ui-border);border-radius:20px;background:var(--ui-surface)}.stock-dashboard-metrics strong{display:block;font-size:2rem;color:var(--ui-accent)}.stock-dashboard-metrics span{display:block;margin-top:8px}.stock-dashboard .account-division{min-width:0;margin-top:28px}.stock-dashboard table{width:100%}@media(max-width:650px){.stock-dashboard{padding:20px 5%!important}.stock-dashboard-metrics article{padding:16px}}

/* Stock dashboard: shared visual hierarchy for every theme. */
html[data-theme] #workspace .stock-dashboard-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:28px 0}
html[data-theme] #workspace .stock-dashboard-metrics article,.stock-visual-panel{border-radius:24px;border:1px solid var(--ui-border,#65656c);background:var(--ui-surface,#343438);padding:24px;box-shadow:0 12px 28px #00000012}
html[data-theme] #workspace .stock-dashboard-metrics article>span{display:flex;justify-content:space-between;align-items:center;margin:0;gap:8px}
.stock-dashboard-metrics i{font-style:normal;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#ae89f029;color:#ae89f0}
html[data-theme] #workspace .stock-dashboard-metrics strong{font-size:clamp(2rem,3vw,3.2rem);line-height:1.2;margin:18px 0;color:var(--ui-accent,#147cf2)}
html[data-theme] #workspace .stock-dashboard-metrics .stock-metric-alert{background:#c8fb01;color:#172000}
html[data-theme] #workspace .stock-dashboard-metrics .stock-metric-alert :is(strong,span,small,i){color:#172000}
.stock-visual-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:24px;margin-bottom:28px}.stock-visual-panel{min-width:0}.stock-visual-panel h3{margin:8px 0 28px}.stock-category-bar{margin:26px 0}.stock-category-bar header{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.stock-category-bar strong{display:flex;align-items:center;gap:10px}.stock-category-bar i,.stock-legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:8px}.stock-bar-track{height:9px;border-radius:9px;background:#88888825;overflow:hidden;margin:14px 0 8px}.stock-bar-track>div{height:100%;border-radius:9px;animation:stockBarEnter .7s ease-out;transform-origin:left}.stock-category-bar small,.stock-visual-note{opacity:.75}.stock-donut-layout{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.stock-donut{width:210px;max-width:100%;aspect-ratio:1;border-radius:50%;padding:15px;box-sizing:border-box;background:conic-gradient(#ae89f0 0 var(--stock-share),#f65e78 var(--stock-share) 100%)}.stock-donut>div{border-radius:50%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--ui-surface,#343438)}.stock-donut strong{font-size:2.6rem}.stock-legend strong{display:block;margin:8px 0 20px 18px}.stock-legend i{background:#ae89f0}.stock-legend p+p i{background:#f65e78}.stock-visual-note{margin-top:28px}html[data-theme] #workspace .stock-dashboard>.account-division{padding:24px;border:1px solid var(--ui-border,#65656c);border-radius:24px;overflow:hidden}
@keyframes stockBarEnter{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-width:1000px){html[data-theme] #workspace .stock-dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.stock-visual-grid{grid-template-columns:1fr}}
@media(max-width:650px){.stock-visual-panel{padding:18px}.stock-donut{width:180px}html[data-theme] #workspace .stock-dashboard>.account-division{padding:16px}.stock-category-bar header{font-size:14px}}
@media(prefers-reduced-motion:reduce){.stock-bar-track>div{animation:none}}

html[data-theme]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas):not(#stock-layout) body #workspace .stock-dashboard .stock-metric-alert,
html[data-theme]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas):not(#stock-layout) body #workspace .stock-dashboard .stock-metric-alert *{color:#000!important;-webkit-text-fill-color:#000!important;text-shadow:none!important}
html[data-theme]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas):not(#stock-layout) body #workspace .stock-dashboard .stock-donut{width:210px!important;height:210px!important;min-width:210px!important;flex:0 0 210px!important;aspect-ratio:1!important;border-radius:50%!important;box-sizing:border-box!important}
html[data-theme]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas):not(#stock-layout) body #workspace .stock-dashboard .stock-donut>div{width:100%!important;height:100%!important;min-height:0!important;aspect-ratio:1!important;box-sizing:border-box!important;border-radius:50%!important}
html[data-theme]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas):not(#stock-layout) body #workspace .stock-dashboard >.account-division{padding:24px 0!important}
html[data-theme]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas):not(#stock-layout) body #workspace .stock-dashboard >.account-division>:is(.table-scroll,.stock-table-heading,h3,h4,p){width:90%!important;max-width:90%!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box!important}
html[data-theme]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas):not(#stock-layout) body #workspace .stock-dashboard .stock-table-heading{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:16px!important;margin-top:0!important;margin-bottom:16px!important}
html[data-theme]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas):not(#stock-layout) body #workspace .stock-dashboard .stock-table-heading>:is(h3,h4,.app-table-display-toolbar){margin:0!important;padding:0!important}
html[data-theme]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas):not(#stock-layout) body #workspace .stock-dashboard .stock-table-heading .app-table-display-toolbar{width:auto!important;flex:0 0 auto!important}
/* Strong visual alert for empty stock, with readable stationary text. */
html[data-theme] body #workspace .stock-dashboard .stock-dashboard-metrics article.stock-metric-alert{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(115deg,#c8fb01,#e7ff62,#a8ed00,#d8ff36)!important;background-size:300% 300%!important;animation:stockAlertPulse 1.8s ease-in-out infinite,stockAlertGradient 4s ease-in-out infinite!important;transform-origin:center}
.stock-dashboard .stock-metric-alert::after{content:"";position:absolute;z-index:-1;inset:-80% -60%;background:linear-gradient(110deg,transparent 40%,#ffffff85 50%,transparent 60%);transform:translateX(-65%);animation:stockAlertShine 2.6s ease-in-out infinite;pointer-events:none}
.stock-dashboard .stock-metric-alert i{animation:stockAlertIcon 1.8s ease-in-out infinite}
@keyframes stockAlertPulse{0%,100%{transform:scale(1);box-shadow:0 0 0 0 #c8fb0150,0 8px 22px #b8f00030}50%{transform:scale(1.025);box-shadow:0 0 0 8px #c8fb0120,0 0 38px #c8fb0180}}
@keyframes stockAlertGradient{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@keyframes stockAlertShine{0%,15%{transform:translateX(-65%)}75%,100%{transform:translateX(65%)}}
@keyframes stockAlertIcon{0%,70%,100%{transform:rotate(0)}78%{transform:rotate(-12deg)}86%{transform:rotate(12deg)}94%{transform:rotate(-6deg)}}
@media(prefers-reduced-motion:reduce){html[data-theme] body #workspace .stock-dashboard .stock-dashboard-metrics article.stock-metric-alert,.stock-dashboard .stock-metric-alert::after,.stock-dashboard .stock-metric-alert i{animation:none!important;transform:none!important}.stock-dashboard .stock-metric-alert::after{display:none}}

.tailor-reject-ranking{margin-top:28px;padding-top:24px;border-top:1px solid var(--ui-border,#666)}.tailor-reject-ranking>p:not(.eyebrow),.tailor-reject-ranking>small{opacity:.75;font-size:12px}.tailor-reject-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0;max-height:360px;overflow:auto}.tailor-reject-list article{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--ui-border,#666);border-radius:16px;background:var(--ui-surface,#343438)}.tailor-reject-rank{color:#f65e78}.tailor-reject-photo{width:40px;height:40px;flex:0 0 40px;overflow:hidden;border-radius:50%;background:#ae89f033;display:grid;place-items:center;font-size:10px}.tailor-reject-photo img{width:100%;height:100%;object-fit:cover}.tailor-reject-list article>div{flex:1;min-width:0}.tailor-reject-list strong{overflow-wrap:anywhere;font-size:14px}.tailor-reject-list small{display:block;font-size:11px;margin-top:5px}.tailor-reject-list article>b:last-child{text-align:right;color:#f65e78;white-space:nowrap}@media(max-width:850px){.tailor-reject-list{grid-template-columns:1fr}}

html[data-theme]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas) body #workspace .tailor-reject-list{grid-template-columns:repeat(2,minmax(0,1fr))!important;max-height:none!important;overflow:visible!important}
html[data-theme]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas) body #workspace .tailor-reject-list article{background:#bb88ff!important;background-image:none!important;border-color:#bb88ff!important}
html[data-theme]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas) body #workspace .tailor-reject-list article,
html[data-theme]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas) body #workspace .tailor-reject-list article *{color:#000!important;-webkit-text-fill-color:#000!important;text-shadow:none!important}
@media(max-width:650px){html[data-theme]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas) body #workspace .tailor-reject-list{grid-template-columns:1fr!important}}

html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas):not(#work-summary-color) body #workspace :is(.sewing-delivery-summary,.qc-delivery-summary)>span:first-child{background:#c8fb01!important;color:#000!important;-webkit-text-fill-color:#000!important;border-color:transparent!important}
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas):not(#work-summary-color) body #workspace :is(.sewing-delivery-summary,.qc-delivery-summary)>span:first-child *{color:#000!important;-webkit-text-fill-color:#000!important;background-image:none!important;text-shadow:none!important}

html[data-theme="1"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas):not(#work-summary-color) body #workspace :is(.sewing-delivery-summary,.qc-delivery-summary)>span:first-child{background:linear-gradient(135deg,#147cf2,#28aaef)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border-color:transparent!important}
html[data-theme="1"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas):not(#work-summary-color) body #workspace :is(.sewing-delivery-summary,.qc-delivery-summary)>span:first-child *{color:#fff!important;-webkit-text-fill-color:#fff!important;background-image:none!important;text-shadow:none!important}
/* Theme 2 assignment inputs match the light page-search field. */
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas):not(#assignment-inputs) body #workspace :is(.sewing-delivery-fields,.qc-delivery-fields) :is(input,select,textarea){background:linear-gradient(120deg,#eeeef0,#ceced4)!important;background-color:#dddde2!important;color:#34343a!important;-webkit-text-fill-color:#34343a!important;border:1px solid #bcbcc5!important;border-radius:14px!important;box-shadow:inset 0 1px 2px #ffffff70!important;color-scheme:light!important}
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas):not(#assignment-inputs) body #workspace :is(.sewing-delivery-fields,.qc-delivery-fields) :is(input,textarea)::placeholder{color:#85858f!important;-webkit-text-fill-color:#85858f!important;opacity:1!important}
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas):not(#assignment-inputs) body #workspace :is(.sewing-delivery-fields,.qc-delivery-fields) :is(input,select,textarea):focus-visible{outline:2px solid #ae89f0!important;outline-offset:2px!important}
html[data-theme="2"] body #workspace :is(.sewing-delivery-fields,.qc-delivery-fields) option{background:#eeeef0!important;color:#34343a!important;-webkit-text-fill-color:#34343a!important}
/* Theme 2: tailor assignment action. */
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas):not(#tailor-action) body #workspace .sewing-allocation-panel [data-start-assignment]{background:#bb88ff!important;background-image:none!important;border-color:#bb88ff!important;color:#000!important;-webkit-text-fill-color:#000!important;text-shadow:none!important}
/* Theme 2: matching cutting and QC process actions. */
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas):not(#tailor-action) body #workspace:is([data-theme-view="queue-potong"],[data-theme-view="queue-qc"]) :is(.process-print-button,[data-start-assignment]){background:#bb88ff!important;background-image:none!important;border-color:#bb88ff!important;color:#000!important;-webkit-text-fill-color:#000!important;text-shadow:none!important}

/* Shared Theme 2 popup fields and primary actions. */
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas):not(#assignment-inputs):not(#popup-fields):not(#popup-actions) body :is(dialog,[role="dialog"]) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="hidden"]):not([type="button"]):not([type="submit"]):not([type="reset"]),select,textarea){background:linear-gradient(120deg,#eeeef0,#ceced4)!important;background-color:#dddde2!important;color:#34343a!important;-webkit-text-fill-color:#34343a!important;border:1px solid #bcbcc5!important;border-radius:14px!important;box-shadow:inset 0 1px 2px #ffffff70!important;color-scheme:light!important}
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas):not(#assignment-inputs):not(#popup-fields):not(#popup-actions) body :is(dialog,[role="dialog"]) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="hidden"]):not([type="button"]):not([type="submit"]):not([type="reset"]),select,textarea)::placeholder{color:#85858f!important;-webkit-text-fill-color:#85858f!important;opacity:1!important}
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas):not(#assignment-inputs):not(#popup-fields):not(#popup-actions) body :is(dialog,[role="dialog"]) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="hidden"]):not([type="button"]):not([type="submit"]):not([type="reset"]),select,textarea):focus-visible{outline:2px solid #ae89f0!important;outline-offset:2px!important}
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas):not(#assignment-inputs):not(#popup-fields):not(#popup-actions) body :is(dialog,[role="dialog"]) option{background:#eeeef0!important;color:#34343a!important;-webkit-text-fill-color:#34343a!important}
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas):not(#assignment-inputs):not(#popup-fields):not(#popup-actions) body :is(dialog,[role="dialog"]) :is(.primary-button,.process-print-button,.next-stage-button,[data-start-assignment]):not(.danger-button):not([data-action-tone="danger"]){background:#bb88ff!important;background-image:none!important;border-color:#bb88ff!important;color:#fff!important;-webkit-text-fill-color:#fff!important;text-shadow:none!important}
/* Hide legacy ticket-download actions in both popup themes. */
html:is([data-theme="1"],[data-theme="2"]) body :is(dialog,[role="dialog"]) :is(#downloadCustomTasStagePdf,#downloadPrintEcerPdf,#downloadDtfStagePdf){display:none!important}
/* Theme 1: shared blue-gradient popup actions. */
html[data-theme="1"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas):not(#assignment-inputs):not(#popup-fields):not(#popup-actions) body :is(dialog,[role="dialog"]) :is(.primary-button,.process-print-button,.next-stage-button,[data-start-assignment]):not(.danger-button):not([data-action-tone="danger"]){background:linear-gradient(135deg,#147cf2,#28aaef)!important;border-color:#147cf2!important;color:#fff!important;-webkit-text-fill-color:#fff!important;text-shadow:none!important}
/* Keep native PDF viewer controls behind the QR scanner out of the hit area. */
body:has(#qrScannerModal[open]) :is(.detail-pdf-attachment iframe,[data-initial-spk-preview],[data-pdf-upload-preview]){display:none!important;visibility:hidden!important;pointer-events:none!important}
/* Theme 1 quality cards use the dashboard's pastel palette. */
html[data-theme="1"]:not(#legacy-theme):not(#light-theme):not(#quality-list):not(#pastel-quality) body #workspace .queue-quality-jobs>button{background:linear-gradient(125deg,#e4f8ec,#a3e4bf)!important;background-image:linear-gradient(125deg,#e4f8ec,#a3e4bf)!important;border:1px solid #c5dced!important;border-top:0!important}
html[data-theme="1"]:not(#legacy-theme):not(#light-theme):not(#quality-list):not(#pastel-quality) body #workspace .queue-quality-jobs>button:nth-child(even){background:linear-gradient(125deg,#ffe6ed,#ffadc5)!important;background-image:linear-gradient(125deg,#ffe6ed,#ffadc5)!important;border-top:0!important}
html[data-theme="1"]:not(#legacy-theme):not(#light-theme):not(#quality-list):not(#pastel-quality) body #workspace .queue-quality-jobs>button,html[data-theme="1"]:not(#legacy-theme):not(#light-theme):not(#quality-list):not(#pastel-quality) body #workspace .queue-quality-jobs>button :is(b,span){color:#2c3e50!important;-webkit-text-fill-color:#2c3e50!important}
/* Theme 1 tailor ranking follows the pastel-blue dashboard cards. */
html[data-theme="1"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas):not(#pastel-tailor) body #workspace .tailor-reject-list article{background:linear-gradient(125deg,#e2f0ff,#91c7ff)!important;background-image:linear-gradient(125deg,#e2f0ff,#91c7ff)!important;border:1px solid #c5dced!important}
/* Theme 1 deadline cards: soft icy-blue reference gradient. */
html[data-theme="1"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas) body #workspace .custom-deadline-card{background:linear-gradient(120deg,#f7fbff,#e0f5ff)!important;background-image:linear-gradient(120deg,#f7fbff,#e0f5ff)!important}
/* Theme 1: blue-gradient earnings across all Borongan divisions. */
html[data-theme="1"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas):not(#borongan-ring-colors):not(#borongan-blue-money) body #workspace[data-theme-view^="borongan-"] :is(.borongan-income-ring strong,.borongan-day-card strong,.borongan-bar-item>strong,.borongan-money){background:linear-gradient(110deg,#0961d6,#28aaef)!important;background-clip:text!important;-webkit-background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important;text-shadow:none!important}
/* Theme 1: blue bars on all Borongan income charts. */
html[data-theme="1"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas):not(#borongan-ring-colors):not(#borongan-blue-bars) body #workspace[data-theme-view^="borongan-"] .borongan-bar-fill{background:linear-gradient(to top,#0961d6,#28aaef)!important;background-image:linear-gradient(to top,#0961d6,#28aaef)!important}

/* Theme 1 Borongan logs: neutral stages, blue worker-specific details. */
html[data-theme="1"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas):not(#borongan-neutral-log):not(#borongan-worker-blue) body #workspace dialog.borongan-income-detail .production-audit :is(article>div>b,.production-stage-heading>.spk-created-event,.production-stage-total,.production-stage-total strong){background:none!important;background-image:none!important;color:#747780!important;-webkit-text-fill-color:#747780!important;text-shadow:none!important}
html[data-theme="1"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas):not(#borongan-neutral-log):not(#borongan-worker-blue) body #workspace dialog.borongan-income-detail .production-audit article>i{background:#868991!important;background-image:none!important;border-color:#868991!important;color:#fff!important;-webkit-text-fill-color:#fff!important;box-shadow:none!important}
html[data-theme="1"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas):not(#borongan-neutral-log):not(#borongan-worker-blue) body #workspace dialog.borongan-income-detail .production-audit article{border-color:#d4d5d9!important}
html[data-theme="1"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas):not(#borongan-neutral-log):not(#borongan-worker-blue) body #workspace dialog.borongan-income-detail .production-audit .borongan-worker-log-highlight{background:linear-gradient(110deg,#0961d6,#28aaef)!important;background-clip:text!important;-webkit-background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important;text-shadow:none!important}

/* Every production queue: active count before Live, quantity total after Live. */
html[data-theme]:not(#legacy-theme) #workspace .production-table-card .queue-table-live-meta .queue-total-quantity{white-space:nowrap;font-variant-numeric:tabular-nums}

/* Mobile queue headers reserve a separate grid cell for every indicator. */
@media(max-width:700px){
 html[data-theme]:not(#legacy-theme) #workspace .production-queue-page .production-table-card>.production-queue-card-head:has(.queue-table-live-meta){display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:12px!important}
 html[data-theme]:not(#legacy-theme) #workspace .production-queue-page .production-queue-card-head>.queue-table-live-meta{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px 12px!important;width:100%!important;max-width:100%!important;margin:0!important;align-items:center!important}
 html[data-theme]:not(#legacy-theme) #workspace .production-queue-page .queue-table-live-meta>:is(.live-label,.app-table-full-view,.queue-live-indicator){grid-column:auto!important;grid-row:auto!important;position:static!important;transform:none!important;zoom:1!important;min-width:0!important;max-width:100%!important;margin:0!important;justify-self:start!important;text-align:left!important;box-sizing:border-box!important}
 html[data-theme]:not(#legacy-theme) #workspace .production-queue-page .queue-table-live-meta>.app-table-full-view{order:0!important;font-size:12px!important;padding:10px 12px!important;min-height:40px!important;width:auto!important}
 html[data-theme]:not(#legacy-theme) #workspace .production-queue-page .queue-table-live-meta>.queue-live-indicator{order:1!important;justify-self:end!important;font-size:11px!important;padding:10px!important;gap:5px!important;white-space:nowrap!important}
 html[data-theme]:not(#legacy-theme) #workspace .production-queue-page .queue-table-live-meta>.live-label{order:2!important;display:flex!important;align-items:center!important;gap:7px!important;font-size:12px!important;line-height:1.45!important;white-space:normal!important;overflow-wrap:anywhere!important;width:auto!important}
 html[data-theme]:not(#legacy-theme) #workspace .production-queue-page .queue-table-live-meta>.queue-total-quantity{order:3!important}
 html[data-theme]:not(#legacy-theme) #workspace .production-queue-page .queue-table-live-meta>.live-label i{flex:0 0 7px!important;width:7px!important;height:7px!important;margin:0!important}
}
@media(max-width:360px){
 html[data-theme]:not(#legacy-theme) #workspace .production-queue-page .production-queue-card-head>.queue-table-live-meta{grid-template-columns:minmax(0,1fr)!important}
 html[data-theme]:not(#legacy-theme) #workspace .production-queue-page .queue-table-live-meta>.queue-live-indicator{justify-self:start!important}
}

@media(max-width:700px){
 html[data-theme]:not(#legacy-theme) #workspace .production-queue-page .production-table-card>.production-queue-card-head.app-table-heading{zoom:1!important}
 html[data-theme]:not(#legacy-theme) #workspace .production-queue-page .production-queue-card-head>.queue-table-live-meta{grid-template-columns:minmax(0,1fr) max-content!important;gap:12px!important}
 html[data-theme]:not(#legacy-theme) #workspace .production-queue-page .queue-table-live-meta>.app-table-full-view{grid-column:1!important;font-size:14px!important;padding:12px 14px!important;min-height:44px!important;white-space:normal!important}
 html[data-theme]:not(#legacy-theme) #workspace .production-queue-page .queue-table-live-meta>.queue-live-indicator{grid-column:2!important;justify-self:end!important;font-size:14px!important;padding:12px 14px!important;min-height:44px!important;gap:7px!important}
 html[data-theme]:not(#legacy-theme) #workspace .production-queue-page .queue-table-live-meta>.queue-live-indicator span{font-size:14px!important}
 html[data-theme]:not(#legacy-theme) #workspace .production-queue-page .queue-table-live-meta>.live-label{grid-column:1 / -1!important;justify-self:end!important;justify-content:flex-end!important;text-align:right!important;font-size:16px!important;line-height:1.5!important;gap:9px!important}
 html[data-theme]:not(#legacy-theme) #workspace .production-queue-page .queue-table-live-meta>.live-label i{flex-basis:9px!important;width:9px!important;height:9px!important}
}
@media(max-width:360px){
 html[data-theme]:not(#legacy-theme) #workspace .production-queue-page .production-queue-card-head>.queue-table-live-meta{grid-template-columns:minmax(0,1fr)!important}
 html[data-theme]:not(#legacy-theme) #workspace .production-queue-page .queue-table-live-meta>:is(.app-table-full-view,.queue-live-indicator){grid-column:1!important;justify-self:end!important}
}

/* Mobile: full-view button, then Live directly below on the left. */
@media(max-width:700px){
 html[data-theme]:not(#legacy-theme) #workspace .production-queue-page .production-queue-card-head>.queue-table-live-meta{grid-template-columns:minmax(0,1fr)!important}
 html[data-theme]:not(#legacy-theme) #workspace .production-queue-page .queue-table-live-meta>.app-table-full-view{grid-column:1!important;grid-row:1!important;justify-self:start!important}
 html[data-theme]:not(#legacy-theme) #workspace .production-queue-page .queue-table-live-meta>.queue-live-indicator{grid-column:1!important;grid-row:2!important;justify-self:start!important}
}

/* Mobile queue controls: matched left/right rows. */
@media(max-width:700px){
 html[data-theme]:not(#legacy-theme) #workspace .production-queue-page .production-queue-card-head>.queue-table-live-meta{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;align-items:center!important;column-gap:10px!important}
 html[data-theme]:not(#legacy-theme) #workspace .production-queue-page .queue-table-live-meta>.app-table-full-view{grid-column:1!important;grid-row:1!important;justify-self:start!important}
 html[data-theme]:not(#legacy-theme) #workspace .production-queue-page .queue-table-live-meta>.queue-live-indicator{grid-column:1!important;grid-row:2!important;justify-self:start!important;max-width:100%!important}
 html[data-theme]:not(#legacy-theme) #workspace .production-queue-page .queue-table-live-meta>.live-label:not(.queue-total-quantity){grid-column:2!important;grid-row:1!important;justify-self:end!important}
 html[data-theme]:not(#legacy-theme) #workspace .production-queue-page .queue-table-live-meta>.queue-total-quantity{grid-column:2!important;grid-row:auto!important;justify-self:end!important}
 html[data-theme]:not(#legacy-theme) #workspace .production-queue-page .queue-table-live-meta>.queue-total-quantity~.queue-total-quantity{grid-column:2!important}
}
@media(max-width:700px){
 html[data-theme]:not(#legacy-theme) #workspace .production-queue-page .production-queue-card-head>.queue-table-live-meta{grid-template-columns:max-content minmax(0,1fr)!important}
 html[data-theme]:not(#legacy-theme) #workspace .production-queue-page .queue-table-live-meta>.queue-total-quantity{grid-row:2!important}
 html[data-theme]:not(#legacy-theme) #workspace .production-queue-page .queue-table-live-meta>.queue-total-quantity~.queue-total-quantity{grid-row:3!important}
}

/* Borongan overview uses the current theme's surfaces and text in every palette. */
#workspace .borongan-dashboard{color:var(--ui-text,#344256);display:grid;gap:24px;min-width:0}
#workspace .bd-hero{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:30px;border:1px solid var(--ui-border,#d8e4f2);border-radius:28px;background:var(--ui-surface,#fff)}
#workspace .bd-hero h2{font-size:clamp(28px,3vw,42px);margin:8px 0 12px}
#workspace .bd-hero p{margin:0;line-height:1.6}
#workspace .bd-hero label,#workspace .bd-toolbar label{display:grid;gap:8px;font-size:14px;font-weight:700}
#workspace .bd-hero input,#workspace .bd-toolbar select{min-height:46px;padding:10px 14px;border:1px solid var(--ui-border,#d8e4f2);border-radius:12px;background:var(--ui-surface,#fff);color:inherit;font:inherit;color-scheme:normal}
#workspace .bd-toolbar{display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap}
#workspace .bd-tabs{display:flex;gap:6px;padding:6px;border:1px solid var(--ui-border,#d8e4f2);border-radius:16px;background:var(--ui-surface,#fff)}
#workspace .bd-tabs button{border:0;border-radius:11px;padding:13px 22px;background:transparent;color:inherit;font:inherit;font-weight:750;cursor:pointer}
#workspace .bd-tabs button[aria-pressed=true]{background:linear-gradient(120deg,#277be7,#49b7ee);color:white;box-shadow:0 4px 14px #277be72b}
#workspace .bd-period{margin:0;font-weight:650;font-size:14px;opacity:.8}
#workspace .bd-rankings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
#workspace .bd-panel{border:1px solid var(--ui-border,#d8e4f2);border-radius:26px;background:var(--ui-surface,#fff);padding:24px;min-width:0}
#workspace .bd-panel>header{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:20px}
#workspace .bd-panel h3{font-size:25px;margin:8px 0}
#workspace .bd-panel .eyebrow{font-size:11px;letter-spacing:.12em;opacity:.7}
#workspace .bd-panel>header button{font:inherit;font-size:13px;padding:10px;border:1px solid var(--ui-border,#d8e4f2);border-radius:12px;background:transparent;color:inherit;cursor:pointer}
#workspace .bd-leader{display:flex;align-items:center;gap:14px;padding:18px;border-radius:18px;background:color-mix(in srgb,var(--bd-tone) 20%,transparent);margin-bottom:16px}
#workspace .bd-leader>span{font-size:36px;color:var(--bd-tone)}
#workspace .bd-leader>div{display:grid;gap:5px;flex:1;min-width:0}
#workspace .bd-leader strong{font-size:17px;overflow-wrap:anywhere}
#workspace .bd-leader small{font-size:12px;opacity:.8}
#workspace .bd-leader>b{font-size:19px;text-align:right}
#workspace .bd-list{display:grid;gap:8px;max-height:540px;overflow:auto}
#workspace .bd-person{display:grid;grid-template-columns:24px 40px minmax(0,1fr) auto;align-items:center;gap:12px;padding:15px 4px;width:100%;text-align:left;background:transparent;color:inherit;border:0;border-bottom:1px solid var(--ui-border,#d8e4f2);font:inherit;cursor:pointer}
#workspace .bd-person:hover{background:color-mix(in srgb,var(--bd-tone) 10%,transparent)}
#workspace .bd-place{font-size:18px;font-weight:800;text-align:center}
#workspace .bd-person img,#workspace .bd-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;background:color-mix(in srgb,var(--bd-tone) 25%,transparent);display:grid;place-items:center;font-weight:700}
#workspace .bd-person-info{display:grid;gap:7px;min-width:0}
#workspace .bd-person-info strong{font-size:14px;overflow-wrap:anywhere}
#workspace .bd-person-info small{font-size:12px;opacity:.75;line-height:1.5}
#workspace .bd-person>b{font-size:15px;max-width:140px;text-align:right;overflow-wrap:anywhere}
#workspace .bd-bar{height:6px;border-radius:10px;background:color-mix(in srgb,var(--bd-tone) 12%,transparent);overflow:hidden}
#workspace .bd-bar i{display:block;height:100%;border-radius:10px;background:linear-gradient(90deg,var(--bd-tone),color-mix(in srgb,var(--bd-tone) 60%,#fff))}
#workspace .bd-empty{text-align:center;padding:36px 16px;opacity:.75;line-height:1.6}
#workspace .bd-empty>span{font-size:40px}
#workspace .bd-note{font-size:13px;line-height:1.8;opacity:.75}
@media(max-width:1000px){#workspace .bd-rankings{grid-template-columns:1fr}}
@media(max-width:650px){#workspace .borongan-dashboard{gap:16px}#workspace .bd-hero{align-items:stretch;flex-direction:column;padding:20px}#workspace .bd-toolbar{align-items:stretch;flex-direction:column}#workspace .bd-tabs button{flex:1;padding:12px 8px}#workspace .bd-panel{padding:16px}#workspace .bd-person{grid-template-columns:20px 34px minmax(0,1fr);gap:9px}#workspace .bd-person>b{grid-column:3;text-align:left;max-width:none}#workspace .bd-person img,#workspace .bd-avatar{width:34px;height:34px}#workspace .bd-leader{flex-wrap:wrap}#workspace .bd-leader>b{width:100%;text-align:left;padding-left:44px}#workspace .bd-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Mobile Borongan dashboard: 90% of the viewport, without inherited panel inset. */
@media(max-width:760px){
 html[data-theme]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-panel-color) body #workspace[data-theme-view="borongan-dashboard"]{padding-left:0!important;padding-right:0!important;min-width:0!important}
 html[data-theme]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-panel-color) body #workspace[data-theme-view="borongan-dashboard"]>.borongan-dashboard{width:90vw!important;max-width:90vw!important;min-width:0!important;padding:12px 0!important;margin:0 auto!important;box-sizing:border-box!important}
}

#notificationBell{border:1px solid var(--ui-border,#d5dce8);background:var(--ui-surface,#fff);color:var(--ui-text,#344256);border-radius:14px;min-height:42px;padding:8px 12px;font-weight:800;cursor:pointer;flex-shrink:0}
#notificationBell[hidden]{display:none!important}
#workspace .notification-center{color:var(--ui-text,#344256);display:grid;gap:22px;max-width:1300px;margin:auto}
#workspace .notification-center>header,#workspace .notification-settings,#workspace .notification-history{background:var(--ui-surface,#fff);border:1px solid var(--ui-border,#d5dce8);padding:24px;border-radius:22px}
#workspace .notification-center h2{font-size:30px;margin:8px 0}
#workspace .notification-center p{line-height:1.6}
#workspace .notification-settings summary{font-size:20px;font-weight:800;cursor:pointer}
#workspace .notification-settings form{display:grid;gap:18px;margin-top:20px}
#workspace .notification-center label{display:grid;gap:8px;font-weight:650}
#workspace .notification-center input:not([type=checkbox]):not([type=range]),#workspace .notification-center select{width:100%;min-width:0;padding:12px;border:1px solid var(--ui-border,#d5dce8);border-radius:12px;background:var(--ui-surface,#fff);color:inherit;font:inherit;min-height:44px;box-sizing:border-box}
#workspace .notification-center .notification-switch,#workspace .notification-categories label{display:flex;align-items:center;gap:10px}
#workspace .notification-center input[type=checkbox]{width:20px;height:20px;accent-color:#398ef4}
#workspace .notification-center input[type=range]{width:100%;accent-color:#398ef4}
#workspace .notification-sound,#workspace .notification-filters{display:grid;grid-template-columns:1fr 1fr auto;gap:18px;align-items:end}
#workspace .notification-categories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
#workspace .notification-center fieldset{border:1px solid var(--ui-border,#d5dce8);padding:18px;border-radius:16px}
#workspace .notification-center button{padding:12px 18px;min-height:44px;border:1px solid var(--ui-border,#d5dce8);border-radius:12px;background:var(--ui-surface,#fff);color:inherit;cursor:pointer;font:inherit;font-weight:700}
#workspace .notification-center button[type=submit]{background:linear-gradient(120deg,#277be7,#49b7ee);color:#fff;justify-self:start}
#workspace .notification-history>header{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;margin-bottom:18px}
#workspace .notification-entry{display:flex;gap:14px;padding:20px 4px;border-bottom:1px solid var(--ui-border,#d5dce8);overflow-wrap:anywhere}
#workspace .notification-entry h4{margin:8px 0;font-size:17px}
#workspace .notification-entry p{margin:0}
#workspace .notification-entry small,#workspace .notification-help{opacity:.75;font-size:13px;line-height:1.6}
#workspace .notification-dot{flex:0 0 9px;height:9px;border-radius:50%;background:transparent;margin-top:8px}
#workspace .notification-entry.is-unread .notification-dot{background:#398ef4}
#notificationAlerts{position:fixed;right:20px;top:85px;z-index:15000;width:min(400px,90vw);color:var(--ui-text,#344256)}
.notification-alert{display:flex;background:var(--ui-surface,#fff);border:1px solid var(--ui-border,#d5dce8);border-left:4px solid #398ef4;box-shadow:0 8px 32px #0003;border-radius:16px;padding:14px;gap:10px}
.notification-alert button{border:0;background:transparent;color:inherit;cursor:pointer;font:inherit;text-align:left}.notification-alert-open{display:grid;gap:7px;flex:1;min-width:0;overflow-wrap:anywhere}.notification-alert span{font-size:13px}
@media(max-width:700px){#workspace .notification-center{width:90vw;max-width:90vw;margin:auto}#workspace .notification-center>header,#workspace .notification-settings,#workspace .notification-history{padding:16px}#workspace .notification-categories{grid-template-columns:1fr 1fr}#workspace .notification-sound,#workspace .notification-filters{grid-template-columns:1fr}#notificationAlerts{right:5vw}}
html[data-theme]:not(#legacy-theme):not(#light-theme):not(#old-accent) body #workspace[data-theme-view="notifikasi"]>.notification-center{width:100%!important;max-width:1300px!important;padding:0!important}
@media(max-width:700px){html[data-theme]:not(#legacy-theme):not(#light-theme):not(#old-accent) body #workspace[data-theme-view="notifikasi"]{padding-inline:5vw!important}html[data-theme]:not(#legacy-theme):not(#light-theme):not(#old-accent) body #workspace[data-theme-view="notifikasi"]>.notification-center{width:100%!important;max-width:100%!important}}

/* Keep three complete invoice entries visible, with totals outside the scroll area. */
html[data-theme]:not(#legacy-theme) #workspace .custom-deadline-invoices{max-height:var(--deadline-list-height,none)!important;overflow-y:auto!important;overflow-x:hidden!important;align-content:start!important;grid-auto-rows:max-content!important;min-height:0!important;scrollbar-width:thin;overscroll-behavior-y:contain}

/* Deadline card day labels: bold, five points larger, bright green. */
html[data-theme]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas):not(#deadline-day-color) body #workspace .custom-deadline-card header h4{font-size:calc(16px + 5pt)!important;font-weight:900!important;color:#c8fb01!important;-webkit-text-fill-color:#c8fb01!important;background:none!important;line-height:1.3!important}

/* Day heading colors follow the selected theme. */
html[data-theme="1"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas):not(#deadline-day-color) body #workspace .custom-deadline-card header h4{background:linear-gradient(110deg,#0961d6,#28aaef)!important;background-clip:text!important;-webkit-background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important}
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas):not(#deadline-day-color) body #workspace .custom-deadline-card header h4{background:none!important;color:#c8fb01!important;-webkit-text-fill-color:#c8fb01!important}
html[data-theme] .deadline-calendar-grid button.is-sunday:disabled{opacity:.32!important;cursor:not-allowed!important;text-decoration:line-through!important;box-shadow:none!important}

/* Compact, single-row actions in every user table and theme. */
html[data-theme]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas) body #workspace[data-theme-view="pengguna"] .account-row-actions{flex-wrap:nowrap!important;gap:6px!important;min-width:max-content!important}
html[data-theme]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas) body #workspace[data-theme-view="pengguna"] .account-row-actions>button{flex:0 0 auto!important;width:auto!important;min-width:0!important;min-height:32px!important;height:32px!important;padding:6px 9px!important;font-size:12px!important;line-height:1.2!important;border-radius:9px!important;white-space:nowrap!important}

/* Borongan leaders: theme-specific name accent. */
html[data-theme="1"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas):not(#borongan-leader-name) body #workspace .borongan-dashboard .bd-leader>div>strong{background:linear-gradient(110deg,#0961d6,#28aaef)!important;background-clip:text!important;-webkit-background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important}
html[data-theme="2"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas):not(#borongan-leader-name) body #workspace .borongan-dashboard .bd-leader>div>strong{background:none!important;color:#c8fb01!important;-webkit-text-fill-color:#c8fb01!important}

/* Equal-width user actions retain the compact single-row layout. */
html[data-theme]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas) body #workspace[data-theme-view="pengguna"] .account-row-actions>button{width:72px!important;min-width:72px!important;max-width:72px!important;flex:0 0 72px!important;padding-inline:6px!important;text-align:center!important;justify-content:center!important;box-sizing:border-box!important}

/* Cutting quality split keeps payable work and production output readable. */
.cut-payment-summary{padding:14px;border-radius:12px;border:1px solid var(--ui-border,#c9daee);font-weight:800;line-height:1.7;background:var(--ui-surface,#f2f8ff)}
.cut-quantity-balance label>small{display:block;font-size:12px;font-weight:500;line-height:1.45;margin-top:5px;opacity:.85}

/* Make mutually exclusive cutting inputs visibly locked in every theme. */
html body dialog.app-detail-modal .cut-reject-panel input[data-choice-locked]{opacity:.4!important;cursor:not-allowed!important;filter:grayscale(1)!important;box-shadow:none!important}
.cut-choice-hint{font-size:13px;line-height:1.5;margin:10px 0 0;font-weight:600}

.cut-intake-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:18px 0}
.cut-intake-fields strong{display:block;font-size:1.25em;margin-top:10px}
.cut-intake-panel>.cut-worker-column{display:flex;flex-direction:column;gap:10px}
[data-split-cut-reject] .cut-result-layout{display:block}
[data-split-cut-reject] .cut-quantity-balance{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
@media(max-width:650px){.cut-intake-fields,[data-split-cut-reject] .cut-quantity-balance{grid-template-columns:1fr}}
/* Intake has its own vertical layout; inherited reject grids must not split headings. */
html body dialog.app-detail-modal section.cut-intake-panel{display:flex!important;flex-direction:column!important;gap:16px!important;min-width:0!important}
html body dialog.app-detail-modal .cut-intake-panel>*{min-width:0;max-width:100%;box-sizing:border-box}
html body dialog.app-detail-modal .cut-intake-panel input,html body dialog.app-detail-modal .cut-intake-panel select,html body dialog.app-detail-modal .cut-intake-panel textarea{width:100%;min-width:0;box-sizing:border-box}

html body #workspace dialog.app-detail-modal section.cut-intake-panel{align-items:stretch!important;text-align:left!important;gap:20px!important}
html body #workspace dialog.app-detail-modal section.cut-intake-panel>*{width:100%!important;margin-inline:0!important;align-self:stretch!important}
html body #workspace dialog.app-detail-modal .cut-intake-entry{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:20px!important;align-items:start!important}
html body #workspace dialog.app-detail-modal .cut-intake-entry>label,html body #workspace dialog.app-detail-modal .cut-intake-notes{display:flex!important;flex-direction:column!important;gap:10px!important;margin:0!important;min-width:0!important;width:100%!important;text-align:left!important}
html body #workspace dialog.app-detail-modal .cut-intake-heading{display:block!important;text-align:left!important}
@media(max-width:650px){html body #workspace dialog.app-detail-modal .cut-intake-entry{grid-template-columns:minmax(0,1fr)!important}}

/* Align cutting reject types in the same right-hand column. */
@media(min-width:651px){
 html body #workspace dialog.app-detail-modal .qc-delivery-fields>label:has([data-cut-delivery-print]){grid-column:2!important;grid-row:1!important}
 html body #workspace dialog.app-detail-modal .qc-delivery-fields>label:has([data-cut-delivery-reject]){grid-column:2!important;grid-row:2!important}
}
@media(min-width:651px){html body #workspace dialog.app-detail-modal .cut-intake-entry>.cut-intake-shortage{grid-column:2!important;grid-row:2!important}}
/* The worker card may grow independently of the two quantity inputs. */
@media(min-width:651px){
 html body #workspace dialog.app-detail-modal .cut-intake-entry>label:first-child{grid-column:1!important;grid-row:1 / span 2!important}
 html body #workspace dialog.app-detail-modal .cut-intake-entry>label:has([data-cut-intake-excess]){grid-column:2!important;grid-row:1!important}
 html body #workspace dialog.app-detail-modal .cut-intake-entry{row-gap:16px!important;grid-template-rows:auto auto!important}
}

/* Payment-source delivery highlight across themes. */
html[data-theme]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas):not(#borongan-neutral-log):not(#borongan-worker-blue) body #workspace dialog.borongan-income-detail .production-audit .borongan-worker-log-highlight{background:linear-gradient(110deg,#0961d6,#28aaef)!important;background-clip:text!important;-webkit-background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important;text-shadow:none!important}

/* Theme 1 active Ongkos tab. */
html[data-theme="1"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas) body #workspace .ongkos-catalog-tabs>button[aria-pressed="true"]{background:linear-gradient(110deg,#147cf2,#28aaef)!important;border-color:#459cf6!important;color:#fff!important;-webkit-text-fill-color:#fff!important;box-shadow:0 3px 12px #147cf22b!important}

/* Theme 1 empty-stock card. */
html[data-theme="1"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas):not(#stock-layout) body #workspace .stock-dashboard .stock-metric-alert{background:linear-gradient(115deg,#147cf2,#28aaef)!important;border-color:#459cf6!important;box-shadow:0 0 0 5px #147cf21a!important;animation:stockAlertGradient 4s ease-in-out infinite!important}
html[data-theme="1"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas):not(#stock-layout) body #workspace .stock-dashboard .stock-metric-alert,html[data-theme="1"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas):not(#stock-layout) body #workspace .stock-dashboard .stock-metric-alert *{color:#fff!important;-webkit-text-fill-color:#fff!important;text-shadow:none!important}
html[data-theme="1"]:not(#legacy-theme):not(#light-theme):not(#old-accent):not(#old-invoice-color):not(#old-panel-color):not(#old-glass):not(#spk-inner-panel):not(#page-canvas):not(#stock-layout) body #workspace .stock-dashboard .stock-metric-alert i{background:#ffffff26!important}