/* Torre de controle (/admin/torre), quadro do dono, P3 PR 5 (spec da torre §4.7).
 *
 * Mobile-first, em cartões e não em grid (precedente: govdata_licitacoes_torre.css). No celular,
 * só a coluna da aba ativa aparece e a barra do contador fica fixa embaixo; do md para cima, as
 * colunas ficam lado a lado e as abas somem. Tokens --bmd-* de docs/design/design-system.md;
 * prefixo `torre-` para não colidir com o resto do dashboard. */

.torre-root { max-width: 1600px; margin: 0 auto; padding: 0 16px 72px; }

.torre-colunas { display: block; }
.torre-coluna { display: none; }
.torre-coluna.ativa { display: block; }
.torre-col-titulo { font-size: 0.8rem; font-weight: 700; text-transform: uppercase;
  letter-spacing: .04em; color: var(--bmd-fg-muted); margin: 8px 0; }

.torre-card { background: var(--biomed-card-bg); border: 1px solid var(--biomed-border); border-left: 4px solid var(--bmd-accent);
  border-radius: 8px; padding: 10px 12px; margin-bottom: 10px; font-size: 0.88rem; }
.torre-card--esperando_voce, .torre-card--voltou { border-left-color: var(--bmd-warn); }
.torre-card--atencao, .torre-card--parada { border-left-color: var(--bmd-danger, #c0392b); }
.torre-card--concluido { border-left-color: var(--bmd-ok, #2e7d32); }
.torre-card--oculto { opacity: .6; }
.torre-cab { margin-bottom: 2px; }
.torre-bkl { font-variant-numeric: tabular-nums; font-weight: 600; }
.torre-titulo { font-weight: 600; margin-bottom: 2px; }
.torre-preciso { margin: 4px 0; }
.torre-meta { font-size: 0.78rem; color: var(--bmd-fg-muted); }
.torre-branch { word-break: break-all; }

.torre-barra { position: fixed; left: 0; right: 0; bottom: 0; z-index: 1030; background: var(--biomed-card-bg);
  border-top: 1px solid var(--biomed-border); padding: 10px 16px; font-size: 0.9rem; }

@media (min-width: 768px) {
  .torre-abas { display: none; }
  .torre-colunas { display: flex; gap: 12px; overflow-x: auto; align-items: flex-start; }
  .torre-coluna, .torre-coluna.ativa { display: block; flex: 0 0 260px; }
  .torre-barra { position: static; border-top: 0; padding: 0; margin-top: 8px; }
  .torre-root { padding-bottom: 32px; }
}

/* Visão Fluxo (P3 PR 6, spec §4.11 etapa 7): seções empilhadas no celular, duas colunas no lg. */
.torre-fluxo { display: grid; grid-template-columns: 1fr; gap: 12px; }
.torre-secao { background: var(--biomed-card-bg); border: 1px solid var(--biomed-border); border-radius: 8px; padding: 10px 12px;
  overflow-x: auto; }
.torre-tabela { font-size: 0.82rem; font-variant-numeric: tabular-nums; margin-bottom: 0; }
@media (min-width: 992px) {
  .torre-fluxo { grid-template-columns: 1fr 1fr; }
}