/* 5.0.24: a compact, shared workspace. Loaded after the existing ordered bundle. */
html.ux480{--ux-sidebar:252px;--text:#152c41;--muted:#62768a;--line:#e0e7ee;--navy:#126c70;--soft:#f4f7fa;--card:#fff;--exp-accent:#126c70;--exp-ink:#152c41}
html.ux480[data-theme=dark]{--text:#e8eff5;--muted:#a9bac9;--line:#35495b;--soft:#1b2d3e;--card:#172738;--exp-ink:#e8eff5;--exp-accent:#67d4c3}
@media screen{
 .ux480 .content{padding:20px 24px 88px!important;background:var(--soft);min-width:0}
 .ux480 .content .page-stack{gap:12px!important;min-width:0}
 .ux480 .content .page-title{margin:0 0 4px!important;gap:12px;align-items:center}
 .ux480 .content .page-title h1{font-size:22px!important;line-height:1.6;margin:0!important}
 .ux480 .content .page-title p{margin:3px 0 0!important;color:var(--muted);font-size:12px}
 .ux480 .content :is(.page-card,.v400-card,.v410-card,.v386-card){padding:16px!important;border:1px solid var(--line)!important;border-radius:14px!important;box-shadow:0 3px 14px #16354a04!important;min-width:0}
 .ux480 .content :is(h2,h3){line-height:1.6}.ux480 .content h2{font-size:17px!important;margin:0 0 10px!important}
 .ux480 .content :is(input,select,textarea){border-radius:8px!important}
 .ux480 .content button{border-radius:8px!important}.ux480 .topbar{height:64px!important;border-bottom:1px solid var(--line)!important;box-shadow:none!important}
 .ux480 .sidebar{background:#122d3e!important;border-left:1px solid #203d4e!important;box-shadow:4px 0 28px #122d3e0d!important}
 .ux480 .sidebar-brand{padding:21px 16px!important;min-height:82px!important;border-bottom:1px solid #ffffff12!important}
 .ux480 .sidebar nav{padding:8px 10px 20px!important;gap:4px!important}
 .ux480 .sidebar nav button{min-height:41px!important;border-radius:9px!important;padding:10px 12px!important;color:#c4d4de!important;font-size:12px!important;line-height:1.7!important;transition:background .12s ease,color .12s ease}
 .ux480 .sidebar nav button:hover{background:#203f51!important;color:#fff!important}
 .ux480 .sidebar nav :is(.menu374-group,.v389-nav-group,.stocktake-nav-group){border:1px solid transparent!important;border-radius:11px!important;padding:2px!important;margin:2px 0!important;background:transparent!important}
 .ux480 .sidebar nav :is(.menu374-group,.v389-nav-group,.stocktake-nav-group).open{background:#193749!important;border-color:#345669!important}
 .ux480 .sidebar nav :is(.menu374-group,.v389-nav-group,.stocktake-nav-group).open>button{background:#254c60!important;color:#edf9fc!important;font-weight:700!important}
 .ux480 .sidebar nav :is(.menu374-sub,.v389-subnav,.stocktake-subnav){padding:4px 7px 6px 0!important;margin:0 10px 0 0!important;border-right:1px solid #3d6072!important;border-radius:0!important;background:transparent!important;gap:3px!important}
 .ux480 .sidebar nav button:is(.ux-current,.v452-active,[aria-current=page]),.ux480 .sidebar nav :is(.menu374-child,.v389-child,.stocktake-nav-btn).active{background:#d1f4e9!important;color:#125b52!important;font-weight:700!important;border-right:3px solid #45bf9c!important;box-shadow:none!important}
 .ux480 .ux-menu-search{background:#0e2433!important;border:1px solid #355265!important;border-radius:10px!important;margin:4px 12px 12px!important}
 .ux480 .ux-menu-search input{background:transparent!important;color:#f0f7fa!important;font-size:12px!important}
 .ux480 .ux-menu-search input::placeholder{color:#b3c5d0!important}
 .ux480 .sidebar-footer{background:#102837!important;border-top:1px solid #ffffff14!important}
 .ux480 .sw-page{max-width:1480px!important;width:100%;gap:10px!important;min-width:0}
 .ux480 .sw-build{display:none}.ux480 .sw-page-navigation{margin:0!important;gap:7px}.ux480 .sw-page-navigation button{min-height:32px!important;padding:5px 10px!important;font-size:11px}
 .ux480 .fl546-timer{padding:6px 12px!important;margin:0!important;border-radius:9px!important;gap:10px;background:var(--card)}
 .ux480 .fl546-timer bdi{font-size:15px}.ux480 .fl546-timer small{font-size:10px}
 .ux480 .sw-page [data-editor]{display:grid;gap:10px!important;align-content:start;min-width:0}
 .ux480 .sw-page [data-editor]>.page-card{padding:16px!important;margin:0!important;min-height:0!important}
 .ux480 .sw-page [data-editor]>section[hidden],.ux480 .content [hidden]{display:none!important}
 .ux480 .sw-page [data-editor] .sw-grid{gap:10px 14px!important}
 .ux480 .sw-page [data-editor] label{gap:4px!important;line-height:1.6!important}
 .ux480 .sw-page [data-editor] :is(input:not([type=checkbox]):not([type=hidden]),select){min-height:40px!important;padding:7px 10px!important;font-size:13px!important}
 .ux480 .sw-page [data-editor] .sw-steps{position:sticky!important;top:64px!important;z-index:16!important;padding:5px!important;gap:3px!important;overflow-x:auto;flex-wrap:nowrap!important;scrollbar-width:thin}
 .ux480 .sw-page [data-editor] .sw-steps button{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:1 0 auto;min-height:37px!important;padding:6px 10px!important;font-size:11px!important}
 .ux480 .sw-page [data-editor] .sw-steps button span{width:23px;height:23px;flex:0 0 23px;font-size:11px}
 .ux480 .sw-page [data-editor] .sw-step-footer{margin:0!important;min-height:0!important;padding:8px 12px!important;gap:8px!important;bottom:12px!important}
 .ux480 .sw-page [data-editor] .sw-step-footer button{min-height:39px!important;padding:7px 15px!important}
 .ux480 .sw-page [data-editor] [data-progress]{margin-inline-start:auto;font-size:11px;color:var(--muted)}
 .ux480 .sw-page [data-editor] .sw-step-footer [data-next-step]{background:var(--navy)!important;color:white!important;min-width:115px}
 .ux480 .sw-page [data-editor] [data-profile-panel]{padding:10px 12px;border:1px solid var(--line);border-radius:9px;margin-top:10px;background:var(--soft)}
 .ux480 .sw-page [data-editor] [data-profile-panel]>summary{cursor:pointer;font-weight:600;font-size:12px;color:var(--text)}
 .ux480 .sw-page [data-editor] [data-profile-panel][open]>summary{margin-bottom:12px}
 .ux480 .sw-page [data-editor] :is(.sw-muted,.sw-branch-chip){margin:7px 0!important;font-size:11px!important}
 .ux480 .sw-page [data-editor] .sx-invoice-date{margin:0 0 8px!important;padding:0!important;min-height:30px!important}
 .ux480 .sw-page [data-editor] .sw-payment-start{margin:7px 0!important;padding:0!important}
 .ux480 .sw-page [data-editor] .sw-item{margin:8px 0!important;padding:12px!important}
 .ux480 .sw-page [data-editor] .sw-payment-workspace{gap:12px!important}.ux480 .sw-page [data-editor] .sw-payment-block{padding:12px!important;margin:0!important}
 .ux480 .sw-page [data-editor] .sw-payment-entry{gap:10px!important}
 .ux480 .sw-page [data-editor] .sw-service-choices{margin:8px 0!important;gap:8px!important}
 .ux480 .sw-page [data-editor] :is(.sw-empty,.sw-goods-empty){padding:16px!important;margin:8px 0!important;min-height:0!important}
 .ux480 .sw-page [data-editor] .sw-serial-bar{padding:12px!important;background:var(--soft)!important;border:1px solid var(--line);border-radius:10px;margin:8px 0!important;gap:8px!important}
 .ux480 .sw-page [data-editor] .sw-serial-bar input{font-size:16px!important;direction:ltr;text-align:right;min-height:46px!important}
 .ux480 .fl546-ledger{margin-top:12px;gap:8px}.ux480 .fl546-invoice-main{padding:12px;gap:12px}.ux480 .fl546-invoice-foot{padding:7px 12px}
 .ux480 .sw-list-head{margin-bottom:10px!important}.ux480 .sw-invoice-tabs{margin:6px 0!important;padding:3px!important;gap:4px!important;overflow:auto;flex-wrap:nowrap}
 .ux480 .sw-invoice-tabs button{white-space:nowrap;min-height:36px!important;font-size:12px!important;padding:6px 12px!important}
 .ux480 .home530{gap:14px!important}.ux480 .hd541-heading{padding:0!important;margin:0!important}.ux480 .hd541-heading h1{font-size:24px!important}.ux480 .hd541-kpis{gap:12px!important}
 .ux480 .hd541-kpi{border:1px solid var(--line)!important;box-shadow:none!important;padding:16px!important;border-radius:14px!important;position:relative;overflow:hidden}
 .ux480 .hd541-kpi::before{content:'';position:absolute;inset:0 0 auto;height:3px;background:#178681}.ux480 .hd541-kpi:nth-child(2)::before{background:#e8b65b}.ux480 .hd541-kpi:nth-child(3)::before{background:#7292c3}.ux480 .hd541-kpi:nth-child(4)::before{background:#9d82bb}
 .ux480 .hd541-kpi>strong{font-size:28px!important;margin:8px 0!important}.ux480 .hd541-panel{border-radius:14px!important;padding:16px!important;border-color:var(--line)!important;box-shadow:none!important}
 .ux480 .hd541-main{gap:14px!important}.ux480 .hd541-panel>header{margin-bottom:10px!important}.ux480 .hd541-trend svg{max-height:200px}.ux480 .hd541-queues{gap:12px!important}
 .ux480 .stocktake-metrics{gap:9px!important;margin:0!important}.ux480 .stocktake-metrics>div{padding:12px!important;border-radius:12px!important}.ux480 .stocktake-metrics strong{font-size:20px!important}
 .ux480 .stocktake-tabs{gap:7px!important}.ux480 .stocktake-item{padding:10px 12px!important;margin:7px 0!important;border-radius:10px!important}.ux480 .stocktake-item button{min-height:38px!important;font-size:12px!important}
 .ux480 .stocktake-toolbar{margin-bottom:10px!important}.ux480 .stocktake-search{min-height:46px!important;font-size:16px!important;direction:ltr;text-align:right}
 .st547-tools{display:flex;align-items:center;flex-wrap:wrap;gap:10px;background:#edf8f4;border:1px solid #c9e7db;border-radius:11px;padding:12px;margin-bottom:12px}
 .st547-auto{display:flex!important;flex-direction:row!important;align-items:center;gap:9px!important;cursor:pointer;color:#1f5446}.st547-auto input{width:19px!important;height:19px!important;min-height:19px!important;accent-color:#126c70}.st547-auto span{display:grid;gap:3px}.st547-auto b{font-size:12px}.st547-auto small{font-size:10px;color:#50756b}
 .st547-tools>button{margin-inline-start:auto;min-height:40px;background:white;border:1px solid #bcd6cc;padding:8px 12px}.st547-tools>[data-scan-state]{flex-basis:100%;font-size:12px;overflow-wrap:anywhere;color:#17624e}.st547-tools .is-error{color:#b42318!important;font-weight:700}
 .st547-camera{border:1px solid var(--line);padding:12px;border-radius:12px;margin-bottom:12px;background:var(--card)}.st547-camera header{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:10px}.st547-camera header>div{display:grid;gap:4px}.st547-camera small{color:var(--muted);font-size:11px}.st547-camera button{min-height:40px;padding:8px 12px}.st547-viewfinder{position:relative;max-width:640px;margin:auto;background:#102a39;border-radius:10px;overflow:hidden;aspect-ratio:16/9}.st547-viewfinder video{width:100%;height:100%;object-fit:cover}.st547-viewfinder>div{position:absolute;inset:25% 8%;border:2px solid #6df0c1;border-radius:8px;box-shadow:0 0 0 200px #081c3044;pointer-events:none}.st547-camera p{font-size:12px;overflow-wrap:anywhere}.st547-camera [data-camera-error]{background:#fff0ed;color:#ad2c25;padding:9px;border-radius:7px}.st547-more{display:block;width:100%;padding:10px;border:1px solid var(--line);background:var(--soft)}
}
@media(min-width:1000px){.ux480 .sw-page [data-editor] .sw-party-select{grid-template-columns:1fr 1fr!important}.ux480 .sw-page [data-editor] [data-profile-panel]>.sw-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:900px){.ux480 .content{padding:14px 14px 94px!important}.ux480 .sw-page [data-editor] .sw-step-footer{bottom:73px!important}.ux480 .sw-page [data-editor] .sw-steps{top:64px!important}.ux480 .content .page-title h1{font-size:19px!important}}
@media(max-width:600px){.ux480 .content{padding:12px 10px 98px!important}.ux480 .content :is(.page-card,.v400-card,.v410-card,.v386-card),.ux480 .sw-page [data-editor]>.page-card{padding:12px!important}.ux480 .sw-page [data-editor] .sw-grid{gap:10px!important}.ux480 .sw-page [data-editor] .sw-step-footer{padding:7px!important;gap:6px!important}.ux480 .sw-page [data-editor] .sw-step-footer [data-progress]{flex-basis:100%;order:-1;text-align:center;margin:0}.ux480 .sw-page [data-editor] .sw-steps button{flex:0 0 auto;min-height:38px!important;font-size:11px!important}.ux480 .fl546-timer{font-size:10px;gap:6px}.ux480 .fl546-timer small{margin-inline-start:auto}.ux480 .fl546-invoice-main{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.ux480 .fl546-buyer{grid-column:1/-1}.ux480 .fl546-actions button{min-height:40px!important}.ux480 .fl546-amount b{font-size:13px}.ux480 .sw-page [data-search]>label:first-child{min-width:0}.ux480 .sw-page [data-search]{gap:8px!important}.ux480 .sw-page [data-search]>label{flex:1 1 calc(50% - 8px)!important;min-width:0!important}.ux480 .sw-page [data-search]>label:first-child{flex-basis:100%!important}.ux480 .hd541-kpi{padding:12px!important}.ux480 .hd541-kpi>strong{font-size:24px!important}.ux480 .hd541-panel{padding:12px!important}.ux480 .stocktake-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}.ux480 .stocktake-metrics>div:first-child{grid-column:1/-1}.ux480 .stocktake-product{min-width:0}.ux480 .stocktake-serials{overflow-wrap:anywhere}.st547-tools{padding:10px}.st547-tools>button{width:100%;margin:0}.st547-camera header{align-items:flex-start}.st547-camera header b{font-size:12px}.st547-viewfinder{aspect-ratio:4/3}}

@media screen{
 .ux480 .hd541-main,.ux480 .hd541-queues{align-items:start}
 .ux480 .hd541-trend-summary{margin:8px 0 12px!important}.ux480 .hd541-trend-summary>strong{font-size:23px}
 .ux480 .hd541-chart svg{max-height:175px!important}.ux480 .hd541-donut{width:138px;height:138px;margin-bottom:12px}
 .ux480 .hd541-table{max-height:310px;overflow:auto}.ux480 .hd541-table th{position:sticky;top:0;z-index:1}
 .ux480 .hd541-table td{padding:9px 10px!important}.ux480 .hd541-bars{gap:16px;margin-top:16px}
 .ux480 .hd547-secondary{border:1px solid var(--line);background:var(--card);border-radius:12px;padding:12px 16px}
 .ux480 .hd547-secondary>summary{font-size:13px;font-weight:600;cursor:pointer;color:var(--text);padding:4px 0}
 .ux480 .hd547-secondary[open]>summary{margin-bottom:12px}.ux480 .hd541-queue-row{padding:9px 0;font-size:11px}
}

@media screen{
 html.ux480 .sidebar nav :is(.menu374-group,.v389-nav-group,.stocktake-nav-group):is(.open,.ux-current-group,.v452-current)>button:is(.menu374-parent,.v389-parent,.stocktake-parent){background:#254c60!important;color:#edf9fc!important;border-color:#345669!important;box-shadow:none!important;font-weight:700!important}
 html.ux480 .sidebar nav :is(.menu374-sub,.v389-sub,.stocktake-subnav,.stocktake-sub){background:transparent!important;border-right:1px solid #3d6072!important}
}

@media screen{
 html.ux480 .sw-page [data-editor] .sw-steps{display:flex!important;margin:0!important;min-height:0!important;max-height:62px;overflow-y:hidden!important}
 html.ux480 .sw-page [data-editor] .sw-party-select{padding:10px!important;margin:0 0 8px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
 html.ux480 .sw-page [data-editor] .sw-selected-customer{padding:10px!important;margin:8px 0!important;gap:7px!important;border-radius:9px!important;font-size:12px}
 html.ux480 .sw-page [data-editor] .sx-payment-modes{padding:4px!important;gap:3px!important;border-radius:9px!important;max-width:none}
 html.ux480 .sw-page [data-editor] .sx-payment-modes button{min-height:40px!important;padding:6px!important;font-size:11px!important;line-height:1.6!important}
 html.ux480 .sw-page [data-editor] .sw-parties>.sw-actions{display:flex!important;align-items:end!important;gap:8px!important;flex-wrap:nowrap!important;margin:8px 0!important}
 html.ux480 .sw-page [data-editor] .sw-parties>.sw-actions>label{flex:1;min-width:0;margin:0!important}
 html.ux480 .sw-page [data-editor] .sw-parties>.sw-actions>[data-customer]{min-height:40px!important;margin:0!important;padding:7px 9px!important;white-space:nowrap;width:auto!important}
 html.ux480 .sw-page [data-editor] .sw-party-select .ui-select-trigger{min-height:40px!important;padding:7px 10px!important}
}