/*
 * V10.102 - tema Obsidiana e Ouro (Gestão, Portal, Painel Administrador e telas de login).
 * Preto azulado com linhas finas, ouro como único destaque e azul só para foco e dados. Títulos em Sora, texto em IBM Plex
 * Sans e números em IBM Plex Mono, com Segoe UI quando as fontes da web não carregarem. As cores vêm de temas.css (gerado).
 * Carregado depois de temas.css e antes de tema-modo.css.
 */
:root{
  --sb-fundo:var(--c-fbf6ef,#fbf6ef);--sb-areia-clara:var(--c-fbf1dc,#fbf1dc);--sb-linha:var(--c-efe3d3,#efe3d3);
  --sb-mono:"IBM Plex Mono",ui-monospace,Consolas,"Cascadia Mono",monospace;
  --foco:#1f5fd1;--hero:#0e1218;--hero-linha:#232b36;--hero-texto:var(--c-e8e6e1,#e8e6e1);--hero-suave:#8a93a0;--raio:6px;
}
html[data-modo="escuro"]{--foco:#3a8bff}
body{font-family:var(--sb-texto)}
h1,h2,h3{font-family:var(--sb-titulo)!important;letter-spacing:0}
#app-shell h1,#app-shell h2,#app-shell h3,dialog h1,dialog h2,dialog h3{font-family:var(--sb-titulo)!important}
::selection{background:var(--sb-laranja);color:var(--c-ffffff,#fff)}
:focus-visible{outline:2px solid var(--foco);outline-offset:2px}
code,kbd,samp{font-family:var(--sb-mono)}

/* Telas de login: painel liso com uma linha fina de ouro, sem gradiente. */
.nl-login{font-family:var(--sb-texto)}
.nl-hero{background:var(--hero)!important;color:var(--hero-texto)}
.nl-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--sb-laranja)}
.nl-hero :is(h1,h2,h3,strong){color:var(--hero-texto)}
.nl-hero :is(p,li,small,span){color:var(--hero-suave)}
.nl-eyebrow{color:var(--sb-laranja);font-family:var(--sb-mono);letter-spacing:.1em;text-transform:uppercase;font-size:11px}
.nl-highlights li{border-color:var(--hero-linha);background:transparent}
.nl-card{position:relative;border-radius:var(--raio)}
.nl-card::before{content:none}
.nl-card h1,.nl-copy h2{font-family:var(--sb-titulo)!important}
.nl-banner{border-left:3px solid var(--sb-laranja)}.nl-banner.alerta{border-left-color:var(--c-bd8b31,#bd8b31)}.nl-banner.destaque{border-left-color:var(--sb-laranja)}

/* Painel Administrador */
.app-shell .topbar::after{content:none}
.app-shell .brand strong,.intro h1,.panel h2{font-family:var(--sb-titulo)}
.sidebar a.active{box-shadow:inset 2px 0 0 var(--sb-laranja)}
.stat strong{color:var(--sb-laranja);font-family:var(--sb-mono);font-variant-numeric:tabular-nums}.stat{border-top:1px solid var(--sb-linha)}
.integration-card small{color:var(--sb-laranja)}
.step{background:var(--sb-areia-clara);color:var(--sb-laranja-escuro)}

/* Gestão e Portal: cabeçalho liso, títulos em Sora e números em fonte monoespaçada. */
#app-shell header.topbar::after{content:none}
.portal-standalone .page-heading h1,.portal-brand strong,.portal-release-card h2{font-family:var(--sb-titulo)!important}
.shell-body{grid-template-columns:268px minmax(0,1fr)}.app-shell .sidebar a{font-size:12px}@media(max-width:900px){.shell-body{grid-template-columns:1fr}}
:is(.metric-card,.metric-value,.count-pill,.row-count) strong,.metric-card .value{font-family:var(--sb-mono);font-variant-numeric:tabular-nums}

/* Arestas: raio pequeno e sem sombra grande nos blocos. */
:is(.panel,.metric-card,.ticket-card,.ticket-lane,.knowledge-card,.portal-ticket-card,.load-indicator,.settings-panel,.central-card,.stat,.integration-card,.system-card,.module-group){border-radius:var(--raio)}