/* screen-items.css — Sprint 9.1
   Overlay slide-up de edição dos itens escaneados (#screen-items).
   .si-btn/.si-btn-dec/.si-btn-del ficaram em design-tokens.css (também
   usados em screen-recount, ver comentário lá). */

#screen-items{position:fixed;inset:0;background:var(--bg);z-index:100;display:flex;flex-direction:column;transform:translateY(100%);transition:transform .25s ease}
#screen-items.open{transform:translateY(0)}

/* achado durante a divisão (2026-08-08): .items-hdr/.items-hdr-title/
   .items-hdr-sub estavam declaradas DUAS VEZES no CSS original (aqui e de
   novo no bloco "ITEMS SCREEN updates" mais abaixo), com o texto idêntico
   — regra redundante, não um bug visual (a 2ª simplesmente reafirma a 1ª).
   Mantida como no original nesta rodada (só mover, não limpar); sinalizado
   pro usuário decidir se remove a duplicata numa rodada de limpeza. */
.items-hdr{background:linear-gradient(135deg,#FFFFFF,#FDF1EE);border-bottom:2px solid var(--orange);padding:14px 16px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}
.items-hdr-title{font-family:var(--display);font-size:18px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text)}
.items-hdr-sub{font-family:var(--mono);font-size:10px;color:var(--muted);margin-top:2px}
.items-close{padding:7px 16px;background:transparent;border:1px solid var(--b);border-radius:3px;font-family:var(--display);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);cursor:pointer}
.items-body{flex:1;overflow-y:auto}
.si-row{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--b);background:var(--s1)}
.si-row:nth-child(even){background:var(--s2)}
.si-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}
.si-info{flex:1;min-width:0}
.si-name{font-size:13px;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.si-sku{font-family:var(--mono);font-size:10px;color:var(--muted);margin-top:2px}
.si-qty{font-family:var(--display);font-size:18px;font-weight:700;flex-shrink:0;min-width:50px;text-align:center}
.si-actions{display:flex;gap:4px;flex-shrink:0}
.si-undo-bar{padding:10px 16px;background:var(--s2);border-bottom:1px solid var(--b);display:flex;align-items:center;justify-content:space-between;font-family:var(--mono);font-size:11px;color:var(--muted)}
.si-undo-btn{padding:4px 12px;border:1px solid var(--warn);border-radius:3px;background:transparent;color:var(--warn);font-family:var(--display);font-size:11px;font-weight:700;letter-spacing:.06em;cursor:pointer}
.items-empty{padding:48px 20px;text-align:center;color:var(--muted);font-family:var(--mono);font-size:13px}

/* ── ITEMS SCREEN updates (duplicata de items-hdr* — ver nota acima) ── */
.items-hdr{background:linear-gradient(135deg,#FFFFFF,#FDF1EE);border-bottom:2px solid var(--orange);padding:14px 16px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}
.items-hdr-title{font-family:var(--display);font-size:18px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text)}
.items-hdr-sub{font-family:var(--mono);font-size:10px;color:var(--muted);margin-top:2px}
.items-back-bar{background:var(--s1);border-top:2px solid var(--b);padding:10px 14px;flex-shrink:0}
.items-back-btn{width:100%;padding:14px;background:var(--s2);border:1px solid var(--b);border-radius:3px;font-family:var(--display);font-size:15px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .15s}
.items-back-btn:active{background:var(--s3);transform:scale(.98)}
.items-back-btn svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}