@font-face{font-family:Gramatika;src:url('fonts/gramatika-regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Gramatika;src:url('fonts/gramatika-medium.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:Gramatika;src:url('fonts/gramatika-bold.woff2') format('woff2');font-weight:700;font-display:swap}

/* Mesma base do protótipo do Gerir: superfícies neutras; contraste marca ação e seleção. */
:root{
  --bg:#f3f4f6;--surface:#fff;--subtle:#f8f9fa;--ink:#20252b;--muted:#687078;--faint:#8a9199;--line:#e5e7eb;
  --forest:#202020;--forest-dark:#080808;--green-bg:#ededed;--amber:#856127;--amber-bg:#fbf4e8;
  --blue:#426584;--blue-bg:#edf3f9;--red:#b3402f;--red-bg:#fbeeeb;
  --hover:#e9ecef;--line2:#dce0e4;--chip:#f0f2f4;--ink2:#59616b;--icon:#77808a;--avatar:#e2e6eb;--avatar-ink:#525e6c;--row-hover:#fbfcfc;--shade:#20252b;
  --space-section:24px;--space-grid:16px;--space-card:24px;--space-text:8px;
  --radius:12px;--card-shadow:0 2px 4px #20252b06,0 7px 22px #20252b08;--sidebar:232px;--focus:#707070;
  font-family:Gramatika,Arial,sans-serif;font-size:16px;color:var(--ink);font-synthesis:none;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);-webkit-font-smoothing:antialiased}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
button:disabled{cursor:not-allowed;opacity:.5}
a{color:inherit}
:focus-visible{outline:2px solid var(--focus);outline-offset:3px}
h1,h2,h3,p{margin:0}
h1,h2,h3,strong{font-weight:500}
h1{font-size:24px;line-height:1.3;letter-spacing:-.6px}
h2{font-size:17px;line-height:1.4;letter-spacing:-.2px}
h3{font-size:14px}
.icon{width:18px;height:18px;flex-shrink:0}

