:root {
  --fundo:#f1f2f4;--superficie:#ffffff;--superficie-2:#f5f5f7;--superficie-3:#ebecef;--borda:#e4e5e9;--borda-forte:#d3d5db;
  --texto:#16181d;--texto-2:#656b78;--destaque:#0f766e;--destaque-texto:#ffffff;--destaque-suave:#e2f4f1;--destaque-forte:#0b5f58;
  --ok:#16794a;--aviso:#9a6700;--erro:#c9302c;--erro-suave:#fdeceb;--bolha-entrada:#ffffff;--bolha-saida:#0f766e;--bolha-saida-texto:#ffffff;--nota:#fff6d6;--nota-borda:#f0dc8e;
  --sombra:0 1px 2px rgba(16,24,40,.05),0 8px 24px -8px rgba(16,24,40,.10);--sombra-alta:0 12px 40px -8px rgba(16,24,40,.28);
  --raio:14px;--raio-s:10px;--ease:cubic-bezier(.2,.8,.2,1);
  font-family:"Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-size:14.5px;line-height:1.45;color-scheme:light dark;
  font-feature-settings:"cv11","ss01";-webkit-font-smoothing:antialiased;
}
:root[data-tema="light"] { color-scheme:light; }
:root[data-tema="dark"] {
  --fundo:#0b0c0f;--superficie:#15171c;--superficie-2:#1b1e24;--superficie-3:#242830;--borda:#262a32;--borda-forte:#343944;
  --texto:#ecedf0;--texto-2:#9aa1ae;--destaque:#2dd4bf;--destaque-texto:#04201c;--destaque-suave:#10302d;--destaque-forte:#5eead4;
  --ok:#4cc38a;--aviso:#e3b341;--erro:#ff7b72;--erro-suave:#3a1a1a;--bolha-entrada:#1f2229;--bolha-saida:#0f766e;--bolha-saida-texto:#ffffff;--nota:#3a3418;--nota-borda:#5a4f20;
  --sombra:0 1px 2px rgba(0,0,0,.4),0 8px 24px -8px rgba(0,0,0,.5);--sombra-alta:0 12px 40px -8px rgba(0,0,0,.7); color-scheme:dark;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-tema="light"]) {
    --fundo:#0b0c0f;--superficie:#15171c;--superficie-2:#1b1e24;--superficie-3:#242830;--borda:#262a32;--borda-forte:#343944;
  --texto:#ecedf0;--texto-2:#9aa1ae;--destaque:#2dd4bf;--destaque-texto:#04201c;--destaque-suave:#10302d;--destaque-forte:#5eead4;
  --ok:#4cc38a;--aviso:#e3b341;--erro:#ff7b72;--erro-suave:#3a1a1a;--bolha-entrada:#1f2229;--bolha-saida:#0f766e;--bolha-saida-texto:#ffffff;--nota:#3a3418;--nota-borda:#5a4f20;
  --sombra:0 1px 2px rgba(0,0,0,.4),0 8px 24px -8px rgba(0,0,0,.5);--sombra-alta:0 12px 40px -8px rgba(0,0,0,.7);
  }
}
* { box-sizing:border-box; }
html,body,#raiz { height:100%;margin:0; }
body { background:var(--fundo);color:var(--texto); }
button,input,select,textarea { font:inherit;color:inherit; }
button { cursor:pointer;border:1px solid var(--borda);background:var(--superficie);border-radius:var(--raio-s);padding:6px 12px;display:inline-flex;align-items:center;gap:6px;transition:background .15s,border-color .15s,transform .1s,box-shadow .15s; }
button:hover { background:var(--superficie-2);border-color:var(--borda-forte); }
button:active { transform:scale(.97); }
button.primario { background:var(--destaque);color:var(--destaque-texto);border-color:transparent;font-weight:600;box-shadow:0 1px 2px rgba(0,0,0,.15); }
button.primario:hover { background:var(--destaque-forte);border-color:transparent; }
button.perigo { color:var(--erro); }
button.perigo:hover { background:var(--erro-suave); }
button:disabled { opacity:.5;cursor:not-allowed;transform:none; }
input,select,textarea { background:var(--superficie);border:1px solid var(--borda);border-radius:var(--raio-s);padding:7px 11px;max-width:100%;transition:border-color .15s,box-shadow .15s; }
input:hover,select:hover,textarea:hover { border-color:var(--borda-forte); }
input:focus,select:focus,textarea:focus { outline:none;border-color:var(--destaque);box-shadow:0 0 0 3px color-mix(in srgb,var(--destaque) 22%,transparent); }
input[type=checkbox] { accent-color:var(--destaque); }
:focus-visible { outline:2px solid var(--destaque);outline-offset:2px; }
::selection { background:color-mix(in srgb,var(--destaque) 30%,transparent); }
::-webkit-scrollbar { width:10px;height:10px; }
::-webkit-scrollbar-thumb { background:var(--borda-forte);border-radius:99px;border:3px solid transparent;background-clip:content-box; }
.oculto { display:none !important; }
.muted { color:var(--texto-2); }
.pequeno { font-size:.78rem; }
.sr { position:absolute;left:-9999px; }
.ico { flex:none; }
@media (prefers-reduced-motion: reduce) { * { animation:none !important;transition:none !important; } }

