/* Mapa de automação do SDR: complementa nt.css (nt-calc, nt-campo, nt-calc-resultado, nt-destaque).
   Mobile-first: no celular cada tarefa vira um cartão; a partir de 560px, tabela. Só as cores da marca. */

.oa-form [hidden] { display: none !important; }

.oa-form .oa-exemplo { margin: 0 0 1rem; font-size: .88rem; color: var(--nt-cinza-claro, #95A5A6); }

.oa-tabela table { width: 100%; border-collapse: collapse; margin: 0; font-size: .95rem; }
.oa-tabela thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.oa-tabela tbody { display: grid; gap: .55rem; }
.oa-tabela tr {
  display: grid; grid-template-columns: 7.5rem 1fr; gap: .45rem .6rem; align-items: end;
  background: var(--nt-campo, #101214); border: 1px solid var(--nt-borda-forte, rgba(255, 255, 255, .14));
  border-radius: 12px; padding: .7rem .75rem;
}
.oa-tabela th[scope="row"] {
  grid-column: 1 / -1; text-align: left; font-family: var(--nt-fonte-titulo); font-weight: 500;
  color: #ffffff; line-height: 1.35; padding: 0;
}
.oa-tabela td { padding: 0; }
.oa-tabela input, .oa-tabela select {
  width: 100%; min-height: 44px; padding: .5rem .65rem; border-radius: 10px;
  border: 1px solid var(--nt-borda-forte, rgba(255, 255, 255, .14)); background: #1A1D1F; color: var(--nt-texto, #ECEFF1);
  font: inherit; font-size: 1rem;
}
.oa-tabela input { text-align: right; }
.oa-tabela input:focus, .oa-tabela select:focus { border-color: #1296FC; outline: 2px solid rgba(18, 150, 252, .5); outline-offset: 1px; }
.oa-tabela td.oa-horas::before, .oa-tabela td.oa-grupo::before {
  display: block; margin-bottom: .2rem; font-size: .75rem; letter-spacing: .04em; text-transform: uppercase; color: #95A5A6;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.oa-tabela td.oa-horas::before { content: "Horas/semana"; }
.oa-tabela td.oa-grupo::before { content: "Grupo"; }
.oa-tabela tr:has(option[value="gente"]:checked) { border-color: var(--nt-borda, rgba(255, 255, 255, .05)); }
.oa-tabela tr:has(option[value="auto"]:checked) { border-left: 3px solid #1296FC; }
.oa-tabela tr:has(option[value="ia"]:checked) { border-left: 3px solid rgba(18, 150, 252, .5); }

@media (min-width: 560px) {
  .oa-tabela { border: 1px solid var(--nt-borda-forte, rgba(255, 255, 255, .14)); border-radius: 12px; overflow: hidden; }
  .oa-tabela table { display: table; }
  .oa-tabela thead { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; display: table-header-group; }
  .oa-tabela tbody { display: table-row-group; }
  .oa-tabela tr { display: table-row; background: none; border: 0; border-radius: 0; padding: 0; }
  .oa-tabela th, .oa-tabela td { display: table-cell; padding: .5rem .7rem; border-bottom: 1px solid var(--nt-borda-forte, rgba(255, 255, 255, .14)); vertical-align: middle; }
  .oa-tabela tbody tr:last-child th, .oa-tabela tbody tr:last-child td { border-bottom: 0; }
  .oa-tabela thead th { text-align: left; font-family: var(--nt-fonte-titulo); font-weight: 500; color: #ffffff; background: rgba(255, 255, 255, .03); font-size: .88rem; }
  .oa-tabela th[scope="row"] { padding: .5rem .7rem; font-weight: 400; font-family: var(--nt-fonte-texto); color: var(--nt-texto, #ECEFF1); }
  .oa-tabela td.oa-horas { width: 6.5rem; }
  .oa-tabela td.oa-grupo { width: 11rem; }
  .oa-tabela td.oa-horas::before, .oa-tabela td.oa-grupo::before { content: none; }
  .oa-tabela tr:has(option[value="auto"]:checked), .oa-tabela tr:has(option[value="ia"]:checked) { border-left: 0; }
  .oa-tabela tr:has(option[value="auto"]:checked) th { box-shadow: inset 3px 0 0 #1296FC; }
  .oa-tabela tr:has(option[value="ia"]:checked) th { box-shadow: inset 3px 0 0 rgba(18, 150, 252, .5); }
}

.oa-globais { margin-top: 1.2rem; }
@media (min-width: 640px) { .oa-globais { grid-template-columns: repeat(3, 1fr); } }

.oa-titulo-resultado { margin-top: 1.4rem; }
.oa-aviso {
  margin: .9rem 0 0; padding: .7rem .95rem; border-radius: 10px; font-size: .95rem; line-height: 1.5;
  background: rgba(18, 150, 252, .08); border-left: 3px solid #1296FC; color: var(--nt-texto, #ECEFF1);
}
.nt-corpo ol.oa-comeco { margin: 0 0 .5rem; padding-left: 1.3em; }
.nt-corpo ul.oa-riscos { list-style: none; padding: 0; margin: 0 0 .5rem; }
.nt-corpo .oa-risco {
  display: grid; gap: .25rem; margin-bottom: .55rem; padding: .7rem .9rem; border-radius: 12px;
  background: #1A1D1F; border: 1px solid var(--nt-borda, rgba(255, 255, 255, .05)); border-left: 4px solid #1296FC;
  font-size: .95rem; line-height: 1.5;
}
.oa-risco strong { color: #ffffff; }

.oa-cta { margin: 1.4rem 0 0; }
.oa-cta .nt-botoes { margin-top: .4rem; }

@media print {
  .oa-cta { display: none !important; }
  .oa-tabela tr, .oa-tabela input, .oa-tabela select { background: #ffffff; color: #111111; border-color: #cccccc; }
  .oa-tabela th[scope="row"] { color: #111111; }
}