/* Obama IA — tema escuro: preto + dourado (cores tiradas da logo). Carrega depois do app.css e só sobrescreve. */
:root{--bg:#050505;--bg2:#0a0908;--pn:#100f0d;--pn2:#181612;--bd:#2b2518;--tx:#f7f2e6;--mut:#a79f8a;--ac:#f2b02a;--ac2:#ffd75e;--acd:#d9900f;--ok:#34d399;--wn:#ff8a3d;--er:#f87171;--gold-g:linear-gradient(135deg,#ffd75e,#f2b02a 55%,#e8a317)}
::selection{background:#f2b02a55;color:#fff}
body{background:radial-gradient(1100px 520px at 85% -12%,#f2b02a14,transparent),radial-gradient(800px 400px at -10% 110%,#f2b02a0c,transparent),var(--bg);color:var(--tx)}
a{color:var(--ac2)}
.side{background:linear-gradient(180deg,#0b0a08,#050504);border-right:1px solid var(--bd)}
.brand{gap:9px}
.brand .logo{width:38px;height:30px;border-radius:0;background:url(/icone.png) center/contain no-repeat;box-shadow:none;font-size:0;color:transparent;flex-shrink:0}
.brand span{text-transform:uppercase;letter-spacing:.07em;font-weight:800;font-size:16px;color:#fffdf5}
.brand span::after{content:' IA';color:var(--ac)}
.login .brand{flex-direction:column;gap:0;font-size:0!important;margin-bottom:10px!important}
.login .brand .logo{width:250px!important;height:182px!important;background-image:url(/logo.png)}
.login .card{border-color:#3a2f16;box-shadow:0 0 0 1px #f2b02a14,0 18px 60px #000a}
.nav a:hover{background:var(--pn);color:var(--tx)}
.nav a.on{background:linear-gradient(90deg,#f2b02a2b,#f2b02a0d);color:#fff;box-shadow:inset 2px 0 0 var(--ac)}
.nav .sec{color:#7d7258}
.card{background:linear-gradient(180deg,var(--pn),#0c0b09);border-color:var(--bd)}
.card.flat{background:var(--pn)}
.stat .n{background:var(--gold-g);-webkit-background-clip:text;background-clip:text;color:transparent}
button,.btn{background:linear-gradient(180deg,#ffc542,var(--ac) 45%,var(--acd));color:#1b1300;box-shadow:0 2px 14px #f2b02a33;text-shadow:none}
button:hover,.btn:hover{filter:brightness(1.08)}
button.sec{background:var(--pn2);color:var(--tx);box-shadow:none;border:1px solid var(--bd)}
button.sec:hover{border-color:var(--ac);color:#fff}
button.red{background:linear-gradient(180deg,#ef4444,#b91c1c);color:#fff;box-shadow:none}
input,select,textarea{background:#0a0908;border-color:var(--bd);color:var(--tx)}
input:focus,select:focus,textarea:focus{border-color:var(--ac);box-shadow:0 0 0 3px #f2b02a22}
input::placeholder,textarea::placeholder{color:#6f6753}
tr.click:hover td{background:#f2b02a10}
th{color:var(--mut)}
.pill{background:#f2b02a1f;color:var(--ac2);border-color:#f2b02a44}
.pill.ok{background:#34d3991f;color:var(--ok);border-color:#34d39944}
.pill.wn{background:#ff8a3d1f;color:var(--wn);border-color:#ff8a3d55}
.pill.er{background:#f871711f;color:var(--er);border-color:#f8717144}
.pill.core{background:var(--gold-g);color:#1b1300;border-color:transparent;letter-spacing:.06em;font-weight:800}
.tabs a.on{color:#fff;border-color:var(--ac)}
.modal{background:#000000cc}
.modal>.box{background:var(--pn);border-color:#3a2f16;box-shadow:0 20px 80px #000d,0 0 0 1px #f2b02a14}
.toast{background:var(--pn2);border-color:var(--ac)}
.msg.user{background:linear-gradient(180deg,#ffc542,var(--ac) 50%,var(--acd));color:#1b1300}
.msg.ia{background:var(--pn2);border-color:var(--bd)}
.chatlist a.on,.chatlist a:hover{background:var(--pn2);color:#fff}
pre.code{background:#080706;border-color:var(--bd)}
.bar{background:#2b2415}
.bar>i{background:var(--gold-g)}
.alert{background:var(--pn2);border-color:var(--bd)}
.alert.info{border-color:#f2b02a55}
.alert.aviso{border-color:#ff8a3d66}
.alert.erro{border-color:#f8717166}
.qr img{background:#fff}
hr{border-color:var(--bd)}
/* partes novas (núcleo) */
.nx-fluxo{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:10px}
.nx-fluxo>div{border:1px solid var(--bd);border-radius:12px;padding:10px 12px;background:#0b0a08;position:relative}
.nx-fluxo>div b{display:block;color:var(--ac2);font-size:12px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:3px}
.nx-fluxo>div:not(:last-child)::after{content:'›';position:absolute;right:-9px;top:50%;transform:translateY(-50%);color:var(--ac);font-size:20px;z-index:1}
.nx-grupo{margin-bottom:14px}.nx-grupo h3{display:flex;align-items:center;gap:8px}
.nx-filtros{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}
.nx-filtros button{padding:5px 12px;font-size:12.5px}
.nx-filtros button.on{background:var(--gold-g);color:#1b1300;border-color:transparent}
.nx-txt{white-space:pre-wrap;margin-top:8px}
@media(max-width:860px){.nx-fluxo{grid-template-columns:1fr}.nx-fluxo>div:not(:last-child)::after{display:none}.brand span{display:none}.brand .logo{width:34px}}