.datamark-table{max-height:360px;overflow:auto;margin-block:16px}.datamark-table th{position:sticky;top:0;background:#fff;z-index:1}.datamark-table td:first-child{min-width:180px}#datamark-result{font-weight:600;color:#176650}
:root{font-family:Inter,"Segoe UI",sans-serif;color:#182b31;background:#f1f4f3;font-synthesis:none;font-size:15px;line-height:1.5;--green:#176650;--muted:#63767a;--line:#dce5e2}
*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;border:1px solid transparent;border-radius:8px;padding:10px 14px;font-weight:600;background:white;color:inherit}button:hover{background:#eaf2ee}button:disabled{opacity:.55;cursor:not-allowed}input{width:100%;border:1px solid #b9cac4;border-radius:7px;padding:11px 12px;background:#fff;color:inherit}input:focus,button:focus-visible,a:focus-visible{outline:3px solid #6db89f;outline-offset:2px}input[type=checkbox]{width:auto}label{display:block;font-weight:600;margin:17px 0 6px}h1,h2,h3,p{margin-top:0}h1{font-size:30px;line-height:1.2;font-weight:650;margin-bottom:0;letter-spacing:-.7px}h2{font-size:18px;margin-bottom:4px}h3{font-size:16px}.muted{color:var(--muted)}.small{font-size:13px}.eyebrow{font-size:11px;letter-spacing:1.8px;font-weight:700;color:var(--green);margin-bottom:10px}.primary{background:var(--green);color:#fff}.primary:hover{background:#0f503e}.secondary{border-color:#bdcec7}.quiet{font-size:13px;color:var(--green)}[hidden]{display:none!important}
.topbar{min-height:82px;background:#fff;border-bottom:1px solid var(--line);display:flex;gap:24px;align-items:center;padding:16px 32px}.brand{color:var(--green);text-decoration:none;font-size:25px;display:flex;gap:12px;font-weight:700;align-items:center;line-height:1.15}.brand-sub{display:block;font-size:10px;color:var(--muted);letter-spacing:.4px;font-weight:400;margin-top:6px}.environment{font-size:11px;font-weight:600;color:#7c6419;background:#faf3d6;border:1px solid #e8dcae;padding:4px 9px;border-radius:5px}.session{margin-left:auto;display:flex;align-items:center;gap:16px;font-size:13px}.demo-banner{background:#f9eecb;color:#715916;padding:8px 32px;font-size:12px;text-align:center}.notice{margin:18px 32px 0;padding:12px 16px;border:1px solid #ceab61;border-radius:8px;background:#fff8e6;white-space:pre-wrap}.notice.success{border-color:#a1c9b5;background:#eaf7f0}
main{max-width:1640px;margin:auto;padding:30px 32px}.login-layout{display:grid;grid-template-columns:1fr 420px;max-width:1060px;gap:90px;margin:65px auto}.intro{padding-top:48px}.intro h1{font-size:48px;line-height:1.15;letter-spacing:-1.8px;margin-bottom:26px}.intro>p:not(.eyebrow){max-width:440px;font-size:17px;color:var(--muted)}.intro-line{margin-top:50px;border-top:1px solid var(--line);padding-top:20px;font-size:12px;color:var(--green);font-weight:600}.intro-line span{margin:0 12px;color:#93aaa0}.card{background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 3px 9px #12332b03}.login-card{padding:30px}.login-card .primary{width:100%;margin-top:26px}.login-card .small{margin:16px 0 0}
.page-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.work-grid{display:grid;grid-template-columns:230px minmax(300px,1fr) minmax(310px,.95fr);gap:18px;align-items:start}.supplies,.orders,.detail{padding:22px;min-height:510px}.supplies{padding:20px 12px}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;gap:10px}.supplies .section-title{padding:0 10px}.counter{font-size:12px;background:#edf2f0;border-radius:20px;padding:2px 8px}.supply-list{display:grid;gap:8px}.supply-button{text-align:left;width:100%;padding:13px 11px;border:1px solid var(--line);font-weight:500}.supply-button strong,.supply-button small{display:block;overflow-wrap:anywhere}.supply-button small{color:var(--muted);font-size:11px;margin-top:5px}.selected{background:#edf6f1!important;border-color:#70a58c!important}.orders #order-count{margin:14px 0}.order-button{width:100%;text-align:left;border:1px solid var(--line);margin-bottom:10px;padding:13px;display:grid;gap:5px}.order-top{display:flex;justify-content:space-between;align-items:center;gap:6px}.order-article{color:var(--muted);font-size:12px;font-weight:400;overflow-wrap:anywhere}.badge{font-size:10px;white-space:nowrap;font-weight:600;border-radius:4px;padding:3px 6px;background:#edf2f0;color:#536962}.badge.reserved{background:#eaf0fb;color:#3f609a}.badge.confirmed,.badge.assembled{background:#e4f4eb;color:#246e4f}.badge.awaiting_wb{background:#fff2d5;color:#8b6926}.badge.requires_attention{background:#ffeae4;color:#a44731}.detail .empty{padding:80px 6px 0;text-align:center;color:var(--muted);font-size:14px}.empty-icon{font-size:44px;color:#9eb6aa;display:block;margin-bottom:15px}.detail h2{font-size:22px}.detail dl{display:grid;grid-template-columns:110px 1fr;gap:8px;font-size:13px;border-block:1px solid var(--line);padding:18px 0;margin:18px 0}.detail dt{color:var(--muted)}.detail dd{margin:0;overflow-wrap:anywhere}.detail .action{width:100%;margin-top:16px}.status-note{font-size:13px;background:#f3f6f5;padding:12px;border-radius:7px;margin:16px 0}.check{display:flex;gap:9px;align-items:flex-start;font-size:13px;font-weight:400}.check input{margin-top:4px}.tasks{padding:0;list-style:none;font-size:13px}.tasks li{display:flex;justify-content:space-between;gap:8px;border-bottom:1px solid var(--line);padding:9px 0}.pending-warning{color:#8b5419;font-size:13px}.kiz-hint{font-size:12px;color:var(--muted)}footer{color:var(--muted);font-size:11px;margin-top:24px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.session a{color:var(--green)}.reference-page{max-width:1280px}.reference-grid{display:grid;grid-template-columns:360px minmax(0,1fr);gap:22px;align-items:start}.reference-card{padding:24px}.reference-card select{font:inherit;width:100%;padding:11px;border:1px solid #b9cac4;border-radius:7px;background:#fff;color:inherit}.reference-card select:focus-visible{outline:3px solid #6db89f}.reference-card input[type=file]{font-size:13px}.reference-card button{margin-top:16px}.reference-counts{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}.reference-stat{border:1px solid var(--line);background:white;border-radius:8px;padding:12px 18px;min-width:120px}.reference-stat strong,.reference-stat span{display:block}.reference-stat strong{font-size:24px;color:var(--green)}.reference-stat span{font-size:12px;color:var(--muted)}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:12px}th,td{text-align:left;border-bottom:1px solid var(--line);padding:10px 8px;overflow-wrap:anywhere}th{color:var(--muted);font-weight:600}.reference-history{margin-top:24px}.history-row{display:grid;gap:4px;padding:12px 0;border-bottom:1px solid var(--line)}
@media(max-width:1100px){.work-grid{grid-template-columns:200px 1fr}.detail{grid-column:2}.supplies{grid-row:span 2}.login-layout{gap:40px}.topbar{gap:15px}.reference-grid{grid-template-columns:1fr}}
@media(max-width:720px){main{padding:20px 14px}.topbar{padding:14px;flex-wrap:wrap}.session{width:100%;margin:0;justify-content:space-between}.notice{margin:14px 14px 0}.work-grid{grid-template-columns:1fr}.detail{grid-column:auto}.supplies{grid-row:auto}.supplies,.orders,.detail{min-height:0}.detail .empty{padding:30px 0}.supply-list{max-height:210px;overflow:auto}.login-layout{display:block;margin:10px auto}.intro{padding:10px 4px}.intro h1{font-size:34px}.intro-line{display:none}.login-card{margin-top:25px}.page-title h1{font-size:25px}.page-title{gap:12px}.page-title button{font-size:12px;padding:9px}.demo-banner{padding:8px 14px}}

.picking-page{max-width:1250px}.picking-supplies{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.picking-choice{margin:0;display:flex;align-items:center;gap:14px;border:1px solid var(--line);border-radius:8px;padding:18px;cursor:pointer}.picking-choice:has(input:checked){background:#edf6f1;border-color:#70a58c}.picking-choice input{width:20px;height:20px;flex:none}.picking-choice strong,.picking-choice small{display:block}.picking-choice small{color:var(--muted);font-weight:400;margin-top:5px}.picking-sessions{display:grid;gap:14px;margin-bottom:24px}.picking-progress{display:flex;justify-content:space-between;gap:15px;font-size:13px;color:var(--muted)}progress{display:block;width:100%;height:10px;margin:10px 0 24px;accent-color:var(--green)}.picking-product{display:grid;grid-template-columns:minmax(200px,.8fr) 1.2fr;gap:35px;padding:30px}.picking-photo{display:flex;align-items:center;justify-content:center;border-radius:12px;background:#edf4ef;min-height:260px}.picking-photo img{max-width:100%;max-height:350px}.picking-product h2{font-size:28px}.picking-sku{color:var(--green);font-size:18px;overflow-wrap:anywhere}.picking-attributes{display:grid;grid-template-columns:80px 1fr;gap:8px}.picking-attributes dt{color:var(--muted)}.picking-attributes dd{margin:0}.picking-quantity{display:grid;border-top:1px solid var(--line);padding-top:16px;gap:4px}.picking-quantity strong{font-size:42px;color:var(--green);line-height:1.2}.picking-quantity span:last-child{font-size:12px;color:var(--muted)}.picking-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.picking-actions .primary{flex:1}.picking-cancel{margin-top:30px;color:var(--muted);font-size:13px}.picking-cancel summary{cursor:pointer}.picking-cancel p{margin-top:15px}.picking-pending{padding:20px;margin-bottom:24px;border-color:#ceab61}#stale{margin:0 0 20px}@media(max-width:720px){.picking-supplies,.picking-product{grid-template-columns:1fr}.picking-product{padding:20px;gap:18px}.picking-photo{min-height:130px}.picking-photo img{max-height:190px}.picking-quantity strong{font-size:34px}.picking-actions .primary{flex-basis:100%}.picking-page .page-title{align-items:flex-start}}

.picking-choice:has(input[data-unavailable]){background:#fff8e7;border-color:#d5b56e;cursor:default}.picking-choice .picking-occupied{color:#855b0b;font-weight:600}

.label-code{overflow-wrap:anywhere}#reprint-menu{margin-top:18px;padding-top:12px;border-top:1px solid var(--line)}#reprint-menu button{margin:4px}

/* Warehouse work uses the viewport; the supply list keeps its familiar width. */
.picking-working{max-width:none;padding:18px 24px 24px}
.picking-working .page-title{margin-bottom:10px;gap:20px}
.picking-working h1{font-size:clamp(24px,1.8vw,34px)}
.picking-working #scope{margin-bottom:8px;font-size:17px}
.picking-working .picking-progress{font-size:18px}
.picking-working progress{margin:6px 0 16px}
.picking-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;align-items:start}
.picking-operation{grid-column:1;grid-row:1;min-width:0;display:flex;flex-direction:column;gap:16px}
.picking-working .picking-product{grid-column:2;grid-row:1;display:flex;flex-direction:column;gap:0;padding:0;overflow:hidden;min-width:0}
.picking-product-heading{padding:18px 24px 0}
.picking-working .picking-product .eyebrow{margin-bottom:5px;font-size:14px}
.picking-working .picking-product h2{font-size:clamp(26px,1.65vw,36px);line-height:1.2;margin-bottom:8px}
.picking-working .picking-sku{font-size:clamp(21px,1.4vw,28px);line-height:1.25;margin-bottom:14px}
.picking-facts{display:grid;grid-template-columns:1fr 1fr 1.15fr;gap:12px;padding:14px 18px;border-radius:8px;background:#fff1aa;color:#25352f}
.picking-facts.cosmetics{grid-template-columns:1fr;text-align:center}
.picking-facts>div{min-width:0}
.picking-facts span,.picking-facts strong{display:block}
.picking-facts span{font-size:17px}
.picking-facts strong{font-size:clamp(30px,2.3vw,48px);line-height:1.15;overflow-wrap:anywhere}
.picking-facts #quantity{color:#176650}
.picking-facts #quantity small{font-size:.55em;white-space:nowrap}
.picking-pack-note{font-size:16px;color:var(--muted);margin:8px 0 12px}
.picking-working .picking-photo{border-radius:0;min-height:300px;height:clamp(300px,calc(100dvh - 450px),760px);padding:8px;background:white}
.picking-working .picking-photo img{display:block;max-width:100%;width:100%;height:100%;max-height:100%;object-fit:contain}
.picking-operation .reference-card{padding:24px;margin:0;font-size:clamp(21px,1.35vw,28px);line-height:1.4}
.picking-operation .reference-card p{margin-bottom:16px}
.picking-operation .eyebrow{font-size:16px;margin-bottom:8px}
.picking-sticker{display:block;font-size:clamp(48px,4.1vw,84px);font-variant-numeric:tabular-nums;line-height:1.12;letter-spacing:.015em;white-space:nowrap;color:#176650;margin-bottom:20px}
.picking-operation #label-order{font-size:24px;color:var(--muted);font-weight:500;margin-bottom:18px}
.picking-operation #label-expiry{font-size:clamp(26px,1.8vw,36px);font-weight:650}
.picking-operation #label-kiz{font-size:18px;line-height:1.45;padding-top:14px;border-top:1px solid var(--line)}
.picking-operation #label-print{color:#176650;font-weight:650}
.picking-operation #helper-status:empty{display:none}
.picking-operation #prepare-quantity{font-size:clamp(48px,4.2vw,84px);line-height:1.1;color:#176650;margin:15px 0 25px}
.picking-operation .picking-instruction{margin:28px 0 0}
.picking-operation .picking-actions{margin:0;padding:10px 0;background:#f1f4f3;position:sticky;bottom:0;z-index:1;gap:10px}
.picking-operation button{font-size:clamp(19px,1.3vw,26px);padding:14px 18px;line-height:1.25}
.picking-operation .picking-actions .primary{flex-basis:100%;min-height:64px}
.picking-operation .picking-cancel{margin-top:0;font-size:16px}
.picking-operation #reprint-menu button{font-size:19px}
@media(max-width:1050px){
  .picking-working{padding:16px}
  .picking-workspace{gap:16px}
  .picking-operation .reference-card,.picking-product-heading{padding:18px}
  .picking-sticker{font-size:clamp(30px,4.1vw,48px)}
  .picking-facts{padding:10px;gap:8px}
  .picking-facts strong{font-size:26px}
}
@media(max-width:760px){
  .picking-workspace{grid-template-columns:1fr}
  .picking-working .picking-product{grid-column:1;grid-row:1}
  .picking-operation{grid-column:1;grid-row:2}
  .picking-working .picking-photo{height:400px}
  .picking-working .picking-progress{font-size:15px}
  .picking-sticker{font-size:clamp(34px,7vw,52px)}
}
@media(min-width:761px){
  body:has(.picking-working) .topbar{min-height:44px;padding:4px 24px}
  body:has(.picking-working) .brand{font-size:20px}
  body:has(.picking-working) .brand-sub{display:none}
  body:has(.picking-working) .demo-banner{padding:2px 24px}
  .picking-working{padding-top:12px}
  .picking-working #stage-heading{display:none}
  .picking-working .page-title{margin-bottom:8px}
  .picking-working .page-title button{padding:6px 12px}
  .picking-working #scope{margin-bottom:4px;font-size:15px}
  .picking-working .picking-progress{font-size:16px}
  .picking-working progress{margin-bottom:8px}
  .picking-workspace{height:calc(100dvh - 200px);min-height:420px;grid-template-rows:minmax(0,1fr)}
  .picking-operation{height:100%;min-height:0;gap:10px}
  .picking-operation-content{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;gap:16px;scrollbar-gutter:stable}
  .picking-operation .picking-actions{position:static;padding:0;flex-shrink:0}
  .picking-operation .picking-actions .quiet{padding:8px 14px;font-size:18px}
  .picking-working .picking-product{height:100%;min-height:0}
  .picking-working .picking-product .eyebrow{font-size:12px;margin-bottom:2px}
  .picking-working .picking-sku{margin-bottom:8px}
  .picking-working .picking-facts{padding:10px 14px;margin-bottom:8px}
  .picking-working .picking-photo{height:auto;min-height:0;flex:1}
}
.picking-kiz-detail{font-size:18px;margin-bottom:14px;color:var(--muted)}
.picking-kiz-detail summary{cursor:pointer}
body:has(.picking-working)>aside.notice:has(#comparison-source){display:none}
.picking-description{padding-block:4px 16px}
.picking-description h2{font-size:clamp(26px,1.65vw,36px);line-height:1.2;margin-bottom:8px}
.picking-description .picking-sku{margin-bottom:4px}
.picking-description .eyebrow{font-size:13px;margin-bottom:4px}
.picking-product-heading:has(.picking-pack-note[hidden]){padding-bottom:0}
.picking-operation #label-info{padding-top:20px}
.picking-operation #label-info>.eyebrow{margin-bottom:4px}
.picking-operation .picking-sticker{margin-bottom:8px}
.picking-operation #label-order{font-size:19px;line-height:1.3;margin-bottom:8px}
.picking-operation .picking-description{padding:0 0 10px}
.picking-operation .picking-description p{margin-bottom:4px}
.picking-operation #label-gtin{margin-bottom:8px}
.picking-operation #label-expiry{margin-bottom:10px}

/* Photo column starts below the app header, independent of notices and progress. */
@media(min-width:761px){
  .picking-working{padding-bottom:16px}
  .picking-working #work,.picking-working>.picking-pending{width:calc(50% - 11px)}
  .picking-working .picking-workspace{display:flex;min-height:0}
  .picking-working .picking-operation{width:100%}
  .picking-working .picking-product{position:fixed;top:var(--picking-photo-top,58px);bottom:16px;right:24px;width:calc(50% - 35px);height:auto}
  .picking-working .page-title{align-items:flex-start}
  .picking-working .page-title>div{min-width:0}
  .picking-working .picking-actions #next{order:0}
  .picking-working .picking-actions :is(#back,#reprint,#refresh,#exit){order:1;font-size:18px;padding:10px 12px}
  body:has(.picking-working)>.demo-banner{width:50%;padding-inline:24px;text-align:left}
  body:has(.picking-working)>#notice{margin-inline:24px;width:calc(50% - 48px)}
  .picking-working #stale{margin-inline:0}
}
@media(min-width:761px) and (max-width:1050px){
  .picking-working .picking-product{right:16px;width:calc(50% - 24px)}
  body:has(.picking-working)>#notice{margin-inline:16px;width:calc(50% - 32px)}
}

/* Reference dashboard: calm navigation, clear counts and a two-step import. */
.reference-dashboard{background:#f4f6f5}
.reference-dashboard .topbar{min-height:76px}
.reference-dashboard .reference-page{max-width:1440px;padding-top:40px;padding-bottom:56px}
.reference-hero{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:30px}
.reference-hero h1{font-size:36px;letter-spacing:-1px;margin-bottom:12px}
.reference-hero p:last-child{margin-bottom:0;font-size:16px}
.dashboard-shortcut{display:flex;align-items:center;gap:20px;padding:12px 18px;background:#176650;border-radius:9px;color:white;text-decoration:none;font-weight:600;white-space:nowrap}
.dashboard-shortcut:hover{background:#0f503e}
.dashboard-counts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0 0 38px}
.dashboard-counts .reference-stat{padding:22px 24px;border-radius:12px;border-color:#e0e7e3}
.dashboard-counts .reference-stat strong{font-size:34px;font-variant-numeric:tabular-nums;line-height:1.2;margin-bottom:8px;color:#203c32}
.dashboard-counts .reference-stat span{font-size:13px}
.dashboard-section-title{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:16px}
.dashboard-section-title h2{font-size:20px;margin:0}
.dashboard-navigation{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:36px}
.dashboard-link{position:relative;display:flex;flex-direction:column;gap:10px;padding:24px;background:white;border:1px solid #dfe7e2;border-radius:12px;color:inherit;text-decoration:none;transition:border-color .15s,box-shadow .15s}
.dashboard-link:hover{border-color:#6ca48a;box-shadow:0 6px 20px #173e2c0b}
.section-number{font-size:12px;letter-spacing:1px;color:#176650;font-weight:700}
.dashboard-link strong{font-size:18px;font-weight:650;line-height:1.3;padding-right:15px}
.dashboard-link>span:not(.section-number){font-size:13px;color:var(--muted)}
.dashboard-link b{position:absolute;right:24px;top:22px;font-size:20px;font-weight:400;color:#6d8b7c}
.reference-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 20px}
.reference-tab{display:grid;gap:5px;background:#eaf0ec;border:1px solid transparent;border-radius:10px;padding:18px 22px;color:inherit;text-decoration:none}
.reference-tab strong{font-size:17px;font-weight:650}
.reference-tab>span:last-child{font-size:13px;color:var(--muted)}
.reference-tab:hover{background:#e3ece6}
.reference-tab.active{background:#fff;border-color:#438a69;box-shadow:inset 0 3px #176650}
.reference-dashboard .reference-grid{grid-template-columns:minmax(320px,.85fr) minmax(0,1.65fr);gap:20px;scroll-margin-top:20px}
.reference-dashboard .reference-card{padding:28px}
.reference-dashboard .reference-card h2{font-size:21px;margin-bottom:18px}
.reference-dashboard #format-hint{margin-top:14px;line-height:1.7}
.reference-dashboard input[type=file]{padding:20px 16px;background:#f7faf8;border:1px dashed #a9c0b2}
.reference-dashboard input[type=file]::file-selector-button{border:0;border-radius:6px;background:#e5eee8;color:#21563e;padding:8px 12px;margin-right:12px;cursor:pointer}
.reference-dashboard #check,.reference-dashboard #apply{min-height:44px}
.reference-dashboard #check{width:100%}
.reference-preview{min-height:360px}
.preview-placeholder{display:flex;min-height:220px;align-items:center;justify-content:center;flex-direction:column;gap:12px;text-align:center;color:var(--muted);padding:28px 15px}
.preview-placeholder>span{font-size:42px;color:#9bb6a7}
.preview-placeholder strong{color:#3f594d;font-size:17px}
.preview-placeholder p{font-size:14px;max-width:330px;margin:0}
.import-mode{padding:12px 16px;border-radius:8px;background:#f0f4f1;color:#597064;font-size:13px;margin:20px 0 0;line-height:1.6}
.reference-dashboard .reference-history{margin-top:24px}
.reference-dashboard .reference-history .dashboard-section-title{margin-bottom:6px}
.reference-dashboard .reference-history h2{margin:0;font-size:20px}
.reference-dashboard .history-row{padding:16px 0}
.reference-dashboard #summary .reference-stat{min-width:0;flex:1;padding:12px}
.discount-option{display:flex;align-items:flex-start;gap:12px;padding:18px 20px;background:#f0f6f2;border:1px solid #d6e4da;border-radius:10px;margin:22px 0 6px;cursor:pointer}
.discount-option input{width:20px;height:20px;flex:none;margin:3px 0 0;accent-color:var(--green)}
.discount-option strong,.discount-option small{display:block}
.discount-option small{color:var(--muted);font-size:13px;font-weight:400;margin-top:5px}
.download-file{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--line);font-size:14px}
.download-file strong{font-weight:500;overflow-wrap:anywhere}
.download-file span{color:var(--muted);white-space:nowrap}
@media(max-width:1050px){.dashboard-navigation{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-counts{gap:10px}.dashboard-counts .reference-stat{padding:18px}.reference-dashboard .reference-grid{grid-template-columns:1fr 1.4fr}}
@media(max-width:760px){
 .reference-dashboard .reference-page{padding-top:26px}.reference-hero{align-items:flex-start;flex-direction:column;gap:20px}.reference-hero h1{font-size:29px}
 .dashboard-counts{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:28px}.dashboard-counts .reference-stat strong{font-size:28px}
 .dashboard-navigation{grid-template-columns:1fr}.dashboard-link{padding:20px}.dashboard-link b{right:20px}
 .reference-tabs{grid-template-columns:1fr}.reference-tab{padding:15px 18px}.reference-dashboard .reference-grid{grid-template-columns:1fr}.reference-dashboard .reference-card{padding:22px}
 .dashboard-section-title>span{display:none}.discount-option{padding:15px}.download-file{flex-wrap:wrap}
}

/* Session tiles affect the selection screen only, not the packing workspace. */
#sessions.picking-sessions{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;align-items:stretch}
#sessions>h2{grid-column:1/-1;font-size:18px;margin:0 0 2px}
.picking-session-tile{padding:16px;min-width:0;display:flex;flex-direction:column;gap:8px}
.picking-session-tile.session-here{border-color:#91b8a4}
.picking-session-tile.session-changed{border-color:#d5b56e}
.picking-session-head{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}
.picking-session-status{font-size:11px;font-weight:650;padding:3px 7px;border-radius:5px;line-height:1.4;background:#eaf0fb;color:#3f609a}
.picking-session-status.ready{background:#e5f3eb;color:#24694d}
.picking-session-status.waiting{background:#fff2d5;color:#8b6926}
.picking-session-status.labeling{background:#eceaf9;color:#655195}
.picking-session-location{font-size:11px;color:var(--muted);white-space:nowrap}
.picking-session-tile h3{font-size:19px;line-height:1.3;margin:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere}
.picking-session-tile p{margin:0;font-size:12px;line-height:1.5}
.picking-session-owner{color:var(--muted)}
.picking-session-progress{color:#3d574b}
.picking-session-tile progress{height:5px;min-height:5px;margin:0 0 4px;flex-shrink:0}
.picking-session-tile .picking-session-warning{padding:7px 9px;background:#fff8e7;color:#855b0b;border-radius:6px;font-size:12px}
.picking-session-tile .picking-session-transfer{font-size:11px;color:var(--muted)}
.picking-session-tile button{margin-top:auto;align-self:flex-start;padding:8px 12px;font-size:13px;min-height:36px}
@media(max-width:650px){#sessions.picking-sessions{grid-template-columns:1fr}}

.sticker-check{width:calc(100vw - 32px);max-width:none;height:calc(100dvh - 32px);max-height:none;box-sizing:border-box;border:2px solid var(--accent,#176750);border-radius:16px;padding:22px;background:#f1f6f4;color:#15333e;overflow:auto}
.sticker-check::backdrop{background:#122f35b8}
.check-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:12px}
.check-header h1{margin:0;font-size:clamp(26px,2.3vw,42px)}
.check-search{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.check-search label{white-space:nowrap}.check-search input{flex:1;min-width:0;margin:0;font-size:18px}
.check-result{display:grid;grid-template-columns:1fr 1fr;gap:24px;min-height:calc(100% - 160px)}
.check-details,.check-product{background:white;border:1px solid #d8e3df;border-radius:12px;padding:22px;min-width:0}
.check-details{font-size:clamp(20px,1.7vw,30px)}
.check-details h2{font-size:clamp(28px,2.5vw,44px);line-height:1.22;margin:16px 0}
.check-details p{margin:14px 0}.check-details .muted{font-size:18px}.check-stage{background:#fff2a8;padding:14px;border-radius:8px;font-weight:700}
.check-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.check-actions button,.check-header button{font-size:20px;padding:14px 18px}
.check-product{display:flex;flex-direction:column;gap:12px}.check-product .picking-facts{flex-shrink:0}
.check-photo{flex:1;min-height:300px;display:flex;align-items:center;justify-content:center}
.check-photo img{max-width:100%;width:100%;height:100%;max-height:calc(100dvh - 315px);min-height:300px;object-fit:contain}
@media(max-width:800px){.check-result{grid-template-columns:1fr}.check-header,.check-search{flex-wrap:wrap}.check-search label{width:100%}.check-photo img{max-height:65vh}.sticker-check{padding:14px}}

/* Supply names identify weekday batches; state highlights remain independent. */
.picking-supplies.supply-batches{display:block}.supply-batch+.supply-batch{margin-top:24px}.supply-batch-title{font-size:16px;margin:0 0 10px;color:var(--ink)}.supply-batch-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.picking-choice.supply-conte{--brand-accent:#7298c3;background-color:#f4f8fd}.picking-choice.supply-belita{--brand-accent:#b090b9;background-color:#faf5fc}.picking-choice.supply-conte,.picking-choice.supply-belita{border-inline-start:3px solid var(--brand-accent);align-items:flex-start}.picking-choice.supply-conte:has(input:checked),.picking-choice.supply-belita:has(input:checked){background:#edf6f1;border-color:#70a58c}.picking-choice.supply-conte:has(input[data-unavailable]),.picking-choice.supply-belita:has(input[data-unavailable]){background:#fff8e7;border-color:#d5b56e}.picking-choice .supply-brand{display:inline-block;margin:0 0 7px;padding:3px 8px;border-radius:5px;font-size:12px;font-weight:700;letter-spacing:.02em;background:#e5eef9;color:#345a86}.supply-belita .supply-brand{background:#f0e5f3;color:#754b80}.supply-batch-grid .picking-choice>span{min-width:0;overflow-wrap:anywhere}.supply-batch-grid .picking-choice input{margin-top:5px}@media(max-width:1000px){.supply-batch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.supply-batch-grid{grid-template-columns:1fr}}

.picking-choice .supply-brand{margin-right:7px}