/* DS2 E4 Enviar - estilos do protótipo v22 (#s-send) que eram inline viraram classe. Só esta tela. */
.snd-top{padding-left:0;padding-right:0}
.snd-u{flex:none;color:var(--text-2);padding-right:var(--s3)}
.snd-rv{padding:8px 0 4px}
.snd-dl{margin:0}
.big-review{font-family:var(--f-display);font-size:36px;font-weight:600;letter-spacing:-.02em}
.center{text-align:center}
.snd-busy{padding:64px 0}
.snd-busy-t{margin-top:24px;font-weight:500}
.snd-end{padding:48px 0}
.snd-mt{margin-top:6px}
.snd-mt20{margin-top:20px}
.snd-mt24{margin-top:24px}
.snd-mt32{margin-top:32px}
.snd-mb{margin-bottom:16px}
.snd-left{text-align:left}
.spin{width:44px;height:44px;border-radius:50%;border:3px solid var(--border);border-top-color:var(--accent);animation:snd-rot .9s linear infinite;margin:0 auto}
@keyframes snd-rot{to{transform:rotate(360deg)}}
.done-ic{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;margin:0 auto var(--s4)}
.done-ic svg{width:30px;height:30px}
.snd-ok{background:var(--ok-bg);color:var(--ok)}
.snd-bad{background:var(--err-bg);color:var(--err)}
#s-send [hidden]{display:none}
/* Ler QR (B4): video da camera dentro da folha */
.snd-cam{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:var(--r-md, 12px);background:#000}
/* L2 Ler QR em tela cheia (wireframe 3B-1): fechar e lanterna em cima, mira no centro, Colar e Imagem embaixo */
.scan-full{position:fixed;inset:0;z-index:60;display:flex;flex-direction:column;background:#000;color:#fff;
  padding:calc(env(safe-area-inset-top,0px) + var(--s3,12px)) max(var(--s4,16px),env(safe-area-inset-right,0px)) calc(env(safe-area-inset-bottom,0px) + var(--s4,16px)) max(var(--s4,16px),env(safe-area-inset-left,0px))}
.scan-full[hidden]{display:none}
.scan-top{display:flex;justify-content:space-between;align-items:center;min-height:48px}
.scan-top .icon-btn{width:48px;height:48px;color:#fff;background:rgba(255,255,255,.14);border-radius:50%}
.scan-top .icon-btn[aria-pressed="true"]{background:var(--accent);color:#000}
.scan-view{position:relative;flex:1;min-height:0;display:grid;place-items:center;margin:var(--s3,12px) 0;overflow:hidden;border-radius:var(--r-md,12px)}
.scan-view video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#000}
.scan-aim{position:relative;width:min(68vw,300px);aspect-ratio:1/1;border:3px solid #fff;border-radius:20px;box-shadow:0 0 0 9999px rgba(0,0,0,.45)}
.scan-msg{margin:0 0 var(--s3,12px);text-align:center;font-size:15px;line-height:1.4;color:#fff}
.scan-msg.bad{color:#ffd0cc}
.scan-bot{display:flex;gap:var(--s3,12px);max-width:480px;width:100%;margin:0 auto}
.scan-bot .btn{flex:1;min-height:48px}
@media (min-width:768px){.scan-full{padding-left:calc(50vw - 260px);padding-right:calc(50vw - 260px)}}
/* L2: com Ler QR ao lado de Colar, em tela estreita (320 px com zoom) os botoes descem para a linha de baixo */
#f-dest .ctl{flex-wrap:wrap}
#f-dest .ctl textarea{flex:1 1 160px;min-width:0}