/* Pavimento flexível pelo método do CBR.
 *
 * Herda a folha da família — e com ela o workspace, os cartões, as abas, o
 * canvas e a tabela de lançamento. A geometria de página NÃO é redeclarada;
 * só a colocação do painel de resultados, que é do produto.
 */
@import url("../estabilidade-taludes/styles.css");
@import url("../shared/ep-como-usar.css");

.pavimento-workspace > .results-panel { grid-column: 1 / -1; }

/* -------------------------------------------------- lançamento da frota */

/* O VDM chega a quatro dígitos e o F.V. a duas casas: com a coluna do nome
 * levando 40 %, os dois campos numéricos ficavam com 39 px e cortavam o valor.
 * O botão de apagar não precisa de mais que a largura do próprio ×. */
.frota-wrap { margin-bottom: 8px; }
.frota-table { width: 100%; border-collapse: collapse; }
.frota-table th {
  text-align: left; font-size: .64rem; letter-spacing: .07em; text-transform: uppercase;
  color: var(--muted, #848f8b); font-weight: 600; padding: 0 4px 4px;
}
.frota-table td { padding: 2px 4px; vertical-align: middle; }
.frota-table tr.selecionada td { background: #eef6f2; }

.frota-table td:nth-child(1) { width: 36%; }
.frota-table td:nth-child(2) { width: 27%; }
.frota-table td:nth-child(3) { width: 27%; }
.frota-table td:nth-child(4) { width: 26px; padding-left: 2px; padding-right: 2px; }
.frota-table td input { min-width: 0; }

.pav-camada, .pav-rotulo-camada { cursor: pointer; }
.pav-cota, .pav-hachura, .pav-eixo, .pav-exigida { pointer-events: none; }

/* ------------------------------------------------------- painel lateral */

.como-lancar {
  margin: 0 0 16px; padding: 0 0 0 18px;
  font-size: 12.5px; line-height: 1.6; color: #7d938f;
}
.como-lancar li { margin-bottom: 4px; }
.como-lancar b { color: #cfe0dc; font-weight: 500; }

.linha-acoes { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; }
.linha-dica { font-size: 11.5px; line-height: 1.45; color: #7d938f; }

.destaque-n {
  display: block; margin-top: 12px;
  border-left: 2px solid #1f7a5c; padding-left: 10px;
}

/* O bloco que mostra o N enquanto se edita a frota: é o número que decide
 * tudo o mais, então ele fica visível no painel e não só na aba. */
.resumo-n {
  margin: 10px 0 0; padding: 9px 11px;
  background: #0d1815; border: 1px solid #1b2b27; border-radius: 6px;
  font-size: 12px; line-height: 1.5; color: #9fb5b0;
}
.resumo-n strong { color: #6fd3a8; font-weight: 500; font-size: 15px; }

/* -------------------------------------------------------- as inequações */

/* Diagrama de barras: espessura equivalente acumulada contra o H exigido.
 * É o desenho que mostra de relance qual inequação está apertada. */
.ineq-lista { display: grid; gap: 12px; margin-top: 4px; }
.ineq-item {
  border: 1px solid #1b2b27; border-radius: 8px; padding: 11px 13px;
  background: #0c1614;
}
.ineq-topo {
  display: flex; justify-content: space-between; align-items: baseline;
  gap: 12px; margin-bottom: 8px;
}
.ineq-nome { font-size: 12.5px; color: #cfe0dc; font-weight: 500; }
.ineq-folga { font-size: 12px; font-variant-numeric: tabular-nums; }
.ineq-folga.ok { color: #6fd3a8; }
.ineq-folga.nao { color: #e8836f; }
.ineq-barra {
  position: relative; height: 16px; border-radius: 3px;
  background: #10201c; overflow: hidden;
}
.ineq-preenche { position: absolute; inset: 0 auto 0 0; background: #1f7a5c; }
.ineq-preenche.nao { background: #8a3a2c; }
.ineq-exigido {
  position: absolute; top: -3px; bottom: -3px; width: 2px; background: #e6c15c;
}
.ineq-legenda {
  display: flex; justify-content: space-between; gap: 12px;
  margin-top: 6px; font-size: 11px; color: #7d938f;
  font-variant-numeric: tabular-nums;
}

/* --------------------------------------------------------- ressalvas */

.ressalva-medina {
  margin: 0 0 14px; padding: 11px 13px;
  border: 1px solid #4a3b1c; border-left-width: 3px; border-radius: 6px;
  background: #171308; font-size: 12.5px; line-height: 1.55; color: #d8c99b;
}
.ressalva-medina b { color: #e6c15c; font-weight: 500; }

.bloqueio-fec {
  margin-top: 10px; padding: 10px 12px;
  border: 1px solid #4a2620; border-radius: 6px; background: #170d0b;
  font-size: 12px; line-height: 1.55; color: #d6a79c;
}
.bloqueio-fec b { color: #e8836f; font-weight: 500; }

/* ------------------------------------------------------------- tabelas */

.tabela-fonte {
  font-size: 11px; color: #6d827e; margin-top: 6px; line-height: 1.5;
}
.celula-ressalva { color: #e6c15c; }

/* Últimos dois tokens secundários acertados no piso de contraste.
 *
 * `#7d9389` sobre branco dava 3,28:1; `#65736e` sobre o verde escuro da faixa
 * de saídas dava 3,06:1. O segundo é texto CLARO sobre fundo escuro, e por isso
 * foi CLAREADO, não escurecido — a primeira tentativa escureceu os dois, o que
 * levou o rótulo da faixa a 1,38:1, pior que estava. A direção da correção vem
 * de comparar a luminância do texto com a do fundo, e não de supor. */