/* Moldura */
.sidebar{width:var(--sidebar);position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;padding:26px 12px 0;background:var(--bg);z-index:20}
.brand{display:flex;align-items:center;gap:12px;margin:0 12px 26px}
.wordmark{font-size:28px;letter-spacing:-1.6px;font-weight:500;line-height:1}
.brand-dot{color:#ff5757}
.brand-divider{width:1px;height:20px;background:var(--line2)}
.product{font-size:21px;letter-spacing:-.5px;color:var(--muted)}
.org{display:flex;align-items:center;gap:9px;padding:8px 12px;margin-bottom:16px;font-size:12px;color:var(--muted)}
.org strong{color:var(--ink);font-weight:500}
.nav{display:grid;gap:3px}
.nav a{display:flex;align-items:center;gap:11px;min-height:40px;padding:9px 12px;color:var(--ink2);font-size:13px;border-radius:7px;text-decoration:none}
.nav a .icon{color:var(--icon)}
.nav a:hover{background:var(--hover)}
.nav a.ativo{background:var(--green-bg);color:var(--forest);font-weight:500}
.nav a.ativo .icon{color:var(--forest)}
.nav .cont{margin-left:auto;background:var(--forest);color:#fff;border-radius:10px;padding:1px 7px;font-size:11px}
.nav-sep{height:1px;background:var(--line);margin:10px 12px}
.sidebar-bottom{margin-top:auto;border-top:1px solid var(--line);padding:12px 0 16px;position:relative}
.perfil{display:flex;align-items:center;gap:10px;width:100%;background:none;border:0;padding:8px;border-radius:8px;text-align:left}
.perfil:hover{background:var(--hover)}
.perfil small{display:block;color:var(--muted);font-size:11px;margin-top:2px}
.avatar{width:32px;height:32px;border-radius:50%;background:var(--avatar);color:var(--avatar-ink);display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:500;flex-shrink:0}
.avatar.g{background:var(--green-bg);color:var(--forest)}
.menu-perfil{position:absolute;bottom:64px;left:0;right:0;background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:0 12px 40px #20252b22;padding:6px;z-index:30}
.menu-perfil p{font-size:11px;color:var(--muted);padding:6px 8px}
.menu-perfil button{display:flex;gap:10px;align-items:center;width:100%;background:none;border:0;padding:8px;border-radius:7px;text-align:left;font-size:13px}
.menu-perfil button:hover{background:var(--subtle)}
.menu-perfil small{display:block;color:var(--muted);font-size:11px}

.corpo{margin-left:var(--sidebar);padding:12px 12px 12px 0;min-width:0}
.topo{height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;gap:12px}
.migalha{font-size:12px;color:var(--muted)}
.topo-acoes{display:flex;gap:14px;align-items:center;font-size:12px;color:var(--muted)}
.aviso-proto{background:var(--amber-bg);color:var(--amber);border-radius:6px;padding:4px 9px;font-size:11px}
main{background:var(--surface);border:1px solid var(--line);border-radius:18px;min-height:calc(100vh - 76px);padding:32px;box-shadow:0 3px 16px #20252b04}
.cabeca{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px;flex-wrap:wrap}
.cabeca p{color:var(--muted);margin-top:6px;max-width:640px;line-height:1.5}
.estreito{max-width:920px}

/* Componentes */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line2);border-radius:9px;padding:8px 13px;font-size:13px;min-height:36px;font-weight:500;background:var(--surface);white-space:nowrap;box-shadow:0 1px 2px #20252b05;text-decoration:none}
.btn:hover{background:var(--subtle);border-color:var(--line2)}
.btn.pri{background:var(--forest);border-color:var(--forest);color:#fff}
.btn.pri:hover{background:var(--forest-dark)}
.btn.perigo{color:var(--red);border-color:#e7c3bc}
.btn.perigo.cheio{background:var(--red);color:#fff;border-color:var(--red)}
.btn.peq{font-size:12px;min-height:30px;padding:5px 10px}
.link{background:none;border:0;padding:0;color:var(--forest);font-weight:500;text-decoration:underline;text-underline-offset:3px;font-size:inherit}
.badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;padding:4px 8px;border-radius:5px;line-height:1.4;white-space:nowrap}
.badge.neutro{background:var(--chip);color:var(--muted)}
.badge.verde{background:var(--green-bg);color:var(--forest)}
.badge.ambar{background:var(--amber-bg);color:var(--amber)}
.badge.azul{background:var(--blue-bg);color:var(--blue)}
.badge.vermelho{background:var(--red-bg);color:var(--red)}
.ponto{width:7px;height:7px;border-radius:50%;background:currentColor;display:inline-block}
.cartao{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--card-shadow);padding:var(--space-card)}
.cartao+.cartao{margin-top:var(--space-section)}
.sutil{color:var(--muted);font-size:12.5px}
.faixa{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border-radius:10px;font-size:13px;line-height:1.5;margin-bottom:16px}
.faixa.ambar{background:var(--amber-bg);color:#6b4e1f}
.faixa.vermelho{background:var(--red-bg);color:#8a3022}
.faixa.verde{background:var(--green-bg);color:var(--forest-dark)}
.faixa.azul{background:var(--blue-bg);color:#34526d}
.faixa .btn{margin-left:auto}
.abas{display:flex;gap:26px;border-bottom:1px solid var(--line);margin-bottom:20px}
.aba{position:relative;padding:12px 0;background:none;border:0;color:var(--muted);font-size:13px}
.aba.ativa{color:var(--forest);font-weight:500}
.aba.ativa:after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--forest);border-radius:2px}
.aba .n{font-size:11px;background:var(--chip);border-radius:4px;padding:1px 6px;margin-left:4px;color:var(--muted)}
table{border-collapse:collapse;width:100%}
.tabela{border:1px solid var(--line);border-radius:10px;overflow:hidden;overflow-x:auto}
.tabela table{min-width:640px}
.tabela th{padding:11px 16px;background:var(--subtle);font-size:12px;font-weight:400;color:var(--muted);text-align:left;border-bottom:1px solid var(--line)}
.tabela td{padding:15px 16px;border-bottom:1px solid var(--line);vertical-align:middle}
.tabela tr:last-child td{border-bottom:0}
.tabela tr.clicavel{cursor:pointer}
.tabela tr.clicavel:hover td{background:var(--row-hover)}
.tecnico{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:11px;color:var(--faint)}
.campo{display:grid;gap:6px;margin-bottom:14px}
.campo label{font-size:12px;color:var(--muted)}
.entrada,select.entrada,textarea.entrada{border:1px solid var(--line2);border-radius:8px;padding:9px 11px;background:var(--surface);min-height:38px;width:100%}
.entrada:focus{outline:none;border-color:var(--forest)}
.ferramentas-barra{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:16px}
.ferramentas-barra .entrada{width:auto;min-width:200px}

/* Começar */
.passos{display:grid;gap:2px}
.passo{display:flex;align-items:center;gap:14px;padding:16px 4px;border-bottom:1px solid var(--line)}
.passo:last-child{border-bottom:0}
.marca{width:26px;height:26px;border-radius:50%;border:1.5px solid var(--line2);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff}
.marca.feito{background:var(--forest);border-color:var(--forest)}
.marca.alerta{background:var(--amber);border-color:var(--amber)}
.marca .icon{width:14px;height:14px}
.passo .txt{flex:1}
.passo .txt small{display:block;color:var(--muted);font-size:12px;margin-top:3px}
.grade{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-grid)}
.numero{font-size:30px;letter-spacing:-1px;font-weight:500;margin-top:6px}

/* Aprovações */
.dividido{display:grid;grid-template-columns:minmax(260px,360px) 1fr;gap:22px;align-items:start}
.fila{display:grid;gap:8px}
.pedido{display:block;width:100%;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:13px 14px}
.pedido:hover{border-color:var(--line2)}
.pedido.sel{border-color:var(--forest);box-shadow:0 0 0 3px var(--green-bg)}
.pedido .t{display:flex;justify-content:space-between;gap:8px;align-items:center}
.pedido p{color:var(--muted);font-size:12.5px;margin:6px 0;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.detalhe{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--card-shadow);padding:24px}
.quem-pede{display:flex;gap:10px;align-items:center;color:var(--muted);font-size:12.5px}
.resumo{font-size:19px;line-height:1.45;letter-spacing:-.2px;border-left:3px solid var(--forest);padding:2px 0 2px 14px;margin:14px 0 20px}
.dados{display:grid;grid-template-columns:140px 1fr;border-top:1px solid var(--line)}
.dados dt,.dados dd{margin:0;padding:11px 0;border-bottom:1px solid var(--line)}
.dados dt{color:var(--muted);font-size:12.5px}
.dados dd{font-size:14px}
@media (max-width:560px){.dados{grid-template-columns:1fr}.dados dt{border-bottom:0;padding-bottom:2px}.dados dd{padding-top:0}}
.meta{display:flex;flex-wrap:wrap;gap:6px 16px;color:var(--muted);font-size:12px;margin:14px 0 18px}
.decisao{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.desfecho{display:flex;gap:12px;padding:14px;border-radius:10px;margin-top:4px;line-height:1.5;font-size:13.5px}
.desfecho.verde{background:var(--green-bg)}
.desfecho.vermelho{background:var(--red-bg)}
.desfecho.neutro{background:var(--subtle)}
details.dobra{border-top:1px solid var(--line);margin-top:20px}
details.dobra summary{padding:14px 0 6px;color:var(--muted);font-size:12.5px;cursor:pointer}
.resposta-agente{background:var(--subtle);border:1px solid var(--line);border-radius:8px;padding:12px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px;line-height:1.55;white-space:pre-wrap;margin-top:8px}

/* Autonomia */
.seg{display:inline-flex;border:1px solid var(--line2);border-radius:9px;padding:2px;background:var(--subtle);gap:2px;flex-wrap:wrap}
.seg button{border:0;background:none;padding:6px 10px;border-radius:7px;font-size:12px;color:var(--muted);white-space:nowrap}
.seg button:hover{color:var(--ink)}
.seg button.on{background:var(--surface);color:var(--ink);font-weight:500;box-shadow:0 1px 3px #20252b18}
.seg button.on.n1{color:var(--forest)}
.seg button.on.n3{color:var(--amber)}
.seg button.on.n4{color:var(--red)}
.chips{display:flex;gap:6px;flex-wrap:wrap}
.chip{border:1px solid var(--line2);background:var(--surface);border-radius:20px;padding:3px 10px;font-size:12px;color:var(--muted)}
.chip.on{background:var(--green-bg);border-color:#b9dbc9;color:var(--forest)}
.efeito{position:sticky;bottom:12px;margin-top:18px;background:var(--shade);color:#fff;border-radius:12px;padding:14px 16px;display:flex;gap:14px;align-items:center;box-shadow:0 10px 30px #20252b40}
.efeito ul{margin:0;padding-left:18px;flex:1;line-height:1.6;font-size:13px}
.efeito .btn{border-color:#ffffff40}
.efeito .btn.cl{background:transparent;color:#fff}
.condicao{font-size:12px;color:var(--amber);margin-top:6px}

/* Agentes, conexões, canais */
.agente{display:flex;gap:16px;align-items:flex-start}
.agente-icone{width:44px;height:44px;border-radius:12px;background:var(--green-bg);color:var(--forest);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.agente-icone.cinza{background:var(--chip);color:var(--muted)}
.agente .info{flex:1;min-width:0}
.agente .acoes{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.sistema{display:flex;align-items:center;gap:14px}
.logo{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:500;font-size:13px;color:#fff;flex-shrink:0}

/* Slack (prévia do conector) */
.slack{max-width:720px;border:1px solid #ddd;border-radius:12px;overflow:hidden;background:var(--surface);font-family:Lato,'Helvetica Neue',Arial,sans-serif}
.slack-topo{background:#3f0e40;color:#fff;padding:10px 16px;font-weight:700;display:flex;justify-content:space-between;align-items:center}
.slack-topo small{font-weight:400;opacity:.75}
.slack-msgs{padding:8px 0}
.msg{display:flex;gap:10px;padding:8px 16px}
.msg:hover{background:#f8f8f8}
.msg-av{width:36px;height:36px;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;flex-shrink:0}
.msg-nome{font-weight:700;font-size:14px}
.msg-nome .app{background:#e8e8e8;color:#555;font-size:10px;padding:1px 4px;border-radius:3px;margin-left:4px;font-weight:700}
.msg-nome time{font-weight:400;color:#888;font-size:12px;margin-left:6px}
.msg-txt{font-size:14.5px;line-height:1.46;margin-top:2px}
.msg blockquote{margin:6px 0;border-left:4px solid #ddd;padding-left:10px}
.sbtns{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}
.sbtn{border:1px solid #bbb;background:var(--surface);border-radius:4px;padding:5px 12px;font-weight:700;font-size:13px}
.sbtn.ok{background:#007a5a;border-color:#007a5a;color:#fff}
.sbtn.no{color:#e01e5a;border-color:#e8a1b5}
.efemera{background:#f4f4f4;border-radius:6px;padding:8px 10px;font-size:13px;margin-top:6px;color:#444}

/* Diálogos e avisos */
dialog{width:min(520px,calc(100vw - 32px));padding:0;border:1px solid var(--line);border-radius:14px;box-shadow:0 24px 90px #19232e2e}
dialog::backdrop{background:#20252b40;backdrop-filter:blur(3px)}
.d-cab{padding:20px 24px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:12px}
.d-corpo{padding:22px 24px;line-height:1.55}
.d-corpo>p{color:var(--muted);margin-bottom:14px}
.d-rod{padding:14px 24px 20px;display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.fechar{background:none;border:0;color:var(--muted);padding:4px}
#aviso{position:fixed;right:24px;bottom:24px;background:var(--shade);color:#fff;padding:11px 16px;border-radius:10px;font-size:13px;opacity:0;pointer-events:none;transition:opacity .2s;z-index:50;max-width:calc(100vw - 32px)}
#aviso.on{opacity:1}
#dialogo .d-erro{color:var(--red);font-size:13px;margin:12px 0 0}
@media (max-width:760px){#aviso{right:16px;left:16px;bottom:16px}}

/* Entrar */
.entrar{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}
.entrar .cartao{width:min(420px,100%);padding:32px}

@media (max-width:900px){
  .sidebar{position:static;width:auto;padding:14px 16px 0}
  .brand{margin:0 0 12px}
  .nav{display:flex;overflow-x:auto;gap:4px;padding-bottom:8px}
  .nav a{white-space:nowrap;min-height:36px}
  .nav-sep,.org{display:none}
  .sidebar-bottom{border:0;padding:4px 0}
  .menu-perfil{bottom:auto;top:56px}
  .corpo{margin-left:0;padding:0 16px 16px}
  .topo{padding:0 4px}
  main{padding:20px 16px}
  .dividido{grid-template-columns:1fr}
  .dados{grid-template-columns:110px 1fr}
}
.grade>.cartao+.cartao{margin-top:0}
.sbtn{text-decoration:none;color:inherit}

/* Trabalho e caso */
.pedir{display:flex;gap:10px;align-items:center;background:var(--surface);border:1px solid var(--line2);border-radius:14px;padding:10px 10px 10px 12px;box-shadow:var(--card-shadow);margin-bottom:16px}
.pedir textarea{border:0;resize:none;min-height:36px;padding:8px 4px}
.pedir textarea:focus{outline:none}
.casos{display:grid;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.caso-linha{display:flex;align-items:center;gap:14px;padding:16px 18px;border-bottom:1px solid var(--line);text-decoration:none;background:var(--surface)}
.caso-linha:last-child{border-bottom:0}
.caso-linha:hover{background:var(--row-hover)}
.caso-origem{width:34px;height:34px;border-radius:9px;background:var(--subtle);color:var(--muted);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.caso-txt{flex:1;min-width:0}
.caso-txt small{display:block;color:var(--muted);font-size:12px;margin-top:4px}
.caso-quando{width:84px;text-align:right}
.voltar{display:inline-block;color:var(--muted);font-size:12.5px;text-decoration:none;margin-bottom:18px}
.linha-tempo{display:grid;gap:14px;margin:18px 0 22px;position:relative}
.ev{display:flex;gap:12px;align-items:flex-start}
.ev time{margin-left:auto;color:var(--faint);font-size:11.5px;white-space:nowrap;padding-left:10px}
.ev-sis,.ev-passo{color:var(--muted);font-size:12.5px;align-items:center;padding-left:6px}
.ev-sis .icon{width:15px;height:15px}
.ev-passo{gap:10px}
.ev-passo strong{color:var(--ink);font-weight:500}
.ev-ponto{width:8px;height:8px;border-radius:50%;background:var(--line2);margin:0 4px 0 4px;flex-shrink:0}
.bolha{flex:1;min-width:0;background:var(--subtle);border:1px solid var(--line);border-radius:4px 12px 12px 12px;padding:12px 14px;line-height:1.55;font-size:14px}
.bolha-ag{background:var(--surface);border-color:var(--line)}
.bolha-aprov{background:var(--surface);border-color:#ead9b8;box-shadow:0 0 0 3px var(--amber-bg)}
.bolha-cab{display:flex;align-items:center;gap:8px;margin-bottom:4px;flex-wrap:wrap}
.bolha-cab time{margin-left:auto;color:var(--faint);font-size:11.5px}
.responder{display:flex;gap:10px;align-items:flex-end;background:var(--surface);padding:10px;border:1px solid var(--line2);border-radius:14px;box-shadow:0 8px 30px #20252b14}
.responder textarea{border:0;resize:none}
.responder textarea:focus{outline:none}
@media (max-width:900px){.caso-quando{display:none}.caso-linha{flex-wrap:wrap}}

/* Processos */
.dupla{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:var(--space-grid);align-items:start;margin-bottom:14px}
.dupla>div>.cartao+.cartao{margin-top:var(--space-section)}
@media (max-width:860px){.dupla{grid-template-columns:1fr}}
.etapas{display:grid;gap:16px;margin-top:14px;position:relative}
.etapas::before{content:"";position:absolute;left:5px;top:8px;bottom:8px;width:1.5px;background:var(--line2)}
.etapa{display:flex;gap:14px;align-items:flex-start;position:relative;line-height:1.5}
.etapa .badge{margin-right:4px}
.etapa-ponto{width:12px;height:12px;border-radius:50%;flex-shrink:0;margin-top:5px;border:2px solid var(--surface);box-shadow:0 0 0 1.5px var(--line2);background:var(--surface)}
.etapa-ponto.verde{background:var(--forest)}.etapa-ponto.ambar{background:var(--amber)}.etapa-ponto.azul{background:var(--blue)}.etapa-ponto.neutro{background:var(--faint)}
.etapa-det{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.chip-info{font-size:12px;color:var(--muted);background:var(--subtle);border:1px solid var(--line);border-radius:6px;padding:3px 8px}
.regra-in{display:flex;align-items:center;gap:8px;color:var(--muted)}
.regra-in .entrada{width:110px}
.mini{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:6px}
.mini small{display:block;color:var(--muted);font-size:12px}
.mini .numero{font-size:24px}
.hist{display:grid;grid-template-columns:90px 1fr;gap:12px;padding:8px 0;border-top:1px solid var(--line);font-size:13px}
.hist:first-of-type{border-top:0}
/* Painel */
.grade.quatro{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:1000px){.grade.quatro{grid-template-columns:repeat(2,minmax(0,1fr))}}
.cartao+.tabela{margin-top:14px}
.client-connectors{max-width:980px}
.connector-agents{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 20px}
.connector-agent{display:inline-flex;align-items:center;gap:9px;min-width:0;max-width:100%;padding:6px 13px 6px 7px;border:1px solid var(--line2);border-radius:999px;background:var(--surface);color:var(--ink);box-shadow:0 1px 3px #20252b08}
.connector-agent.ativo{border-color:var(--ink);background:var(--chip)}
.connector-agent span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.connector-list{display:grid;gap:10px}
.connector-card{display:flex;align-items:center;gap:15px;min-width:0;padding:15px 18px;border-radius:14px}
.connector-card+.connector-card{margin-top:0}
.connector-logo{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;border:1px solid var(--line);border-radius:13px;background:var(--surface);color:var(--muted)}
.connector-logo img{width:28px;height:28px;object-fit:contain}
.connector-logo .icon{width:24px;height:24px}
.connector-info{flex:1;min-width:0}
.connector-info h2{font-size:15px}
.connector-info>p{margin-top:3px;color:var(--muted);font-size:12px;line-height:1.45}
.connector-scopes{margin-top:6px;color:var(--muted);font-size:11px}
.connector-scopes summary{cursor:pointer}
.connector-scopes p{margin-top:4px;overflow-wrap:anywhere}
.connector-side{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:7px;max-width:45%;text-align:right}
.connector-side small{color:var(--muted);font-size:11px}
.connector-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}
.secao-titulo{margin:24px 0 12px;font-size:13px;font-weight:400;color:var(--label);letter-spacing:.14em;text-transform:uppercase}
.connector-catalog{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}
.connector-catalog>.connector-tile{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:16px;border-radius:14px;margin:0}
.connector-tile .connector-info h3{font-size:14px}
.connector-tile .connector-info>p{margin-top:3px;color:var(--muted);font-size:12px;line-height:1.45}
.connector-tile.indisponivel .connector-logo{opacity:.55}
.connector-tile>.btn,.connector-tile>.badge{margin-top:auto}
.connector-empty{padding:24px}
.connector-empty p+p{margin-top:5px}
@media (max-width:620px){.connector-card{align-items:flex-start;flex-wrap:wrap}.connector-info{flex:1 1 calc(100% - 65px)}.connector-side{width:100%;max-width:none;justify-content:flex-start;text-align:left;padding-left:61px}.connector-actions{justify-content:flex-start}.connector-agent{max-width:calc(50% - 4px)}}
.cartao h2+.trava{margin-top:6px}
.barra{display:flex;height:12px;border-radius:6px;overflow:hidden;background:var(--chip);margin:14px 0 10px}
.barra.fina{height:6px;margin:4px 0;max-width:160px}
.b-verde{background:var(--forest)}.b-ambar{background:var(--amber)}.b-vermelho{background:var(--red)}
.legenda{display:flex;flex-wrap:wrap;gap:16px;font-size:12.5px;color:var(--muted)}
.legenda i{display:inline-block;width:9px;height:9px;border-radius:2px;margin-right:6px}
.trava{display:flex;gap:10px;align-items:center;padding:10px 0;border-top:1px solid var(--line);color:var(--ink);text-decoration:none;font-size:13.5px}
.trava:first-of-type{border-top:0}
.trava>.icon:first-child{color:var(--amber)}
.trava span{flex:1}
.trava>.icon:last-child{color:var(--faint)}
.trava:hover span{text-decoration:underline}

/* Correções do QA */
.bolha-aprov.decidida{border-color:var(--line)!important;box-shadow:none}
.legenda-niveis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}
.legenda-niveis>div{display:grid;gap:6px;justify-items:start;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:10px 12px}
.legenda-niveis small{color:var(--muted);font-size:12px;line-height:1.4}
@media (max-width:900px){.legenda-niveis{grid-template-columns:repeat(2,minmax(0,1fr))}}
.chip .icon{width:12px;height:12px;margin-right:3px;vertical-align:-1px}
.interruptor{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--ink);cursor:pointer}
.interruptor input{width:16px;height:16px;accent-color:var(--forest)}
.entrada.peq{padding:6px 8px;font-size:13px;width:auto;min-width:140px}
.nav{scrollbar-width:none}.nav::-webkit-scrollbar{display:none}
.meta a{color:var(--forest);font-weight:500}

/* Paletas claro/escuro definidas em identity.css. */
.tema{display:flex;gap:4px;padding:4px 8px 8px}
.tema button{flex:1;justify-content:center;border:1px solid var(--line2)!important;font-size:12px!important;padding:5px!important}
.tema button.on{background:var(--green-bg)!important;color:var(--forest);border-color:var(--forest)!important}