/* Gestão R&S: só o layout de aplicativo. Cores e medidas vêm dos tokens do Sistema Visual Sordi. */
.barra{ gap:var(--s3); }
.barra .marca-app{ font-family:var(--f-mono); font-size:var(--t-rotulo); letter-spacing:.16em; text-transform:uppercase; color:var(--marca); text-decoration:none; }
.nav{ display:flex; flex-wrap:wrap; gap:var(--s2); }
.nav a, a.escolha{ text-decoration:none; }
.nav .escolha{ padding:6px var(--s3); font-size:var(--t-micro); }
.quadro{ display:grid; grid-auto-flow:column; grid-auto-columns:minmax(250px,1fr); gap:var(--s4); overflow-x:auto; padding-bottom:var(--s3); }
.coluna{ background:var(--sup2); border:1px solid var(--linha); border-radius:var(--r-g); padding:var(--s4); min-height:180px; }
.cartao{ display:block; text-decoration:none; background:var(--sup); border:1px solid var(--linha); border-radius:var(--r-m); padding:var(--s4); margin-top:var(--s3); transition:border-color var(--transicao); color:var(--ink); }
.cartao:hover{ border-color:var(--marca); }
.cartao .t{ display:block; color:var(--ink); }
.linha-meta{ display:flex; flex-wrap:wrap; gap:var(--s2); align-items:center; margin-top:var(--s2); }
.pilhas{ display:flex; flex-wrap:wrap; gap:var(--s2); margin-top:var(--s4); }
.zona{ border:1px dashed var(--linha-forte); border-radius:var(--r-g); padding:var(--s6); text-align:center; color:var(--ink-mudo); }
.zona img, .original img{ max-width:100%; border-radius:var(--r-m); margin-top:var(--s4); }
.busca-fundo{ position:fixed; inset:0; z-index:20; display:none; align-items:flex-start; justify-content:center; padding:var(--s9) var(--s4); background:color-mix(in srgb, var(--bg) 82%, transparent); }
.busca-fundo.aberta{ display:flex; }
.busca-fundo .card{ width:100%; max-width:640px; }
.resultado{ display:block; padding:var(--s3) 0; border-bottom:1px solid var(--linha); text-decoration:none; color:var(--ink); }
.resultado:last-child{ border-bottom:none; }
.gravando{ color:var(--erro); }
.campo-linha{ display:grid; grid-template-columns:1fr auto; gap:var(--s3); align-items:end; }
.duas{ display:grid; grid-template-columns:1fr 1fr; gap:var(--s4); }
.tres{ display:grid; grid-template-columns:repeat(3,1fr); gap:var(--s4); }
@media (max-width:640px){ .campo-linha, .duas, .tres{ grid-template-columns:1fr; } }
input[type=number], input[type=time], input[type=password]{
  width:100%; font-family:var(--f-ui); font-size:var(--t-corpo); color:var(--ink);
  background:var(--sup2); border:1px solid var(--linha); border-radius:var(--r-m); padding:12px var(--s4);
}
input[type=checkbox]{ accent-color:var(--marca); width:18px; height:18px; vertical-align:-3px; margin-right:var(--s2); }
.marcar{ font-family:var(--f-ui); font-size:var(--t-corpo); text-transform:none; letter-spacing:0; color:var(--ink); display:flex; align-items:center; margin:0 0 var(--s4); cursor:pointer; }
#aviso:empty{ display:none; }
#aviso{ margin-bottom:var(--s5); }
.entrar{ max-width:440px; margin:var(--s9) auto; }
.sutil{ color:var(--ink-mudo); font-size:var(--t-mini); }
.link-botao{ background:none; border:none; padding:0; color:var(--marca); cursor:pointer; font:inherit; text-decoration:underline; text-underline-offset:3px; }

[hidden]{ display:none !important; }