/* web/css/entrada.css — check-list de entrada (multi-ramo F3). Peças do mockup aprovado (tsiroos-multi-ramo-e-manuais.html, aba 3), com o prefixo ent- para nenhuma
   classe curta (.fotos, .itens, .av) herdar regra de outra tela. Usado pela seção "Entrada" da O.S. (web/js/telas/entrada.js) e pela página do cliente (/e/). */
.ent-grid{display:grid;gap:16px;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start}
@media (max-width:880px){.ent-grid{grid-template-columns:1fr}}
.ent-col{display:grid;gap:16px;min-width:0}
.ent-planta{position:relative;background:var(--sunk);border-radius:10px;border:1px solid var(--line);cursor:crosshair;max-width:520px;margin-inline:auto;width:100%}
.ent-planta.so-ver{cursor:default}
.ent-planta svg{display:block;width:100%;height:auto}
.ent-av{position:absolute;transform:translate(-50%,-50%);width:24px;height:24px;border-radius:50%;background:var(--red);color:#fff;font:600 .72rem var(--f-mono);display:grid;place-items:center;border:2px solid #fff;box-shadow:0 1px 4px rgba(0,0,0,.25);pointer-events:none}
.ent-avl{display:grid;gap:6px;font-size:.86rem}
.ent-avl div{display:grid;grid-template-columns:24px 1fr auto;gap:8px;align-items:center}
.ent-avl i{font-style:normal;width:22px;height:22px;border-radius:50%;background:var(--red);color:#fff;font:600 .7rem var(--f-mono);display:grid;place-items:center}
.ent-comb{display:flex;align-items:center;gap:10px}
.ent-comb input{flex:1;accent-color:var(--brand)}
.ent-tanque{display:flex;gap:3px}
.ent-tanque i{width:16px;height:10px;border-radius:2px;background:var(--line)}
.ent-tanque i.f{background:var(--leaf)}
.ent-tanque.baixo i.f{background:var(--amber)}
.ent-fotos{display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(min(100%,110px),1fr))}
.ent-fslot{border:2px dashed var(--line2);border-radius:8px;aspect-ratio:4/3;display:grid;place-items:center;font-size:.76rem;color:var(--muted);background:var(--surface);text-align:center;padding:4px;cursor:pointer;position:relative;overflow:hidden}
.ent-fslot.ok{border-style:solid;border-color:var(--leaf);background:var(--leaf-soft);color:#24642A}
.ent-fslot img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ent-fslot span{position:relative;z-index:1;background:rgba(255,255,255,.85);border-radius:4px;padding:1px 5px}
.ent-fslot.so-ver{cursor:default}
.ent-itens{display:grid;gap:6px;grid-template-columns:repeat(auto-fill,minmax(min(100%,170px),1fr));font-size:.86rem}
.ent-itens label,.ent-itens div{display:flex;gap:8px;align-items:center}
.ent-itens input[type=checkbox]{width:17px;height:17px;accent-color:var(--brand)}
.ent-seg{display:inline-flex;border:1px solid var(--line2);border-radius:6px;overflow:hidden;flex-wrap:wrap}
.ent-seg button{border:0;background:var(--surface);padding:6px 12px;font-size:.84rem;cursor:pointer}
.ent-seg button+button{border-left:1px solid var(--line2)}
.ent-seg button[aria-pressed="true"]{background:var(--brand);color:#fff;font-weight:600}
.ent-link{border:0;background:none;padding:0;color:var(--blue);text-decoration:underline;font-size:.85rem;cursor:pointer}
.ent-msg{background:var(--sunk);border-radius:8px;padding:10px 12px;font-size:.84rem;overflow-wrap:anywhere;white-space:pre-wrap}
.ent-fslot .ent-link{position:absolute;right:4px;bottom:3px;z-index:2;background:rgba(255,255,255,.9);padding:0 4px;border-radius:4px}
.ent-fslot a{position:absolute;inset:0}
/* Imprimir: só a seção Entrada, no alto da folha (o resto da tela fica invisível) */
@media print{
  body *{visibility:hidden}
  .ent-raiz,.ent-raiz *{visibility:visible}
  .ent-raiz{position:absolute;left:0;top:0;width:100%}
  .ent-noprint{display:none!important}
}