.shop-head,.shop-section-head{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:18px}.shop-head h1{margin:0}.shop-head p{margin:6px 0;color:var(--muted)}.shop-status{font-size:12px;font-weight:750;background:var(--cvr-surface);padding:9px 12px;border-radius:20px}.shop-nav{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.shop-nav button{background:var(--cvr-surface);color:var(--green)}.shop-nav button.active{background:var(--green);color:var(--cvr-ink)}.shop-section-head{margin-top:22px}.shop-section-head h2{margin:0;font-size:22px}.shop-sort-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.shop-sort-card{border:1px solid var(--line);border-radius:15px;background:var(--cvr-surface);padding:17px;min-width:0}.shop-sort-card h3{font-size:17px;margin:0 0 7px;overflow-wrap:anywhere}.shop-sort-card p,.shop-sort-card small{font-size:12px;color:var(--muted)}.shop-ready-count{display:flex;gap:9px;align-items:baseline;margin:12px 0}.shop-ready-count strong{font-size:31px;color:var(--green);font-variant-numeric:tabular-nums}.shop-ready-count span{font-size:13px;color:var(--muted)}.shop-card-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.shop-card-actions button{flex:1;min-height:45px}.shop-group{margin:25px 0}.shop-group>h3{font-size:14px;color:var(--green);letter-spacing:.03em}.shop-table-wrap{overflow:auto;margin-top:18px}.shop-table-wrap table{width:100%;border-collapse:collapse;background:var(--cvr-surface)}.shop-table-wrap th,.shop-table-wrap td{text-align:left;padding:12px;border-bottom:1px solid var(--line);font-size:13px}.shop-pickup-list{display:grid;gap:10px}.shop-pickup-row{display:flex;justify-content:space-between;gap:20px;text-align:left;background:var(--cvr-surface);border:1px solid var(--line);padding:19px}.shop-pickup-row span{display:grid;gap:7px}.shop-pickup-row small{font-size:12px;color:var(--muted)}.shop-pickup-row span:last-child{text-align:right}.shop-company-list{display:flex;gap:8px;flex-wrap:wrap}.shop-pickup-counts{display:grid;gap:10px}.shop-pickup-counts label{display:grid;grid-template-columns:1fr 90px;align-items:center;gap:4px 14px;padding:10px;border-bottom:1px solid var(--line)}.shop-pickup-counts small{grid-column:1;color:var(--muted)}.shop-pickup-counts input{grid-column:2;grid-row:1/3}.shop-detail-totals{display:grid;gap:9px;padding:14px;background:var(--cvr-surface);border-radius:12px}.shop-detail-totals strong{font-size:22px}.shop-payment-row{display:flex;justify-content:space-between;gap:12px;padding:12px;border-bottom:1px solid var(--line)}.shop-payment-row span{font-size:12px}.shop-print{display:none}#shopScreen button:disabled{opacity:.45;cursor:not-allowed}.shop-dialog{max-height:calc(100dvh - 24px);overflow:auto}.shop-pickup-preview{font-weight:800;color:var(--green)}@media(max-width:800px){.shop-sort-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.shop-sort-grid{grid-template-columns:1fr}.shop-nav{display:grid;grid-template-columns:1fr 1fr;gap:6px}.shop-nav button{padding:12px 8px;font-size:12px}.shop-sort-card{padding:14px}.shop-head{gap:6px}.shop-pickup-row{padding:14px;gap:10px}.shop-pickup-row strong{font-size:14px}.shop-pickup-row small{font-size:11px}}@media print{body.printing-shop .topbar,body.printing-shop #shopScreen>*:not(.shop-print){display:none!important}body.printing-shop #homeScreen,body.printing-shop #routesContent,body.printing-shop #routeTabs,body.printing-shop #routeNavMobile{display:none!important}body.printing-shop .shop-print{display:block!important}.shop-print table{width:100%;border-collapse:collapse}.shop-print td,.shop-print th{padding:8px;border-bottom:1px solid var(--cvr-line);text-align:left}.shop-print tr{break-inside:avoid}}

.shop-drop-select{display:grid;gap:7px;margin:15px 0;font-weight:700}.shop-drop-select select{padding:13px;border:1px solid var(--line);border-radius:10px;background:var(--cvr-surface)}#shopScreen details{margin-top:22px}#shopScreen details summary{cursor:pointer;font-weight:750;padding:12px 0}

.counter-voided{opacity:.65}.counter-voided td:first-child{text-decoration:line-through}.form-grid .counter-cash-confirm{display:flex;align-items:flex-start;gap:12px;line-height:1.5}.form-grid .counter-cash-confirm input{width:22px;height:22px;margin:0;flex-shrink:0}

.shop-payment-voided{opacity:.65}.shop-payment-voided>strong{text-decoration:line-through}.shop-payment-row>div{min-width:0;overflow-wrap:anywhere}.shop-payment-row p{font-size:12px;margin:5px 0}.shop-payment-row .shop-card-actions{margin-top:8px}

.shop-balance-summary{display:flex;flex-wrap:wrap;gap:24px;margin:18px 0}.shop-balance-summary small,.shop-balance-summary strong{display:block}.shop-balance-summary strong{font-size:1.6rem}.shop-company-balances{display:grid;gap:8px;margin-bottom:18px}.shop-company-balances>div{display:flex;justify-content:space-between;gap:16px;padding:12px;background:var(--cvr-surface);border-radius:10px}.shop-company-balances small{display:block;color:var(--cvr-muted)}.shop-company-balances strong{white-space:nowrap}

.shop-sort-tools{display:grid;grid-template-columns:2fr 1fr;gap:12px;margin:18px 0}.shop-sort-tools label{display:grid;gap:6px;font-size:13px;font-weight:700}.shop-sort-tools input,.shop-sort-tools select{width:100%;min-width:0;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--cvr-surface);font:inherit;min-height:44px}.shop-pickup-row span{min-width:0;overflow-wrap:anywhere}.shop-company-balances span{min-width:0;overflow-wrap:anywhere}#shopScreen button:focus-visible,#shopScreen input:focus-visible,#shopScreen select:focus-visible{outline:3px solid var(--cvr-action);outline-offset:3px}
.shop-pickup-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:stretch}.shop-pickup-item .shop-pickup-row{width:100%}.shop-pickup-item .shop-save-tally{min-height:48px;white-space:nowrap}@media(max-width:600px){.shop-pickup-item{grid-template-columns:1fr}.shop-pickup-item .shop-save-tally{justify-self:stretch}}
@media(max-width:480px){.shop-sort-tools{grid-template-columns:1fr}.shop-group .shop-sort-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 12px;padding:12px}.shop-group .shop-sort-card h3{grid-column:1;font-size:16px;margin:0}.shop-group .shop-sort-card p{grid-column:1;margin:0}.shop-group .shop-sort-card>small{grid-column:1}.shop-group .shop-ready-count{grid-column:2;grid-row:1/4;display:grid;gap:0;text-align:right;margin:0;align-self:center}.shop-group .shop-ready-count strong{font-size:25px}.shop-group .shop-card-actions{grid-column:1/-1;margin-top:6px}.shop-balance-summary{gap:16px}.shop-balance-summary strong{font-size:1.3rem}}

