/* Aurora — painel: units06
   Arquivo EXCLUSIVO deste grupo (Sala da Enfermagem, Farmácia Fluxo, Painel
   Executante, Observação, Gestão). Carrega depois do kit e antes do
   aurora-legacy-reset.css (que segue sendo a ultima camada antidoto).

   ESCOPO — regra de convivência deste arquivo:
   os cinco painéis são innerHTML direto de #ubs-main-content, o mesmo host que
   outros grupos usam. Por isso TODO seletor daqui passa por `.fx-panel`, a
   classe-raiz que só a casca destes painéis imprime (_fluxoPanelShell em
   js/app/units/06.js). Sem ela, o id `#view-ubs-intranet` — necessário para
   vencer css/14-kanban-ubs-agenda.css:41-82 nas tabelas — vazaria para painéis
   alheios. Nada aqui usa !important e nada aqui usa hex: só tokens do kit.
   ============================================================================ */

/* ── CASCA DO PAINEL ────────────────────────────────────────────────────────
   Ordem da tela: identidade → números do turno → corpo → plantão (rodapé). */
#view-ubs-intranet #ubs-main-content .fx-panel{
  display: flex;
  flex-direction: column;
  gap: 16px;
}

#view-ubs-intranet #ubs-main-content .fx-panel .fx-head{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  padding: 16px 20px;
}
#view-ubs-intranet #ubs-main-content .fx-panel .fx-head .pt{
  align-items: flex-start;
  gap: 12px;
}
#view-ubs-intranet #ubs-main-content .fx-panel .fx-head-txt{
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
}
#view-ubs-intranet #ubs-main-content .fx-panel .fx-head-txt .k-tag{ align-self: flex-start }
#view-ubs-intranet #ubs-main-content .fx-panel .fx-head-txt h2{
  margin: 0;
  font-size:19px;
  font-weight: 750;
  letter-spacing: -.02em;
  line-height: 1.2;
}
#view-ubs-intranet #ubs-main-content .fx-panel .fx-head-txt p{
  margin: 0;
  font-size:12px;
  line-height: 1.45;
  color: var(--ink-soft);
}

/* "atualizado há Xs" + recarregar manual. Substitui os cinco botões
   "Atualizar" avulsos que cada painel repetia sem dizer que a tela já se
   renova sozinha a cada 30s. */
#view-ubs-intranet #ubs-main-content .fx-panel .fx-live{
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: flex-end;
}
#view-ubs-intranet #ubs-main-content .fx-panel .fx-live .au-hint{
  font-size:12px;
  color: var(--ink-soft);
}

#view-ubs-intranet #ubs-main-content .fx-panel .fx-body{
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-width: 0;
}

/* Plantão: ação de TURNO, não de tela. Vive no rodapé, discreta — no painel de
   Gestão ela colocava "Fechar plantão" (destrutivo) como primeiro elemento
   clicável de uma tela que é só de leitura. */
#view-ubs-intranet #ubs-main-content .fx-panel .fx-plantao{
  margin-top: 4px;
  padding: 11px 16px;
  font-size:12px;
  opacity: .92;
}
#view-ubs-intranet #ubs-main-content .fx-panel .fx-plantao .btn{
  font-size:12px;
  padding: 7px 13px;
}

/* ── TABELAS DOS PAINÉIS ────────────────────────────────────────────────────
   css/14-kanban-ubs-agenda.css:41-82 pinta TODA `table` dentro de
   #view-ubs-intranet com (1,0,1)/(1,0,2) e vence `.aur .au-table` (0,2,0).
   Aqui o kit é devolvido ao comando — com id, mas sempre atrás de .fx-panel. */
#view-ubs-intranet #ubs-main-content .fx-panel .fx-table{
  border: none;
  border-radius: 0;
  background: transparent;
  font-size:13px;
}
#view-ubs-intranet #ubs-main-content .fx-panel .fx-table thead th{
  background: transparent;
  color: var(--ink-soft);
  font-size:10.5px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .06em;
  padding: 8px 12px;
  border-bottom: 1px solid var(--line);
}
#view-ubs-intranet #ubs-main-content .fx-panel .fx-table td{
  padding: 12px;
  font-size:13px;
  border-bottom: 1px solid var(--line);
  vertical-align: top;
}
#view-ubs-intranet #ubs-main-content .fx-panel .fx-table tbody tr:last-child td{ border-bottom: none }
#view-ubs-intranet #ubs-main-content .fx-panel .fx-table tbody tr:hover td{
  background: color-mix(in srgb, var(--brand2) 8%, transparent);
}

/* Linha que pede ação agora / linha estourada de tempo: faixa lateral, sem
   fundo chapado (o realce continua legível no tema escuro). */
#view-ubs-intranet #ubs-main-content .fx-panel .fx-table tr.fx-now td:first-child{
  box-shadow: inset 3px 0 0 var(--brand2);
}
#view-ubs-intranet #ubs-main-content .fx-panel .fx-table tr.fx-late td:first-child{
  box-shadow: inset 3px 0 0 var(--err);
}

