/* Base do Asset: uma tela escura de pregão. O cabeçalho segue o padrão dos
   sistemas CVD (kit c3d-ui: faixa de 48px, ícone na cor do sistema). */
:root{color-scheme:dark;--font-sans:-apple-system,BlinkMacSystemFont,system-ui,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;
  --font-mono:ui-monospace,'SF Mono','SFMono-Regular',Menlo,Consolas,monospace}
*{box-sizing:border-box}
html,body{margin:0;background:#080f18;color:#e4edf4;font-family:var(--font-sans);font-size:14px;-webkit-font-smoothing:antialiased}
button{font:inherit}
[hidden]{display:none!important}

#app{min-height:100dvh;display:flex;flex-direction:column}
#corpo{flex:1;display:flex;flex-direction:column;min-width:0}

.topbar{position:sticky;top:0;z-index:40;background:#0b131e;border-bottom:1px solid #22313e}
.topbar-in{display:flex;align-items:center;gap:12px;min-height:48px;padding:0 16px;max-width:1920px;margin:0 auto}
.spacer{flex:1}
.whoami{display:flex;align-items:center;gap:8px;background:#111d2a;border:1px solid #293b4b;border-radius:999px;padding:3px 12px 3px 4px}
.av{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:8.5px;font-weight:700;background:#6b5320;color:#f7e6bd}
.whoami-rot{font:9.5px/1 var(--font-mono);letter-spacing:.12em;color:#98abbc}
.whoami-nome{font-size:12.5px;font-weight:600;color:#e4edf4;white-space:nowrap}
#btnSair{background:#111d28;color:#bdcbd5;border:1px solid #344656}
/* Dentro da moldura do C3D OS, quem está logado e Sair já estão na moldura. */
[data-embedded] [data-c3d-chrome]{display:none!important}

.carregando{position:fixed;left:50%;top:14px;transform:translateX(-50%);z-index:90;display:flex;align-items:center;gap:9px;
  padding:8px 14px;border-radius:999px;background:#111d28;border:1px solid #2c3e4f;color:#c3d1dc;font-size:12.5px;box-shadow:0 8px 28px -10px #000}
.carregando-giro{width:12px;height:12px;border-radius:50%;border:2px solid #2c3e4f;border-top-color:#f0c870;animation:giro .8s linear infinite}
@keyframes giro{to{transform:rotate(360deg)}}
.estado-tela{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;
  min-height:60vh;padding:40px 20px;color:#a6bdcc}
.estado-tela h2{font-size:18px;color:#e7eff6;margin:0}
.estado-tela p{margin:0;max-width:520px}
.btn-primary{background:#c98500;color:#140d00;border:0;border-radius:8px;height:34px;padding:0 15px;font-weight:650;cursor:pointer}
.btn-primary:hover{filter:brightness(1.08)}

.ni-eyebrow{font:10px/1.5 var(--font-mono);letter-spacing:.14em;color:#91a6b7;display:block}
.ni-empty{margin:6px 0 24px;color:#a1b6c4;font-size:12px;line-height:1.8;min-height:80px;display:flex;align-items:center}
.ni-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

@media (prefers-reduced-motion:reduce){.carregando-giro{animation:none}}
@media (max-width:600px){.whoami{display:none}}