/* All onscreen text sizes are 1.5 × original sizes, keeping print manifests unchanged. */
@media screen {
:root{font-size:19.5px;}
button.small{font-size:18px;}
.brand-logo{font-size:33px;}
.brand strong{font-size:24px;}
.brand small{font-size:15px;}
.nav button{font-size:19.5px;}
.nav button .symbol{font-size:25.5px;}
.side-note strong{font-size:21px;}
.side-note p{font-size:18px;}
.topbar .dotstatus{font-size:16.5px;}
.heading h1{font-size:36px;}
.heading .sub{font-size:18.75px;}
.heading aside{font-size:18px;}
.heading aside strong{font-size:19.5px;}
.pill{font-size:16.5px;}
.metric .orb{font-size:36px;}
.metric span.label{font-size:18px;}
.metric b{font-size:37.5px;}
.metric small{font-size:16.5px;}
.product-meta strong{font-size:19.5px;}
.tiny{font-size:16.5px;}
.variant-row{font-size:16.5px;}
.variant-row.head{font-size:15px;}
.sectionhead{font-size:21px;}
.alert b{font-size:18px;}
.alert small{font-size:15px;}
.alert .qty{font-size:18px;}
.hint{font-size:16.5px;}
.banner-item .emoji{font-size:37.5px;}
.banner-item b{font-size:19.5px;}
.banner-item small{font-size:16.5px;}
.data-table{font-size:17.25px;}
.data-table th{font-size:16.5px;}
.customer-mini .items div{font-size:16.5px;}
.ship-person b{font-size:21px;}
.ship-address{font-size:18px;}
.ship-row{font-size:16.5px;}
.preview .preview-paper{font-size:18px;}
.preview-paper h3{font-size:24px;}
.workflow span{font-size:18px;}
.modal-head h2{font-size:27px;}
.form-grid label{font-size:18px;}
.notice{font-size:18px;}
.login-panel h1{font-size:33px;}
.login-panel .logo{font-size:54px;}
.warehouse-note{font-size:16.5px;}
@media(max-width:700px){.topbar .dotstatus{font-size:15px;}}
@media(max-width:700px){.heading h1{font-size:30px;}}
@media(max-width:700px){.metric .orb{font-size:27px;}}
@media(max-width:700px){.metric b{font-size:31.5px;}}
.live-logo-placeholder{font-size:40.5px;}
.live-logo-placeholder small{font-size:16.5px;}
.live-session-name b{font-size:19.5px;}
.live-session-name small{font-size:16.5px;}
.live-select-stack label{font-size:16.5px;}
.live-select-stack select{font-size:18px;}
.live-top-settings button{font-size:15px;}
.live-headitem small{font-size:16.5px;}
.live-headitem b{font-size:18px;}
.live-headitem strong{font-size:33px;}
.live-session-picker select{font-size:16.5px;}
.live-entry h3,.live-merged h3,.setting-panel h3{font-size:21px;}
.live-fields label,.live-order-fields label{font-size:16.5px;}
.live-product-header b{font-size:21px;}
.live-color-row>b{font-size:18px;}
.live-quantity{font-size:16.5px;}
.live-quantity strong{font-size:19.5px;}
.live-color-row button{font-size:16.5px;}
.live-order-fields p{font-size:16.5px;}
.live-flow-header small{font-size:15px;}
.live-flow-table{font-size:16.5px;}
.live-merged>p{font-size:16.5px;}
.live-buyer-head>span:first-child{font-size:16.5px;}
.live-buyer-head b{font-size:18px;}
.live-merge-hint{font-size:15px;}
.live-buyer table{font-size:15px;}
.manifest-index{font-size:22.5px;}
.tracking-bar strong{font-size:19.5px;}
.manifest-address{font-size:18px;}
.manifest-table th{font-size:16.5px;}
.manifest-table td{font-size:18px;}
.manifest-sku-barcode span{font-size:16.5px;}
.setting-panel p{font-size:18px;}
.option-line b{font-size:18px;}
@media(max-width:700px){.live-session-picker{font-size:16.5px;}}
@media(max-width:700px){.manifest-address{font-size:16.5px;}}
@media(max-width:700px){.manifest-table th,.manifest-table td{font-size:16.5px;}}
.users-actions h3{font-size:24px;}
.users-actions p{font-size:18px;}
.user-form-grid label{font-size:18px;}
.password-warning{font-size:18px;}
.stock-card-actions .stock-add{font-size:16.5px;}
.stock-card-actions .danger{font-size:16.5px;}
.stock-alerts .alert .grow b{font-size:18px;}
.stock-alerts .alert small{font-size:16.5px;}
.stock-color-modal .modal-head h2{font-size:28.5px;}
.stock-color-modal .modal-head p{font-size:16.5px;}
.stock-modal-meta strong{font-size:22.5px;}
.stock-modal-code span{font-size:15px;}
.stock-color-header{font-size:18px;}
.stock-color-upload{font-size:16.5px;}
.stock-no-photo{font-size:33px;}
.stock-color-row .stock-remove-row{font-size:16.5px;}
.stock-help{font-size:16.5px;}
@media(max-width:700px){.stock-card-actions .stock-add{font-size:18px;}}
.stock-alerts .stock-alert-photo .stock-alert-missing{font-size:15px;}

/* Reflow: eliminate row-stretch gaps for SKUs with very different color counts. */
html,body{overflow-x:hidden}
body{min-width:320px}
.layout{grid-template-columns:242px minmax(0,1fr)}
.brand{padding-inline:12px}
.brand strong{white-space:normal;line-height:1.25}
.brand small{line-height:1.3}
.sidebar .nav button{gap:9px;min-width:0;padding:12px 9px;line-height:1.35}
.side-note{padding:13px}
.content{max-width:100%;min-width:0;padding:16px 18px 22px}
.heading{flex-wrap:wrap}
.heading h1{line-height:1.25}
.heading .sub{line-height:1.5}
.heading aside{max-width:min(310px,100%);overflow-wrap:anywhere}
.metrics{grid-template-columns:repeat(4,minmax(0,1fr))}
.metric{min-width:0;gap:9px}
.metric .orb{flex:none}
.toolbar{align-items:stretch}
.toolbar .right{flex-wrap:wrap;margin-left:auto}
.toolbar input,.toolbar select,.toolbar button{min-height:43px}
.stock-approved-layout{grid-template-columns:minmax(0,1fr) minmax(380px,34%);align-items:start}
.stock-product-grid{display:block;column-width:315px;column-count:auto;column-gap:12px}
.stock-product-grid .stock-approved-card{display:inline-flex;width:100%;vertical-align:top;break-inside:avoid;-webkit-column-break-inside:avoid;page-break-inside:avoid;height:auto;margin-bottom:12px;align-self:start;min-height:0;max-width:100%}
.stock-approved-card{min-width:0;gap:7px}
.stock-approved-card .variant-list{margin-top:7px;flex:0 0 auto}
.stock-approved-card .product-top{min-height:0;align-items:start}
.stock-approved-card .product-meta{min-width:0;overflow-wrap:anywhere}
.stock-approved-card .product-photo{width:94px;height:95px;max-width:34%}
.stock-approved-card .product-meta strong{line-height:1.3}
.stock-approved-card .barcode-mini{width:min(150px,100%)}
.stock-approved-card .variant-row{grid-template-columns:30px minmax(0,1fr) 50px 48px 30px;gap:3px;min-height:34px}
.stock-approved-card .variant-row .number{white-space:nowrap}
.stock-card-actions{margin-top:9px;flex-wrap:nowrap}
.stock-card-actions .stock-add{overflow-wrap:anywhere;line-height:1.2}
.stock-card-actions button{min-height:38px}
.stock-alerts .alert{gap:11px;min-width:0}
.stock-alerts .stock-alert-photo{width:70px;height:70px}
.stock-alerts .alert .grow{min-width:0}
.stock-alerts .alert .grow b{overflow-wrap:anywhere}
.stock-alerts .alert small{line-height:1.35}
.stock-alerts .alert button{min-height:36px}
.stock-alerts .alert-list{max-width:100%}
.modal{width:min(720px,95vw);max-height:calc(100dvh - 30px)}
.modal.wide{width:min(1040px,95vw)}
.modal-head h2{line-height:1.35}
.form-grid{gap:12px}
.form-grid label{line-height:1.4}
.form-grid input,.form-grid select,.form-grid textarea{min-height:44px}
.form-grid textarea{min-height:110px}
.modal-foot button{min-height:43px}
.stock-color-modal{width:min(1100px,96vw)!important}
.stock-color-header,.stock-color-row{grid-template-columns:35px minmax(125px,1.15fr) minmax(90px,.6fr) minmax(140px,1fr) 90px}
.stock-color-row input:not([type=file]){height:43px}
.stock-color-preview{width:54px;height:54px;min-width:54px}
.stock-color-row{min-height:67px}
.stock-color-footer button{min-height:42px}
.stock-color-upload{white-space:normal}
.live-split{grid-template-columns:minmax(0,65fr) minmax(0,35fr)}
.live-color-row button{white-space:normal;line-height:1.25}
.live-buyer-head{flex-wrap:wrap;gap:5px}
.live-buyer-head .pill{white-space:normal}
.live-fields input,.live-order-fields input{min-height:45px}
.live-headitem{min-width:0}
.live-top-settings{width:auto}
.live-top-settings button{width:auto;overflow-wrap:anywhere}
.live-session-picker select{height:auto;min-height:43px}
.data-table td,.data-table th{line-height:1.35}
.users-actions{align-items:start}
.users-table-wrap{max-width:100%}
.topbar{min-width:0}
}
@media screen and (max-width:1550px){
 .stock-approved-layout{grid-template-columns:minmax(0,1fr) minmax(345px,36%)}
 .stock-product-grid{column-width:300px}
 .sidebar{min-width:0}
 .brand strong{font-size:21px}
}
@media screen and (max-width:1210px){
 .layout{grid-template-columns:76px minmax(0,1fr)}
 .sidebar .brand strong,.sidebar .brand small,.sidebar .nav button span:not(.symbol),.side-note{display:none}
 .sidebar .brand{padding:0 13px}
 .sidebar .nav button{justify-content:center}
 .stock-approved-layout{grid-template-columns:1fr}
 .stock-alerts .alert-list{max-height:440px;overflow:auto}
 .stock-product-grid{column-width:260px}
 .live-split{grid-template-columns:minmax(0,1fr)}
 .live-headbar{flex-wrap:wrap}
 .live-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
 .live-fields label:last-child{grid-column:1/-1}
 .heading aside{display:none}
}
@media screen and (max-width:1000px){
 .stock-approved-layout{grid-template-columns:1fr}
 .stock-product-grid{column-width:290px}
 .stock-alerts .alert-list{max-height:480px;overflow:auto}
 .metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
 .metric{min-height:78px}
 .toolbar .right{margin-left:0}
 .live-headitem{min-width:130px}
}
@media screen and (max-width:700px){
 .layout{grid-template-columns:1fr}
 .sidebar{display:none;position:fixed;top:55px;left:0;width:min(295px,85vw);height:calc(100dvh - 55px)}
 .sidebar.open{display:flex}
 .sidebar.open .brand strong,.sidebar.open .brand small,.sidebar.open .nav button span:not(.symbol),.sidebar.open .side-note{display:initial}
 .sidebar.open .nav button{justify-content:flex-start}
 .sidebar.open .side-note{display:block}
 .content{padding:10px}
 .heading h1{font-size:28px}
 .stock-product-grid{column-count:1;column-width:auto}
 .stock-approved-card .product-photo{width:95px;height:100px}
 .stock-approved-card .variant-row{grid-template-columns:34px minmax(0,1fr) 48px 48px 32px}
 .stock-alerts .alert-list{max-height:400px}
 .stock-alerts .stock-alert-photo{width:58px;height:58px}
 .stock-alerts .alert button{min-width:57px}
 .toolbar .right{display:flex;width:100%;gap:5px}
 .toolbar .right button{flex:1;padding:8px}
 .metrics{gap:8px}
 .metric{padding:10px;min-width:0}
 .metric .orb{width:41px;height:41px}
 .metric b{font-size:25px}
 .modal-mask{padding:7px}
 .modal{width:100%;max-height:calc(100dvh - 14px);padding:14px}
 .form-grid{grid-template-columns:1fr}
 .form-grid .full{grid-column:auto}
 .stock-color-modal{width:calc(100vw - 12px)!important;max-height:calc(100dvh - 12px)}
 .stock-color-editor{overflow-x:auto}
 .stock-color-header,.stock-color-row{min-width:690px;grid-template-columns:35px 170px 100px 190px 110px;gap:8px}
 .stock-color-footer{position:sticky;bottom:0;background:white;z-index:2;padding-block:10px}
 .live-headbar{gap:9px}
 .live-headitem{min-width:calc(50% - 7px);flex:1}
 .live-product-area{grid-template-columns:1fr}
 .live-color-row button{min-width:105px}
 .live-order-fields{grid-template-columns:1fr 1fr}
 .manifest-table{min-width:690px}
 .topbar .dotstatus{font-size:12px}
}
@media screen and (max-width:380px){
 .metric .orb{display:none}
 .stock-approved-card .variant-row{grid-template-columns:28px minmax(0,1fr) 44px 44px 27px}
 .stock-card-actions{gap:5px}
 .stock-card-actions button{padding:7px}
}