/* Focused Shop workspace, based on RedemptionBase's action home and checkout. */
.shop-launcher{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:24px 0}
.shop-launcher button{min-height:100px;text-align:left;padding:22px;border:1px solid var(--cvr-line);border-radius:16px;background:var(--cvr-surface);color:var(--cvr-ink);font-size:17px;box-shadow:var(--cvr-shadow)}
.shop-launcher button strong,.shop-launcher button small{display:block}.shop-launcher button small{margin-top:8px;font-size:12px;font-weight:500;line-height:1.5}
.shop-launcher button[data-view="counter"]{grid-column:span 2;background:var(--cvr-brand);color:var(--cvr-on-action)}.shop-launcher button[data-view="sorting"]{background:var(--cvr-surface)}
.shop-launcher button.active{outline:0;background:inherit;color:inherit}.shop-launcher button[data-view="counter"].active{background:var(--cvr-brand);color:var(--cvr-on-action)}.shop-launcher button[data-view="sorting"].active{background:var(--cvr-surface)}
.shop-task{width:min(1180px,calc(100vw - 40px));height:min(860px,calc(100dvh - 40px));max-width:none;max-height:none;padding:0;border:1px solid var(--cvr-line);border-radius:20px;background:var(--cvr-surface);color:var(--cvr-ink);box-shadow:var(--cvr-shadow);overflow:hidden}
.shop-task[open]{display:flex;flex-direction:column}.shop-task::backdrop,.shop-dialog::backdrop{background:var(--cvr-backdrop)}
.shop-task-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 22px;background:var(--cvr-surface);border-bottom:1px solid var(--cvr-line);flex-shrink:0}.shop-task-head h2{margin:3px 0 0;font-size:23px}.shop-task-head small{font-size:10px;font-weight:800;letter-spacing:.12em;color:var(--cvr-muted)}.shop-task-head button{min-height:44px;min-width:80px}
.shop-task-content{overflow:auto;padding:18px 22px;flex:1;min-height:0;overscroll-behavior:contain}
.shop-task .shop-group{margin:18px 0}.shop-task .shop-sort-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.shop-task .shop-sort-card{padding:12px}.shop-task .shop-sort-card h3{font-size:14px}.shop-task .shop-ready-count{margin:7px 0}.shop-task .shop-ready-count strong{font-size:25px}.shop-task .shop-card-actions{margin-top:9px}.shop-task .shop-section-head{margin-top:4px}
.shop-checkout-dialog{width:min(620px,calc(100vw - 24px))}.shop-checkout-dialog input[name="five"],.shop-checkout-dialog input[name="fifteen"]{font-size:36px;font-weight:800;text-align:center;min-height:82px;background:var(--cvr-surface)}.shop-checkout-dialog [data-c-value]{font-size:42px;text-align:center;margin:8px 0;padding:18px;background:var(--cvr-surface);border-radius:12px}.shop-checkout-dialog .dialog-actions button{min-height:54px;font-size:17px}.shop-dialog .dialog-head{position:sticky;top:0;background:var(--cvr-surface);z-index:1;padding-top:8px}
@media(max-width:850px){.shop-task .shop-sort-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shop-launcher{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){.shop-launcher{gap:10px}.shop-launcher button{min-height:86px;padding:16px;font-size:15px}.shop-task{width:100vw;height:100dvh;margin:0;border:0;border-radius:0}.shop-task-head{padding:12px 16px}.shop-task-content{padding:12px}.shop-task .shop-sort-grid{grid-template-columns:1fr}.shop-checkout-dialog{width:100vw;max-width:100vw;max-height:100dvh;margin:auto 0 0;border-radius:18px 18px 0 0}.shop-checkout-dialog .form-grid{grid-template-columns:1fr 1fr}.shop-checkout-dialog label:has(input[name="customerName"]){grid-column:1/-1}.shop-checkout-dialog input[name="five"],.shop-checkout-dialog input[name="fifteen"]{min-height:68px;font-size:30px}}

/* RedemptionBase visual system, scoped to the private Shop. */
#shopScreen{color:var(--cvr-ink);background:var(--cvr-surface);padding:20px;border-radius:16px}
#shopScreen .shop-task,#shopScreen .shop-dialog{background:var(--cvr-surface);color:var(--cvr-ink);border-color:var(--cvr-line)}
#shopScreen .shop-task-head,#shopScreen .dialog-head{background:var(--cvr-surface);border-color:var(--cvr-line);color:var(--cvr-ink)}
#shopScreen .shop-task-head small,#shopScreen .muted,#shopScreen small{color:var(--cvr-muted)}
#shopScreen button{border:1px solid var(--cvr-line);background:var(--cvr-surface);color:var(--cvr-ink);border-radius:10px;font-weight:800}
#shopScreen button.primary,#shopScreen .shop-launcher button[data-view="counter"]{background:var(--cvr-brand);border-color:var(--cvr-line);color:var(--cvr-on-action)}
#shopScreen .shop-launcher button,#shopScreen .shop-sort-card,#shopScreen .shop-pickup-row,#shopScreen .shop-table-wrap table,#shopScreen .shop-company-balances>div{background:var(--cvr-surface);color:var(--cvr-ink);border-color:var(--cvr-line)}
#shopScreen .shop-launcher button[data-view="sorting"]{background:var(--cvr-surface)}
#shopScreen input,#shopScreen select,#shopScreen textarea{background:var(--cvr-surface);color:var(--cvr-ink);border-color:var(--cvr-line)}
#shopScreen .shop-status,#shopScreen .shop-detail-totals{background:var(--cvr-surface);color:var(--cvr-ink)}
#shopScreen .shop-checkout-dialog [data-c-value]{background:var(--cvr-surface);color:var(--cvr-ink)}
#shopScreen .shop-checkout-dialog input[name="five"],#shopScreen .shop-checkout-dialog input[name="fifteen"]{background:var(--cvr-surface);color:var(--cvr-ink)}
.sorting-view-switch{display:flex;gap:6px}.sorting-actions{display:grid;grid-template-columns:2fr 1fr;gap:12px;margin-top:14px}.sorting-actions button{min-height:95px;text-align:left;padding:18px}.sorting-actions strong,.sorting-actions small{display:block}.sorting-actions small{margin-top:7px}
.sort-filter-row{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.sort-filter{padding:9px 12px;font-size:12px}#shopScreen .sort-filter.active{background:var(--cvr-surface);color:var(--cvr-ink)}
.sort-quick-group{border:1px solid var(--cvr-line);border-radius:10px;overflow:hidden;margin:10px 0;background:var(--cvr-surface)}.sort-quick-group-title{background:var(--cvr-surface);color:var(--cvr-ink);padding:8px 10px;font-size:12px;margin:0}.sort-quick-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:6px}.sort-quick-card{border:1px solid var(--cvr-line);border-radius:8px;background:var(--cvr-surface);padding:8px;min-width:0}.sort-quick-card-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:7px;align-items:center}.sort-quick-count{font-size:23px;font-weight:950;color:var(--cvr-ink);white-space:nowrap}.sort-quick-name{font-size:11px;line-height:1.2}.sort-quick-ready{font-size:10px;text-align:center;color:var(--cvr-ink);white-space:nowrap}.sort-quick-ready b{display:block;font-size:19px;color:var(--cvr-ink)}.sort-quick-controls{display:grid;grid-template-columns:1fr 1.15fr;gap:6px;margin-top:8px}.sort-quick-controls button{min-height:44px;padding:8px 4px;font-size:12px}#shopScreen .remove-unit{background:var(--cvr-danger-bg);border-color:var(--cvr-line);color:var(--cvr-danger)}
.quick-sort-toolbar{display:flex;gap:8px;align-items:center;margin:12px 0}.quick-sort-toolbar p{flex:1;font-size:12px;color:var(--cvr-ink)}.quick-sort-board{display:grid;gap:7px}.quick-sort-family{display:grid;grid-template-columns:86px minmax(0,1fr);gap:6px;padding:6px;border:1px solid var(--cvr-line);border-radius:10px;background:var(--cvr-surface)}.quick-sort-family-title{display:flex;align-items:center;justify-content:center;text-align:center;background:var(--cvr-surface);color:var(--cvr-ink);font-size:11px;margin:0;border-radius:7px;padding:4px}.quick-sort-family-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(85px,1fr));gap:5px}#shopScreen .quick-sort-add{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:var(--cvr-surface);min-height:100px;padding:18px 6px 7px}.quick-sort-count{font-size:26px;color:var(--cvr-ink);line-height:1}.quick-sort-meta{font-size:10px;font-weight:900}.quick-sort-size{font-size:10px;color:var(--cvr-ink);line-height:1.2}.quick-sort-readybadge{position:absolute;right:4px;top:4px;min-width:20px;padding:2px 5px;background:var(--cvr-surface);color:var(--cvr-ink);border-radius:20px;font-size:11px}.sort-quick-search{display:grid;gap:7px;font-size:12px}.sort-quick-search input{min-height:44px;padding:12px}
@media(max-width:900px){.sort-quick-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){#shopScreen{padding:12px}.sort-quick-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sort-quick-card-head{grid-template-columns:1fr auto}.sort-quick-name{grid-column:1/-1;grid-row:2}.sort-quick-ready{grid-column:2;grid-row:1}.sort-filter-row{flex-wrap:nowrap;overflow:auto}.sort-filter{white-space:nowrap;flex-shrink:0}.sorting-actions{grid-template-columns:1fr}.quick-sort-family{grid-template-columns:60px minmax(0,1fr)}.quick-sort-family-items{grid-template-columns:repeat(3,minmax(0,1fr))}.quick-sort-family-title{font-size:9px}.quick-sort-size{font-size:9px}.quick-sort-toolbar{flex-wrap:wrap}.quick-sort-toolbar p{flex-basis:100%}.quick-sort-count{font-size:22px}}
#shopScreen .checkout-total{text-align:center;background:var(--cvr-surface);border:1px solid var(--cvr-line);border-radius:13px;padding:14px;margin:8px 0}#shopScreen .checkout-total small{font-size:11px;font-weight:900;letter-spacing:.1em}#shopScreen .shop-checkout-dialog .checkout-total [data-c-value]{background:transparent;padding:0;margin:8px 0;font-size:47px}.checkout-pay{display:grid;grid-template-columns:1fr 1fr;gap:10px}.checkout-pay button{min-height:65px;font-size:14px}#shopScreen .checkout-pay button.credit{background:var(--cvr-surface);border-color:var(--cvr-line)}#shopScreen [hidden]{display:none!important}

/* Dedicated Quick Sort: only material/count tiles and a close control. */
#shopScreen .shop-quick-window{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:8px 8px 8px;border:0;border-radius:0;background:var(--cvr-canvas);color:var(--cvr-ink);overflow:auto;overscroll-behavior:contain}
#shopScreen .shop-quick-window::backdrop{background:var(--cvr-backdrop)}
#shopScreen .quick-window-close{position:sticky;top:0;display:block;margin:0 0 6px auto;min-height:44px;padding:8px 16px;z-index:2;background:var(--cvr-canvas)}
#shopScreen .shop-quick-window .quick-sort-board{gap:5px}
#shopScreen .shop-quick-window .quick-sort-family{padding:5px;gap:5px;grid-template-columns:80px minmax(0,1fr)}
#shopScreen .shop-quick-window .quick-sort-family-items{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}
#shopScreen .shop-quick-window .quick-sort-add{min-height:70px;padding:16px 5px 6px;gap:3px}
#shopScreen .shop-quick-window .quick-sort-count{font-size:25px}
#shopScreen [data-quick-error]:not([hidden]){position:sticky;top:48px;z-index:2;padding:10px;margin-bottom:8px;background:var(--cvr-danger-bg);color:var(--cvr-danger);border:1px solid var(--cvr-line);border-radius:8px}
@media(max-width:600px){#shopScreen .shop-quick-window .quick-sort-family{grid-template-columns:56px minmax(0,1fr)}#shopScreen .shop-quick-window .quick-sort-family-items{grid-template-columns:repeat(3,minmax(0,1fr))}#shopScreen .shop-quick-window .quick-sort-add{min-height:78px}#shopScreen .shop-quick-window .quick-sort-count{font-size:23px}}
#shopScreen .checkout-pay{grid-template-columns:repeat(3,minmax(0,1fr))}#shopScreen .checkout-pay .check{background:var(--cvr-surface);border-color:var(--cvr-line)}.cash-denominations{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:12px 0}#shopScreen [data-checkout-new] label:has(input[type=checkbox]){display:flex;align-items:center;gap:10px}#shopScreen [data-checkout-new] input[type=checkbox]{width:22px;height:22px}#shopScreen .shop-task .shop-table-wrap input{min-width:90px}@media(max-width:540px){.cash-denominations{grid-template-columns:repeat(2,minmax(0,1fr))}#shopScreen .checkout-pay{grid-template-columns:1fr 1fr}#shopScreen .checkout-pay [data-c-pay=cash]{grid-column:1/-1}}
.counter-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0}.counter-metrics>div{padding:15px;border:1px solid var(--cvr-line);border-radius:13px;background:var(--cvr-surface)}.counter-metrics small,.counter-metrics strong{display:block}.counter-metrics small{text-transform:uppercase;font-size:10px;letter-spacing:.06em}.counter-metrics strong{font-size:27px;color:var(--cvr-ink);margin-top:8px}@media(max-width:600px){.counter-metrics{grid-template-columns:1fr 1fr}.counter-metrics strong{font-size:23px}}

.shop-account-filters{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:12px;margin:16px 0}.shop-account-filters label{display:grid;gap:6px}.shop-account-filters input,.shop-account-filters select{width:100%;min-height:44px}
/* Keep the Shop form grid independent of the Owner page's mobile overrides. */
#shopScreen .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
#shopScreen .form-grid>*{min-width:0}
#shopScreen .form-grid .wide,#shopScreen .shop-checkout-dialog label:has(input[name="customerName"]){grid-column:1/-1}
#shopScreen .form-grid label{color:var(--cvr-ink)}
#shopScreen .shop-checkout-dialog{overflow-x:hidden}
#shopScreen .shop-checkout-dialog input,#shopScreen .shop-checkout-dialog select{min-width:0;max-width:100%}
#shopScreen [data-checkout-new]{display:grid;gap:12px}
#shopScreen .shop-checkout-dialog .checkout-total{margin:0;padding:12px}
#shopScreen .shop-checkout-dialog .checkout-pay{width:100%}
@media(max-width:540px){#shopScreen .form-grid{grid-template-columns:minmax(0,1fr)}#shopScreen .shop-checkout-dialog .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#shopScreen .shop-checkout-dialog [data-checkout-account]{grid-column:1/-1}#shopScreen .shop-checkout-dialog .dialog-actions{position:sticky;bottom:0;background:var(--cvr-surface);padding:12px 0 0}#shopScreen .shop-checkout-dialog .checkout-pay button{min-height:52px}}
#shopScreen [data-c-back]{display:none}
#shopScreen .credit-step [data-c-back]{display:block}
#shopScreen .credit-step label:has(input[name="five"]),#shopScreen .credit-step label:has(input[name="fifteen"]),#shopScreen .credit-step label:has(input[name="customerName"]),#shopScreen .credit-step .checkout-pay,#shopScreen .credit-step [data-c-fields]>.muted{display:none}
#shopScreen .credit-step [data-checkout-account]{grid-column:1/-1}
@media print{body.printing-shop,body.printing-shop #shopScreen,body.printing-shop .shop-print{background:var(--cvr-canvas)!important;color:var(--cvr-ink)!important}body.printing-shop .shop-print *{color:var(--cvr-ink)!important}body.printing-shop #shopScreen{padding:0}}
@media print{
 @page{size:letter portrait;margin:.28in}
 body.printing-shop .cvr-tally-sheet{font:10px Arial,Helvetica,sans-serif;color:black;break-inside:auto}
 body.printing-shop .cvr-tally-sheet *{color:black!important;box-sizing:border-box}
 .cvr-tally-sheet h1{text-align:center;font-size:24px;margin:0;font-weight:900}
 .cvr-tally-sheet .tally-subtitle{text-align:center;font-size:12px;font-weight:700;margin:3px 0 14px}
 .cvr-tally-sheet .tally-fields{display:flex;justify-content:space-between;gap:12px;margin:0 4px 10px;font-size:10px}
 .cvr-tally-sheet .tally-pickup-meta{border-top:1px solid black;padding-top:7px}
 .cvr-tally-sheet .tally-note{font-size:9px;margin:0 4px 8px}
 .cvr-tally-sheet .tally-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}
 .cvr-tally-sheet .tally-group{break-inside:avoid;margin-bottom:6px}
 .cvr-tally-sheet .tally-group h2{font-size:13px;margin:0;padding:3px 4px;border-bottom:2px solid black;font-weight:900}
 .cvr-tally-sheet table{width:100%;border-collapse:collapse}
 .cvr-tally-sheet th,.cvr-tally-sheet td{border:1px solid gray;padding:3px 5px;vertical-align:middle}
 .cvr-tally-sheet th{font-size:8px;font-weight:900;background:lightgray!important}
 .cvr-tally-sheet .tally-count{width:25%;text-align:center;font-size:11px;font-weight:900}
 .cvr-tally-sheet .tally-qty{width:19%;text-align:center;font-size:12px;font-weight:900}
 .cvr-tally-sheet .tally-older{break-inside:avoid;margin:0 4px 10px;border:2px solid black}
 .cvr-tally-sheet .tally-older h2{font-size:10px;margin:0;padding:4px}
}

#shopScreen .quick-window-tools{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;gap:10px;background:var(--cvr-canvas);z-index:3;padding:0 0 8px}#shopScreen .quick-window-tools>div{display:flex;gap:8px}#shopScreen .quick-window-tools button{min-height:44px}#shopScreen .quick-window-close{position:static;margin:0}#shopScreen [data-quick-mode=add][aria-pressed=true]{background:var(--cvr-brand)}#shopScreen [data-quick-mode=remove][aria-pressed=true]{background:var(--cvr-brand);color:var(--cvr-on-action)}#shopScreen .remove-mode .quick-sort-add{outline:2px solid var(--cvr-action);outline-offset:-2px}#shopScreen .deposit-fifteen{background:var(--cvr-warning-bg);border:2px solid var(--cvr-line)}#shopScreen .deposit-fifteen .sort-deposit{background:var(--cvr-warning-bg);color:var(--cvr-warning);border-radius:5px;padding:2px 5px}#shopScreen .deposit-fifteen .quick-sort-count{color:var(--cvr-warning)}#shopScreen .sort-pending .quick-sort-readybadge{background:var(--cvr-warning-bg);color:var(--cvr-warning)}#shopScreen .sort-deposit{font-weight:900}#shopScreen .quick-sort-readybadge{max-width:100%;font-size:11px}

/* One-tap tally controls: keep removal beside each sort. */
#shopScreen .quick-sort-tile{min-width:0;border:1px solid var(--cvr-line);border-radius:9px;overflow:hidden;background:var(--cvr-surface)}
#shopScreen .quick-sort-tile .quick-sort-add{width:100%;border:0;border-radius:0;background:transparent;touch-action:manipulation}
#shopScreen .quick-sort-tile.deposit-fifteen{background:var(--cvr-warning-bg);border:2px solid var(--cvr-line)}
#shopScreen .quick-sort-minus{width:100%;min-height:44px;padding:5px;border:0;border-top:1px solid var(--cvr-line);border-radius:0;background:var(--cvr-danger-bg);color:var(--cvr-danger);font-weight:900;touch-action:manipulation}
#shopScreen .quick-sort-add:active{background:var(--cvr-surface);transform:scale(.97)}
#shopScreen .quick-sort-minus:active{background:var(--cvr-danger-bg)}
/* Daily Shop pages are panels so the Owner navigation stays available. */
#shopScreen section.shop-task{position:static;width:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;box-shadow:none;overflow:visible;transform:none;background:transparent}#shopScreen section.shop-task.hidden{display:none}#shopScreen section.shop-task .shop-task-content{padding:16px 0;overflow:visible;max-height:none}#shopScreen .shop-launcher.hidden,#shopScreen .shop-head.hidden{display:none}#shopScreen .shop-launcher{grid-template-columns:repeat(2,minmax(0,1fr))}#shopScreen .shop-launcher button{min-height:86px;text-align:left;font-size:17px}#shopScreen .shop-launcher button[data-view=quick]{background:var(--cvr-brand);border-color:var(--cvr-line);color:var(--cvr-on-action)}#shopScreen .shop-task-head{position:static;padding:0 0 14px}#shopScreen .shop-task-head small{display:none}@media(max-width:600px){#shopScreen .shop-launcher{grid-template-columns:1fr 1fr;gap:10px}#shopScreen .shop-launcher button{font-size:15px;min-height:90px;padding:12px}}
#shopScreen section.shop-task{height:auto;min-height:0}
#shopScreen .shop-launcher button[data-view=counter]{grid-column:auto}

/* A calmer bench surface; amber still identifies 15-cent sorts. */
.shop-quick-window, .quick-sort-board { background: var(--cvr-surface-muted); }
.quick-sort-tile:not(.deposit-fifteen) { background: var(--cvr-success-bg); border-color: var(--cvr-line); }
#shopScreen .shop-quick-window, #shopScreen .quick-sort-board { background: var(--cvr-surface-muted); }
#shopScreen .quick-sort-family { background: var(--cvr-surface-muted); }
#shopScreen .quick-sort-family-title { background: var(--cvr-brand); color: var(--cvr-on-action); }
#shopScreen .quick-sort-tile:not(.deposit-fifteen) { background: var(--cvr-success-bg); }

#shopScreen .shop-quick-window .quick-sort-board{display:grid;gap:4px}
#shopScreen .shop-quick-window .quick-sort-family{display:grid;grid-template-columns:72px minmax(0,1fr);gap:5px;align-items:stretch;padding:4px;border:1px solid var(--rb-quick-line);border-radius:9px;background:var(--rb-quick-row)}
#shopScreen .shop-quick-window .quick-sort-family-title{display:flex;align-items:center;justify-content:center;text-align:center;border-radius:6px;background:var(--rb-quick-label);color:var(--rb-quick-label-text);font-size:8px;font-weight:1000;letter-spacing:.055em;line-height:1.05;padding:3px;text-transform:uppercase}
#shopScreen .shop-quick-window .quick-sort-family-items{display:grid;grid-template-columns:repeat(var(--qs-cols),minmax(62px,92px));gap:4px;justify-content:start;min-width:0}
#shopScreen .shop-quick-window .quick-sort-tile{min-width:0}
#shopScreen .shop-quick-window .quick-sort-add{position:relative;width:100%;min-height:52px;border:1px solid var(--rb-quick-line);border-radius:7px;background:var(--rb-quick-tile);color:var(--rb-quick-white);padding:4px 3px 3px;cursor:pointer;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;overflow:hidden}
#shopScreen .shop-quick-window .quick-sort-add:hover{background:var(--rb-quick-hover);border-color:var(--rb-quick-hover-line)}
#shopScreen .shop-quick-window .quick-sort-add:active{transform:translateY(1px);background:var(--rb-quick-pressed)}
#shopScreen .shop-quick-window .quick-sort-count{font-size:18px;line-height:1;font-weight:1000;letter-spacing:-.03em;color:var(--rb-quick-count)}
#shopScreen .shop-quick-window .quick-sort-meta{font-size:6.8px;font-weight:1000;color:var(--rb-quick-meta);letter-spacing:.035em;text-transform:uppercase;line-height:1}
#shopScreen .shop-quick-window .quick-sort-size{width:100%;font-size:6.2px;color:var(--rb-quick-size);line-height:1.05;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#shopScreen .shop-quick-window .quick-sort-readybadge{position:absolute;top:2px;right:2px;min-width:15px;padding:2px;border-radius:999px;background:var(--rb-quick-badge);color:var(--rb-quick-muted);font-size:6.5px;font-weight:1000;line-height:1;text-align:center}
#shopScreen .shop-quick-window .quick-sort-readybadge.has-ready{background:var(--rb-quick-ready);color:var(--rb-quick-ready-text)}

#shopScreen .shop-quick-window{background:var(--rb-quick-row)!important;color:var(--rb-quick-white)!important;border-radius:0!important}
#shopScreen .shop-quick-window .quick-window-tools{background:var(--rb-quick-row);color:var(--rb-quick-white)}
#shopScreen .shop-quick-window .quick-sort-tile{position:static;height:auto;border:0;background:transparent;border-radius:0;overflow:visible}
#shopScreen .shop-quick-window .quick-sort-add{height:auto;min-width:0;box-shadow:none;line-height:normal;background:var(--rb-quick-tile)!important;color:var(--rb-quick-white)!important;border:1px solid var(--rb-quick-line)!important;border-radius:7px!important}
#shopScreen .shop-quick-window .quick-sort-add:hover{background:var(--rb-quick-hover)!important;border-color:var(--rb-quick-hover-line)!important}
#shopScreen .shop-quick-window .quick-sort-meta .sort-deposit{padding:0;background:transparent;color:inherit;border-radius:0}
#shopScreen .shop-quick-window .quick-sort-tile.deposit-fifteen .quick-sort-add{background:var(--cvr-warning-bg)!important;border-color:var(--cvr-warning-line)!important;color:var(--cvr-warning)!important}
#shopScreen .shop-quick-window .deposit-fifteen :is(.quick-sort-count,.quick-sort-meta,.quick-sort-size){color:var(--cvr-warning);background:transparent}
@media(max-width:1050px){#shopScreen .shop-quick-window .quick-sort-family-items{grid-template-columns:repeat(6,minmax(0,1fr));justify-content:stretch}}
@media(max-width:800px){#shopScreen .shop-quick-window .quick-sort-family{grid-template-columns:60px minmax(0,1fr)}#shopScreen .shop-quick-window .quick-sort-family-items{grid-template-columns:repeat(5,minmax(0,1fr));gap:3px}}
@media(max-width:600px){#shopScreen .shop-quick-window .quick-sort-family{grid-template-columns:45px minmax(0,1fr);gap:3px;padding:3px;border-radius:7px}#shopScreen .shop-quick-window .quick-sort-family-title{font-size:6.8px;padding:2px;overflow-wrap:anywhere}#shopScreen .shop-quick-window .quick-sort-family-items{grid-template-columns:repeat(5,minmax(0,1fr));gap:2px}#shopScreen .shop-quick-window .quick-sort-add{min-height:47px;border-radius:6px!important;padding:3px 1px 2px}#shopScreen .shop-quick-window .quick-sort-count{font-size:16px}#shopScreen .shop-quick-window .quick-sort-meta{font-size:5.8px}#shopScreen .shop-quick-window .quick-sort-size{font-size:5.4px}#shopScreen .shop-quick-window .quick-sort-readybadge{font-size:6px;min-width:14px}}
@media(max-width:380px){#shopScreen .shop-quick-window .quick-sort-family{grid-template-columns:41px minmax(0,1fr)}#shopScreen .shop-quick-window .quick-sort-count{font-size:15px}#shopScreen .shop-quick-window .quick-sort-meta{font-size:5.4px}#shopScreen .shop-quick-window .quick-sort-size{font-size:5px}}

#shopScreen .shop-quick-window .quick-sort-board{background:transparent}#shopScreen .shop-quick-window .quick-sort-family-items{--qs-cols:9}


/* Quick Sort fills the dialog while tiles keep usable, non-stretching heights. */
#shopScreen .shop-quick-window[open]{display:flex;flex-direction:column}
#shopScreen .shop-quick-window .quick-window-tools{flex:none;gap:8px}
#shopScreen .shop-quick-window .quick-window-tools>div{margin-left:auto}
#shopScreen .shop-quick-window .quick-window-tools button{min-height:44px;font-size:13px}
#shopScreen .shop-quick-window .quick-sort-board{display:grid;align-content:start;gap:7px;width:100%;max-width:1180px;margin:0 auto;flex:none;min-height:0}
#shopScreen .shop-quick-window .quick-sort-family{display:grid;grid-template-columns:76px minmax(0,1fr);align-items:stretch;padding:5px;gap:6px;min-height:0;height:auto;border:1px solid var(--rb-quick-line);border-radius:10px}
#shopScreen .shop-quick-window .quick-sort-family-items{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:minmax(100px,auto);align-items:stretch;gap:6px;min-width:0}
#shopScreen .shop-quick-window .quick-sort-family-title{font-size:11px;letter-spacing:0;line-height:1.15;overflow-wrap:normal;word-break:normal;padding:5px}
#shopScreen .shop-quick-window .quick-sort-tile{display:flex;min-width:0;min-height:100px;height:auto}
#shopScreen .shop-quick-window .quick-sort-add{display:flex;flex-direction:column;width:100%;height:100%;min-height:100px;align-items:flex-start;justify-content:flex-start;text-align:left;padding:10px;gap:3px;overflow:hidden}
#shopScreen .shop-quick-window .quick-sort-size{order:0;width:100%;font-size:13px;font-weight:750;line-height:1.18;min-height:0;white-space:normal;overflow-wrap:anywhere;overflow:visible;text-overflow:clip}
#shopScreen .shop-quick-window .quick-sort-count{font-size:31px;line-height:1;margin-top:auto}
#shopScreen .shop-quick-window .quick-sort-meta{font-size:10px;line-height:1.1;white-space:normal}
#shopScreen .shop-quick-window .quick-sort-readybadge{display:none}
#shopScreen .shop-quick-window .quick-sort-tile.deposit-fifteen .quick-sort-add{background:var(--rb-quick-label)!important;color:var(--cvr-warning-bg)!important;border-color:var(--cvr-warning)!important}
#shopScreen .shop-quick-window .deposit-fifteen :is(.quick-sort-size,.quick-sort-count,.quick-sort-meta){color:var(--cvr-warning-bg)}
@media(max-width:800px){#shopScreen .shop-quick-window .quick-sort-family{grid-template-columns:60px minmax(0,1fr)}#shopScreen .shop-quick-window .quick-sort-family-items{grid-auto-rows:minmax(94px,auto)}#shopScreen .shop-quick-window .quick-sort-tile,#shopScreen .shop-quick-window .quick-sort-add{min-height:94px}}
@media(max-width:600px){#shopScreen .shop-quick-window .quick-window-tools{flex-wrap:wrap}#shopScreen .shop-quick-window .quick-sort-family{grid-template-columns:46px minmax(0,1fr);padding:3px;gap:3px}#shopScreen .shop-quick-window .quick-sort-family-title{font-size:8px;overflow-wrap:anywhere}#shopScreen .shop-quick-window .quick-sort-family-items{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(85px,auto);gap:3px}#shopScreen .shop-quick-window .quick-sort-tile,#shopScreen .shop-quick-window .quick-sort-add{min-height:85px}#shopScreen .shop-quick-window .quick-sort-add{padding:7px 5px}#shopScreen .shop-quick-window .quick-sort-size{font-size:11px}#shopScreen .shop-quick-window .quick-sort-count{font-size:25px}#shopScreen .shop-quick-window .quick-sort-meta{font-size:8px}}
@media(max-width:380px){#shopScreen .shop-quick-window .quick-sort-family{grid-template-columns:41px minmax(0,1fr)}#shopScreen .shop-quick-window .quick-sort-size{font-size:10px}#shopScreen .shop-quick-window .quick-sort-meta{font-size:7px}}
/* Glass totals keep the one-tap tiles, with a direct quantity path for full racks. */
#shopScreen .shop-quick-window .quick-sort-tile{flex-direction:column}
#shopScreen .shop-quick-window .quick-sort-tile .quick-sort-add{flex:1}
#shopScreen .shop-quick-window .quick-sort-total{width:100%;min-height:30px;padding:4px 2px;border:1px solid var(--cvr-line);border-radius:0 0 7px 7px;background:var(--cvr-surface);color:var(--cvr-ink);font-size:10px;font-weight:800;touch-action:manipulation}
#shopScreen .sort-quick-controls .glass-total-button{grid-column:1/-1;min-height:38px}
#shopScreen .glass-total-dialog{width:min(440px,calc(100vw - 24px));padding:18px;background:var(--cvr-surface);color:var(--cvr-ink);border:1px solid var(--cvr-line);border-radius:12px}
#shopScreen .glass-total-dialog form{display:grid;gap:14px}
#shopScreen .glass-total-dialog label{display:grid;gap:7px;font-weight:800}
#shopScreen .glass-total-dialog input{width:100%;min-height:54px;font-size:26px;text-align:center}
@media print{
 body.printing-shop .cvr-page-navigation{display:none!important}
 body.printing-shop .cvr-tally-sheet .tally-single-column{display:block;max-width:6.8in;margin:0 auto}
 body.printing-shop .cvr-tally-sheet{font:10px Arial,Helvetica,sans-serif;color:black}
 body.printing-shop .cvr-tally-sheet h1{font-size:24px;letter-spacing:.2px}
 body.printing-shop .cvr-tally-sheet .tally-subtitle{font-size:13px;margin:3px 0 15px}
 body.printing-shop .cvr-tally-sheet .tally-fields{display:grid;grid-template-columns:1.5fr .75fr .8fr;gap:14px;align-items:end;margin:0 4px 9px;font-size:10px}
 body.printing-shop .cvr-tally-sheet .tally-fields span{display:flex;gap:5px;align-items:end;white-space:nowrap;font-weight:700}
 body.printing-shop .cvr-tally-sheet .tally-fields strong{flex:1;min-height:16px;border-bottom:1px solid black;padding:0 3px 2px;font-weight:700}
 body.printing-shop .cvr-tally-sheet .tally-pickup-meta{grid-template-columns:repeat(4,minmax(0,1fr));border:0;padding:0;margin-bottom:10px}
 body.printing-shop .cvr-tally-sheet .tally-note{font-size:9px;margin:0 4px 9px}
 body.printing-shop .cvr-tally-sheet .tally-group h2{font-size:15px;padding:4px 4px 3px}
 body.printing-shop .cvr-tally-sheet th,body.printing-shop .cvr-tally-sheet td{border:1px solid gray;padding:4px 6px;text-align:left}
 body.printing-shop .cvr-tally-sheet th{background:lightgray!important;font-size:9px}
 body.printing-shop .cvr-tally-sheet .tally-count,body.printing-shop .cvr-tally-sheet .tally-qty{text-align:center;font-size:12px}
 body.printing-shop .cvr-tally-sheet .tally-qty{font-size:13px}
}

/* Draft 113: Quick Sort is a repeatable work session. The container count is the visual anchor. */
#shopScreen .shop-quick-window .quick-session-summary{display:flex;gap:8px;align-items:center}
#shopScreen .shop-quick-window .quick-session-summary span{display:grid;gap:1px;min-width:92px;padding:5px 8px;border:1px solid var(--rb-quick-line);border-radius:8px;font-size:8px;font-weight:900;letter-spacing:.04em;color:var(--rb-quick-muted)}
#shopScreen .shop-quick-window .quick-session-summary b{font-size:22px;line-height:1;color:var(--rb-quick-white);letter-spacing:-.03em}
#shopScreen .shop-quick-window .quick-sort-count{font-size:48px!important;line-height:.88!important;margin-top:auto;font-weight:1000;letter-spacing:-.055em}
#shopScreen .shop-quick-window .quick-sort-unit{font-size:11px;font-weight:1000;line-height:1;letter-spacing:.08em;color:var(--rb-quick-meta)}
#shopScreen .shop-quick-window .quick-sort-meta{font-size:10px!important;font-weight:900}
#shopScreen .shop-quick-window .deposit-fifteen :is(.quick-sort-unit){color:var(--cvr-warning-bg)}
@media(max-width:600px){#shopScreen .shop-quick-window .quick-session-summary{order:3;width:100%}#shopScreen .shop-quick-window .quick-session-summary span{flex:1;min-width:0}#shopScreen .shop-quick-window .quick-session-summary b{font-size:20px}#shopScreen .shop-quick-window .quick-sort-count{font-size:40px!important}#shopScreen .shop-quick-window .quick-sort-unit{font-size:9px}#shopScreen .shop-quick-window .quick-sort-meta{font-size:8px!important}}

/* Draft 114: keep Ready large; make the container-per-bag value equally scannable on the right. */
#shopScreen .shop-quick-window .quick-sort-numbers{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end;width:100%;margin-top:auto}
#shopScreen .shop-quick-window .quick-sort-ready-main,#shopScreen .shop-quick-window .quick-sort-bag-main{display:flex;flex-direction:column;justify-content:flex-end;min-width:0}
#shopScreen .shop-quick-window .quick-sort-ready-main{align-items:flex-start}
#shopScreen .shop-quick-window .quick-sort-bag-main{align-items:flex-end;text-align:right}
#shopScreen .shop-quick-window .quick-sort-ready-count,#shopScreen .shop-quick-window .quick-sort-bag-main strong{font-size:36px;line-height:.88;font-weight:1000;letter-spacing:-.055em;color:var(--rb-quick-count)}
#shopScreen .shop-quick-window .quick-sort-ready-main span,#shopScreen .shop-quick-window .quick-sort-bag-main span{font-size:9px;font-weight:1000;line-height:1;letter-spacing:.08em;color:var(--rb-quick-meta)}
#shopScreen .shop-quick-window .deposit-fifteen :is(.quick-sort-ready-count,.quick-sort-bag-main strong,.quick-sort-ready-main span,.quick-sort-bag-main span){color:var(--cvr-warning-bg)}
@media(max-width:600px){#shopScreen .shop-quick-window .quick-sort-numbers{gap:4px}#shopScreen .shop-quick-window .quick-sort-ready-count,#shopScreen .shop-quick-window .quick-sort-bag-main strong{font-size:27px}#shopScreen .shop-quick-window .quick-sort-ready-main span,#shopScreen .shop-quick-window .quick-sort-bag-main span{font-size:7px}}


/* Draft 122: divider BETWEEN complete Quick Sort material sections. */
#shopScreen .shop-quick-window .quick-sort-family + .quick-sort-family{
  border-top:3px solid var(--cvr-line);
  margin-top:18px;
  padding-top:18px;
}

:root{--cvr-shop-release:'build6-r11-draft239'}

/* Draft 153: Quick Sort is a work-entry surface. Inventory READY totals live in Ready Inventory. */
#shopScreen .shop-quick-window .quick-sort-session-main{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end;text-align:right;min-width:0}
#shopScreen .shop-quick-window .quick-sort-session-main strong{font-size:36px;line-height:.88;font-weight:1000;letter-spacing:-.055em;color:var(--rb-quick-count)}
#shopScreen .shop-quick-window .quick-sort-session-main span{font-size:9px;font-weight:1000;line-height:1;letter-spacing:.08em;color:var(--rb-quick-meta)}
#shopScreen .shop-quick-window .deposit-fifteen :is(.quick-sort-session-main strong,.quick-sort-session-main span){color:var(--cvr-warning-bg)}
#shopScreen .shop-ready-company{display:block;width:100%;text-align:left;background:transparent;border:0;color:inherit;padding:0;cursor:pointer}
#shopScreen .shop-sort-card.selected{outline:3px solid currentColor;outline-offset:2px}

#shopScreen .shop-quick-window .quick-sort-bag-main strong{font-size:44px;line-height:.84;font-weight:1000;letter-spacing:-.06em}
#shopScreen .shop-quick-window .quick-sort-bag-main span{font-size:11px;font-weight:1000}
#shopScreen .shop-quick-window .quick-sort-size{font-size:18px;font-weight:1000}
#shopScreen .shop-quick-window .quick-sort-session-main strong{font-size:26px}
#shopScreen .shop-quick-window .quick-session-summary{gap:10px}
#shopScreen .shop-quick-window .quick-session-summary>span{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:110px;padding:7px 10px;border:1px solid var(--rb-border);border-radius:10px}
#shopScreen .shop-quick-window .quick-session-summary>span b{font-size:22px;line-height:1.05}

/* Material separator belongs after the tiles, before the next material heading. */
#shopScreen .shop-quick-window .quick-sort-family{padding-bottom:16px;margin-bottom:16px;border-bottom:4px solid currentColor}
#shopScreen .shop-quick-window .quick-sort-family:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}

/* Draft 159: denser Quick Sort board; divider stays after tiles. */
#shopScreen .shop-quick-window .quick-sort-family{padding-bottom:7px;margin-bottom:7px;border-bottom:4px solid currentColor}
#shopScreen .shop-quick-window .quick-sort-family:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}
#shopScreen .shop-quick-window .quick-sort-family-items{gap:10px}
#shopScreen .shop-quick-window .quick-sort-tile{min-height:166px}
#shopScreen .shop-quick-window .quick-sort-add{min-height:154px;padding:14px 15px}
#shopScreen .shop-quick-window .quick-sort-combined{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}
#shopScreen .shop-quick-window .quick-sort-subfamily{display:grid;grid-template-columns:112px minmax(0,1fr);gap:10px;align-items:stretch}
#shopScreen .shop-quick-window .quick-sort-subfamily .quick-sort-family-title{height:100%;min-height:154px}
@media(max-width:760px){#shopScreen .shop-quick-window .quick-sort-combined{grid-template-columns:1fr}}

/* Draft 160: compact Steel/Tin + Other in one normal tile row. */
#shopScreen .shop-quick-window .quick-sort-family{padding-bottom:4px;margin-bottom:4px}
#shopScreen .shop-quick-window .quick-sort-combined{display:flex;align-items:stretch;gap:10px;width:100%}
#shopScreen .shop-quick-window .quick-sort-subfamily{display:flex;align-items:stretch;gap:10px;min-width:0;flex:0 1 auto}
#shopScreen .shop-quick-window .quick-sort-subfamily .quick-sort-family-title{width:112px;min-width:112px;height:auto;min-height:154px;margin:0}
#shopScreen .shop-quick-window .quick-sort-subfamily .quick-sort-family-items{display:grid;grid-template-columns:repeat(var(--qs-cols),minmax(210px,1fr));gap:10px;flex:0 1 auto}
#shopScreen .shop-quick-window .quick-sort-vertical-separator{width:4px;min-width:4px;background:currentColor;border-radius:3px;margin:0 4px}
@media(max-width:1100px){#shopScreen .shop-quick-window .quick-sort-subfamily .quick-sort-family-items{grid-template-columns:repeat(var(--qs-cols),minmax(170px,1fr))}}

/* Draft 161: every material label is a narrow, rotated, high-visibility strip. */
#shopScreen .shop-quick-window .quick-sort-family:not(.quick-sort-combined){display:grid;grid-template-columns:58px minmax(0,1fr);column-gap:10px;align-items:stretch}
#shopScreen .shop-quick-window .quick-sort-family-title{width:58px;min-width:58px;min-height:154px;height:auto;margin:0;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:1000;letter-spacing:.06em;white-space:nowrap;writing-mode:vertical-rl;transform:rotate(180deg);text-align:center}
#shopScreen .shop-quick-window .quick-sort-family:not(.quick-sort-combined)>.quick-sort-family-items{min-width:0}
#shopScreen .shop-quick-window .quick-sort-combined{display:grid;grid-template-columns:58px minmax(0,1fr) 4px 58px minmax(0,1fr);gap:10px;align-items:stretch;width:100%}
#shopScreen .shop-quick-window .quick-sort-subfamily{display:contents}
#shopScreen .shop-quick-window .quick-sort-subfamily .quick-sort-family-title{width:58px;min-width:58px;min-height:154px}
#shopScreen .shop-quick-window .quick-sort-subfamily .quick-sort-family-items{display:grid;grid-template-columns:repeat(var(--qs-cols),minmax(0,1fr));gap:10px;min-width:0}
#shopScreen .shop-quick-window .quick-sort-vertical-separator{width:4px;min-width:4px;background:currentColor;border-radius:3px;margin:0}

/* Draft 162: upright stacked material letters; strip dimensions stay fixed. */
#shopScreen .shop-quick-window .quick-sort-family-title{writing-mode:horizontal-tb;transform:none;flex-direction:column;gap:1px;font-size:22px;line-height:.88;letter-spacing:0;overflow:hidden}
#shopScreen .shop-quick-window .quick-sort-family-title>span{display:block;height:20px;line-height:20px;flex:0 0 20px;text-align:center}
#shopScreen .shop-quick-window .quick-sort-family-title>.quick-sort-letter-space{height:5px;line-height:5px;flex-basis:5px}
