/* Sea-green brand, neutral work surfaces and semantic warning colours. */
body.interface-active{--bg:#f3f5f4;--line:#dce4df;--muted:#52685e;--accent:#227d6e;background:var(--bg);color:#203d31;font-size:15px;line-height:1.45}.interface-active h1{font-size:30px;letter-spacing:-.6px}.interface-active h2{font-size:21px}.interface-active .eyebrow{font-size:12px;letter-spacing:1px}.interface-active main{padding-top:24px}.interface-active .card,.interface-active #actionWorkspace{box-shadow:0 2px 9px #172f2307;border-color:#dce4df}.interface-active .muted,.interface-active td small{color:#52685e}.interface-active .badge{font-size:12px}.interface-active #rows th{font-size:12px;text-transform:none}.interface-active #rows td{padding:16px 10px}.interface-active .global-search{background:#fff;border:1px solid #c7d9cf;box-shadow:none}.interface-active .global-search>label{color:#244d3c}.interface-active .global-search>small{color:#52685e}.interface-active .workspace-actions{gap:8px}.interface-active button.primary{background:#237d6e;color:white;border-color:#237d6e}.interface-active .stock-critical{background:#fce8e8;color:#98252c}.interface-active .stock-reorder{background:#fff0d5;color:#855000}.interface-active .stock-good{background:#e6f2ec;color:#216545}.interface-active .ops-card,.interface-active .rack{background:#fff}.interface-active .ops-metrics span{background:#f1f5f3}
body.interface-active #appHeader{aspect-ratio:auto!important;container-type:normal!important;grid-template-columns:minmax(230px,1fr) 86px minmax(300px,370px)!important;align-items:center!important;gap:20px!important;padding:16px 24px!important;background:#278577!important}body.interface-active #appHeader>a.brand{grid-column:1!important;grid-row:1!important;grid-template-columns:62px minmax(160px,300px)!important;gap:8px!important;padding:0!important;align-self:center!important;height:auto!important}body.interface-active #appHeader .brand-logo{width:62px!important;height:74px!important;margin:0!important;object-fit:contain!important}body.interface-active #appHeader .brand-copy{width:100%!important}body.interface-active #appHeader .brand-copy b{aspect-ratio:2750/940!important}body.interface-active #appHeader .brand-copy .brand-wordmark{position:absolute!important;left:0!important;top:50%!important;transform:translateY(-50%)!important;width:100%!important;height:auto!important}body.interface-active #appHeader .brand-copy small{font-size:13px!important;margin:5px 0 0!important;letter-spacing:0!important}body.interface-active #appHeader>.site-qr{grid-column:2!important;grid-row:1!important;padding:0!important;width:86px!important;gap:4px!important}body.interface-active #appHeader>.site-qr>img{width:76px!important;height:76px!important}body.interface-active #appHeader>.site-qr>span:not(.connection-signal){font-size:10px!important}body.interface-active #appHeader .header-controls{grid-column:3!important;grid-row:1!important;width:100%!important;max-width:none!important}body.interface-active #appHeader .display-preferences{padding:8px;gap:8px}body.interface-active #appHeader .display-preferences label{min-width:110px}body.interface-active #appHeader .display-preferences label>span{font-size:12px}body.interface-active #appHeader .display-preferences select{min-height:36px;font-size:13px;padding:6px}body.interface-active #appHeader .mode-help{display:none}body.interface-active #appHeader .header-account{margin-top:8px}body.interface-active #appHeader #sessionLabel{text-align:left!important}#interfaceAccountToggle{display:none}
.interface-sidebar{position:fixed;inset:0 auto 0 0;width:210px;background:#fff;border-right:1px solid #dce4df;padding:24px 14px;z-index:40;overflow-y:auto}.interface-sidebar>small{display:block;padding:6px 10px 24px;font-size:14px;font-weight:700;color:#365c49;overflow-wrap:anywhere}.interface-sidebar button{width:180px;min-width:180px;max-width:180px;height:48px;margin:4px 0;display:flex;align-items:center;gap:12px;text-align:left;border-color:transparent;background:transparent;border-radius:9px;padding:12px;color:#365247;font-size:14px}.interface-sidebar button:hover,.interface-sidebar button[aria-current]{background:#e9f3ee;color:#165844}.interface-sidebar svg,.interface-bottom svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}.interface-bottom{display:none}html[data-device=pc] .interface-active #appHeader{margin-left:210px}html[data-device=pc] .interface-active main{margin-left:210px;max-width:none;padding-left:28px;padding-right:28px}.interface-active #offlineStatus{font-size:13px}.interface-active #offlineStatus:empty{display:none}#interfaceSync{width:100%;border:0;background:transparent;display:flex;align-items:center;gap:8px;text-align:left;padding:8px 0;color:#52685e;font-size:13px;margin-bottom:6px}#interfaceSync i{width:8px;height:8px;border-radius:50%;background:#6b8175;flex:none}#interfaceSync[data-state=saved] i{background:#22764d}#interfaceSync[data-state=pending] i{background:#b7730d}#interfaceSync[data-state=error]{color:#9c2931}#interfaceSync[data-state=error] i{background:#b32934}.interface-active main>.notice:has(#offlineStatus){margin:0!important;padding:0 0 12px!important;background:transparent}.interface-active main>.notice:has(#offlineStatus)>strong{display:none}.interface-active #offlineDetails{font-size:12px;padding:4px 8px;background:transparent;border-color:transparent;text-decoration:underline;min-height:28px}
#interfaceFilters{margin:14px 0}.interface-filter-buttons{display:flex;gap:7px;flex-wrap:wrap}.interface-filter-buttons button{width:138px;min-width:138px;max-width:138px;height:40px;flex:0 0 138px;font-size:12px;border-radius:8px;background:#fff}.interface-filter-buttons button[aria-pressed=true]{background:#e1eee7;border-color:#39876b;color:#17553e;font-weight:650}.interface-availability{padding:10px 0 8px;min-width:170px}.interface-availability>span{font-size:12px;color:#52685e}.interface-availability>strong{display:block;font-size:27px;line-height:1.2;color:#203f30;font-variant-numeric:tabular-nums}.interface-availability strong small{font-size:14px;font-weight:500}.interface-availability p{font-size:12px;line-height:1.5;margin:5px 0;color:#52685e}#detailContent>.interface-availability{background:#f3f7f4;padding:18px;border-radius:10px;margin-bottom:16px}#detailContent>.interface-availability strong{font-size:34px}.interface-part-actions{display:flex;gap:10px;position:sticky;bottom:-28px;padding:14px 0;background:#fff;border-top:1px solid #dce4df;z-index:2}.interface-part-actions button{width:160px!important;min-width:160px!important;max-width:160px!important;height:48px!important;font-size:15px!important}.interface-part-actions #useDetail{background:#237d6e;border-color:#237d6e;color:white}.interface-part-dialog{max-height:90dvh;overflow:auto}.interface-part-dialog .foot{flex-wrap:wrap}
#interfaceRecent{margin:22px 0}#interfaceRecent>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}#interfaceRecent button{text-align:left;min-height:90px;padding:16px;border-color:#dce4df;background:white;border-radius:10px}#interfaceRecent strong,#interfaceRecent small{display:block}#interfaceRecent small{margin-top:6px;color:#52685e}.interface-worker #actionWorkspace,.interface-worker #stats,.interface-worker .workspace-actions{display:none!important}.interface-worker #interfaceRecent{margin-top:12px}.interface-machine-list{max-height:55vh;overflow:auto}.interface-machine-list label{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #e3e9e5}.interface-machine-list input{width:20px;height:20px}.interface-optional{padding:12px;background:#f6f8f7;border:1px solid #dce4df;border-radius:8px;grid-column:1/-1}.interface-optional summary{cursor:pointer;font-weight:600;margin-bottom:8px}.interface-optional label{margin-top:12px}.interface-field-error{display:block;color:#a12b32;font-size:13px;margin-top:4px}[aria-invalid=true]{border-color:#b22d36!important;outline:1px solid #b22d36}.interface-message{border-left:3px solid #71877a;background:#f3f6f4;padding:12px 14px;color:#294b38;overflow-wrap:anywhere;grid-column:1/-1}#interfaceToast:empty{display:none}#interfaceToast{position:fixed;right:18px;bottom:20px;z-index:900;max-width:min(460px,calc(100vw - 36px));background:#fff;border:1px solid #ead3d3;border-radius:10px;box-shadow:0 8px 30px #152e2522;padding:12px}#interfaceToast button{margin-top:8px;width:100px;height:40px}#interfaceMenu{width:min(600px,94vw);max-height:90dvh;overflow:auto}.interface-menu-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.interface-menu-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.interface-menu-items button{width:100%;height:52px;min-width:0;font-size:13px;text-align:left}.interface-menu-title button{width:100px;height:40px}
html[data-device=mobile] .interface-sidebar{display:none}html[data-device=mobile] .interface-bottom{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:fixed;inset:auto 0 0;z-index:80;background:#fff;border-top:1px solid #d5e1d9;padding:7px 8px calc(7px + env(safe-area-inset-bottom));box-shadow:0 -3px 16px #1734260b}html[data-device=mobile] .interface-bottom button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:100%;height:54px;border:0;font-size:12px;background:transparent;border-radius:10px;padding:5px}html[data-device=mobile] .interface-bottom button[data-interface=scan]{background:#237d6e;color:white}html[data-device=mobile] .interface-bottom button[aria-current]{color:#176444;background:#edf5f0}html[data-device=mobile] .interface-active main{padding-bottom:calc(100px + env(safe-area-inset-bottom))}html[data-device=mobile] body.interface-active #appHeader{grid-template-columns:minmax(0,1fr) 52px!important;padding:12px 16px!important;gap:8px!important}html[data-device=mobile] body.interface-active #appHeader>a.brand{grid-template-columns:42px minmax(130px,220px)!important;gap:6px!important}html[data-device=mobile] body.interface-active #appHeader .brand-logo{width:42px!important;height:48px!important}html[data-device=mobile] body.interface-active #appHeader .brand-copy small{display:none!important}html[data-device=mobile] body.interface-active #appHeader>.site-qr{width:52px!important}html[data-device=mobile] body.interface-active #appHeader>.site-qr>img{width:48px!important;height:48px!important}html[data-device=mobile] body.interface-active #appHeader>.site-qr>span{display:none!important}html[data-device=mobile] body.interface-active #appHeader .header-controls{grid-column:1/-1!important;grid-row:3!important;display:none}html[data-device=mobile] body.interface-active #appHeader.interface-account-open .header-controls{display:block}html[data-device=mobile] #interfaceAccountToggle{display:block;grid-column:1/-1;grid-row:2;width:200px;min-width:200px;max-width:200px;height:44px;min-height:44px;font-size:12px;background:#d9eee6;color:#174b3d;border-color:#89bdab;padding:6px 10px}html[data-device=mobile] .interface-filter-buttons{flex-wrap:nowrap;overflow:auto;padding-bottom:8px}html[data-device=mobile] #interfaceRecent>div{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-device=mobile] .interface-part-actions{bottom:-15px;padding-bottom:calc(12px + env(safe-area-inset-bottom))}html[data-device=mobile] .interface-part-actions button{width:calc(50% - 5px)!important;min-width:0!important;max-width:none!important;flex:1}html[data-device=mobile] #interfaceToast{bottom:calc(85px + env(safe-area-inset-bottom))}html[data-device=mobile] .interface-active h1{font-size:26px}html[data-device=mobile] .interface-active #partsCard{padding:12px}html[data-device=mobile] .interface-active #rows td{padding:8px 0}
@media(max-width:1050px){html[data-device=pc] body.interface-active #appHeader{grid-template-columns:minmax(220px,1fr) 86px!important}html[data-device=pc] body.interface-active #appHeader .header-controls{grid-row:2!important;grid-column:1/-1!important}}
@media(prefers-reduced-motion:reduce){.interface-active *{scroll-behavior:auto!important}}

body.interface-active #appHeader .brand-copy b{position:relative!important;overflow:hidden!important}body.interface-active #appHeader .connection-signal i{width:12px!important;height:12px!important;flex:0 0 12px!important;border-width:1px!important}body.interface-active #appHeader #connectionSignalLabel{font-size:10px!important;padding:2px 3px!important}body.interface-active #appHeader .connection-signal-speed{font-size:10px!important}body.interface-active #appHeader .header-account{display:block!important;padding:8px 0 0!important;margin-top:8px!important}body.interface-active #appHeader .header-account>small{font-size:11px!important;margin:0!important}body.interface-active #appHeader #sessionLabel{width:100%!important;height:40px!important;min-height:40px!important;padding:0 100px 0 0!important;font-size:18px!important;top:0!important;margin:0!important;overflow:hidden;text-overflow:ellipsis}body.interface-active #appHeader .header-account-actions{display:grid!important;grid-template-columns:minmax(0,198fr) minmax(0,110fr) 38px!important;gap:5px!important;position:relative!important}body.interface-active #appHeader #accountButton,body.interface-active #appHeader #logoutButton{height:56px!important;min-height:56px!important;width:100%!important;font-size:13px}body.interface-active #appHeader #accountButton{grid-column:1!important;grid-row:1!important}body.interface-active #appHeader #logoutButton{grid-column:2!important;grid-row:1!important}body.interface-active #appHeader #termsButton{grid-column:3!important;grid-row:1!important;width:38px!important;height:44px!important;top:0!important;font-size:11px!important}body.interface-active #appHeader #privacyPolicyButton{position:absolute!important;right:0!important;top:-40px!important;width:90px!important;height:36px!important;font-size:11px!important;padding:4px!important}body.interface-active #appHeader .site-preferences{padding:8px!important;margin-top:8px!important}body.interface-active #appHeader .site-preferences select,body.interface-active #appHeader .site-preferences button{height:36px!important;padding:6px!important;font-size:12px}html[data-device=mobile] .save-feedback-root{bottom:calc(85px + env(safe-area-inset-bottom))}