/* avatar */
.avatar { --h:200;--t:40px;flex:none;width:var(--t);height:var(--t);border-radius:50%;display:inline-grid;place-items:center;font-weight:650;font-size:calc(var(--t) * .36);
  color:hsl(var(--h) 55% 28%);background:hsl(var(--h) 70% 90%);letter-spacing:.02em; }
:root[data-tema="dark"] .avatar { color:hsl(var(--h) 70% 82%);background:hsl(var(--h) 35% 22%); }
@media (prefers-color-scheme: dark) { :root:not([data-tema="light"]) .avatar { color:hsl(var(--h) 70% 82%);background:hsl(var(--h) 35% 22%); } }

/* login */
.login { display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);height:100%;background:var(--fundo); }
.login-lateral { position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;gap:32px;padding:clamp(28px,5vw,56px);color:#e9fbf8;
  background:radial-gradient(700px 420px at 10% 0%,rgba(45,212,191,.35),transparent 60%),radial-gradient(600px 400px at 100% 100%,rgba(124,58,237,.35),transparent 60%),linear-gradient(160deg,#07312e,#0b1f2e 70%,#10131c); }
.login-lateral::after { content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1px);background-size:22px 22px;mask-image:linear-gradient(180deg,transparent,#000 40%,transparent);pointer-events:none; }
.login-lateral > * { position:relative;z-index:1; }
.login-lateral-topo,.login-marca { display:flex;align-items:center;gap:12px; }
.login-nome { font-weight:650;font-size:1.15rem;letter-spacing:-.01em; }
.login-lateral h2 { margin:0 0 12px;font-size:clamp(1.7rem,2.6vw,2.4rem);line-height:1.15;letter-spacing:-.03em;font-weight:680;text-wrap:balance; }
.login-lateral-meio > p { margin:0 0 28px;max-width:46ch;color:rgba(233,251,248,.75);font-size:1.02rem; }
.login-lateral ul { list-style:none;margin:0;padding:0;display:grid;gap:16px; }
.login-lateral li { display:flex;gap:14px;align-items:flex-start; }
.login-lateral li div { display:grid;gap:2px; }
.login-lateral li strong { font-weight:600; }
.login-lateral li span:not(.login-ico) { color:rgba(233,251,248,.68);font-size:.92rem; }
.login-ico { flex:none;width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.14);color:#5eead4; }
.login-canais { display:flex;gap:10px;align-items:center; }
.login-canais .canal-icone { box-shadow:0 0 0 3px rgba(255,255,255,.08); }
.login-painel { display:grid;place-items:center;padding:24px max(16px,env(safe-area-inset-right,0px)) 24px max(16px,env(safe-area-inset-left,0px));overflow:auto; }
.login-form { width:min(400px,100%);display:grid;gap:16px;animation:subir .45s var(--ease); }
.login-form .login-marca { display:none;margin-bottom:8px; }
.login-form h1 { margin:0;font-size:1.75rem;letter-spacing:-.03em;font-weight:680; }
.login-sub { margin:-8px 0 8px;max-width:38ch; }
.login-campo { display:grid;gap:6px; }
.login-rotulo { font-size:.82rem;font-weight:600;color:var(--texto-2); }
.login-entrada { display:flex;align-items:center;gap:10px;padding:0 6px 0 13px;background:var(--superficie);border:1px solid var(--borda-forte);border-radius:12px;color:var(--texto-2);transition:border-color .15s,box-shadow .15s; }
.login-entrada:focus-within { border-color:var(--destaque);box-shadow:0 0 0 4px color-mix(in srgb,var(--destaque) 20%,transparent);color:var(--destaque); }
.login .login-entrada input,.login .login-entrada input:focus,.login .login-entrada input:hover { flex:1;min-width:0;border:0;outline:0;box-shadow:none;border-radius:0;background:transparent;padding:12px 0;color:var(--texto); }
.login-entrada input::placeholder { color:color-mix(in srgb,var(--texto-2) 60%,transparent); }
.login-olho { border:0;background:transparent;padding:8px;border-radius:9px;color:var(--texto-2); }
.login-olho:hover { background:var(--superficie-3);color:var(--texto); }
.login-erro:empty { display:none; }
.login-erro { margin:0;padding:10px 12px;border-radius:10px;background:var(--erro-suave);border:1px solid color-mix(in srgb,var(--erro) 35%,transparent);font-size:.9rem; }
.login-entrar { justify-content:center;gap:8px;padding:12px;border-radius:12px;font-weight:600;font-size:1rem;margin-top:4px;box-shadow:0 8px 20px -8px color-mix(in srgb,var(--destaque) 70%,transparent); }
.login-entrar:disabled { opacity:.7;cursor:progress; }
.login-entrar.carregando span::after { content:"…"; }
.login-rodape .ico { flex:none;margin-top:2px; }
.login-rodape { margin:6px 0 0;display:flex;align-items:flex-start;justify-content:center;gap:7px;color:var(--texto-2);font-size:.82rem;text-align:center; }
@media (max-width:860px) {
  .login { grid-template-columns:1fr; }
  .login-lateral { display:none; }
  .login-form .login-marca { display:flex; }
  .login-painel { background:radial-gradient(700px 380px at 15% -10%,color-mix(in srgb,var(--destaque) 16%,transparent),transparent),var(--fundo); }
}
.logo { width:42px;height:42px;border-radius:13px;display:grid;place-items:center;color:var(--destaque-texto);background:linear-gradient(135deg,var(--destaque),color-mix(in srgb,var(--destaque) 55%,#7c3aed));box-shadow:0 6px 16px -4px color-mix(in srgb,var(--destaque) 60%,transparent); }
.erro { color:var(--erro);font-size:.9rem;min-height:1.2em; }
@keyframes subir { from { opacity:0;transform:translateY(8px); } to { opacity:1;transform:none; } }

/* casca */
.app { display:grid;grid-template-columns:232px 1fr;height:100%;padding:10px 10px 10px 0;gap:0;transition:grid-template-columns .2s var(--ease); }
.lateral { display:flex;flex-direction:column;padding:10px 10px 6px 14px;gap:3px;overflow:auto; }
.marca { display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:-.01em;padding:4px 4px 14px; }
.marca img { max-height:32px;max-width:120px; }
.marca .logo { width:32px;height:32px;border-radius:10px; }
.marca .recolher { margin-left:auto;padding:5px;border-color:transparent;background:transparent;color:var(--texto-2); }
.lateral a { padding:8px 10px;border-radius:var(--raio-s);color:var(--texto-2);text-decoration:none;display:flex;align-items:center;gap:11px;position:relative;font-weight:500;transition:background .15s,color .15s; }
.lateral a:hover { background:var(--superficie-3);color:var(--texto); }
.lateral a[aria-current="page"] { background:var(--superficie);color:var(--destaque);box-shadow:var(--sombra);font-weight:600; }
.lateral a[aria-current="page"]::before { content:"";position:absolute;left:-14px;top:9px;bottom:9px;width:3px;border-radius:0 3px 3px 0;background:var(--destaque); }
.lateral .ic { display:grid;place-items:center;width:20px;flex:none; }
.lateral .rot { flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.contador { background:var(--erro);color:#fff;border-radius:999px;font-size:.7rem;padding:1px 6px;min-width:20px;text-align:center;font-weight:700;line-height:1.3; }
.app.recolhido { grid-template-columns:72px 1fr; }
.app.recolhido .rot,.app.recolhido .rodape .eu div,.app.recolhido .rodape .sair { display:none; }
.app.recolhido .lateral { padding-left:10px;padding-right:6px; }
.app.recolhido .lateral a { justify-content:center;padding:10px 0; }
.app.recolhido .lateral a[aria-current="page"]::before { left:-10px; }
.app.recolhido .marca { flex-direction:column;padding:4px 0 12px; }
.app.recolhido .marca .recolher { margin:0; }
.app.recolhido .contador { position:absolute;top:1px;right:6px;font-size:.62rem;min-width:16px;padding:0 4px; }
.lateral .rodape { margin-top:auto;display:grid;gap:8px;font-size:.85rem;padding-top:10px;border-top:1px solid var(--borda); }
.eu { display:flex;align-items:center;gap:10px;min-width:0; }
.eu strong { display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.eu > div { min-width:0; }
.seg { display:inline-grid;grid-auto-flow:column;grid-auto-columns:1fr;background:var(--superficie-3);border-radius:var(--raio-s);padding:3px;gap:2px; }
.seg button { border:none;background:transparent;border-radius:8px;padding:5px;justify-content:center;color:var(--texto-2); }
.seg button:hover { background:transparent;color:var(--texto); }
.seg button[aria-pressed="true"] { background:var(--superficie);color:var(--texto);box-shadow:0 1px 2px rgba(0,0,0,.12); }
.app.recolhido .seg { grid-auto-flow:row; }
.sair { justify-content:center;color:var(--texto-2);border-color:transparent;background:transparent; }
.sair:hover { color:var(--erro);background:var(--erro-suave); }
.principal { overflow:auto;min-width:0;background:var(--superficie);border:1px solid var(--borda);border-radius:var(--raio);box-shadow:var(--sombra); }
.tela { padding:24px 28px;max-width:1200px;animation:subir .25s var(--ease); }
.tela h1 { font-size:1.4rem;letter-spacing:-.02em;margin:0 0 16px; }
.tela h2,.tela h3 { letter-spacing:-.01em; }
.barra { display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:14px; }
.cartao { background:var(--superficie);border:1px solid var(--borda);border-radius:var(--raio);padding:16px;margin-bottom:12px; }
.principal .cartao { background:var(--superficie-2); }
table { border-collapse:separate;border-spacing:0;width:100%;background:var(--superficie);border:1px solid var(--borda);border-radius:var(--raio);overflow:hidden; }
th,td { text-align:left;padding:10px 14px;border-bottom:1px solid var(--borda);vertical-align:middle; }
tr:last-child td { border-bottom:none; }
th { color:var(--texto-2);font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;background:var(--superficie-2); }
tbody tr { transition:background .12s; }
tbody tr:hover { background:var(--superficie-2); }
.selo { display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:1px 9px;font-size:.75rem;font-weight:500;border:1px solid var(--borda);background:var(--superficie-2);white-space:nowrap; }
.selo.ok { color:var(--ok);border-color:color-mix(in srgb,var(--ok) 35%,transparent);background:color-mix(in srgb,var(--ok) 10%,transparent); }
.selo.aviso { color:var(--aviso);border-color:color-mix(in srgb,var(--aviso) 35%,transparent);background:color-mix(in srgb,var(--aviso) 10%,transparent); }
.selo.erro { color:var(--erro);border-color:color-mix(in srgb,var(--erro) 35%,transparent);background:var(--erro-suave); }
.chip { display:inline-block;border-radius:999px;padding:1px 9px;font-size:.72rem;font-weight:600;color:#fff;margin-right:4px;background:var(--ticket,#667); }
.toast { position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:var(--texto);color:var(--fundo);padding:10px 16px;border-radius:12px;z-index:20;max-width:80vw;box-shadow:var(--sombra-alta);animation:subir .25s var(--ease); }
.grade { display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); }
.vazio { margin:auto;color:var(--texto-2);padding:32px;text-align:center; }

/* caixa de entrada */
.inbox { display:grid;grid-template-columns:350px minmax(0,1fr) 290px;height:100%;min-width:0; }
.inbox > section { min-width:0;display:flex;flex-direction:column;border-right:1px solid var(--borda);overflow:hidden; }
.inbox > section:last-child { border-right:none; }
.inbox .filtros { padding:14px 14px 10px;display:grid;gap:10px;grid-template-columns:minmax(0,1fr);min-width:0; }
.inbox .busca-linha { display:flex;gap:6px;min-width:0; }
.inbox .busca-linha input { flex:1;min-width:0;background:var(--superficie-2);border-color:transparent;padding-left:12px; }
.inbox .busca-linha input:focus { background:var(--superficie); }
.inbox .busca-linha button { flex:none;white-space:nowrap; }
.badge-f { background:var(--destaque);color:var(--destaque-texto);border-radius:999px;padding:0 6px;font-size:.7rem;font-weight:700; }
.abas { display:flex;gap:2px;background:var(--superficie-3);border-radius:12px;padding:3px;min-width:0; }
.abas button { flex:1;border:none;background:transparent;border-radius:9px;padding:5px 6px;white-space:nowrap;font-size:.82rem;justify-content:center;color:var(--texto-2);font-weight:500; }
.abas button:hover { background:transparent;color:var(--texto); }
.abas button[aria-pressed="true"] { background:var(--superficie);color:var(--texto);box-shadow:0 1px 2px rgba(0,0,0,.12);font-weight:600; }
.abas .n { margin-left:4px;font-size:.68rem;background:var(--destaque);color:var(--destaque-texto);border-radius:99px;padding:0 5px; }
.painel-filtros { display:grid;gap:6px;padding-top:2px;min-width:0; }
.painel-filtros .linha { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;align-items:center;min-width:0; }
.painel-filtros .linha > * { min-width:0;width:100%; }
.contagem { padding:2px 16px 8px;font-size:.76rem;color:var(--texto-2);text-transform:uppercase;letter-spacing:.05em;font-weight:600; }
.lista { overflow:auto;flex:1;padding:0 8px 8px; }
.item { padding:10px 10px;border-radius:12px;cursor:pointer;display:grid;grid-template-columns:auto minmax(0,1fr);gap:2px 12px;align-items:start;margin-bottom:2px;position:relative;transition:background .12s; }
.item:hover { background:var(--superficie-2); }
.item[aria-selected="true"] { background:var(--destaque-suave); }
.item .avatar { grid-row:1 / span 3; }
.item .corpo { display:grid;gap:2px;min-width:0; }
.item .topo { display:flex;justify-content:space-between;gap:8px;font-weight:600;align-items:baseline; }
.item .topo > span:first-child { white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.item .topo .muted { font-weight:400;font-size:.75rem;flex:none; }
.item .previa { color:var(--texto-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.88rem; }
.item .rodape-item { display:flex;gap:6px;align-items:center;flex-wrap:wrap;font-size:.76rem;color:var(--texto-2);margin-top:2px; }
.item.nao-lida .topo > span:first-child,.item.nao-lida .previa { color:var(--texto);font-weight:650; }
.nl { background:var(--destaque);color:var(--destaque-texto);border-radius:999px;padding:0 7px;font-size:.72rem;font-weight:700;margin-left:auto; }
.canal-ponto { width:8px;height:8px;border-radius:50%;background:var(--c,#999);flex:none;display:inline-block; }
.canal-icone { flex:none;border-radius:5px;display:inline-block;vertical-align:middle; }
.item.sk { pointer-events:none; }
.sk-b { background:linear-gradient(90deg,var(--superficie-3),var(--superficie-2),var(--superficie-3));background-size:200% 100%;animation:brilho 1.3s linear infinite;border-radius:8px;display:block; }
.sk-l { display:grid;gap:8px;align-content:center; }
.sk-b.w1 { height:11px;width:55%; } .sk-b.w2 { height:10px;width:85%; }
.avatar.sk-b { background-color:var(--superficie-3);color:transparent; }
@keyframes brilho { to { background-position:-200% 0; } }

.cabecalho { padding:12px 18px;border-bottom:1px solid var(--borda);display:flex;gap:10px;align-items:center;flex-wrap:wrap;background:color-mix(in srgb,var(--superficie) 85%,transparent);backdrop-filter:blur(8px); }
.cabecalho .quem { display:flex;align-items:center;gap:12px;flex:1;min-width:150px; }
.cabecalho .titulo { font-weight:650;flex:1;min-width:120px;letter-spacing:-.01em; }
.cabecalho .titulo .sub { font-weight:400;font-size:.8rem;color:var(--texto-2); }
.mensagens { flex:1;overflow:auto;padding:18px 22px;display:flex;flex-direction:column;gap:3px;background:var(--superficie-2); }
.bolha { max-width:68%;padding:8px 12px;border-radius:16px;background:var(--bolha-entrada);border:1px solid var(--borda);white-space:pre-wrap;overflow-wrap:anywhere;align-self:flex-start;border-bottom-left-radius:5px;animation:subir .2s var(--ease); }
.bolha.saida { align-self:flex-end;background:var(--bolha-saida);color:var(--bolha-saida-texto);border-color:transparent;border-radius:16px;border-bottom-right-radius:5px; }
.bolha.saida .meta { color:rgba(255,255,255,.75); }
.bolha.saida button { color:var(--texto); }
.bolha.nota { align-self:center;background:var(--nota);border:1px dashed var(--nota-borda);max-width:80%;font-size:.9rem;border-radius:12px;margin:6px 0; }
.bolha.sistema { align-self:center;background:var(--superficie-3);border:none;color:var(--texto-2);font-size:.76rem;padding:3px 12px;border-radius:99px;margin:8px 0; }
.bolha.agrupada { margin-top:5px; }
.bolha .meta { font-size:.7rem;color:var(--texto-2);margin-top:3px;display:flex;gap:6px;justify-content:flex-end;align-items:center; }
.dia { align-self:center;font-size:.72rem;font-weight:600;color:var(--texto-2);background:var(--superficie);border:1px solid var(--borda);border-radius:99px;padding:2px 12px;margin:10px 0 6px; }
.compor { padding:12px 16px 14px;display:grid;gap:8px;background:var(--superficie);position:relative;border-top:1px solid var(--borda); }
.compor .caixa { border:1px solid var(--borda);border-radius:16px;background:var(--superficie);padding:6px;display:grid;transition:border-color .15s,box-shadow .15s; }
.compor .caixa:focus-within { border-color:var(--destaque);box-shadow:0 0 0 3px color-mix(in srgb,var(--destaque) 20%,transparent); }
.compor textarea { width:100%;min-height:56px;resize:none;border:none;background:transparent;box-shadow:none !important;padding:8px 10px; }
.compor .acoes { display:flex;gap:6px;flex-wrap:wrap;align-items:center; }
.compor .acoes button { font-size:.84rem;padding:5px 10px; }
.compor .acoes .primario { margin-left:auto;order:9;padding:6px 14px; }
.sugestoes { position:absolute;bottom:100%;left:16px;right:16px;background:var(--superficie);border:1px solid var(--borda);border-radius:var(--raio);max-height:220px;overflow:auto;box-shadow:var(--sombra-alta);padding:4px;z-index:3; }
.sugestoes div { padding:7px 10px;cursor:pointer;border-radius:8px; }
.sugestoes div:hover,.sugestoes div[aria-selected="true"] { background:var(--destaque-suave); }
.detalhe { padding:18px;overflow:auto;display:grid;gap:12px;align-content:start;background:var(--superficie); }
.detalhe h3 { margin:6px 0 0;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--texto-2); }
.detalhe .perfil { display:grid;justify-items:center;gap:6px;text-align:center;padding:6px 0 8px; }
.detalhe .perfil strong { font-size:1.05rem;letter-spacing:-.01em; }
.voltar { display:none; }
.modal-fundo { position:fixed;inset:0;background:rgba(10,12,16,.5);backdrop-filter:blur(3px);display:grid;place-items:center;z-index:5;animation:fade .15s; }
.modal-fundo .cartao { box-shadow:var(--sombra-alta);background:var(--superficie);border-radius:18px;padding:20px; }
@keyframes fade { from { opacity:0; } }

@media (max-width: 1180px) { .inbox { grid-template-columns:320px minmax(0,1fr); } .inbox > .detalhe-col { display:none; } }
@media (max-width: 760px) {
  .app,.app.recolhido { grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;padding:0; }
  .principal { order:1;border-radius:0;border:none;box-shadow:none; }
  .lateral { order:2;flex-direction:row;justify-content:space-around;overflow-x:auto;border-top:1px solid var(--borda);background:var(--superficie);padding:4px 6px;gap:2px; }
  .lateral .marca,.lateral .rodape { display:none !important; }
  .lateral a,.app.recolhido .lateral a { flex-direction:column;gap:2px;padding:5px 10px;font-size:.68rem;min-width:62px;justify-content:center; }
  .lateral a[aria-current="page"] { box-shadow:none;background:var(--destaque-suave); }
  .lateral a[aria-current="page"]::before { display:none; }
  .lateral .rot,.app.recolhido .rot { display:block !important;flex:none; }
  .contador,.app.recolhido .contador { position:absolute;top:0;right:10px; }
  .tela { padding:16px; }
  .inbox { grid-template-columns:1fr; }
  .inbox > .conversa-col { display:none; }
  .inbox.com-conversa > .lista-col { display:none; }
  .inbox.com-conversa > .conversa-col { display:flex; }
  .voltar { display:inline-flex; }
  .bolha { max-width:88%; }
  .mensagens { padding:12px; }
}
.so-mobile { display:none !important; }
@media (max-width: 760px) {
  .so-mobile { display:flex !important; }
  .lateral .rodape.aberto { display:grid !important;position:fixed;bottom:70px;right:8px;background:var(--superficie);border:1px solid var(--borda);border-radius:var(--raio);padding:12px;z-index:6;min-width:200px;box-shadow:var(--sombra-alta); }
}

/* ======================================================= módulos v0.2: gráficos, relatórios, kanban, pagamentos, MCP */
:root { --g1:#0f766e;--g2:#d97706;--g3:#6d5bd0;--cinza-g:#9aa1ae; }
:root[data-tema="dark"] { --g1:#2dd4bf;--g2:#fbbf24;--g3:#a595ff;--cinza-g:#6b7280; }
@media (prefers-color-scheme: dark) { :root:not([data-tema="light"]) { --g1:#2dd4bf;--g2:#fbbf24;--g3:#a595ff;--cinza-g:#6b7280; } }
.s1 { --c:var(--g1); } .s2 { --c:var(--g2); } .s3 { --c:var(--g3); } .s-ok,.at-ativo { --c:var(--ok); } .s-erro { --c:var(--erro); } .at-ocioso { --c:var(--aviso); } .at-fundo { --c:var(--cinza-g); }
.barra-g,.ponto-g { fill:var(--c); } .linha-g { stroke:var(--c);stroke-width:2.2;stroke-linejoin:round;stroke-linecap:round; } .ponto-g { stroke:var(--superficie);stroke-width:1.5; }
.celula-calor { fill:var(--g1); } .grade-linha { stroke:var(--borda);stroke-width:1; } .eixo { fill:var(--texto-2);font-size:10px; }
.grafico { width:100%;height:auto;display:block;overflow:visible; } .grafico-caixa { display:grid;gap:8px; }
.legenda { display:flex;flex-wrap:wrap;gap:6px 14px;font-size:.78rem;color:var(--texto-2); } .leg-item { display:inline-flex;align-items:center;gap:6px; } .leg-cor { width:10px;height:10px;border-radius:3px;background:var(--c); }
.barra-h { display:block;height:8px;border-radius:99px;background:var(--superficie-3);overflow:hidden;min-width:60px; } .barra-h-i { display:block;height:100%;border-radius:99px;background:var(--c); }
.empilhada { display:flex;height:10px;border-radius:99px;overflow:hidden;background:var(--superficie-3);min-width:80px; } .emp-i { display:block;height:100%;background:var(--c); }

.tela-larga { max-width:1400px; } .barra-topo { justify-content:flex-start; } .barra-topo h1 { margin:0 8px 0 0; } .espaco { margin-left:auto; }
.seg-texto { grid-auto-columns:auto; } .seg-texto button { padding:5px 12px; }
.rel-corpo { display:grid;gap:16px; } .rel-secao { padding:18px; } .rel-tit { margin:0 0 12px;font-size:1rem; }
.kpis { display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:16px; }
.kpi { background:var(--superficie-2);border:1px solid var(--borda);border-radius:var(--raio);padding:14px 16px;display:grid;gap:2px; }
.kpi-rot { font-size:.75rem;color:var(--texto-2);text-transform:uppercase;letter-spacing:.05em;font-weight:600; } .kpi-valor { font-size:1.6rem;font-weight:700;letter-spacing:-.02em; }
.kpi.ruim .kpi-valor { color:var(--erro); } .kpi.aviso .kpi-valor { color:var(--aviso); }
.grade-2 { display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:16px; } .grade { display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px; }
.tabela-rolagem { overflow-x:auto;border-radius:var(--raio); } .tabela-equipe td { white-space:nowrap; } .quem-linha { display:inline-flex;align-items:center;gap:8px; } .num-barra { display:grid;gap:4px;min-width:110px; }
.funil { display:grid;gap:10px; } .funil-linha { display:grid;grid-template-columns:120px 1fr auto;gap:12px;align-items:center; } .funil-nome { font-weight:500; } .funil-n { text-align:right;font-variant-numeric:tabular-nums; }
.alerta { border-left:4px solid var(--borda-forte); } .alerta.alta { border-left-color:var(--erro); } .alerta.media { border-left-color:var(--aviso); }
.alerta-topo { display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px; } .alerta-rodape { display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px; }
.aviso-caixa { display:flex;gap:12px;align-items:flex-start;background:var(--destaque-suave);border:1px solid color-mix(in srgb,var(--destaque) 30%,transparent);border-radius:var(--raio);padding:12px 14px;margin-bottom:14px;font-size:.9rem; } .aviso-caixa>svg { flex:none;margin-top:2px;color:var(--destaque); }
.presenca-nums { display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px;text-align:center; }
.acoes-linha { display:flex;flex-wrap:wrap;gap:6px;margin-top:8px; } .acoes-linha button { padding:4px 10px;font-size:.85rem; }
.abas-pagina { display:flex;gap:4px;border-bottom:1px solid var(--borda);margin-bottom:16px; } .abas-pagina button { border:none;background:transparent;border-radius:0;border-bottom:2px solid transparent;padding:8px 14px;color:var(--texto-2); }
.abas-pagina button[aria-pressed="true"] { color:var(--texto);border-bottom-color:var(--destaque);font-weight:600; }
.caixa-modal { display:grid;gap:14px;max-height:90vh;overflow:auto;box-shadow:var(--sombra-alta);background:var(--superficie)!important; } .titulo-modal { font-size:1.1rem; }
.form-modal { display:grid;gap:12px; } .form-grade { display:grid;grid-template-columns:1fr 1fr;gap:10px; } .campo { display:grid;gap:4px;font-size:.85rem; } .campo input,.campo select { width:100%; }
.linha-check { display:flex;align-items:center;gap:8px; } .linha-espaco { display:flex;justify-content:space-between;align-items:center;gap:8px; }
.mini { padding:2px 8px;font-size:.75rem; } .mini-select { font-size:.78rem;padding:3px 6px;width:100%; } .chips { display:flex;flex-wrap:wrap;gap:6px;margin:8px 0; }
.codigo { background:var(--superficie-3);border-radius:var(--raio-s);padding:10px;font-size:.8rem;overflow:auto;margin:8px 0;white-space:pre-wrap; } code { background:var(--superficie-3);padding:1px 6px;border-radius:5px;font-size:.85em; }
.interruptor { margin-left:auto;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-weight:600; }
.painel-ext h3 { font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--texto-2);margin:14px 0 6px; } .mini-cartao { padding:10px 12px;margin-bottom:8px;display:grid;gap:4px; }
.gateway { display:flex;gap:14px;align-items:flex-start; } .gateway.desligado { opacity:.6; } .gw-ordem { display:grid;gap:4px;justify-items:center; } .gw-num { width:28px;height:28px;border-radius:50%;background:var(--destaque-suave);color:var(--destaque);display:grid;place-items:center;font-weight:700; }
.gw-setas { display:grid;gap:2px; } .gw-setas button { padding:2px 5px; } .gw-corpo { flex:1;min-width:0; }
.kanban { display:grid;grid-auto-flow:column;grid-auto-columns:minmax(215px,1fr);gap:12px;overflow-x:auto;padding-bottom:12px;align-items:start; }
.coluna { background:var(--superficie-2);border:1px solid var(--borda);border-radius:var(--raio);padding:10px;display:grid;gap:8px;transition:border-color .15s,background .15s;min-height:160px; } .coluna.alvo { border-color:var(--destaque);background:var(--destaque-suave); }
.coluna-topo { display:flex;align-items:center;gap:8px; } .ponto-etapa { width:10px;height:10px;border-radius:50%;background:var(--cor-etapa); } .coluna-lista { display:grid;gap:8px;align-content:start; } .coluna-vazia { text-align:center;padding:24px 8px;border:1px dashed var(--borda-forte);border-radius:var(--raio-s); }
.lead-cartao { background:var(--superficie);border:1px solid var(--borda);border-radius:var(--raio-s);padding:10px;display:grid;gap:8px;cursor:grab;transition:box-shadow .15s,transform .15s; } .lead-cartao:hover { box-shadow:var(--sombra); } .lead-cartao.arrastando { opacity:.4; }
.lead-topo { display:flex;gap:10px;align-items:center; } .lead-nome { min-width:0; } .lead-nome strong { display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; } .lead-meio { display:flex;justify-content:space-between;align-items:center; }
.lead-resumo { margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden; } .lead-sugestao { display:flex;align-items:center;gap:6px;font-size:.78rem;background:var(--destaque-suave);border-radius:var(--raio-s);padding:5px 8px; } .lead-sugestao span { flex:1; }
.historico { margin:0;padding-left:18px;display:grid;gap:4px;font-size:.88rem; }
@media (max-width:720px) { .form-grade { grid-template-columns:1fr; } .funil-linha { grid-template-columns:90px 1fr auto; } .presenca-nums { grid-template-columns:repeat(2,1fr); } }
.abas.abas-pagina { background:none;border-radius:0;padding:0;gap:4px;justify-content:flex-start; }
.abas.abas-pagina button { flex:none;font-size:.92rem;border-radius:0;box-shadow:none;background:transparent; }
.abas.abas-pagina button[aria-pressed="true"] { background:transparent;box-shadow:none; }
.autor-msg { font-size:.74rem;font-weight:700;opacity:.9;margin-bottom:2px;letter-spacing:.01em; }
.previa-assinatura { align-self:flex-start;max-width:100%; }
.chip-assinar { border-radius:99px;padding:4px 10px;font-size:.8rem;max-width:200px; } .chip-assinar span { overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.chip-assinar[aria-pressed="true"] { background:var(--destaque-suave);color:var(--destaque);border-color:color-mix(in srgb,var(--destaque) 40%,transparent);font-weight:600; }

.chip-assinar-edit { border-radius:99px;padding:4px 7px;display:inline-flex;align-items:center; }
.previa-assinatura { white-space:pre-wrap;max-width:100%;align-self:stretch; }
.linha-check { display:flex;gap:8px;align-items:center; }

.aviso-hook { color:var(--aviso,#b45309);margin:4px 0; }