/* ── COLUNA DE DECISÃO ──────────────────────────────────────────────────────
   O sinal que dispara a ação e o botão que ela dispara moram juntos, na
   primeira coluna. Antes o sinal ficava na coluna 3 e o botão na 6. */
#view-ubs-intranet #ubs-main-content .fx-panel .fx-decide{
  width: 1%;
  min-width: 210px;
}
#view-ubs-intranet #ubs-main-content .fx-panel .fx-decide > *{ margin-bottom: 6px }
#view-ubs-intranet #ubs-main-content .fx-panel .fx-decide > *:last-child{ margin-bottom: 0 }
#view-ubs-intranet #ubs-main-content .fx-panel .fx-sinal{
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
#view-ubs-intranet #ubs-main-content .fx-panel .fx-flag{
  font-size:12px;
  font-weight: 700;
  color: var(--err);
}
#view-ubs-intranet #ubs-main-content .fx-panel .fx-go{
  display: inline-flex;
  width: 100%;
  justify-content: center;
}
#view-ubs-intranet #ubs-main-content .fx-panel .fx-decide .au-hint,
#view-ubs-intranet #ubs-main-content .fx-panel .fx-decide .proto{
  display: block;
  font-size:12px;
  color: var(--ink-soft);
}
#view-ubs-intranet #ubs-main-content .fx-panel .fx-decide .k-bar{ margin-top: 4px }

/* Exceção (devolver / não realizado): separada por COLUNA, não por proximidade.
   Antes o botão destrutivo encostava no botão mais clicado do turno. */
#view-ubs-intranet #ubs-main-content .fx-panel .fx-excecao{
  width: 1%;
  white-space: nowrap;
  text-align: right;
}
#view-ubs-intranet #ubs-main-content .fx-panel .fx-excecao .btn{
  font-size:12px;
  padding: 7px 12px;
}

#view-ubs-intranet #ubs-main-content .fx-panel .fx-item-h{ margin-bottom: 4px }

/* Chips de pendência que LEVAM ao lugar onde a pendência se resolve. */
#view-ubs-intranet #ubs-main-content .fx-panel .fx-pend{
  flex-direction: column;
  align-items: flex-start;
}
#view-ubs-intranet #ubs-main-content .fx-panel .fx-chip-go{
  padding: 3px 8px 3px 3px;
  gap: 6px;
}
#view-ubs-intranet #ubs-main-content .fx-panel .fx-chip-go [data-lucide]{ width: 14px; height: 14px }

/* ── DISTRIBUIÇÕES (Gestão) ─────────────────────────────────────────────────
   n por categoria com barra proporcional, no lugar das tabelas chave-valor de
   número chapado. Usa a mesma .k-bar do kit. */
#view-ubs-intranet #ubs-main-content .fx-panel .fx-dist{
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
#view-ubs-intranet #ubs-main-content .fx-panel .fx-dist li{
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 4px 12px;
}
#view-ubs-intranet #ubs-main-content .fx-panel .fx-dist-k{
  font-size:12px;
  font-weight: 600;
  color: var(--ink);
  min-width: 0;
}
#view-ubs-intranet #ubs-main-content .fx-panel .fx-dist-k .pt{ gap: 7px }
#view-ubs-intranet #ubs-main-content .fx-panel .fx-dist-k [data-lucide]{
  width: 15px;
  height: 15px;
  color: var(--brand2);
}
#view-ubs-intranet #ubs-main-content .fx-panel .fx-dist-n{
  font-size:18px;
  font-weight: 750;
  letter-spacing: -.02em;
  font-variant-numeric: tabular-nums;
}
#view-ubs-intranet #ubs-main-content .fx-panel .fx-dist-n em{
  font-style: normal;
  font-size:12px;
  font-weight: 600;
  color: var(--ink-soft);
}
#view-ubs-intranet #ubs-main-content .fx-panel .fx-dist .k-bar{
  grid-column: 1 / -1;
  display: block;
  margin-top: 0;
}
#view-ubs-intranet #ubs-main-content .fx-panel .fx-lot .q-list{ padding: 6px 18px 18px }

/* Grade própria (o .au-form-3 do kit é grade de FORMULÁRIO — usá-la só para
   obter três colunas de cartão era desvio semântico). */
#view-ubs-intranet #ubs-main-content .fx-panel .fx-grid-3{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  align-items: start;
}
#view-ubs-intranet #ubs-main-content .fx-panel .fx-cell{ min-width: 0 }
#view-ubs-intranet #ubs-main-content .fx-panel .fx-cell h3{
  margin: 0 0 12px;
  font-size:12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: var(--ink-soft);
}
#view-ubs-intranet #ubs-main-content .fx-panel .fx-cell .au-empty{ padding: 14px }

/* ── QUADROS DA ENFERMARIA ──────────────────────────────────────────────────
   Três alturas: o quadro que se OPERA (fx-lider) em largura total, os de
   consulta na faixa do meio, o registro do dia fechando a tela. */
