/* Conjoin · composições de tela desta área (ver DESIGN.md)
   Empresa: cadastro, início, notificações, suporte, financeiro e capacitação. */

/* CNPJ + botão Consultar lado a lado */
.emp-cnpj-row { display: grid; grid-template-columns: 1fr auto; gap: var(--s-2); align-items: start; }
.emp-cnpj-row .btn { margin-top: 30px; }

/* Logotipo no perfil */
.emp-logo-row { display: flex; gap: var(--s-4); align-items: center; }

/* Seletor de unidade no início */
.emp-unit-pick {
  align-self: flex-start;
  display: inline-flex; align-items: center; gap: var(--s-2);
  min-height: 44px; padding: 0 var(--s-4);
  border: 0; border-radius: var(--r-pill);
  background: var(--nevoa); color: var(--noite);
  font-weight: 600;
}
.emp-unit-pick:hover { background: var(--mare); }

/* Pendências dentro do bloco azul */
.emp-pend { display: flex; flex-direction: column; gap: var(--s-2); }
.emp-pend-row {
  display: flex; align-items: center; gap: var(--s-3);
  width: 100%; min-height: 56px; padding: var(--s-2) var(--s-3);
  border: 0; border-radius: var(--r-lg);
  background: rgba(255, 255, 255, 0.10); color: var(--alva);
  text-align: left; font: inherit;
  transition: background-color var(--dur-fast) var(--ease-out);
}
.emp-pend-row:hover { background: rgba(255, 255, 255, 0.18); }
.emp-pend-row:focus-visible { box-shadow: 0 0 0 2px var(--azul), 0 0 0 4px var(--alva); }
.emp-pend-icon { display: grid; place-items: center; flex: none; width: 36px; height: 36px; border-radius: 50%; background: var(--ouro); color: var(--noite); }
.emp-pend-title { display: block; font-weight: 600; }
.emp-pend-sub { display: block; font-size: var(--fs-label); line-height: var(--lh-label); color: var(--nevoa); }

/* Lista de verificação do primeiro acesso */
.emp-checklist { display: flex; flex-direction: column; gap: var(--s-2); }
.emp-checklist li { display: flex; align-items: center; gap: var(--s-3); font-weight: 500; }
.emp-checklist li > .ic { color: var(--nevoa); }
.emp-check { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: rgba(255, 255, 255, 0.16); color: var(--alva); }
.emp-check .ic { width: 16px; height: 16px; stroke-width: 3; }
.emp-check.is-ok { background: var(--agua); color: var(--noite); }

/* Convite discreto ao PJ Plus */
.emp-plus {
  display: flex; align-items: center; gap: var(--s-3);
  width: 100%; padding: var(--s-4);
  border: 1px dashed var(--line-strong); border-radius: var(--r-xl);
  background: transparent; color: var(--ink); text-align: left; font: inherit;
}
.emp-plus > .ic:first-child { color: var(--azul); }
.emp-plus .grow > span { display: block; }
.emp-plus:hover { background: var(--alva); }

/* Loja e financeiro */
.emp-price-line strong { font-size: var(--fs-title); color: var(--azul); font-variant-numeric: tabular-nums; }
.emp-credit-pill {
  display: inline-flex; align-items: center; gap: 6px;
  min-height: 44px; padding: 0 var(--s-4);
  border: 0; border-radius: var(--r-pill);
  background: var(--ouro-veu); color: var(--ouro-tinta); font-weight: 700;
}
.emp-pix-code {
  padding: var(--s-3);
  border-radius: var(--r-md);
  background: var(--bruma);
  font-family: ui-monospace, "Cascadia Mono", Consolas, monospace;
  font-size: var(--fs-label);
  line-height: var(--lh-label);
  color: var(--porto);
  word-break: break-all;
}
.emp-big-number { font-size: 3rem; line-height: 1; font-weight: 800; letter-spacing: -0.02em; font-variant-numeric: tabular-nums; }
.emp-big-number span { font-size: var(--fs-title); font-weight: 600; letter-spacing: 0; }
.emp-plus-v { color: var(--sucesso-tinta); font-variant-numeric: tabular-nums; }
.emp-minus-v { color: var(--porto); font-variant-numeric: tabular-nums; }

@media (max-width: 359px) {
  .emp-cnpj-row { grid-template-columns: 1fr; }
  .emp-cnpj-row .btn { margin-top: 0; }
}
.hero-state .price { color: var(--azul); }
.hero-state .tag { align-self: center; }