/* NX_BRAND_POLISH_V1
 * - Tipografia premium global
 * - Antenas (hero card) mais elegante
 * - Botões Abrir/Editar/Excluir como pills
 * - Zero interferência de clique (sem overlays com pointer-events)
 */

:root{
  --nx-font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, Cantarell, "Noto Sans", "Helvetica Neue", Arial, "Apple Color Emoji", "Segoe UI Emoji";
  --nx-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;

  --nx-text: rgba(255,255,255,0.92);
  --nx-muted: rgba(255,255,255,0.68);

  --nx-line: rgba(255,255,255,0.10);
  --nx-line-2: rgba(255,255,255,0.14);

  --nx-glass: rgba(10,14,22,0.56);
  --nx-glass-2: rgba(10,14,22,0.44);

  --nx-green: rgba(72,220,140,0.78);
  --nx-red: rgba(255,90,110,0.82);
  --nx-blue: rgba(90,210,255,0.78);
  --nx-violet: rgba(190,150,255,0.75);
  --nx-amber: rgba(255,200,90,0.78);
}

/* Tipografia global (todas as páginas que usam layout_app.html) */
html, body{
  font-family: var(--nx-font-sans) !important;
  color: var(--nx-text) !important;
  letter-spacing: 0.2px !important;
  text-rendering: geometricPrecision !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-variant-numeric: tabular-nums !important;
}

h1,h2,h3,h4{
  letter-spacing: 0.3px !important;
}

/* links: mais “enterprise” */
a{
  text-decoration: none !important;
}
a:hover{
  opacity: 0.95 !important;
}

/* ============================================================
   ANTENAS: HERO CARD (mais bonito e menos “tijolo”)
   ============================================================ */

/* O KPI grid atual marca os cards com data-nx-kpi */
.nx-kpi-grid-js-v1 > *[data-nx-kpi="antenas"]{
  /* mantém “destaque”, mas sem parecer enorme */
  min-height: 96px !important;
  padding: 14px 18px !important;

  /* acabamento mais forte */
  background: linear-gradient(180deg, rgba(10,14,22,0.52), rgba(10,14,22,0.44)) !important;
  border-color: rgba(255,255,255,0.11) !important;

  /* sensação de profundidade */
  box-shadow:
    0 14px 44px rgba(0,0,0,0.30),
    inset 0 1px 0 rgba(255,255,255,0.06) !important;
}

/* Se o “Antenas” estiver vindo fora do grid (layout herdado), tenta acertar também */
[data-nx-kpi="antenas"]{
  font-family: var(--nx-font-sans) !important;
}

/* melhora hierarquia dentro do card: título e número */
.nx-kpi-grid-js-v1 > *[data-nx-kpi="antenas"] h1,
.nx-kpi-grid-js-v1 > *[data-nx-kpi="antenas"] h2,
.nx-kpi-grid-js-v1 > *[data-nx-kpi="antenas"] h3{
  margin: 0 0 6px 0 !important;
  font-weight: 650 !important;
}

.nx-kpi-grid-js-v1 > *[data-nx-kpi="antenas"]{
  /* “layout hero” sem depender de markup específico */
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 6px !important;
}

/* ============================================================
   BOTÕES de AÇÕES: Abrir / Editar / Excluir
   ============================================================ */
.nx-action-btn{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;

  padding: 7px 12px !important;
  border-radius: 999px !important;

  background: rgba(255,255,255,0.06) !important;
  border: 1px solid var(--nx-line) !important;

  color: rgba(255,255,255,0.86) !important;
  font-size: 12px !important;
  font-weight: 600 !important;

  transition: transform .16s ease, border-color .16s ease, background .16s ease, box-shadow .16s ease !important;
  user-select: none !important;
  white-space: nowrap !important;
}

@media (hover:hover){
  .nx-action-btn:hover{
    transform: translateY(-1px) !important;
    border-color: var(--nx-line-2) !important;
    background: rgba(255,255,255,0.08) !important;
    box-shadow: 0 10px 26px rgba(0,0,0,0.25) !important;
  }
}

.nx-action-btn--open{
  border-color: rgba(72,220,140,0.22) !important;
  background: rgba(72,220,140,0.08) !important;
}
.nx-action-btn--edit{
  border-color: rgba(90,210,255,0.22) !important;
  background: rgba(90,210,255,0.08) !important;
}
.nx-action-btn--del{
  border-color: rgba(255,90,110,0.24) !important;
  background: rgba(255,90,110,0.08) !important;
}

/* ações em linha com espaçamento bom */
td.nx-actions{
  display: flex !important;
  gap: 10px !important;
  align-items: center !important;
  justify-content: flex-start !important;
}

/* ============================================================
   TECNOLOGIA: deixar somente a logo (sem texto)
   (o JS vai limpar o texto; aqui só garante alinhamento)
   ============================================================ */
td.nx-tech{
  vertical-align: middle !important;
}
td.nx-tech img{
  display: inline-block !important;
  height: 16px !important;
  width: auto !important;
  opacity: 0.95 !important;
}

/* Nome: melhora quebra e aparência */
td.nx-name{
  line-height: 1.25 !important;
}