#view-ubs-intranet #ubs-main-content .fx-panel .fx-quadro{ min-width: 0 }
#view-ubs-intranet #ubs-main-content .fx-panel .fx-lider{
  border-color: color-mix(in srgb, var(--brand2) 28%, transparent);
  box-shadow: 0 14px 30px -22px color-mix(in srgb, var(--brand) 55%, transparent);
}
#view-ubs-intranet #ubs-main-content .fx-panel .fx-quadro .q-head h2{ font-size:14.5px }
#view-ubs-intranet #ubs-main-content .fx-panel .fx-quadro-foot{
  padding: 0 18px 14px;
  display: flex;
  justify-content: flex-start;
}
#view-ubs-intranet #ubs-main-content .fx-panel .fx-quadro-foot .btn{
  font-size:12px;
  padding: 7px 12px;
}

/* Lista de verdade no lugar da tabela de uma coluna só (que empilhava quatro
   blocos dentro de um único <td> e perdia thead, alinhamento e rolagem). */
#view-ubs-intranet #ubs-main-content .fx-panel .fx-list{
  list-style: none;
  margin: 0;
  padding: 0 10px 6px;
  display: flex;
  flex-direction: column;
}
#view-ubs-intranet #ubs-main-content .fx-panel .fx-list li{
  display: flex;
  align-items: flex-start;
  gap: 14px;
  flex-wrap: wrap;
  padding: 11px 8px;
  border-bottom: 1px solid var(--line);
}
#view-ubs-intranet #ubs-main-content .fx-panel .fx-list li:last-child{ border-bottom: none }
#view-ubs-intranet #ubs-main-content .fx-panel .fx-list li.fx-now{ box-shadow: inset 3px 0 0 var(--brand2) }
#view-ubs-intranet #ubs-main-content .fx-panel .fx-li-txt{
  flex: 1 1 240px;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-size:13px;
}
#view-ubs-intranet #ubs-main-content .fx-panel .fx-li-acao{
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  gap: 6px;
  align-items: stretch;
}
#view-ubs-intranet #ubs-main-content .fx-panel .fx-lider .fx-li-acao{
  min-width: 200px;
  order: -1;
}

/* ── RESPONSIVO ─────────────────────────────────────────────────────────────
   O grid de formulário do kit só colapsava em 720px: entre ~760 e ~1100 sobravam
   duas colunas de ~340px com tabela dentro — o aperto do notebook do posto. */
@media (max-width: 1180px){
  #view-ubs-intranet #ubs-main-content .fx-panel .fx-grid-3{ grid-template-columns: repeat(2, minmax(0, 1fr)) }
}
@media (max-width: 860px){
  #view-ubs-intranet #ubs-main-content .fx-panel .fx-grid-3{ grid-template-columns: 1fr }
  #view-ubs-intranet #ubs-main-content .fx-panel .fx-live{ justify-content: flex-start }
  #view-ubs-intranet #ubs-main-content .fx-panel .fx-decide{ min-width: 170px }
  #view-ubs-intranet #ubs-main-content .fx-panel .fx-lider .fx-li-acao{ min-width: 100%; order: 0 }
}

/* ── TEMA ESCURO ────────────────────────────────────────────────────────────
   Nunca fundo preto: as superfícies continuam sendo o vidro do kit; aqui só as
   bordas e o hover das linhas que este arquivo redefiniu. */
body.theme-dark #view-ubs-intranet #ubs-main-content .fx-panel .fx-table thead th{
  background: transparent;
  color: var(--ink-soft);
}
body.theme-dark #view-ubs-intranet #ubs-main-content .fx-panel .fx-table tbody tr:hover td{
  background: color-mix(in srgb, var(--lilac) 14%, transparent);
}
body.theme-dark #view-ubs-intranet #ubs-main-content .fx-panel .fx-lider{
  border-color: color-mix(in srgb, var(--lilac) 35%, transparent);
}

/* ── MODAIS DO GRUPO ────────────────────────────────────────────────────────
   O host dos modais clínicos é filho de <body> e carrega .aur, mas está FORA de
   #ubs-main-content: nada do escopo acima o alcança. Estas classes existem só
   para tirar de dentro do JS o style= inline e os hex rgba(58,111,208,…) que o
   bloco de dupla checagem carregava. */
.aur .fx-note{
  margin-bottom: 8px;
  color: var(--ink-soft);
  font-size:12px;
  line-height: 1.45;
}
.aur .fx-dcheck{
  margin-bottom: 10px;
  padding: 10px 12px;
  border-radius: 10px;
  font-size:13px;
  line-height: 1.45;
  color: var(--ink);
  background: color-mix(in srgb, var(--info) 12%, transparent);
  border: 1px solid color-mix(in srgb, var(--info) 30%, transparent);
}
.aur .fx-dcheck-hint{
  margin-top: 3px;
  font-size:12px;
  font-weight: 600;
  color: var(--info);
}