/**
 * Atlas One — Base
 * ------------------------------------------------
 * Reset mínimo + primitivos usados pelo Shell (Sidebar/Topbar) e por
 * qualquer tela que já consome os tokens. Não é a biblioteca de
 * componentes inteira (Especificação Seção 2) — só o suficiente pra
 * Fase 1 (Shell da aplicação) funcionar de verdade.
 *
 * Depende de tokens.css já estar carregado antes.
 */

.atlas-reset, .atlas-reset *{ box-sizing:border-box; }
.atlas-reset{
  font-family:var(--atlas-font-body);
  color:var(--atlas-text);
  -webkit-font-smoothing:antialiased;
}
.atlas-reset :focus-visible{
  outline:none;
  box-shadow:var(--atlas-focus-ring);
  border-radius:var(--atlas-radius-sm);
}

/* ---------- Botão (mínimo necessário pro Shell; anatomia completa na Fase de componentes) ---------- */
.atlas-btn{
  display:inline-flex; align-items:center; gap:var(--atlas-space-2);
  font-family:var(--atlas-font-body); font-weight:600; font-size:var(--atlas-text-body-sm);
  padding:9px 16px; border-radius:var(--atlas-radius-md); border:1px solid transparent;
  cursor:pointer; transition:background var(--atlas-duration-micro) var(--atlas-ease-instrumento),
    border-color var(--atlas-duration-micro) var(--atlas-ease-instrumento);
  line-height:1;
}
.atlas-btn svg{ width:15px; height:15px; flex-shrink:0; }
.atlas-btn-primary{ background:var(--atlas-gold); color:#fff; }
.atlas-btn-primary:hover{ background:var(--atlas-gold-hover); }
.atlas-btn-secondary{ background:var(--atlas-surface); color:var(--atlas-text); border-color:var(--atlas-border); }
.atlas-btn-secondary:hover{ border-color:var(--atlas-gold); color:var(--atlas-gold-deep); }
.atlas-btn-ghost{ background:transparent; color:var(--atlas-text-soft); border:none; padding:8px 10px; }
.atlas-btn-ghost:hover{ color:var(--atlas-text); background:var(--atlas-surface-2); }
.atlas-btn:disabled{ opacity:0.5; cursor:not-allowed; pointer-events:none; }

/* ---------- Badge / pill ---------- */
.atlas-badge{
  display:inline-flex; align-items:center; gap:4px;
  font-family:var(--atlas-font-mono); font-size:var(--atlas-text-mono-sm); font-weight:700;
  padding:3px 10px; border-radius:var(--atlas-radius-full); letter-spacing:0.02em;
}
.atlas-badge-gold{ background:var(--atlas-gold-soft); color:var(--atlas-gold-deep); }
.atlas-badge-route{ background:var(--atlas-route-soft); color:var(--atlas-route); }
.atlas-badge-olive{ background:var(--atlas-olive-soft); color:var(--atlas-olive); }

/* ---------- Avatar (rodapé de conta na Sidebar) ---------- */
.atlas-avatar{
  width:30px; height:30px; border-radius:var(--atlas-radius-full);
  background:var(--atlas-route-soft); color:var(--atlas-route);
  display:flex; align-items:center; justify-content:center;
  font-family:var(--atlas-font-display); font-weight:700; font-size:13px; flex-shrink:0;
}