/* IAN — superfície de trabalho, com navegação estável e foco na conversa. */
:root{--papel:#efede8;--papel-alto:#faf9f6;--tinta:#16171c;--fantasma:#dcdad4;--grafite:#62636b;--cobalto:#1b2be0;--raio:10px;--raio-cartao:14px;color-scheme:light}
[hidden]{display:none!important}body{font-size:16px;line-height:1.55}
.envolucro{max-width:1480px;padding:100px 40px 64px 264px;margin:0 auto}
.envolucro>header{position:fixed;top:0;left:224px;right:0;height:76px;margin:0;padding:0 40px;background:var(--papel-alto);border-bottom:1px solid var(--borda);align-items:center;z-index:10;gap:16px}
header h1{font-size:24px;letter-spacing:-.04em;text-transform:none;line-height:1.15;color:var(--tinta)}header h1 small{display:block;font:12px var(--fonte-corpo);letter-spacing:0;color:var(--suave);margin-top:4px}
.status,.numero,.conta .nome{font:13px var(--fonte-corpo);letter-spacing:0;text-transform:none}.status{border:0;background:var(--papel);padding:8px 12px;white-space:nowrap}.conta button,.conta .botao-conta{font:13px var(--fonte-corpo);letter-spacing:0;text-transform:none}
nav.abas{position:fixed;left:0;top:0;bottom:0;width:224px;margin:0;padding:110px 16px 24px;display:flex;flex-direction:column;gap:8px;flex-wrap:nowrap;background:#12131a;z-index:11}
nav.abas:before{content:'IAN /';position:absolute;top:28px;left:28px;color:#fff;font:800 30px var(--fonte-titulo);letter-spacing:-2px}nav.abas:after{content:'YAN GOMES · IA';margin-top:auto;color:#a5a6b3;font:12px var(--fonte-mono);letter-spacing:.06em;padding:20px 12px}
nav.abas a{font:500 14px var(--fonte-corpo);text-transform:none;letter-spacing:0;padding:14px 16px;color:#b5b6c3;border:0;border-radius:8px}nav.abas a:hover{color:#fff;background:#242632}nav.abas a.ativa{color:#fff;background:#1b2be0}
.cartao{border:1px solid var(--borda);border-radius:14px;overflow:hidden;box-shadow:none;margin-bottom:24px}.cabecalho{padding:24px 28px;border-bottom:1px solid var(--borda)}.cabecalho h2{font:700 20px var(--fonte-titulo);text-transform:none;letter-spacing:-.02em;line-height:1.3}.cabecalho .dica{margin-top:7px;max-width:70ch}.corpo{padding:24px 28px}
.dica,.vazio,.aviso-inline{font-size:14px;line-height:1.6}.numeros{gap:20px}.numeros strong{font:700 30px var(--fonte-titulo)}.numeros span,.etiqueta,.divisao h3,.leads th{font-size:12px;letter-spacing:.04em}
button,input,select,textarea{font-family:var(--fonte-corpo)}input,select,textarea{font-size:16px;border-radius:8px}textarea{line-height:1.65;min-height:180px}label{font-size:14px!important;letter-spacing:0!important;text-transform:none!important}.acao{min-height:42px;border-radius:8px;font-size:14px;letter-spacing:0;text-transform:none}button:focus-visible,a:focus-visible{outline:3px solid var(--cobalto);outline-offset:3px}
.config-grade{grid-template-columns:190px minmax(0,1fr);gap:24px}.menu-agentes button{padding:16px;font-size:15px;border-radius:10px}.menu-agentes small{font-size:12px;line-height:1.5;margin-top:5px}.balao{font-size:15px;line-height:1.6;border-radius:12px}.aviso{font-size:14px;border-radius:10px;padding:16px 20px}
body>main{background:var(--papel-alto);padding:32px;border:1px solid var(--borda);border-radius:16px;max-width:460px}body>main header{border-bottom:1px solid var(--borda)}body>main header h1{font-size:36px;color:var(--cobalto)}body>main header p{font:14px var(--fonte-corpo);letter-spacing:0;text-transform:none}
@media(min-width:1200px){#tela-operacao.ativa{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}#tela-operacao>.cartao{margin:0}#gradeAgentes{grid-column:1/-1;order:2}#tela-operacao>.cartao:last-child{grid-column:1/-1;order:3}}
@media(max-width:1050px){.envolucro{padding:96px 24px 40px 208px}.envolucro>header{left:184px;padding:0 24px}nav.abas{width:184px}.numero{display:none}.config-grade{grid-template-columns:1fr}.menu-agentes{display:flex;gap:8px}.menu-agentes button{flex:1}.menu-agentes small{display:none}}
@media(max-width:720px){.envolucro{padding:146px 16px 32px}.envolucro>header{left:0;height:76px;padding:12px 16px}header h1{font-size:21px}.conta .nome{display:none}.status{font-size:12px;margin-left:auto}.conta{gap:4px}nav.abas{top:76px;bottom:auto;width:100%;height:54px;padding:6px 10px;flex-direction:row;overflow-x:auto;gap:2px}nav.abas:before,nav.abas:after{display:none}nav.abas a{font-size:13px;padding:10px;white-space:nowrap;flex-shrink:0}nav.abas svg{display:none}.cabecalho,.corpo{padding:20px}.numeros{grid-template-columns:repeat(2,minmax(0,1fr))}.grade-agentes{grid-template-columns:1fr}body>main{padding:24px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}