/*
 * Esqueleto estático da barra única (contrato C10): reserva a lateral e o topo com as mesmas cores da barra de
 * verdade, sem JavaScript nenhum — só `<macboot-barra>:not(:defined)`, que o navegador aplica antes mesmo do
 * `/barra/barra.js` chegar (e continua valendo enquanto ele carrega). Idêntico nos três sistemas: portal, ERP e
 * Fábrica carregam este mesmo arquivo, do portal (`/ds/barra-esqueleto.css`), no `<head>`.
 *
 * Cores fixas (não `var(--token)`): o objetivo é não depender de nada mais ter carregado ainda. Valores de
 * `packages/design-system/src/tokens.css` (`--olive-900`, `--paper-50`, `--line-200`) copiados aqui de propósito.
 */
macboot-barra:not(:defined) {
  display: block;
}

macboot-barra:not(:defined)::before {
  content: "";
  position: fixed;
  inset: 0 auto 0 0;
  z-index: 40;
  width: 280px;
  background: #1c2118;
}

macboot-barra:not(:defined)::after {
  content: "";
  position: fixed;
  inset: 0 0 auto 0;
  z-index: 30;
  height: 72px;
  margin-left: 280px;
  background: #fafaf6;
  border-bottom: 1px solid #e4e4dc;
}

@media (max-width: 768px) {
  macboot-barra:not(:defined)::before {
    width: 0;
  }

  macboot-barra:not(:defined)::after {
    height: 56px;
    margin-left: 0;
  }
}
