/* ============================================================================
   25-ux-units.css — Painel de Unidades: menos ruido visual.
   Carregada por ULTIMO (depois da 24). Escopada em #view-units.
   Motivo: com 48 cartoes lado a lado, cada enfeite era multiplicado por 48 —
   6 blocos coloridos por cartao viravam um mosaico. Aqui a cor passa a ser
   EXCECAO (so o que e status de verdade) e o resto vira hierarquia de texto.
   Nada foi removido do HTML: e tudo reversivel tirando a tag do index.
   ============================================================================ */

/* ---- 1. Icone: superficie suave da categoria, nao bloco saturado ---------- */
#view-units .u-ico{
  width:36px; height:36px; border-radius:11px;
  box-shadow:none !important;
  background:rgba(92,111,58,.10) !important;
  color:var(--brand2) !important;
}
#view-units .u-ico[data-cat="movel"]{ background:rgba(198,138,44,.12) !important; color:#96671d !important }
#view-units .u-ico[data-cat="caps"]{ background:rgba(226,58,109,.10) !important; color:#b32a53 !important }
#view-units .u-ico[data-cat="especializada"]{ background:rgba(78,95,47,.12) !important; color:var(--brand) !important }
#view-units .u-ico[data-cat="regulacao"]{ background:rgba(57,72,32,.14) !important; color:var(--ink) !important }
#view-units .u-ico svg{ width:19px; height:19px }

/* ---- 2. CNES: dado tecnico, nao etiqueta ---------------------------------- */
#view-units .u-cnes{
  background:transparent !important; padding:0 !important;
  font-size:10.5px; font-weight:600; letter-spacing:.02em;
  color:var(--ink-soft); opacity:.62;
}

/* ---- 3. Categoria: deixa de competir com o nome --------------------------- */
#view-units .u-type{
  font-size:11.5px; font-weight:600; text-transform:none; letter-spacing:0;
  color:var(--ink-soft); opacity:.85; margin-top:-2px;
}
#view-units .u-name{ font-size:15px }

/* ---- 4. Descricao redundante (marcada pelo JS) ---------------------------- */
#view-units .u-desc:empty,
#view-units .u-desc[hidden]{ display:none !important }

/* ---- 5. Endereco: mais leve ---------------------------------------------- */
#view-units .u-local{ font-size:11.5px; opacity:.8 }

/* ---- 6. Rodape: status so colore quando informa ---------------------------
   "Sem admin" aparecia em vermelho em 46 dos 48 cartoes — alarme constante nao
   e alarme, e ruido. Vira nota neutra; "Com conexao" (raro) mantem o verde. */
#view-units .u-foot .st{
  font-size:11px; font-weight:600; padding:2px 0; background:none !important;
  border:none !important; color:var(--ink-soft); opacity:.75;
}
#view-units .u-foot .st.neg,
#view-units .u-foot .st.pend{ color:var(--ink-soft) !important; opacity:.62 }
#view-units .u-foot .st.defer{ color:var(--ok) !important; opacity:1; font-weight:700 }
#view-units .u-foot .st::before{
  content:""; display:inline-block; width:5px; height:5px; border-radius:50%;
  background:currentColor; margin-right:6px; vertical-align:middle; opacity:.55;
}

/* ---- 7. "Entrar": o cartao inteiro ja e um botao ------------------------- */
#view-units .u-enter{ opacity:0; transition:opacity .16s, gap .16s }
#view-units .u-card:hover:not(:disabled) .u-enter,
#view-units .u-card:focus-visible .u-enter{ opacity:1 }
@media (hover:none){ #view-units .u-enter{ opacity:1 } }

/* ---- 8. KPI do cabecalho: "atencao" sem tom de erro ---------------------- */
#view-units .u-stat-alert .k-val{ color:var(--warn) !important }
#view-units .u-stat .k-tag.alert{ color:var(--warn) !important }

/* ---- 9. Respiro: cartao um pouco mais compacto --------------------------- */
#view-units .u-card{ gap:4px; padding:15px 16px 13px }
#view-units .u-foot{ padding-top:10px }

/* ---- 10. Altura uniforme -------------------------------------------------
   Tentar dar a cada cartao a altura do proprio conteudo (align-items:start)
   deixou a grade desalinhada. Volta ao stretch — todos os cartoes da linha com
   a MESMA altura — e o que encolhe a linha e limitar as duas fontes de variacao:
   descricao (2 linhas) e endereco (1 linha). O rodape segue colado embaixo. */
#view-units .u-grid{ align-items:stretch }
#view-units .u-desc{
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
  overflow:hidden;
}
#view-units .u-local span{
  display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;
  overflow:hidden; word-break:break-word;
}
#view-units .u-foot{ margin-top:auto }

/* ---- 11. Mesma altura em TODAS as linhas ---------------------------------
   O stretch iguala os cartoes DENTRO da linha; entre linhas ainda variava
   (a linha com a Regulacao tem 2 linhas de descricao). Um piso comum deixa a
   grade regular de cima a baixo. */
#view-units .u-card{ min-height:210px }
@media (max-width:720px){ #view-units .u-card{ min-height:0 } }