/* R50: compact inventory workspace, with a phone-first count list. */
:root{--ink:#182d29;--green:#205b49;--paper:#fff;--line:#e6ece9;--soft:#f3f6f4}
body{background:#fafbf9;color:var(--ink)}button,.button,input,select{border-radius:12px}button.primary,button.active{background:var(--green);border-color:var(--green)}header{min-height:82px;background:#fff}.workspace-label{font-size:15px}.workspace-label small{font-size:9px;letter-spacing:1.4px;margin-top:4px;color:#8b9690}#utility{margin-left:auto;position:relative}#utility summary{list-style:none;cursor:pointer;font-size:20px;letter-spacing:2px;padding:10px;border:1px solid var(--line);border-radius:12px}#utility summary::-webkit-details-marker{display:none}#utility details>div{position:absolute;right:0;top:50px;min-width:180px;background:white;padding:8px;box-shadow:0 12px 30px #18362918;border:1px solid var(--line);border-radius:14px;z-index:30}#utility button{display:block;width:100%;text-align:left;border:0}.mobile-only{display:none}.badge.warning{background:#fff0e5;color:#914619}.badge.matched{background:#e5f3e9;color:#246044}.view-switch{background:#edf2ee;padding:5px;border-radius:14px;display:inline-flex;margin-top:0}.view-switch button{border:0;background:none}.view-switch button.active{background:white;color:var(--green);box-shadow:0 2px 5px #19372a0c}.import-guide>summary{cursor:pointer;font-weight:650;font-size:15px;list-style:none;display:flex;justify-content:space-between;padding:4px 0 10px}.import-guide>summary::after{content:'+';font-size:20px}.import-guide[open]>summary::after{content:'−'}.import-guide>summary span{font-weight:400;color:#718078;font-size:12px;margin-left:auto;margin-right:12px}.source-note{font-size:12px}.comparison-filters{gap:7px}.comparison-filters button{padding:9px 12px;font-size:12px}.steps{gap:12px}.steps>div{border:1px solid #e3eae5}.steps p{font-size:13px}.select-heading label{display:flex;gap:8px;align-items:center}.card{border-color:var(--line);border-radius:16px;box-shadow:0 3px 14px #1e382805}.card strong{font-size:17px}.card span{font-size:13px}.card small{border-top:1px solid var(--line);padding-top:10px}.login{border:1px solid var(--line);box-shadow:0 12px 45px #18332908}.login:before{content:'UGARIT / WORKSPACE';font-size:10px;letter-spacing:1.7px;color:#7a8980}.login h1{margin-top:20px}.login button{width:100%}.compact-count>summary{cursor:pointer;list-style:none}.compact-count>summary::-webkit-details-marker{display:none}.compact-count>summary::after{content:'+';font-size:22px;color:#527361;margin-left:12px}.compact-count[open]>summary::after{content:'−'}.compact-count:not([open])>summary{margin-bottom:0!important;border-bottom:0!important;padding-bottom:0!important}.compact-count[open]{border-color:#9ebaa8!important}.compact-count{transition:border-color .15s ease}
@media(max-width:700px){
 body{background:#fff}body:not(.ugarit-stocktake){padding-bottom:84px}header{padding:14px 18px;min-height:74px;gap:18px}header img{width:105px}.workspace-label{font-size:13px}.workspace-label small{font-size:8px;letter-spacing:1px}#utility summary{font-size:16px;padding:8px 9px}
 #nav:not([hidden]){display:grid;grid-template-columns:1fr 1fr;position:fixed;bottom:0;left:0;right:0;background:#fffefb;padding:9px 16px calc(9px + env(safe-area-inset-bottom));margin:0;border-top:1px solid var(--line);z-index:20;gap:10px}#nav[hidden]{display:none}#nav button{font-size:13px;min-height:46px;border:0;color:#77847b;background:transparent}#nav button.active{color:var(--green);background:#edf4ed;font-weight:700}#nav button::before{content:'▦';margin-right:8px;font-size:18px}#nav button[data-tab=physical]::before{content:'☑'}
 main{margin:22px auto 0;padding:0 16px 24px}.heading{gap:12px;margin-bottom:20px}.heading h1{font-size:25px;letter-spacing:-.8px}.heading p{font-size:12px;margin:6px 0 0;line-height:1.5}.heading .text{font-size:12px;margin-bottom:14px}.heading>.primary{min-height:42px;padding:10px 14px;font-size:12px}.filters{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:16px 0}#search{grid-column:1/-1;background:#f5f7f4;border:1px solid transparent;font-size:14px;min-height:46px;padding:12px 14px}.filters select{min-width:0;font-size:12px;padding:11px 9px;background:white;border-color:var(--line)}input:not([type=checkbox]),textarea{font-size:16px}
 .inventory-grid{overflow:visible;border:0;border-radius:0}.inventory-grid table,.inventory-grid tbody{display:block;width:100%}.inventory-grid thead{display:none}.inventory-grid.selectable thead,.inventory-grid.selectable thead tr,.inventory-grid .select-heading{display:block}.inventory-grid thead th:not(.select-heading){display:none}.inventory-grid .select-heading{background:white;padding:2px 0 12px;border:0}.select-heading label{font-size:12px;font-weight:500;color:#6c7c72}.mobile-only{display:inline}.inventory-grid input[type=checkbox]{width:22px;height:22px;margin:0}.inventory-grid tbody>tr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px 8px;padding:14px 12px;border:1px solid var(--line);border-radius:14px;margin-bottom:9px;position:relative;align-items:center;background:white}.inventory-grid.selectable tbody>tr{padding-left:45px}.inventory-grid tr:has(input:checked){border-color:#9ab59c;background:#f8fbf6}.inventory-grid td{border:0;padding:0;min-width:0!important;font-size:13px}.inventory-grid .select-cell{position:absolute;left:0;top:0;width:44px;padding:15px 10px;min-height:48px}.inventory-grid .name-cell{grid-column:1/-1;font-weight:600;font-size:14px;line-height:1.4}.name-cell .text{font-size:14px;font-weight:600;color:#233a2e;line-height:1.4;min-height:24px}.inventory-grid .name-cell small{font-size:10px;font-weight:400;margin:4px 0;color:#8b958d}.inventory-grid .brand-cell{font-size:10px;color:#7e8b81;grid-column:1/2;grid-row:2}.inventory-grid .status-cell{grid-column:2/4;grid-row:2;justify-self:end}.inventory-grid .status-cell small{display:none}.badge{font-size:10px;padding:3px 7px}.inventory-grid .metric{grid-row:3;background:#f5f7f4;border-radius:7px;padding:7px 9px;font-size:16px;font-weight:600;display:flex;align-items:center;justify-content:space-between;gap:5px;font-variant-numeric:tabular-nums}.inventory-grid .metric:before{content:attr(data-label);font-size:9px;font-weight:400;color:#7a887e}.inventory-grid .system-metric{grid-column:1/2}.inventory-grid:not(.comparison) .staff-metric{grid-column:2/4}.inventory-grid.comparison .staff-metric{grid-column:1}.inventory-grid .tally-metric{grid-column:2}.inventory-grid .delta-metric{grid-column:3}.inventory-grid.comparison .metric{display:block;text-align:center;font-size:17px}.inventory-grid.comparison .metric:before{display:block;font-size:9px;margin-bottom:3px}.inventory-grid .empty-row{display:block;padding:20px!important;color:#7a887e}.pager{margin:13px 0 20px;gap:8px}.pager>span:first-child{font-size:11px}.pager button{font-size:11px;padding:8px 10px}.pager>span{font-size:10px}.view-switch{display:flex;flex-wrap:nowrap;margin:0 0 16px}.view-switch button{font-size:12px;padding:11px 9px;flex:1}
 .compare-tools{background:#f7f9f5;border:1px solid #e5ebe2;padding:13px;border-radius:15px}.import-guide>summary{font-size:13px}.import-guide>summary span{font-size:9px}.steps{grid-template-columns:1fr;gap:8px}.steps>div{padding:12px;display:grid;grid-template-columns:1fr auto;gap:4px 8px}.steps small{grid-column:1;font-size:9px;letter-spacing:1px;margin:0}.steps strong{grid-column:1;font-size:12px;margin:3px 0}.steps p{grid-column:1/-1;font-size:11px;min-height:0;margin:4px 0}.steps button,.steps label.button{grid-column:1/-1;font-size:12px;padding:9px;text-align:center;min-height:40px}.steps label input{width:100%;max-width:none;font-size:11px;margin-top:6px}.comparison-filters{flex-wrap:nowrap;overflow-x:auto;padding:3px 0;margin:10px 0 0;scrollbar-width:none}.comparison-filters button{flex:none;font-size:11px;white-space:nowrap;min-height:38px}.source-note{font-size:10px;margin-bottom:8px;overflow-wrap:anywhere}.list-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.list-actions>*{font-size:12px;min-height:44px}.list-actions .primary{grid-column:1/-1;grid-row:1}.hint{font-size:10px}.create-bar{position:sticky;bottom:76px;background:#ffffffed;padding:9px 0;z-index:10}.create-bar button{width:100%;min-height:46px;font-size:13px}.cards{gap:10px}.card{padding:18px;gap:8px}.login{margin:38px auto;padding:24px 20px}.login input{font-size:16px}.login button{min-height:46px}
 dialog{position:fixed;top:auto;bottom:0;margin:0;width:100%;max-width:none;max-height:88dvh;border:0;border-radius:22px 22px 0 0;padding:24px 20px calc(24px + env(safe-area-inset-bottom));box-shadow:0 -10px 60px #162d2422}dialog h2{font-size:20px}dialog .actions{position:sticky;bottom:0;background:white;padding-top:12px}dialog .actions button{min-height:46px}.import-summary{gap:10px;font-size:12px;padding:13px}.import-summary strong{flex:1}#messages{position:fixed;left:12px;right:12px;bottom:calc(80px + env(safe-area-inset-bottom));font-size:12px;padding:11px 14px;border-radius:12px;box-shadow:0 4px 20px #15342212;z-index:35}
 /* Staff: tap a compact row to count, save closes it and counted items hide. */
 body.ugarit-minimal[data-mode=staff]{background:#fff;font-size:13px}body.ugarit-minimal[data-mode=staff] .topbar{position:static;min-height:65px;padding:12px 16px;border-bottom:1px solid var(--line)}body.ugarit-minimal[data-mode=staff] .brand img{width:108px!important;height:auto!important}body.ugarit-minimal[data-mode=staff] .brand-context{font-size:12px}body.ugarit-minimal[data-mode=staff] .brand-context small{font-size:9px}body.ugarit-minimal[data-mode=staff] .topbar>span:last-child:not(.brand){display:none}body.ugarit-minimal[data-mode=staff] main{padding:20px 14px 130px}body.ugarit-minimal[data-mode=staff] h1{font-size:23px}body.ugarit-minimal[data-mode=staff] .heading{gap:10px;margin-bottom:14px}body.ugarit-minimal[data-mode=staff] .heading .toolbar{flex-wrap:nowrap;overflow:auto;width:100%;gap:7px}body.ugarit-minimal[data-mode=staff] .heading .toolbar button{font-size:10px;white-space:nowrap;padding:8px 10px;min-height:36px}body.ugarit-minimal[data-mode=staff] .panel{padding:14px;margin-bottom:10px;border-radius:13px;box-shadow:none;border-color:var(--line)}body.ugarit-minimal[data-mode=staff] .help{font-size:11px;margin:6px 0}body.ugarit-minimal[data-mode=staff] .field>span{font-size:11px}body.ugarit-minimal[data-mode=staff] input,body.ugarit-minimal[data-mode=staff] textarea{font-size:16px;min-height:44px;border-radius:9px}body.ugarit-minimal[data-mode=staff] input[type=checkbox]{min-height:20px;width:20px;height:20px}body.ugarit-minimal[data-mode=staff] .compact-count{padding:12px!important;margin-bottom:8px!important;border-radius:13px!important;box-shadow:none!important}body.ugarit-minimal[data-mode=staff] .compact-count>summary{display:flex;gap:9px;align-items:center;min-height:45px;padding:0 0 12px}body.ugarit-minimal[data-mode=staff] .compact-count h3{font-size:13px!important;line-height:1.4;margin:0}body.ugarit-minimal[data-mode=staff] .compact-count small{font-size:10px!important}body.ugarit-minimal[data-mode=staff] .compact-count .photo{width:36px!important;height:36px!important;border-radius:7px}body.ugarit-minimal[data-mode=staff] .compact-count .item-head>div:not(.total){flex:1;min-width:0}body.ugarit-minimal[data-mode=staff] .compact-count .total{font-size:17px!important;min-width:45px!important;margin-left:auto!important;padding:0!important;background:none!important}body.ugarit-minimal[data-mode=staff] .entry{padding:10px 0;gap:8px;grid-template-columns:1fr 1fr}body.ugarit-minimal[data-mode=staff] .entry-no{display:none}body.ugarit-minimal[data-mode=staff] .entry-actions{grid-column:1/-1;display:flex;justify-content:flex-end}body.ugarit-minimal[data-mode=staff] .entry-actions button{min-height:36px;font-size:10px}body.ugarit-minimal[data-mode=staff] .item-save-row{margin-top:12px}body.ugarit-minimal[data-mode=staff] .item-save-row button{min-height:44px;background:var(--green);color:white}body.ugarit-minimal[data-mode=staff] .item-actions{display:flex;gap:6px;flex-wrap:wrap}body.ugarit-minimal[data-mode=staff] .item-actions button{font-size:11px;min-height:40px;padding:9px}body.ugarit-minimal[data-mode=staff] .savebar{padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:white;border-top:1px solid var(--line);box-shadow:0 -5px 20px #12351c05}body.ugarit-minimal[data-mode=staff] .savebar button{min-height:44px;font-size:12px}body.ugarit-minimal[data-mode=staff] #messages{bottom:110px}
}
@media(prefers-reduced-motion:reduce){.compact-count{transition:none}}