.variant-toggle{margin-top:.45rem;border:0;background:transparent;padding:0;color:#166333;cursor:pointer;font-size:.72rem}
.variant-detail td{background:#f5f7f3!important;padding:1rem 1.4rem!important}
.variant-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,340px));gap:.55rem}
.variant-grid article{display:grid;grid-template-columns:46px 1fr;gap:.75rem;align-items:center;min-height:64px;background:#fff;border:1px solid var(--line);padding:.65rem}
.variant-grid b,.variant-grid i{display:block}.variant-grid i{font-style:normal;color:var(--muted);font-size:.72rem;margin-top:.25rem}
.variant-detail-image,.variant-detail-image-empty{display:grid;width:46px;height:46px;margin:0;place-items:center;object-fit:contain;background:#fff;border:1px solid var(--line)}.variant-detail-image-empty{color:var(--muted);font-style:normal;font-size:.6rem;text-align:center}
.expandable-product{cursor:pointer}.expandable-product:hover{background:#f6f8f4}.velocity-panel{margin-top:1.5rem}.velocity-panel .panel-head{display:flex;align-items:center;justify-content:space-between}.velocity-panel .panel-head p{margin:0;color:var(--muted);font-size:.75rem}.velocity-panel select{padding:.65rem;background:#fff;border:1px solid var(--line)}.velocity-down{color:var(--green)}.dashboard-heading{display:grid;grid-template-columns:auto minmax(150px,300px);align-items:end;column-gap:1.25rem}.dashboard-heading .kicker{grid-column:1/-1}.dashboard-header-note{margin:0 0 .15rem;color:var(--muted);font-size:.7rem;line-height:1.35}
.dashboard-heading~#admin-language,#admin-language{margin-left:auto;margin-right:32px}
@media(max-width:800px){.dashboard-header-note{display:none}#admin-language{margin-right:32px}}
.sales-toggle{border:0;background:transparent;color:var(--green);cursor:pointer}.sales-orders td{background:#f8faf7}.sales-orders div{display:grid;grid-template-columns:1.3fr 1fr .6fr .8fr;gap:1rem;padding:.45rem 0;border-bottom:1px solid var(--line)}.sales-orders div:last-child{border-bottom:0}
.orders-panel{overflow-x:auto}.orders-panel table{min-width:1120px}.order-actions{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.55rem}.order-actions button,.extend-order{border:1px solid var(--line);background:#fff;padding:.35rem .5rem;cursor:pointer}.order-actions button.danger{color:#b42318}.extend-order{display:block;margin-top:.4rem;color:#166333;white-space:nowrap}.order-expired,.order-cancelled{opacity:.58}.order-payment_review{background:#fff9df}.order-paid{background:#f1fbf4}
.multi-stock-form{padding:1.4rem}.multi-stock-head,.multi-stock-row{display:grid;grid-template-columns:70px 1fr 130px 180px;align-items:center;gap:12px;padding:10px 12px}.multi-stock-head{color:var(--muted);font-size:.72rem;text-transform:uppercase;border-bottom:1px solid var(--line)}.multi-stock-row{border-bottom:1px solid var(--line)}.multi-stock-row>input[type="checkbox"]{width:18px;height:18px}.multi-stock-row .stock-adjustment{height:42px;border:1px solid var(--line);padding:0 10px}.multi-stock-row .stock-adjustment:disabled{opacity:.35}.stock-help{color:var(--muted);font-size:.78rem;margin:1rem 0}@media(max-width:760px){.multi-stock-head{display:none}.multi-stock-row{grid-template-columns:36px 1fr 70px}.multi-stock-row .stock-adjustment{grid-column:2/-1}}
:root{--ink:#172018;--green:#586c35;--lime:#c7de50;--paper:#f3f1ea;--line:rgba(23,32,24,.22);--muted:#697067;--red:#9b3b32}body{background:var(--paper)}aside,.auth-screen{background:var(--ink)}.auth-card,.panel,.stat,.settings-grid .panel,dialog{background:#faf8f2}main>header{border-color:var(--line)}th{background:#e7e3d8;color:#697067}tr:hover td{background:rgba(231,227,216,.45)}.primary,.auth-card button,dialog footer button{background:var(--ink)}.user i{background:#779900}aside nav button.active{background:rgba(199,222,80,.13);color:#f8f5ec}.badge.new,.badge.confirmed,.badge.active{background:#e4ebc3;color:#45551f}.stock-hover{background:#e7e3d8;color:#45551f}.variant-detail td,.sales-orders td{background:#e7e3d8!important}.variant-grid span{background:#faf8f2}.product-inactive{background:#e7e3d8}.order-payment_review{background:#f1edcf}.order-paid{background:#edf1dc}

/* Warm, lighter administration navigation. */
aside{background:#e4dfd3!important;color:#172018!important;border-right:1px solid var(--line)}aside .logo{color:#172018!important;text-decoration:none}aside nav button{color:#5f675f!important}aside nav button:hover{color:#172018!important;background:rgba(23,32,24,.045)!important}aside nav button.active{background:#d3ccbc!important;color:#172018!important}.aside-foot a,.aside-foot button{color:#5f675f!important}
.sales-inline-orders{margin-top:.55rem;padding-top:.5rem;border-top:1px solid var(--line);display:grid;gap:.35rem;min-width:220px}.sales-inline-orders>div{display:grid;grid-template-columns:1fr auto;gap:.15rem .6rem;font-size:.67rem;color:var(--muted)}.sales-inline-orders b{grid-column:1/-1;color:#172018}.sales-inline-orders strong{font-size:.68rem;color:#172018}.sales-inline-orders span:nth-of-type(2){text-align:right}.delete-order{border:1px solid #b42318;background:transparent;color:#b42318;padding:.4rem .55rem;cursor:pointer;white-space:nowrap}
.velocity-head-actions{display:flex;align-items:center;gap:1rem}.velocity-total{display:flex;flex-direction:column;align-items:flex-end;white-space:nowrap}.velocity-total small{color:var(--muted);font-size:.68rem}.velocity-total strong{font-size:1rem}.velocity-table-scroll{width:100%;overflow-x:auto}.velocity-orders-table{width:100%;min-width:1040px;table-layout:fixed}.velocity-orders-table th,.velocity-orders-table td{box-sizing:border-box;white-space:nowrap;vertical-align:middle;text-align:left}.velocity-orders-table th:nth-child(1),.velocity-orders-table td:nth-child(1){width:220px}.velocity-orders-table th:nth-child(2),.velocity-orders-table td:nth-child(2){width:110px}.velocity-orders-table th:nth-child(3),.velocity-orders-table td:nth-child(3){width:190px}.velocity-orders-table th:nth-child(4),.velocity-orders-table td:nth-child(4){width:190px}.velocity-orders-table th:nth-child(5),.velocity-orders-table td:nth-child(5){width:110px;text-align:right}.velocity-orders-table th:nth-child(6),.velocity-orders-table td:nth-child(6){width:140px;text-align:right}.velocity-orders-table th:nth-child(7),.velocity-orders-table td:nth-child(7){width:110px;text-align:right}
.velocity-panel .panel-head{flex-wrap:wrap;gap:1rem}.velocity-head-actions{flex-wrap:wrap;justify-content:flex-end}.velocity-dates{display:flex;align-items:flex-end;gap:.5rem;flex-wrap:wrap}.velocity-dates[hidden]{display:none}.velocity-dates label{display:flex;flex-direction:column;gap:.25rem;font-size:.7rem}.velocity-dates input{min-width:130px;max-width:100%;padding:.5rem;border:1px solid var(--line);background:#fff}.velocity-dates button{padding:.5rem .8rem}.velocity-dates>span{align-self:center}
@media(max-width:720px){.velocity-panel .panel-head{align-items:flex-start;gap:1rem}.velocity-head-actions{align-items:flex-end;flex-direction:column}.velocity-total{align-items:flex-end}}
.stock-record-field{grid-column:1/-1}.editor-stock-toggle{border:1px solid var(--line);background:#fff;padding:.55rem .8rem;cursor:pointer}.editor-stock-details{margin-top:.65rem;overflow:auto}.editor-stock-details table{min-width:680px}.undo-delete-toast{position:fixed;right:24px;bottom:24px;z-index:10000;display:flex;align-items:center;gap:1rem;background:#172018;color:#fff;padding:.9rem 1rem;box-shadow:0 10px 35px #0003}.undo-delete-toast button{border:1px solid #c7de50;background:#c7de50;color:#172018;padding:.45rem .75rem;font-weight:700;cursor:pointer}.pending-delete{opacity:.32!important;pointer-events:none}.product-inactive{opacity:.7!important}.row-actions [data-shelve][data-active="0"]{color:#3f6f00!important;font-weight:900!important;text-decoration:underline;text-underline-offset:3px}
.variant-grid i:nth-of-type(3){display:none}
#app{isolation:isolate;background:linear-gradient(90deg,#e4dfd3 0 240px,transparent 240px);align-items:stretch}#app>aside{position:sticky;top:0;z-index:50;align-self:start;width:240px;height:100vh;min-height:100vh}#app>main{position:relative;z-index:1;min-width:0;overflow:hidden}.orders-panel{position:relative;z-index:0;max-width:100%;overflow-x:auto}@media(max-width:800px){#app{background:linear-gradient(90deg,#e4dfd3 0 68px,transparent 68px)}#app>aside{width:68px}}
.deletion-log-panel{margin-top:1.5rem;max-width:100%;overflow:hidden}.deletion-log-panel .panel-head{padding:1rem 1.4rem;border-bottom:1px solid var(--line)}.deletion-log-panel .panel-head h2{margin:0;font-size:1rem}.deletion-log-scroll{max-height:300px;overflow:auto}.deletion-log-scroll table{min-width:760px}.deletion-log-scroll td,.deletion-log-scroll th{white-space:nowrap}
.deletion-log-panel .panel-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.order-record-tabs{display:flex;gap:.45rem;flex-wrap:wrap}.order-record-tabs button{border:1px solid var(--line);background:transparent;padding:.45rem .75rem;cursor:pointer}.order-record-tabs button.active{background:var(--ink);border-color:var(--ink);color:#fff}.order-log-note{max-width:280px;white-space:normal!important}.order-delete-dialog{width:min(520px,94vw);padding:1.25rem;border:0;background:#faf8f2}.order-delete-dialog::backdrop{background:rgba(23,32,24,.78)}.order-delete-dialog textarea{display:block;width:100%;margin:1rem 0;padding:.75rem;border:1px solid var(--line);background:#fff;resize:vertical;font:inherit}.order-delete-dialog .status{min-height:1.2rem;color:#b42318}
.order-record-bar{display:flex;align-items:flex-end;gap:1.5rem;margin:1.5rem 0 0;padding:0 1.4rem;border:1px solid var(--line);border-bottom:0;overflow-x:auto}.order-record-bar h2{flex:0 0 auto;margin:0;padding:1rem 0 .85rem;font-size:1rem}.order-record-bar .order-record-tabs{display:flex;align-items:stretch;gap:0;min-width:max-content}.order-record-bar .order-record-tabs button{position:relative;border:0;background:transparent;color:var(--muted);padding:1rem .9rem .85rem;font-weight:500}.order-record-bar .order-record-tabs button:hover{color:var(--ink)}.order-record-bar .order-record-tabs button.active{background:transparent;color:var(--ink);font-weight:700}.order-record-bar .order-record-tabs button.active:after{content:'';position:absolute;right:.7rem;bottom:0;left:.7rem;height:3px;background:var(--ink)}.order-record-bar+.orders-panel{margin-top:0}.multi-stock-row.editing-color{background:rgba(231,227,216,.45)}.multi-stock-row.editing-color input{min-width:0}
.admin-table-pagination{box-sizing:border-box;display:flex;width:100%;align-items:center;justify-content:flex-end;gap:.65rem;padding:.8rem 0;border:0;background:transparent;color:var(--muted);font-size:.72rem}.admin-table-pagination label{display:flex;align-items:center;gap:.45rem}.admin-table-pagination select{padding:.4rem .55rem;border:1px solid var(--line);background:#fff}.admin-table-pagination button{width:34px;height:34px;border:1px solid var(--line);background:#fff;color:var(--ink);font-size:1.1rem;cursor:pointer}.admin-table-pagination button:disabled{opacity:.35;cursor:not-allowed}.pagination-summary{white-space:nowrap}
.stock-header-back{margin-left:0;border:0!important;background:transparent!important;padding:0!important;font-size:1.75rem!important;font-weight:800!important;color:var(--ink)!important}.stock-detail-toolbar{display:flex!important;flex-direction:column;align-items:flex-start!important;justify-content:flex-start!important;gap:1rem}.stock-detail-toolbar h3{margin:0;text-align:left}.stock-detail-heading-row{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.stock-detail-sku-editor{display:flex;align-items:center;gap:.55rem;min-height:38px}.stock-detail-sku-editor>span{color:var(--muted);font-size:.78rem;font-weight:700}.stock-detail-sku-editor strong{padding:.42rem .65rem;background:#e8e3d8;font-size:.88rem}.stock-detail-sku-editor input{width:180px;height:38px;border:1px solid var(--line);background:#fff;padding:0 .65rem;font:inherit}.stock-detail-sku-editor button{min-height:38px;padding:.45rem .75rem}.stock-sku-cancel{border:0;background:transparent;color:var(--muted);cursor:pointer}.stock-detail-sku-status{color:var(--green);font-size:.78rem}.stock-section-tabs{display:flex;gap:0;margin:1.25rem 0 0;border-bottom:1px solid var(--line);overflow-x:auto}.stock-section-tabs button{position:relative;border:0;background:transparent;padding:.9rem 1.2rem;color:var(--muted);font-weight:500;white-space:nowrap;cursor:pointer}.stock-section-tabs button.active{color:var(--ink);font-weight:700}.stock-section-tabs button.active:after{content:'';position:absolute;right:.8rem;bottom:0;left:.8rem;height:3px;background:var(--ink)}.stock-section-tabs+.stock-product-media,.stock-section-tabs~.stock-price-panel,.stock-section-tabs~.panel{margin-top:0}.stock-form-actions{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:1rem 0}.stock-form-actions .primary{margin:0}.stock-movement-open{margin-left:auto;border:0;background:transparent;padding:.7rem 0;color:var(--green);font-weight:700;cursor:pointer;white-space:nowrap}.stock-drawer-backdrop{position:fixed;inset:0;z-index:10020;background:#17201880}.stock-movement-drawer{position:fixed;z-index:10021;top:0;right:0;width:min(760px,92vw);height:100vh;overflow:auto;border:0;border-left:1px solid var(--line);background:#faf8f2;box-shadow:-18px 0 45px #0002}.stock-drawer-head{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:flex-start;padding:1.2rem 1.4rem;border-bottom:1px solid var(--line);background:inherit}.stock-drawer-head h2{margin:0;font-size:1.1rem}.stock-drawer-head button{order:-1;width:38px;height:38px;margin-right:12px;border:0;border-radius:50%;background:var(--ink);color:#fff;font-size:1.2rem;cursor:pointer}.stock-movement-drawer>.panel{margin:0;border:0}.stock-movement-drawer table th{background:#d8d1c2!important;color:var(--ink)}.stock-drawer-open{overflow:hidden}@media(max-width:700px){.admin-table-pagination{justify-content:flex-start;overflow-x:auto}.stock-detail-toolbar{gap:.7rem}.stock-detail-heading-row{align-items:flex-start;flex-direction:column}.stock-detail-sku-editor{flex-wrap:wrap}.stock-form-actions{align-items:stretch;flex-direction:column}.stock-movement-open{margin-left:0;text-align:right}}
.deletion-log-actions{position:sticky;left:0;padding:.8rem 1rem;border-bottom:1px solid var(--line);background:#faf8f2}.deletion-log-actions button:disabled{opacity:.4;cursor:not-allowed}.restored-log{opacity:.55}.expired-at{display:block;margin-top:.3rem;font-size:.62rem;font-weight:500;white-space:nowrap}
.orders-panel tr.order-expired{opacity:1!important;background:#f1edcf!important}.orders-panel tr.order-expired td{background:#f1edcf!important}.orders-panel tr.order-payment_review{background:#faf8f2!important}.orders-panel tr.order-payment_review td{background:#faf8f2!important}
.order-total-amount{color:#6f8f12;font-weight:800;white-space:nowrap}
.multi-stock-form>.multi-stock-head,.multi-stock-form>.multi-stock-row{box-sizing:border-box;display:grid!important;min-width:1080px!important;grid-template-columns:70px 72px minmax(140px,1fr) minmax(140px,1fr) 120px 170px 150px!important;gap:12px!important}.multi-stock-head>*{align-self:center;justify-self:stretch}.multi-stock-head>span:nth-child(1),.multi-stock-row>input[name="selected"]{grid-column:1}.stock-image-heading,.stock-color-image{grid-column:2}.stock-color-heading,.multi-stock-row>b{grid-column:3}.stock-english-heading,.stock-color-english{grid-column:4}.multi-stock-row>span:not(.stock-color-image):not(.stock-color-english){grid-column:5}.multi-stock-row .stock-adjustment{grid-column:6!important}.multi-stock-head>span:last-child,.stock-color-actions{grid-column:7!important}.stock-color-image{display:grid;width:56px;height:56px;place-items:center;overflow:hidden;border:1px solid var(--line);background:#fff}.stock-color-image img{display:block;width:100%;height:100%;object-fit:contain}.stock-color-image i{padding:4px;color:var(--muted);font-size:.58rem;font-style:normal;line-height:1.2;text-align:center}.multi-stock-head>span:first-child{display:flex;align-items:center;gap:7px}.multi-stock-head .stock-select-all,.multi-stock-row>input[name="selected"]{justify-self:center;margin:0!important}@media(max-width:760px){.multi-stock-form>.multi-stock-head,.multi-stock-form>.multi-stock-row{min-width:1080px!important;grid-template-columns:70px 72px minmax(140px,1fr) minmax(140px,1fr) 120px 170px 150px!important}}
.orders-panel tbody td:first-child,.orders-panel tbody td:nth-child(3),.orders-panel tbody td:nth-child(5),.orders-panel tbody td:nth-child(5) small{white-space:nowrap}
.order-actions button{background:#172018!important;border-color:#172018!important;color:#fff!important;font-weight:700}.order-actions button.danger{background:#9b3b32!important;border-color:#9b3b32!important;color:#fff!important}
.multi-stock-form>.multi-stock-head,.multi-stock-form>.multi-stock-row{display:grid!important;min-width:780px!important;grid-template-columns:70px minmax(130px,1fr) 120px 170px 150px!important}.multi-stock-head>span:last-child{grid-column:5!important;white-space:nowrap}.stock-color-actions{grid-column:5;display:flex;align-items:center;gap:8px}.stock-color-actions .stock-color-edit{width:auto;min-width:68px}.stock-color-delete{height:42px;padding:0 10px;border:0;background:transparent;color:var(--red);cursor:pointer}.stock-color-delete:disabled{opacity:.45;cursor:not-allowed}@media(max-width:760px){.multi-stock-form{overflow-x:auto}.multi-stock-form>.multi-stock-head,.multi-stock-form>.multi-stock-row{display:grid!important;min-width:780px!important;grid-template-columns:70px minmax(130px,1fr) 120px 170px 150px!important}.multi-stock-row .stock-adjustment{grid-column:4!important}.stock-color-actions{grid-column:5!important}}
.category-switch-field{display:flex!important;align-items:center;gap:.75rem;cursor:pointer}.category-switch-field input{position:absolute;opacity:0;pointer-events:none}.category-switch-track{position:relative;width:48px;height:26px;border-radius:999px;background:#bbb7ad;transition:.2s}.category-switch-track:after{content:'';position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #0003;transition:.2s}.category-switch-field input:checked+.category-switch-track{background:var(--green)}.category-switch-field input:checked+.category-switch-track:after{transform:translateX(22px)}.category-switch-field input:focus-visible+.category-switch-track{outline:3px solid #1a73e855;outline-offset:2px}.category-switch-state{font-weight:700}.category-description{max-width:280px;color:var(--muted);white-space:normal}.stock-form-actions{box-sizing:border-box;display:grid!important;min-width:980px;width:100%;grid-template-columns:70px minmax(140px,1fr) minmax(140px,1fr) 120px 170px 150px!important;padding:0}.stock-form-actions .primary{grid-column:1/5;justify-self:start}.stock-form-actions .stock-movement-open{grid-column:6;margin:0;justify-self:end;text-align:right}
.multi-stock-form>.multi-stock-head,.multi-stock-form>.multi-stock-row{display:grid!important;min-width:980px!important;grid-template-columns:70px minmax(140px,1fr) minmax(140px,1fr) 120px 170px 150px!important}.multi-stock-head>*{align-self:center;justify-self:stretch}.multi-stock-head>span:last-child{grid-column:6!important;white-space:nowrap}.stock-color-actions{grid-column:6!important}.stock-color-english{color:var(--muted)}.stock-color-name-edit,.stock-color-english-edit,.stock-color-stock-edit{width:100%;height:42px;min-width:0;border:1px solid var(--line);padding:0 10px;background:#fff}@media(max-width:760px){.multi-stock-form{overflow-x:auto}.multi-stock-row .stock-adjustment{grid-column:5!important}.stock-color-actions{grid-column:6!important}}

/* Final stock-row layout: selection, editable image, color, stock, adjustment, actions. */
#stock-form .multi-stock-head,#stock-form .multi-stock-row{display:grid!important;min-width:940px!important;grid-template-columns:82px 126px minmax(170px,1fr) 120px 170px 170px!important;align-items:center!important;gap:14px!important}
#stock-form .multi-stock-head>span:nth-child(1),#stock-form .multi-stock-row>input[name="selected"]{grid-column:1!important;justify-self:center!important;margin:0!important}
#stock-form .multi-stock-head>span:nth-child(1){position:relative;display:block!important;justify-self:stretch!important}
#stock-form .multi-stock-head>span:nth-child(1) .stock-select-all{display:block;margin:0 auto!important}
#stock-form .multi-stock-head>span:nth-child(1)>span{position:absolute;top:50%;left:calc(50% + 17px);transform:translateY(-50%);white-space:nowrap}
#stock-form .stock-image-heading,#stock-form .stock-color-image{grid-column:2!important}
#stock-form .stock-color-heading,#stock-form .multi-stock-row>b,#stock-form .stock-color-name-edit{grid-column:3!important}
#stock-form .stock-english-heading,#stock-form .stock-color-english,#stock-form .stock-color-english-edit{display:none!important}
#stock-form .multi-stock-row>span:not(.stock-color-image):not(.stock-color-english),#stock-form .stock-color-stock-edit{grid-column:4!important}
#stock-form .stock-adjustment{grid-column:5!important}
#stock-form .multi-stock-head>span:last-child,#stock-form .stock-color-actions{grid-column:6!important;display:flex!important;align-items:center!important;gap:8px!important;white-space:nowrap}
#stock-form .stock-color-image{display:grid!important;grid-template-columns:64px 1fr;grid-template-rows:auto auto;width:118px!important;height:auto!important;min-height:76px;padding:5px;gap:4px 6px;overflow:visible}
#stock-form .stock-color-image-preview{grid-row:1/-1;display:grid;width:64px;height:64px;place-items:center;overflow:hidden;border:1px solid var(--line);background:#fff}
#stock-form .stock-color-image-preview img{width:100%;height:100%;object-fit:contain}
#stock-form .stock-color-image-edit{align-self:end;color:var(--green);font-size:11px;font-weight:700;cursor:pointer;white-space:nowrap}
#stock-form .stock-color-image-status{align-self:start;color:var(--muted);font-size:10px;white-space:nowrap}
#stock-form .stock-color-actions button{margin:0!important;flex:0 0 auto}

/* Keep the image edit action inside the image tile. */
#stock-form .stock-color-image{position:relative!important;display:block!important;width:76px!important;height:76px!important;padding:5px!important;overflow:hidden!important}
#stock-form .stock-color-image-preview{width:64px!important;height:64px!important}
#stock-form .stock-color-image-edit{position:absolute;inset:auto 5px 5px 5px;display:grid;place-items:center;min-height:22px;background:rgba(23,32,25,.82);color:#fff!important;font-size:10px!important;text-align:center;cursor:pointer}
#stock-form .stock-color-image-status{position:absolute;inset:5px;background:rgba(250,248,242,.94);display:grid;place-items:center;white-space:normal!important;text-align:center;pointer-events:none}
#stock-form .stock-color-image-status:empty{display:none}

/* Product detail heading: keep the name action beside the name and metadata below. */
.stock-detail-toolbar{gap:.75rem!important}
.stock-detail-heading-row{display:flex!important;width:100%;align-items:center!important;gap:1rem;flex-flow:row nowrap!important}
.stock-detail-heading-row h3{min-width:0}
.stock-detail-heading-row .stock-name-edit{flex:0 0 auto;margin-left:auto;white-space:nowrap}
.stock-detail-sku-editor{width:100%}
@media(max-width:700px){.stock-detail-heading-row{flex-direction:row!important;align-items:center!important}.stock-detail-heading-row h3{font-size:1.05rem;line-height:1.35}.stock-detail-heading-row .stock-name-edit{padding:.55rem .65rem;font-size:.78rem}}
.stock-name-inline-input{min-width:0;flex:1 1 320px;height:44px;border:1px solid var(--line);background:#fff;padding:0 .75rem;font:inherit;font-weight:700}.stock-name-cancel{flex:0 0 auto;white-space:nowrap}
/* Sales date filters use a separate, aligned range row. */
#inventory-velocity .velocity-head-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;width:100%;justify-content:flex-end}
#inventory-velocity .velocity-head-actions>select{box-sizing:border-box;height:42px;margin:0}
#inventory-velocity .velocity-dates{display:grid;grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr) auto;align-items:end;gap:10px;flex:0 0 100%;width:100%}
#inventory-velocity .velocity-dates[hidden]{display:none}
#inventory-velocity .velocity-dates label{display:flex;flex-direction:column;gap:6px;min-width:0;margin:0}
#inventory-velocity .velocity-dates input,#inventory-velocity .velocity-dates button{box-sizing:border-box;width:100%;height:42px;min-height:42px;margin:0;padding:0 10px}
#inventory-velocity .velocity-dates input{min-width:0}
#inventory-velocity .velocity-dates>span{align-self:end;height:42px;display:grid;place-items:center}
@media(max-width:480px){#inventory-velocity .velocity-dates{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}#inventory-velocity .velocity-dates>span{display:none}#inventory-velocity .velocity-dates button{grid-column:1/-1}}
.orders-filter-toolbar.order-custom-active{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto;align-items:center!important;gap:8px!important}.orders-filter-toolbar.order-custom-active .order-date-filter{margin-left:0!important}.orders-filter-toolbar.order-custom-active .order-date-filter>span{display:none}.orders-filter-toolbar.order-custom-active .order-date-select{width:130px!important;min-width:130px!important;height:42px!important;padding:0 8px!important}.orders-filter-toolbar .order-custom-dates{flex:0 0 auto;flex-wrap:nowrap!important;gap:6px!important}.order-custom-dates label{font-size:0;display:flex;align-items:center;margin:0}.order-custom-dates input{box-sizing:border-box;width:124px;height:42px;font-size:12px;padding:0 6px;border:1px solid var(--line);background:#fff}.order-custom-dates button{height:42px;padding:0 10px;white-space:nowrap}.order-custom-dates>span{font-size:12px}.orders-filter-toolbar.order-custom-active #refresh-orders{height:42px;padding:0 10px!important;white-space:nowrap}.order-header-note{font-size:11px!important;line-height:1.5!important}
#inventory-velocity #velocity-range.order-date-select{min-width:128px;height:42px;padding:0 34px 0 12px;border:1px solid var(--line);background:var(--paper);color:var(--ink)}
/* Keep sales heading and controls together; date filters do not shift on selection. */
html #inventory-velocity .panel-head{display:flex;flex-wrap:nowrap;align-items:center;gap:12px}
html #inventory-velocity .panel-head>div:first-child{flex:0 0 auto}
html #inventory-velocity .velocity-head-actions{width:auto;min-width:0;flex:1 1 auto;flex-direction:row;justify-content:flex-end}
html #inventory-velocity .velocity-total strong{font-size:14px}
html #inventory-velocity .velocity-total small{font-size:10px}
html #inventory-velocity #velocity-range{width:130px;min-width:130px}
html .orders-filter-toolbar .order-date-filter{margin-left:0!important}
html .orders-filter-toolbar{justify-content:flex-start!important}
@media(max-width:600px){html #inventory-velocity .panel-head{flex-wrap:wrap}html #inventory-velocity .velocity-head-actions{flex-basis:100%;justify-content:flex-start}}
/* Date selection is a dialog, never part of the sales header's height. */
html #inventory-velocity .panel-head{flex-wrap:nowrap!important;align-items:center!important}
html #inventory-velocity .velocity-head-actions{flex-wrap:nowrap!important;flex-direction:row!important;flex-basis:auto!important;width:auto!important;gap:10px!important}
html #inventory-velocity .velocity-total{flex:0 0 auto}
html #inventory-velocity .velocity-dates{position:fixed;box-sizing:border-box;width:min(480px,calc(100vw - 32px))!important;max-width:480px;padding:20px;border:1px solid var(--line);background:var(--paper);color:var(--ink)}
html #inventory-velocity .velocity-dates:not([open]){display:none!important}
html #inventory-velocity .velocity-dates[open]{display:grid!important;grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr)!important;gap:12px!important}
html #inventory-velocity .velocity-dates button{grid-column:1/-1}
html #inventory-velocity .velocity-dates::backdrop{background:#17201866}
html #inventory-velocity .velocity-date-edit{height:42px;flex:0 0 auto;padding:0 8px}
html #inventory-velocity .velocity-date-edit[hidden]{display:none!important}
/* MIX inventory uses one aggregate row, never the per-color stock grid. */
html #view #stock-form.mix-carton-stock-form{min-width:0!important;width:100%!important;max-width:100%!important;padding-top:20px!important}
html #view #stock-form.mix-carton-stock-form .multi-stock-head,html #view #stock-form.mix-carton-stock-form .stock-mobile-list-head{display:none!important}
html #view #stock-form .mix-stock-grid-heading,html #view #stock-form .mix-stock-grid-body{display:grid!important;grid-template-columns:minmax(0,1fr) 90px 160px!important;gap:12px;align-items:center}
html #view #stock-form .mix-stock-grid-heading{font-size:11px;color:var(--muted);padding-bottom:12px;border-bottom:1px solid var(--line)}
html #view #stock-form .mix-stock-grid-body{padding-top:14px}
html #view #stock-form .mix-stock-color-gallery{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:8px;overflow-x:auto;width:100%!important;min-width:0!important}
html #view #stock-form .mix-stock-color-gallery .multi-stock-row{display:flex!important;flex:0 0 80px!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;gap:6px!important;width:80px!important;min-width:80px!important;max-width:80px!important;padding:4px!important;margin:0!important;border:0!important}
html #view #stock-form .mix-stock-color-gallery .multi-stock-row>input,html #view #stock-form .mix-stock-color-gallery .stock-current,html #view #stock-form .mix-stock-color-gallery .stock-adjustment-label{display:none!important}
html #view #stock-form .mix-stock-color-gallery .stock-color-image{width:72px!important;min-width:0!important;margin:0!important}
html #view #stock-form .mix-stock-color-gallery .stock-color-image-preview{width:72px!important;height:72px!important}
html #view #stock-form .mix-stock-color-gallery .stock-color-name{font-size:11px!important;text-align:center!important;margin:0!important}
html #view #stock-form .mix-stock-color-gallery .stock-color-actions{font-size:10px!important}
html #view #stock-form .mix-stock-current-cartons{display:flex;flex-direction:column;gap:6px;font-size:14px}
html #view #stock-form .mix-stock-current-cartons small{font-size:10px;color:var(--muted)}
html #view #stock-form .mix-carton-inventory{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:8px!important;margin:0!important}
html #view #stock-form .mix-stock-add-label{display:none!important}
html #view #stock-form .mix-carton-inventory .primary{font-size:12px;padding:10px 14px}
@media(max-width:600px){html #view #stock-form .mix-stock-grid-heading,html #view #stock-form .mix-stock-grid-body{grid-template-columns:minmax(0,1fr) 75px 110px!important;gap:6px}}
@media(max-width:420px){html #view #stock-form .mix-stock-grid-heading{display:none!important}html #view #stock-form .mix-stock-grid-body{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}html #view #stock-form .mix-stock-color-gallery{grid-column:1/-1}html #view #stock-form .mix-stock-add-label{display:block!important;font-size:10px}html #view #stock-form .mix-carton-inventory label{flex-direction:column;align-items:flex-start;font-size:10px}}
html #editor-form.mix-product-editor .color-row{grid-template-columns:minmax(0,1fr) 32px 72px!important}
html .mix-editor-color-image{display:grid;place-items:center;width:72px;height:60px;border:1px solid var(--line);font-size:10px;cursor:pointer}
html .mix-editor-color-image img{display:block;max-width:68px;max-height:56px;object-fit:contain}
html .mix-carton-inventory{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:16px}
html .mix-carton-inventory label{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600}
html .mix-carton-inventory input{box-sizing:border-box;width:100px!important;min-width:0;height:42px;margin:0!important;padding:0 10px!important}
html .mix-bags-equivalent{font-size:11px;font-weight:400;color:var(--muted)}
html .mix-carton-stock-form .multi-stock-head,html .mix-carton-stock-form .stock-mobile-list-head,html .mix-carton-stock-form .multi-stock-row>input,html .mix-carton-stock-form .stock-current,html .mix-carton-stock-form .stock-adjustment-label{display:none!important}
html .mix-stock-color-gallery{display:flex;flex-wrap:wrap;gap:14px}
html .mix-stock-color-gallery .multi-stock-row{display:flex!important;flex-direction:column;align-items:flex-start;gap:8px;width:130px!important;min-width:0!important;padding:12px!important;border:1px solid var(--line)}
html .mix-stock-color-gallery .stock-color-image{width:100%;margin:0}
html .mix-stock-color-gallery .stock-color-actions{display:flex;gap:8px}
html .mix-product-editor .color-quantity,html .mix-product-editor .color-editor>strong{display:none!important}
html .mix-product-editor .color-row{grid-template-columns:minmax(0,1fr) auto!important}
@media(max-width:480px){html .mix-carton-inventory{gap:8px}html .mix-stock-color-gallery .multi-stock-row{width:calc(50% - 7px)!important}}
html #view .velocity-stats-filter{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:16px 42px 32px;align-content:start;justify-items:start;gap:6px;height:114px;min-width:0}
html #view .velocity-stats-filter>label{line-height:16px;margin:0;text-align:left}
html #view .velocity-stats-filter .velocity-inline-dates{display:grid;grid-template-columns:minmax(0,1fr) 12px minmax(0,1fr) auto;align-items:center;gap:4px;width:100%;max-width:320px;height:32px}
html #view .velocity-inline-dates input{box-sizing:border-box;width:100%;min-width:0;height:32px;margin:0;padding:0 3px;font-size:10px;border:1px solid var(--line);background:var(--paper);color:var(--ink)}
html #view .velocity-inline-dates button{height:32px;margin:0;padding:0 7px;font-size:11px;white-space:nowrap}
html #view .velocity-inline-dates>span{font-size:10px;text-align:center}
html #view .stats{grid-template-columns:repeat(2,minmax(0,144px)) minmax(0,1fr)!important;align-items:center}
html .velocity-stats-filter{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0}
html .velocity-stats-filter>label{font-size:11px;color:var(--muted)}
html .velocity-stats-filter #velocity-range{box-sizing:border-box;width:130px;min-width:130px;height:42px;padding:0 10px;border:1px solid var(--line);background:var(--paper);color:var(--ink)}
html .velocity-stats-filter .velocity-date-edit{height:42px;padding:0 8px}
html .velocity-stats-filter .velocity-date-edit[hidden]{display:none!important}
@media(max-width:600px){html #view .stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}html .velocity-stats-filter{grid-column:1/-1;justify-content:flex-start}}
html #inventory-velocity .velocity-orders-table{min-width:800px}
html #inventory-velocity .velocity-orders-table th:nth-child(1),html #inventory-velocity .velocity-orders-table td:nth-child(1){width:220px;text-align:left}
html #inventory-velocity .velocity-orders-table th:nth-child(2),html #inventory-velocity .velocity-orders-table td:nth-child(2){width:145px;text-align:left}
html #inventory-velocity .velocity-orders-table th:nth-child(3),html #inventory-velocity .velocity-orders-table td:nth-child(3){width:170px;text-align:left}
html #inventory-velocity .velocity-orders-table th:nth-child(4),html #inventory-velocity .velocity-orders-table td:nth-child(4){width:85px;text-align:right}
html #inventory-velocity .velocity-orders-table th:nth-child(5),html #inventory-velocity .velocity-orders-table td:nth-child(5),html #inventory-velocity .velocity-orders-table th:nth-child(6),html #inventory-velocity .velocity-orders-table td:nth-child(6){width:130px;text-align:right}
/* Keep refresh at the toolbar edge and date fields usable on phones. */
html .orders-filter-toolbar #refresh-orders{margin-left:auto!important;position:sticky;right:0;background:var(--paper);z-index:1}
@media(max-width:480px){
 html #inventory-velocity .velocity-dates[open]{grid-template-columns:minmax(0,1fr)!important;gap:14px!important;padding:18px;max-height:calc(100dvh - 32px);overflow-y:auto}
 html #inventory-velocity .velocity-dates label{width:100%;min-width:0;white-space:nowrap}
 html #inventory-velocity .velocity-dates input{width:100%;min-width:0;max-width:100%;height:44px}
 html #inventory-velocity .velocity-dates>span{display:none!important}
 html #inventory-velocity .velocity-dates button{grid-column:1!important;width:100%;height:44px}
}
@media(max-width:600px){html #inventory-velocity .panel-head{overflow-x:auto}html #inventory-velocity .velocity-head-actions{flex:0 0 auto!important}}
html #view .stock-detail-heading-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:auto!important;min-height:0!important;gap:8px!important;align-items:start!important}
html #view .stock-detail-heading-row h3{grid-column:1!important;grid-row:1!important;max-height:none!important;overflow:visible!important;min-width:0!important}
html #view .stock-detail-name{display:block;font-size:17px;line-height:1.35;overflow-wrap:anywhere}
html #view .stock-detail-inventory{display:block;font-size:12px;font-weight:400;color:var(--muted);margin-top:6px}
html #view .stock-detail-heading-row .stock-name-edit{grid-column:2!important;grid-row:1!important;width:auto!important;min-width:0!important;height:auto!important;min-height:36px!important;margin:0!important;padding:8px!important;font-size:11px!important;white-space:nowrap!important}
html #view #stock-form .mix-carton-inventory{position:relative;padding-right:98px!important;min-height:72px}
html #view #stock-form .mix-stock-inventory-actions{position:absolute;right:0;top:0;display:flex;gap:5px}
html #view #stock-form .mix-stock-inventory-actions button{margin:0!important;padding:8px!important;min-width:0!important;width:auto!important;font-size:11px!important}
html #view #stock-form .mix-stock-grid-heading,html #view #stock-form .mix-stock-grid-body{grid-template-columns:minmax(0,1fr) 75px 210px!important}
@media(max-width:700px){
 html #view .stock-section-tabs{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;width:100%!important;overflow:hidden!important}
 html #view .stock-section-tabs button{width:100%!important;min-width:0!important;padding:12px 2px!important;font-size:12px!important}
 html #view .stock-detail-name{font-size:15px}
 html #view #stock-form .mix-stock-grid-body{grid-template-columns:65px minmax(0,1fr)!important}
 html #view #stock-form .mix-stock-color-gallery{grid-column:1/-1!important}
 html #view #stock-form .mix-carton-inventory{padding-right:78px!important}
 html #view #stock-form .mix-stock-inventory-actions{top:24px;bottom:auto;left:auto;right:0}
 html #view #stock-form .mix-stock-inventory-actions button{padding:7px 5px!important;font-size:10px!important}
}
html #view #stock-form.mix-carton-stock-form .stock-add-color,html #view #stock-form.mix-carton-stock-form .stock-color-name,html #view #stock-form.mix-carton-stock-form .mix-carton-inventory>.mix-bags-equivalent{display:none!important}
html #view #stock-form.mix-carton-stock-form .multi-stock-row[hidden]{display:none!important}
html #editor-form[data-type="products"].mix-product-editor .mix-carton-editor>.mix-editor-thumbnail-gallery{display:block!important;margin:18px 0!important;padding:12px 0!important;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
html #editor-form .mix-editor-thumbnail-gallery .color-editor-head,html #editor-form .mix-editor-thumbnail-gallery .color-stock-summary,html #editor-form .mix-editor-thumbnail-gallery #add-color,html #editor-form .mix-editor-thumbnail-gallery .color-remove{display:none!important}
html #editor-form .mix-editor-thumbnail-gallery #color-rows{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(90px,1fr))!important;gap:12px!important}
html #editor-form .mix-editor-thumbnail-gallery>p,html #editor-form .mix-editor-thumbnail-gallery>strong{display:none!important}
html #editor-form.mix-product-editor .mix-editor-thumbnail-gallery .color-row{display:flex!important;flex-direction:column!important;gap:6px!important;padding:0!important;min-width:0!important}
html #editor-form .mix-editor-thumbnail-gallery .color-row[hidden]{display:none!important}
html #editor-form .mix-editor-thumbnail-gallery .mix-editor-color-image{order:-1;width:80px!important;height:80px!important;align-self:center}
html #editor-form .mix-editor-thumbnail-gallery .color-name{width:100%!important;min-width:0!important;height:30px!important;font-size:11px!important;text-align:center!important;padding:4px!important}
html #editor-form .mix-editor-thumbnail-gallery .color-editor-footer,html #editor-form .mix-editor-thumbnail-gallery .style-editor-columns,html #editor-form .mix-editor-thumbnail-gallery .variant-image-field{display:none!important}
/* All MIX slots remain visible, including slots without a stock-color record. */
html #view #stock-form.mix-carton-stock-form .mix-stock-color-gallery{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(60px,1fr))!important;gap:8px!important;overflow:visible!important}
html #view #stock-form.mix-carton-stock-form .mix-stock-color-gallery .multi-stock-row{width:100%!important;min-width:0!important;max-width:80px!important;padding:0!important}
html #view #stock-form.mix-carton-stock-form .stock-color-image{width:100%!important;max-width:72px!important;padding:0!important;border:1px solid var(--line)!important}
html #view #stock-form.mix-carton-stock-form .stock-color-image-preview{width:100%!important;max-width:100%!important;border:0!important;box-shadow:none!important}
html #editor-form[data-type="products"].mix-product-editor .mix-editor-color-count{display:block!important;margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}
html #editor-form .mix-editor-color-count>label{display:flex!important;flex-direction:row!important;align-items:center;gap:12px;font-size:12px!important}
html #editor-form .mix-editor-color-count>label>input{width:90px!important}
html #editor-form[data-type="products"].mix-product-editor .mix-editor-color-count>.mix-editor-thumbnail-gallery{display:block!important;margin:12px 0 0!important;padding:0!important;border:0!important}
html #editor-form .mix-editor-stock-parameter{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:6px!important;margin:0!important}
html #editor-form .mix-editor-stock-parameter>label{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:16px!important;font-size:12px!important}
html #editor-form .mix-editor-stock-parameter input{width:100%!important}
html #editor-form .mix-editor-stock-parameter small{font-size:10px!important;font-weight:400!important;color:var(--muted)}
html #editor-form.mix-product-editor #color-rows .color-row .color-name{height:30px!important;min-height:30px!important;padding:4px!important}