*{box-sizing:border-box}body{margin:0;background:#f5f5f0;color:#242b24;font:15px -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}header{background:#181d19;color:#d1b891;padding:22px;display:flex;justify-content:space-between;letter-spacing:2px;font-size:13px}header span{font-size:10px}main{max-width:650px;margin:auto;padding:24px 18px 60px}h1{font-size:38px;line-height:1.1;letter-spacing:-1px}h1 em{font-family:Georgia,serif;font-weight:400}.eyebrow{font-size:10px;letter-spacing:2px;color:#8c744f}label{display:block;margin:15px 0;color:#535c51;font-size:13px}input,select,textarea{display:block;width:100%;padding:14px;margin-top:7px;border:1px solid #d2d7cc;border-radius:7px;background:white;font:inherit}textarea{min-height:95px}button{border:0;border-radius:7px;background:#cdb48c;color:#172116;font:600 14px inherit;padding:14px;cursor:pointer}button:disabled{opacity:.5}nav{display:flex;gap:8px;margin-bottom:20px}nav button{flex:1;background:#e4e8de}form#search{display:flex;gap:8px}form#search input{margin:0}.camera{background:#1b231d;border-radius:10px;padding:20px;text-align:center;color:#cbd4c8;margin-bottom:20px}.camera p{font-size:12px}.camera button{width:100%}article{background:white;border:1px solid #dde1d6;border-radius:10px;padding:20px;margin:16px 0}article h3{margin:0 0 8px}small{color:#6a7665;overflow-wrap:anywhere}.qty{font-size:34px;font-weight:600;margin:20px 0}.actions{display:flex;gap:10px}.actions button{flex:1}.plus{background:#254b31;color:white}.minus{background:#eadad4;color:#823923}.preview{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.preview img,.preview video{width:100px;height:100px;object-fit:contain;background:#eee}#notice:not(:empty){padding:15px;border:1px solid #d7c19d;background:#fff7e5;border-radius:7px;white-space:pre-line}footer{font-size:10px;letter-spacing:2px;border-top:1px solid #ddd;margin-top:40px;padding-top:20px}.media-status{font-size:12px}#reader video{max-width:100%}[hidden]{display:none!important}
nav{flex-wrap:wrap}nav button{min-width:95px}#photoPreview,.candidate{width:100%;max-height:280px;object-fit:contain;background:#f0f1ed;border-radius:8px;margin:12px 0}.variants button{display:block;width:100%;margin:8px 0;text-align:left}details{background:#e8ece3;padding:16px;border-radius:9px;margin:14px 0}summary{cursor:pointer;font-weight:600}#photoStatus{line-height:1.5}a{color:#254b31}

.variant-card{border-left:8px solid var(--variant-color);padding-top:0;overflow:hidden}.variant-label{background:var(--variant-color);margin:0 -20px 18px;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;color:#202b32}.variant-label span{font-size:12px;font-weight:600}.variant-label strong{font-size:28px;line-height:1.2}.variant-card h3{font-size:17px;line-height:1.4}.variant-card .qty{font-size:28px;margin:14px 0}

#recentSearches{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}#recentSearches button{background:white;border:1px solid #cdd6c9;font-size:12px;padding:10px}

.variant-card details{padding:10px 12px;margin:10px 0;background:#f1f3ee;font-size:12px}.variant-card .media-status{margin:9px 0}.variant-card{padding-bottom:10px}

.remember-option{display:flex;align-items:center;gap:.65rem;line-height:1.4;margin:1rem 0 .4rem}.remember-option input{width:1.2rem;height:1.2rem;flex:none;margin:0;accent-color:#8a7044}#login small{display:block;margin-bottom:1rem}#logoutDialog{width:min(28rem,calc(100% - 2rem));box-sizing:border-box;border:1px solid #cec8b9;border-radius:14px;padding:1.6rem;background:#f6f6ef;color:#202820;box-shadow:0 18px 60px #0004}#logoutDialog::backdrop{background:#1118}#logoutDialog h2{margin-top:0}#logoutDialog p{line-height:1.5}#logoutCancel{background:#e8ebe3}#logoutConfirm{background:#cbb689}#logoutDialog button:focus-visible{outline:3px solid #55614b;outline-offset:3px}

/* Navigation 5.3: three primary actions, two list actions. */
nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}nav button{grid-column:span 2;min-width:0;padding:14px 4px;font-size:clamp(11px,3.2vw,14px)}#queueTab,#archiveTab{grid-column:span 3}footer{display:flex;align-items:center;justify-content:space-between;gap:16px}footer span{line-height:1.7}footer #logout{flex:none;background:transparent;padding:12px 0 12px 12px;font-size:12px;text-decoration:underline;letter-spacing:0}#quickSearch{display:flex;gap:8px}#quickSearch input{min-width:0;margin:0}#quickReader video{max-width:100%}#quickResult button{margin:5px 5px 5px 0}.quick-confirm{background:#254b31;color:white;width:100%}.quick-choice{display:block;width:100%;text-align:left;border-left:7px solid var(--variant-color)}

.product-barcodes{margin:18px 0}.product-barcode{background:#fff;border:1px solid #d2d7cc;border-radius:8px;padding:18px 14px;margin:28px 0}.product-barcode h4{margin:0 0 10px;font-size:14px}.barcode-scroll{overflow-x:auto;background:white;padding:6px 0}.barcode-scroll svg{display:block;max-width:100%;height:auto;margin:auto}.barcode-value{display:block;text-align:center;color:#111;font:15px monospace;overflow-wrap:anywhere;margin-top:8px}.barcode-help{font-size:12px;color:#535c51}

/* Center the photo-result barcode action. */
.variants button{text-align:center}

.minus{background:#c62828;color:#fff}.plus,.quick-confirm{background:#16803c;color:#fff}.minus:hover{background:#ad2020}.plus:hover,.quick-confirm:hover{background:#116b31}#photoRemove{display:block;margin:12px 0;background:#f4dfdc;color:#842323;border:1px solid #cc8f88}

/* Center the brand independently of the secondary header text. */
header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px}header>b{grid-column:2;text-align:center}header>span{grid-column:3;justify-self:end;text-align:right}@media(max-width:480px){header{grid-template-columns:1fr;gap:7px}header>b,header>span{grid-column:1;justify-self:center;text-align:center}}

.stock-success{color:#16803c;font-weight:700}