/* Afegits v5 sobre l'estil v3 */
.phase-link-top{font-size:12px;text-decoration:none;font-weight:600}
.sim{margin-top:26px;border-top:1px solid #0002;padding-top:10px}
.sim label{font-size:11px}.sim select{min-height:38px;padding:6px}
.qr-real svg{width:72px;height:72px;display:block;background:#fff}
.label .qr-real svg{width:78px;height:78px}
.label.box .qr-real svg{width:56px;height:56px}
.label .lines{font-size:11px;line-height:1.35;margin:6px 0}
.label .lines div{display:flex;justify-content:space-between;gap:6px}
.label .total{border-top:1px solid #000;padding-top:4px;font-weight:700;font-size:11px;display:flex;justify-content:space-between}
.label .barbig{font-family:'Bebas Neue','Arial Narrow',sans-serif;font-size:64px;line-height:.9}
.label.box .barbig{font-size:44px}
.label .payload{font:9px monospace;word-break:break-all}
.thumb{background:var(--navy);color:#c3ead8;min-height:84px;display:grid;place-items:center;margin:0 0 10px;font-family:'Bebas Neue','Arial Narrow',sans-serif;font-size:26px;position:relative}
.thumb small{position:absolute;bottom:4px;right:6px;color:#b9c8de;font:10px Inter,Arial,sans-serif}
.palletgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.palletgrid button{text-align:left;font-weight:400;padding:10px}
.photo-taken{border:2px solid #c3ead8}
.counter{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.counter input{width:80px}
.pill{display:inline-block;background:#eceae2;padding:3px 8px;font-size:11px;margin:2px}
.err{color:#9e1b12;font-size:12px}

/* Telèfon real: la feina a dalt, el prototip a sota, el botó principal sempre a la vista */
.dock{position:sticky;bottom:0;background:#fff;box-shadow:none}
#toast{top:calc(10px + env(safe-area-inset-top,0px));bottom:auto;pointer-events:none;width:max-content;max-width:calc(100% - 24px)}
#toast button{pointer-events:auto}
dialog #toast{position:fixed}
@media(max-width:800px){
  .layout{display:flex;flex-direction:column;padding:0;gap:0}
  main{order:1}
  aside{order:2;padding:16px 16px 110px;border-top:1px solid #0003;background:var(--beige)}
  aside .eyebrow{display:none}
  .review{padding:6px 16px;gap:8px}
  .review img{width:82px}
  .phase-link-top{display:none}
  .reviewbar{padding:4px 16px;min-height:34px;border-bottom:1px solid #0003}
  .reviewbar button{min-height:28px;padding:2px 0}
  #app,#app.mobile{margin:0;border:0;padding:12px 16px 96px;min-height:0}
  #app h2{font-size:30px;margin:2px 0 8px}
  #app .eyebrow{margin:0}
  .dock{position:fixed;left:0;right:0;bottom:0;z-index:5;margin:0;padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));border-top:1px solid #000}
  dialog .dock{position:static;padding:10px 0 0}
  .camera{min-height:110px;margin:8px 0;padding:12px}
  .camera .big{font-size:34px}
  .camera.photo-taken{min-height:64px;padding:8px}
  .camera.photo-taken .big{font-size:24px;line-height:1.1}
  .camera.photo-taken:before{inset:4px}
  .camera:before{inset:6px}
  .tabs{margin:8px 0}
  .big{font-size:38px}
  #sheet{width:100%;max-width:none;margin:auto 0 0;border-radius:12px 12px 0 0;padding:16px}
}
/* Etiquetes a mida real en imprimir: palet i barra 70 mm d'ample (M221), caixa 50 × 30 mm */
.label .labelsize{display:none}
@media print{
  @page{margin:0}
  body{background:#fff}
  body.printing>*:not(#sheet){display:none!important}
  body.printing #sheet{position:static;display:block;border:0;padding:0;margin:0;width:auto;max-width:none;max-height:none;overflow:visible;box-shadow:none}
  body.printing #sheet::backdrop{display:none}
  body.printing .sheethead,body.printing .print-hide,body.printing #toast{display:none!important}
  body.printing .labels{display:block}
  body.printing .label{width:70mm;height:100mm;aspect-ratio:auto;padding:3mm;border:0;break-after:page;overflow:hidden}
  body.printing .label h2{font-size:9mm;margin:1mm 0}
  body.printing .label .barbig{font-size:12mm}
  body.printing .label .lines,body.printing .label .total{font-size:8.5pt}
  body.printing .label .qr-real svg{width:24mm;height:24mm}
  body.printing .label.box{width:50mm;height:30mm;aspect-ratio:auto;padding:1.5mm}
  body.printing .label.box .barbig{font-size:8mm}
  body.printing .label.box b,body.printing .label.box span,body.printing .label.box small{font-size:6.5pt;line-height:1.15}
  body.printing .label.box .qr-real svg{width:12mm;height:12mm}
  body.printing .label .payload{font-size:5pt}
}
/* Xifres de demostració: sempre amb l'etiqueta visible */
.reviewbar::before{content:"Demo";flex:none;background:#000;color:#fff;font-size:10px;font-weight:700;letter-spacing:.04em;padding:2px 6px;border-radius:2px}
.reviewbar>span{flex:1;min-width:0}
/* Desat en aquest mòbil: només informa, no es toca. En vermell si no s'ha pogut desar */
.reviewbar>#sync{flex:none;font-size:11px;font-weight:600;padding:2px 6px;border-radius:2px}