/* Notebook-first selling layout (1366x768 at typical Windows scaling). */
@media screen {
 .stock-full-width .stock-product-grid{column-width:295px;column-gap:12px}
 .stock-full-width .stock-product-grid .stock-approved-card{break-inside:avoid;display:inline-flex;margin-bottom:12px}
 .stock-color-modal{width:min(1080px,96vw)!important}
 .stock-color-header,.stock-color-row{grid-template-columns:31px minmax(120px,1.15fr) minmax(80px,.6fr) minmax(100px,.68fr) minmax(136px,1fr) 80px;gap:8px}
 .live-headbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;padding:11px 14px}
 .live-headbar .live-brand{display:flex;align-items:center;gap:14px;flex:1 1 390px;max-width:none;min-width:0}
 .live-headbar .live-logo,.live-headbar .live-logo-placeholder{flex:0 0 95px;width:95px;max-width:95px;height:66px}
 .live-headbar .live-select-stack{display:flex;flex-direction:column;flex:1 1 250px;min-width:230px;max-width:400px;gap:7px}
 .live-headbar .live-select-stack label{display:grid;grid-template-columns:96px minmax(140px,1fr);align-items:center;gap:9px;white-space:nowrap;line-height:1.25}
 .live-headbar .live-select-stack select{min-width:0;width:100%;height:39px;min-height:39px;padding:5px 28px 5px 8px}
 .live-headbar .live-top-settings{flex:0 0 auto;width:auto}
 .live-headbar .live-top-settings button{max-width:125px;min-height:44px;white-space:normal}
 .live-headbar .live-headitem{flex:1 1 105px;min-width:100px;max-width:none;padding-left:11px;align-self:stretch;display:flex;flex-direction:column;justify-content:center}
 .live-headbar .live-headitem b{white-space:normal;overflow-wrap:anywhere}
 .live-headbar .live-headitem strong{line-height:1.08}
 .live-split{grid-template-columns:minmax(0,65fr) minmax(315px,35fr);gap:10px}
 .live-entry,.live-merged{padding:11px}
 .live-product-area{grid-template-columns:minmax(185px,40%) minmax(0,60%);gap:9px}
 .live-main-photo>img{height:240px}
 .live-color-row{gap:6px;min-height:49px}
 .live-color-row button{min-width:100px}
 .live-buyer{min-width:0}
 .live-flow-table{min-width:630px}
 .stock-color-editor{max-height:min(480px,57dvh);overflow:auto}
 .product-category-modal{width:min(650px,95vw)}
}
@media screen and (max-width:1450px){
 .live-headbar .live-brand{flex-basis:370px}
 .live-headbar .live-headitem{min-width:95px;flex-basis:105px}
 .live-split{grid-template-columns:minmax(0,61fr) minmax(290px,39fr)}
 .live-color-row button{padding:7px 5px}
 .live-product-area{grid-template-columns:minmax(185px,38%) minmax(0,62%)}
 .live-main-photo>img{height:225px}
 .content{padding-left:13px;padding-right:13px}
}
@media screen and (max-width:1250px){
 .live-split{grid-template-columns:1fr}
 .live-headbar .live-brand{flex-basis:100%}
 .live-headbar .live-top-settings{flex:0 0 130px}
 .live-headbar .live-headitem{flex:1 1 130px}
 .live-product-area{grid-template-columns:minmax(235px,38%) minmax(0,62%)}
}
@media screen and (max-width:760px){
 .live-headbar .live-brand{flex-direction:column;align-items:stretch;gap:7px;flex-basis:100%}
 .live-headbar .live-logo,.live-headbar .live-logo-placeholder{width:130px;max-width:130px}
 .live-headbar .live-select-stack{min-width:0;max-width:none;width:100%;flex-basis:auto}
 .live-headbar .live-select-stack label{grid-template-columns:110px minmax(0,1fr)}
 .live-headbar .live-headitem{min-width:calc(50% - 10px);flex-basis:calc(50% - 10px)}
 .live-headbar .live-top-settings{flex-basis:100%}
 .live-entry,.live-merged{padding:10px}
 .live-product-area{grid-template-columns:1fr}
 .live-main-photo>img{height:230px}
 .stock-color-header,.stock-color-row{min-width:760px;grid-template-columns:28px 140px 85px 115px 200px 85px;gap:8px}
 .stock-color-editor{max-height:52dvh;overflow:auto}
 .stock-full-width .stock-product-grid{column-width:auto;column-count:1}
}