/* Identidade HM TechDesk: laranja, cobre-latão, marinho, azul-aço e prata (brandbook de 2026-10-12).
   Só tokens: o núcleo aurora.css não é editado. Cantos quase retos, sem sombra. Tema claro por padrão; o escuro segue o sistema e pode ser trocado no botão da lateral (data-theme na raiz). */
:root{
  /* ---- superfícies e neutros: degraus do azul-aço ---- */
  --s-bg:#edf0f5; --s-card:#f8f9fc; --s-card-2:#f8f9fc;
  --s-hover:#e3e8f0; --s-track:#d3d9e2;
  --s-side:var(--fh-side); --s-side-bd:#2f4663;
  --fh-side:#171920; --fh-side-hover:#1f2a3b; --fh-field-bd:#7d8aa0; --fh-btn-edge:#a8400a;

  /* ---- texto ---- */
  --s-fg:#171920; --s-muted:#45536a; --s-faint:#5d6c83; --s-ghost:#8a97ab;

  /* ---- bordas ---- */
  --s-bd:#d3d9e2; --s-bd-soft:#e1e6ee; --s-bd-strong:#b4bfce;
  --s-card-bd:1px solid #d3d9e2;

  /* ---- acento: laranja. Texto sobre ele é marinho; em texto solto usa-se o degrau escuro ---- */
  --s-accent:#dd5711;
  --s-accent-ink:#9c3d0a; --s-accent-fg:#171920; --s-accent-weak:#f6e1d4; --s-accent-bd:#e8b99c;
  --s-barfill:#dd5711;

  /* ---- status: cores funcionais, fora da paleta da marca ---- */
  --s-ok:#2e6b47;   --s-ok-bg:#e1efe7;   --s-ok-bd:#bcd8c8;   --s-ok-tint:#f3f8f5;
  --s-warn:#7a5b00; --s-warn-bg:#fbf1cf; --s-warn-bd:#f0e4bf; --s-warn-tint:#fffdf5; --s-warn-deep:#5c4400;
  --s-crit:#b3261e; --s-crit-bg:#f5dedc; --s-crit-bd:#e2b8b4; --s-crit-tint:#fbf1f0;
  --s-chip-mut-bg:#e3e8f0;
  --s-on-cor:#edf0f5;

  /* ---- cantos quase retos, sem sombra ---- */
  --s-radius:4px; --s-nav-r:4px; --s-btn-r:4px;
  --s-card-sh:none; --s-btn-sh:none; --s-active-sh:none;

  /* ---- item ativo, avatar e topo ---- */
  --s-active-bg:#dd5711; --s-active-fg:#171920;
  --s-avatar-bg:#2f4663; --s-avatar-fg:#edf0f5;
  --s-top-bg:rgba(237,240,245,.9);
}

/* Tema escuro: marinho de fundo, azul-aço nos cartões. */
@media (prefers-color-scheme: dark){
:root:not([data-theme="light"]){
  color-scheme:dark;
  --s-bg:#171920; --s-card:#1f2a3b; --s-card-2:#1f2a3b;
  --s-hover:#26354b; --s-track:#2f4663;
  --fh-side:#1f2a3b; --fh-side-hover:#2f4663; --fh-field-bd:#5f7596; --fh-btn-edge:#f08a52;
  --s-fg:#edf0f5; --s-muted:#bab8b5; --s-faint:#8b97aa; --s-ghost:#5f7596;
  --s-bd:#2f4663; --s-bd-soft:#26354b; --s-bd-strong:#5f7596;
  --s-card-bd:1px solid #2f4663;
  --s-accent-ink:#ee7a3f; --s-accent-weak:#3b2a20; --s-accent-bd:#7a3a14;
  --s-ok:#6fbf8c;   --s-ok-bg:#1d3a2b;   --s-ok-bd:#2e5a43;   --s-ok-tint:#19281f;
  --s-warn:#d9b24a; --s-warn-bg:#3a3015; --s-warn-bd:#5a4a1c; --s-warn-tint:#2a2410; --s-warn-deep:#f0d27a;
  --s-crit:#e07a6f; --s-crit-bg:#3d1f1f; --s-crit-bd:#6a2f2c; --s-crit-tint:#2d1b1b;
  --s-chip-mut-bg:#26354b; --s-on-cor:#171920;
  --s-top-bg:rgba(23,25,32,.9);
}
}
:root[data-theme="dark"]{
  color-scheme:dark;
  --s-bg:#171920; --s-card:#1f2a3b; --s-card-2:#1f2a3b;
  --s-hover:#26354b; --s-track:#2f4663;
  --fh-side:#1f2a3b; --fh-side-hover:#2f4663; --fh-field-bd:#5f7596; --fh-btn-edge:#f08a52;
  --s-fg:#edf0f5; --s-muted:#bab8b5; --s-faint:#8b97aa; --s-ghost:#5f7596;
  --s-bd:#2f4663; --s-bd-soft:#26354b; --s-bd-strong:#5f7596;
  --s-card-bd:1px solid #2f4663;
  --s-accent-ink:#ee7a3f; --s-accent-weak:#3b2a20; --s-accent-bd:#7a3a14;
  --s-ok:#6fbf8c;   --s-ok-bg:#1d3a2b;   --s-ok-bd:#2e5a43;   --s-ok-tint:#19281f;
  --s-warn:#d9b24a; --s-warn-bg:#3a3015; --s-warn-bd:#5a4a1c; --s-warn-tint:#2a2410; --s-warn-deep:#f0d27a;
  --s-crit:#e07a6f; --s-crit-bg:#3d1f1f; --s-crit-bd:#6a2f2c; --s-crit-tint:#2d1b1b;
  --s-chip-mut-bg:#26354b; --s-on-cor:#171920;
  --s-top-bg:rgba(23,25,32,.9);
}

/* A lateral é marinho: dentro dela os tokens de texto invertem. */
.s-side{
  --s-fg:#edf0f5; --s-muted:#bab8b5; --s-faint:#8b97aa;
  --s-hover:var(--fh-side-hover); --s-bd:#2f4663; --s-card:var(--fh-side); --s-accent-ink:#ee7a3f;
}
.s-side .s-nav-item.active{ font-weight:600; }
/* Filete fino entre os módulos da lateral; o primeiro grupo não leva. */
.s-side .s-grp{ border-top:1px solid var(--s-bd); margin-top:10px; padding-top:14px; }
.s-side .s-brand + .s-grp{ border-top:0; margin-top:0; padding-top:12px; }

/* Contorno leve no botão primário; o ghost já tem borda própria. */
.s-btn{ border:1px solid var(--fh-btn-edge); }

.s-kpi::before{ background:var(--s-accent); }
.s-input,.s-select,.s-textarea{ border-color:var(--fh-field-bd); }
.s-input:focus,.s-select:focus,.s-textarea:focus{ border-color:var(--s-accent-ink); outline:2px solid var(--s-accent-ink); outline-offset:1px; }
.s-btn:focus-visible,.s-nav-item:focus-visible,a:focus-visible{ outline:2px solid var(--s-accent-ink); outline-offset:2px; }
.s-side a:focus-visible,.s-side button:focus-visible{ outline-color:#ee7a3f; }