/* Painel da Gioi: linguagem "Cabine" (gioicafe/docs/design/LINGUAGEM.md). Ponto de partida: CSS do protótipo (gerar.py). */
@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:400;font-display:swap;src:url(/estatico/fontes/source-sans-3-400.woff2) format("woff2")}
@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:600;font-display:swap;src:url(/estatico/fontes/source-sans-3-600.woff2) format("woff2")}
:root{--fundo:#f7f6f3;--superficie:#fff;--superficie-2:#faf9f6;--linha:#e8e4dd;--linha-forte:#d5cfc5;--tinta:#1f1d1a;--tinta-2:#57524a;--tinta-3:#7a7368;
--fantasma:#c3bcb0;--marca:#272a63;--marca-suave:#f1f0fa;--azul:#167ca8;--olho:#9a6200;--olho-fundo:#fdf4e2;--olho-borda:#efd9a9;
--agir:#b42318;--agir-fundo:#fdeceb;--agir-borda:#f3c6c2;--ok:#2d7a4a;--ok-fundo:#e9f4ee;
--meta:#0866ff;--g-azul:#4285f4;--g-verm:#ea4335;--g-amar:#fbbc05;--g-verde:#34a853;
--flutua:0 1px 2px rgba(31,29,26,.06),0 12px 32px rgba(31,29,26,.14);color-scheme:light}
*{box-sizing:border-box}html,body{margin:0}[hidden]{display:none!important}
body{font:400 13px/18px "Source Sans 3","Source Sans Pro",-apple-system,"Segoe UI",system-ui,sans-serif;color:var(--tinta);background:var(--superficie);
font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;display:grid;grid-template-columns:184px 1fr;min-height:100vh}
a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}
h1,h2,h3,p{margin:0}h2,h3{font-size:13px;line-height:18px;font-weight:600}
kbd{font:600 12px/16px inherit;font-family:inherit;min-width:18px;height:18px;padding:0 4px;display:inline-grid;place-items:center;border:1px solid var(--linha-forte);border-bottom-width:2px;border-radius:4px;color:var(--tinta-2);background:var(--superficie)}
.ic{flex:none}
/* casca: menu lateral em grupos (LINGUAGEM 3.1, molde do Everpages) */
body{grid-template-columns:200px 1fr}
.casca{background:var(--fundo);border-right:1px solid var(--linha);padding:8px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;min-width:0;z-index:6}
.casca-topo{display:flex;align-items:center;gap:4px;height:32px}
.marca{display:flex;align-items:center;gap:8px;padding:0 8px;color:var(--tinta-3);font-size:12px;flex:1;min-width:0;height:28px}
.marca img.logo-inteiro{height:20px;width:auto}
.b-ic{display:inline-grid;place-items:center;width:28px;height:28px;flex:none;border:0;border-radius:6px;background:none;color:var(--tinta-3);cursor:pointer;padding:0}
.b-ic:hover{background:#efede8;color:var(--tinta)}
.casca .i-abrir{display:none}
.casca>.coleta{font-size:12px;line-height:16px;color:var(--tinta-3);padding:0 8px 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.coleta.t-olho{color:var(--olho)}.coleta.t-agir{color:var(--agir)}
.casca-meio{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;margin:0 -8px;padding:0 8px}
.casca ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.grupo{display:grid}
.grupo-cab{display:flex;align-items:center;gap:4px;height:24px;margin-top:8px;padding:0 8px;border:0;border-radius:6px;background:none;color:var(--tinta-3);font-size:12px;line-height:16px;cursor:pointer;text-align:left;width:100%}
.grupo-cab:hover{color:var(--tinta)}
.grupo-cab .seta-g{width:12px;height:12px;transition:transform .16s ease-out}
.grupo-cab[aria-expanded="true"] .seta-g{transform:rotate(90deg)}
.grupo.fechado ul{display:none}
.bolinha{width:6px;height:6px;border-radius:50%;flex:none;display:inline-block}
.grupo-cab .bolinha{margin-left:auto}
.p-agir{background:var(--agir)}.p-olho{background:var(--olho)}
.grupo:not(.fechado) .grupo-cab .bolinha{display:none}
.casca li a{display:flex;align-items:center;gap:8px;height:28px;padding:0 8px;border-radius:6px;color:var(--tinta-2);min-width:0}
.casca li a .ic{color:var(--tinta-3)}
.casca li a .rot{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.casca li a:hover{background:#efede8;color:var(--tinta)}
.casca li a.ativo{background:var(--marca-suave);color:var(--marca);font-weight:600}
.casca li a.ativo .ic{color:var(--marca)}
.ic-logo{display:inline-grid;place-items:center;width:16px;height:16px;flex:none}
.ic-logo svg{max-width:16px}
.trilho{display:none}
.cont{margin-left:auto;font-size:12px;font-weight:600;flex:none}.c-agir{color:var(--agir)}.c-olho{color:var(--olho)}.c-neutro{color:var(--tinta-3);font-weight:400}
.rodape{display:grid;gap:2px;padding-top:8px;border-top:1px solid var(--linha);margin-top:8px}
.lnk{background:none;border:0;padding:0 8px;height:28px;display:flex;align-items:center;gap:8px;color:var(--tinta-2);font-size:13px;cursor:pointer;width:100%;border-radius:6px;text-align:left}
.lnk:hover{background:#efede8;color:var(--tinta)}
.lnk .ic{color:var(--tinta-3)}
.lnk .rot{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lnk kbd{margin-left:auto}
.ic-tecla{display:inline-grid;place-items:center;width:16px;height:16px;flex:none;border:1.3px solid currentColor;border-radius:50%;font-size:10px;line-height:1;font-weight:600}
.lnk-dupla{display:flex;align-items:center;gap:2px}.lnk-dupla .lnk{flex:1}
.pessoa{display:flex;align-items:center;gap:8px;height:36px;padding:0 0 0 8px;margin-top:4px}
.avatar{width:20px;height:20px;border-radius:50%;background:var(--marca);color:#fff;display:inline-grid;place-items:center;font-size:12px;font-weight:600;flex:none;letter-spacing:-.02em}
.pessoa .nome{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--tinta)}
/* recolhido (⌘B): a barra de ícones, um por grupo; o clique abre o menuzinho com os itens ao lado */
body.menu-recolhido{grid-template-columns:48px 1fr}
.menu-recolhido .casca{padding:8px 4px;align-items:center}
.menu-recolhido .casca-topo{flex-direction:column;height:auto;gap:4px}
.menu-recolhido .marca span,.menu-recolhido .casca>.coleta,.menu-recolhido .grupo-cab,.menu-recolhido .grupo ul,
.menu-recolhido .casca .rot,.menu-recolhido .lnk kbd,.menu-recolhido .lnk-dupla .b-ic,.menu-recolhido .pessoa .b-ic,
.menu-recolhido .marca .logo-inteiro{display:none}
.marca .marca-ic{display:none}
.menu-recolhido .marca{padding:0;justify-content:center;flex:none;width:32px}
.menu-recolhido .marca .marca-ic{display:block;width:20px;height:20px}
.menu-recolhido .casca .i-recolher{display:none}.menu-recolhido .casca .i-abrir{display:block}
.menu-recolhido .casca-meio{align-items:center;gap:4px;padding-top:8px;margin:0;padding-left:0;padding-right:0}
.menu-recolhido .trilho{display:grid;place-items:center;position:relative;width:32px;height:32px;border:0;border-radius:6px;background:none;color:var(--tinta-3);cursor:pointer;padding:0}
.menu-recolhido .trilho:hover,.menu-recolhido .trilho.aberto{background:#efede8;color:var(--tinta)}
.menu-recolhido .grupo.atual .trilho,.menu-recolhido .trilho.ativo{background:var(--marca-suave);color:var(--marca)}
.menu-recolhido .trilho .bolinha{position:absolute;top:4px;right:4px}
.menu-recolhido .rodape{border-top:0;justify-items:center}
.menu-recolhido .lnk{width:32px;height:32px;padding:0;justify-content:center}
.menu-recolhido .pessoa{padding:0;justify-content:center;cursor:pointer}
.menu-trilho{position:fixed;min-width:200px}
.menu-trilho .titulo{font-size:12px;color:var(--tinta-3);padding:4px 8px}
.menu-trilho a{display:flex;align-items:center;gap:8px;height:28px;padding:0 8px;border-radius:4px;color:var(--tinta-2)}
.menu-trilho a:hover{background:var(--superficie-2);color:var(--tinta)}
.menu-trilho a.ativo{background:var(--marca-suave);color:var(--marca);font-weight:600}
.menu-trilho a .rot{flex:1}
/* topo */
main{min-width:0}
.topo{height:48px;display:flex;align-items:center;gap:12px;padding:0 24px;border-bottom:1px solid var(--linha);position:sticky;top:0;background:rgba(255,255,255,.96);z-index:5}
.topo h1{font-size:13px;font-weight:600;white-space:nowrap}.topo h1 .migalha{font-weight:400;color:var(--tinta-3)}.estado{font-size:12px;color:var(--tinta-2);white-space:nowrap}.estado b{font-weight:600}.ctx{font-size:12px;color:var(--tinta-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.esp{flex:1}
.ctx select{border:0;background:none;color:var(--tinta-3);font-size:12px;padding:0;cursor:pointer}
.campo-busca{display:flex;align-items:center;gap:8px;height:28px;width:280px;flex:none;padding:0 4px 0 8px;border:1px solid var(--linha-forte);border-radius:6px;background:var(--superficie-2);color:var(--tinta-3);cursor:text;font-size:12px}
.campo-busca span{flex:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.b{height:28px;padding:0 12px;border-radius:6px;border:1px solid var(--linha-forte);background:var(--superficie);font-weight:600;display:inline-flex;align-items:center;gap:8px;cursor:pointer;white-space:nowrap}
.b:hover{background:var(--superficie-2)}.b.pri{background:var(--marca);border-color:var(--marca);color:#fff}.b.pri:hover{background:#1e2150}
.b.so{border-color:transparent;background:none;color:var(--tinta-2);padding:0 8px}.b.so:hover{background:var(--superficie-2);color:var(--tinta)}
.b.ic-so{width:28px;padding:0;justify-content:center}
.b.copiado{color:var(--ok)}
:focus-visible{outline:2px solid var(--marca);outline-offset:2px}
/* conteúdo */
.conteudo{padding:24px;max-width:1328px;display:grid;gap:24px}
.conteudo.estreito{max-width:1100px}
.manchete h2{font-size:20px;line-height:24px;font-weight:600;max-width:900px;letter-spacing:-.005em}
.manchete p{margin-top:4px;color:var(--tinta-2);max-width:900px}
.bloco{display:grid;gap:8px;align-content:start;min-width:0}
.bloco-cab{display:flex;align-items:baseline;gap:8px;min-height:24px}
.bloco-cab .sub{font-size:12px;color:var(--tinta-3)}.bloco-cab .esp{flex:1}.bloco-cab a.mais,.bloco-cab .mais{font-size:12px;color:var(--azul)}
.duas{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:24px;align-items:start}
.coluna{display:grid;gap:24px;align-content:start;min-width:0}
.meia{max-width:820px}.meia-2{max-width:640px}
/* instrumentos */
.instr{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--linha);border-radius:6px}
.instr>a,.instr>div{padding:12px 16px;display:grid;gap:4px;align-content:start;border-left:1px solid var(--linha);min-width:0}.instr>:first-child{border-left:0}
.instr>a:hover{background:var(--superficie-2)}
.instr .rot{font-size:12px;color:var(--tinta-2)}
.instr .val{display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px;white-space:nowrap;font-size:20px;line-height:24px;font-weight:600}
.instr .val small{font-size:13px;font-weight:400;color:var(--tinta-3)}
.instr .cmp{font-size:12px;color:var(--tinta-3)}.instr .cmp b{font-weight:600;color:var(--tinta-2)}
.t-agir{color:var(--agir)}.t-olho{color:var(--olho)}
svg.regua{display:block;margin:2px 0;overflow:visible}
/* selo */
.selo{display:inline-flex;align-items:center;gap:4px;height:20px;padding:0 8px;border-radius:4px;font-size:12px;font-weight:600;border:1px solid var(--linha);color:var(--tinta-3);white-space:nowrap;background:var(--superficie)}
.selo i{width:6px;height:6px;border-radius:50%;background:currentColor}
.s-agir{color:var(--agir);background:var(--agir-fundo);border-color:var(--agir-borda)}
.s-olho{color:var(--olho);background:var(--olho-fundo);border-color:var(--olho-borda)}
.s-normal{color:var(--tinta);background:var(--superficie-2);border-color:var(--linha-forte)}
.s-ok{color:var(--ok);background:var(--ok-fundo);border-color:#bfdfcb}
.s-neutro i{background:var(--fantasma)}
/* decisões */
.lista{border-top:1px solid var(--linha);list-style:none;margin:0;padding:0}
.dec{padding:12px 0;border-bottom:1px solid var(--linha);display:grid;gap:4px}
.dec .l1{display:flex;align-items:center;gap:8px}.dec .l1 h3{flex:1;min-width:0}
.dec .din{font-weight:600;white-space:nowrap}
.dec .fato{font-size:12px;color:var(--tinta-2)}
.dec .acoes{display:flex;gap:4px;margin-top:4px;flex-wrap:wrap;position:relative}
.dec.feito{padding:8px 0}.dec.feito .l1 h3{font-weight:400;color:var(--tinta-3)}
.dec textarea,.campo-texto{width:100%;min-height:56px;border:1px solid var(--linha-forte);border-radius:6px;padding:8px;font:inherit;resize:vertical;background:var(--superficie)}
.dec.foco,[data-linha].foco{background:var(--marca-suave)}
.menu-mais{position:absolute;z-index:15;background:var(--superficie);border:1px solid var(--linha);border-radius:6px;box-shadow:var(--flutua);padding:4px;display:grid;min-width:180px}
.menu-mais button{height:28px;border:0;background:none;text-align:left;padding:0 8px;border-radius:4px;cursor:pointer}
.menu-mais button:hover{background:var(--superficie-2)}.menu-mais hr{border:0;border-top:1px solid var(--linha);margin:4px 0;width:100%}
.menu-mais .perigo{color:var(--agir)}
/* tabela */
table{width:100%;border-collapse:collapse}
th{font-size:12px;font-weight:400;color:var(--tinta-2);text-align:left;background:var(--superficie-2);height:32px;padding:0 8px;border-top:1px solid var(--linha);border-bottom:1px solid var(--linha);white-space:nowrap}
td{height:36px;padding:0 8px;border-bottom:1px solid var(--linha);vertical-align:middle}
.num{text-align:right;white-space:nowrap}
tbody tr{cursor:pointer}tbody tr:hover{background:var(--superficie-2)}
table.parado tbody tr{cursor:default}
td .meta{display:block;font-size:12px;color:var(--tinta-3);line-height:16px}
td.n2{height:48px}
.mini{display:block}
.fixa{table-layout:fixed}.nw{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
svg .eixo{font-size:12px;fill:var(--tinta-3)}svg .nota{font-size:12px;fill:var(--tinta-2)}svg .rot{font-size:12px;fill:var(--tinta-2)}svg .rot.forte{fill:var(--marca);font-weight:600}
svg.corrida{display:block;max-width:100%}
.cinza{color:var(--tinta-3)}.fraco{color:var(--tinta-2)}
.resumo-linha{font-size:12px;color:var(--tinta-2)}
/* pedidos e agenda */
.borda-cima{border-top:1px solid var(--linha)}
.ped{display:grid;grid-template-columns:52px 1fr auto;gap:8px;align-items:center;min-height:36px;border-bottom:1px solid var(--linha);font-size:13px}
.ped .q{font-size:12px;color:var(--tinta-3)}.ped .o{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ped .v{text-align:right}.ped .v small{display:block;font-size:12px;color:var(--tinta-3);line-height:14px}
.agenda{list-style:none}
.agenda li{display:flex;gap:8px;align-items:baseline;min-height:36px;padding:8px 0;border-bottom:1px solid var(--linha)}
.agenda li>a{display:contents}
.agenda li .q{width:52px;flex:none;font-size:12px;color:var(--tinta-3)}.agenda li .q.larga{width:84px}.agenda li .q.auto{width:auto}.agenda li span.t{flex:1;min-width:0}
.agenda li label{display:flex;gap:8px;align-items:center;flex:1;cursor:pointer}
.agenda li.feita .t,.agenda li.feita label{color:var(--tinta-3)}
.agenda li .acao-l{flex:none}
/* gaveta */
.veu{position:fixed;inset:0;background:rgba(31,29,26,.12);z-index:20}
.gaveta{position:fixed;top:0;right:0;bottom:0;width:480px;max-width:100%;background:var(--superficie);box-shadow:var(--flutua);display:flex;flex-direction:column;z-index:21}
.gaveta header{height:48px;display:flex;align-items:center;gap:8px;padding:0 16px;border-bottom:1px solid var(--linha);flex:none}.gaveta header h2{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gaveta .corpo{padding:16px;overflow:auto;display:grid;gap:12px;align-content:start;flex:1}
.gaveta footer{padding:12px 16px;border-top:1px solid var(--linha);display:flex;gap:8px;flex-wrap:wrap;flex:none}
.zap{background:#efeae2;border-radius:6px;padding:16px;display:grid}
.zap .balao{justify-self:end;max-width:92%;background:#d9fdd3;border-radius:8px;padding:8px 12px;font-size:13px;line-height:18px;white-space:pre-wrap;box-shadow:0 1px 1px rgba(0,0,0,.08);outline:0}
.zap .balao small{display:block;text-align:right;font-size:12px;color:#667781;margin-top:4px}
.ajuda{font-size:12px;color:var(--tinta-3)}
.det dl{display:grid;grid-template-columns:auto 1fr;gap:4px 16px;margin:0}.det dt{color:var(--tinta-3);font-size:12px}.det dd{margin:0;text-align:right;min-width:0;overflow-wrap:anywhere}
.det img,.det video{width:100%;border-radius:6px;border:1px solid var(--linha);display:block}
.det .texto-ad{white-space:pre-wrap;color:var(--tinta-2);font-size:12px}
.form{display:grid;gap:4px}.form label{font-size:12px;color:var(--tinta-3);margin-top:4px}
.campo{height:28px;border:1px solid var(--linha-forte);border-radius:6px;padding:0 8px;font:inherit;background:var(--superficie);min-width:0}
.campo-linha{display:flex;gap:8px;align-items:center}
/* busca */
.paleta{position:fixed;top:96px;left:50%;transform:translateX(-50%);width:560px;max-width:calc(100% - 32px);background:var(--superficie);border-radius:8px;box-shadow:var(--flutua);border:1px solid var(--linha);overflow:hidden;z-index:30}
.paleta-campo{display:flex;align-items:center;gap:8px;height:48px;padding:0 16px;border-bottom:1px solid var(--linha);color:var(--tinta-3)}
.paleta-campo input{flex:1;border:0;outline:0;font:inherit;font-size:13px;color:var(--tinta);background:none}
.res{list-style:none;margin:0;padding:4px;max-height:360px;overflow:auto}
.res a{display:flex;align-items:center;gap:8px;height:32px;padding:0 8px;border-radius:6px}.res a:hover,.res li.sel a{background:var(--marca-suave)}
.res .g{width:76px;flex:none;font-size:12px;color:var(--tinta-3)}.res .t{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.res .vazio-res{padding:8px;font-size:12px;color:var(--tinta-3)}
.paleta-pe{display:flex;gap:4px;align-items:center;padding:8px 16px;border-top:1px solid var(--linha);font-size:12px;color:var(--tinta-3)}
.atalhos{padding:16px}.atalhos dl{display:grid;grid-template-columns:auto 1fr;gap:8px 16px;margin:12px 0 0;align-items:center}.atalhos dd{margin:0;color:var(--tinta-2)}
.aviso{position:fixed;left:216px;bottom:16px;background:var(--tinta);color:#fff;border-radius:6px;padding:8px 12px;font-size:13px;opacity:0;transition:opacity .16s;pointer-events:none;z-index:40}
.aviso.on{opacity:1}
/* vazio */
.vazio{border:1px dashed var(--linha-forte);border-radius:6px;padding:16px;display:grid;gap:4px;justify-items:start}
.vazio p{font-size:12px;color:var(--tinta-3)}.vazio .b{margin-top:8px}
/* abas */
.ferr{display:flex;align-items:center;gap:4px;border-bottom:1px solid var(--linha)}
.aba{height:32px;border:0;background:none;padding:0 8px;color:var(--tinta-2);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap}
.aba span{color:var(--tinta-3);font-size:12px}.aba.on{color:var(--tinta);font-weight:600;border-bottom-color:var(--marca)}
.ferr select{height:28px;border:1px solid var(--linha-forte);border-radius:6px;background:var(--superficie);font:inherit;padding:0 8px;color:var(--tinta-2)}
/* criativos (folha de contato) */
.folha{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:24px 16px}
.cri{display:grid;gap:4px;font-size:12px;line-height:16px;min-width:0;cursor:pointer}
.cri .foto{position:relative;aspect-ratio:1;border-radius:6px;overflow:hidden;border:1px solid var(--linha);background:var(--superficie-2);display:block}
.cri img{width:100%;height:100%;object-fit:cover;display:block}
.cri:hover .foto{border-color:var(--linha-forte)}.cri:hover .l4{color:var(--tinta-2)}
.cri .sobre{position:absolute;left:4px;top:4px}
.cri svg.barra{display:block;margin-top:4px}
.cri .l2{font-size:13px;line-height:18px;font-weight:600;white-space:nowrap}.cri .l3{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--tinta-2)}.cri .l4{color:var(--tinta-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cri.off{display:none}.cri.esmaecido .foto{opacity:.55}
.cri .sem-foto{display:grid;place-items:center;width:100%;height:100%;color:var(--tinta-3)}
/* produtos e recompra */
.prod{display:flex;align-items:center;gap:8px;min-width:0}.prod img,.prod .ph{width:24px;height:24px;border-radius:4px;border:1px solid var(--linha);object-fit:cover;flex:none;background:var(--superficie-2)}.pt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
tbody tr.on{background:var(--marca-suave)}.lado{position:sticky;top:72px;display:grid;gap:12px}
details.rec{border-top:1px solid var(--linha)}details.rec summary{height:36px;display:flex;align-items:center;gap:8px;cursor:pointer;list-style:none}
details.rec summary::-webkit-details-marker{display:none}
details.rec summary::before{content:"›";color:var(--tinta-3);width:12px}details.rec[open] summary::before{transform:rotate(90deg)}
details.rec summary .sub{font-size:12px;color:var(--tinta-3)}
details.rec>div{padding:0 0 12px}
/* mídia: árvore */
tr.filho td:first-child{padding-left:28px}tr.neto td:first-child{padding-left:48px}
tr.filho,tr.neto{background:var(--superficie-2)}
.seta{display:inline-grid;place-items:center;width:20px;height:20px;border:0;background:none;padding:0;color:var(--tinta-3);cursor:pointer;vertical-align:middle;margin-left:-4px;transition:transform .16s ease-out}
.seta.aberta{transform:rotate(90deg)}.seta-vazia{display:inline-block;width:16px}
/* chaveiro */
.usr,.sen{display:inline-flex;align-items:center;gap:4px;max-width:100%;min-width:0}.usr>span{overflow:hidden;text-overflow:ellipsis}
.pw{letter-spacing:1px;color:var(--tinta-2);min-width:88px;overflow:hidden;text-overflow:ellipsis}
.chave td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chave td b{font-weight:600}
.chave .acoes-l{display:inline-flex;justify-content:flex-end;gap:0;position:relative}
.pw.revelada{letter-spacing:0;color:var(--tinta);user-select:all}
/* instagram */
.cri .l3 b{font-weight:600;color:var(--tinta)}
/* entrar */
body.entrar{display:grid;place-items:center;grid-template-columns:1fr;background:var(--fundo)}
body.entrar form{display:grid;gap:8px;width:320px;background:var(--superficie);border:1px solid var(--linha);border-radius:6px;padding:24px}
body.entrar img{height:20px;width:auto;justify-self:start}body.entrar h1{font-size:20px;line-height:24px;font-weight:600;margin:8px 0}
body.entrar label{font-size:12px;color:var(--tinta-2);display:grid;gap:4px}body.entrar .campo{width:100%}
body.entrar .erro{color:var(--agir);font-size:12px}body.entrar .b{justify-content:center;margin-top:8px}
/* toque */
@media (pointer:coarse){.alvo,.b,.aba,.seta,.lnk,tbody tr,.casca li a,.agenda li label{position:relative}.alvo::after,.b::after,.aba::after,.seta::after,.lnk::after,.casca li a::after{content:"";position:absolute;inset:-8px -4px}
.casca li a::after,.lnk::after,.grupo-cab::after{inset:-2px 0}}
@media (max-width:1279px){body{grid-template-columns:184px 1fr}.campo-busca{width:160px}.aviso{left:200px}}
@media (max-width:1199px){.duas{grid-template-columns:1fr}.conteudo{padding:16px}.topo{padding:0 16px}
.recompra .lado{position:fixed;top:0;right:0;bottom:0;width:480px;max-width:100%;background:var(--superficie);box-shadow:var(--flutua);z-index:21;padding:16px;align-content:start}
.recompra .lado:not(.aberta){display:none}}
@media (min-width:1200px){.recompra .lado .fechar-lado{display:none}}
@media (max-width:899px){body,body.menu-recolhido{grid-template-columns:1fr}.casca,.menu-recolhido .casca{position:static;height:auto;flex-direction:row;align-items:center;overflow:auto;padding:8px}
.casca-topo .b-ic,.casca>.coleta,.grupo-cab,.trilho,.menu-recolhido .trilho{display:none}.casca-meio,.menu-recolhido .casca-meio{flex-direction:row;overflow:visible;margin:0;padding:0;gap:2px}
.grupo.fechado ul,.menu-recolhido .grupo ul{display:flex}.casca ul{display:flex}.menu-recolhido .rot{display:inline}.casca li a .rot{overflow:visible}.rodape{display:none}.instr{grid-template-columns:1fr}.instr>a,.instr>div{border-left:0;border-top:1px solid var(--linha)}.instr>:first-child{border-top:0}.aviso{left:16px}}
@media (max-width:600px){.campo-busca{width:28px;padding:0;justify-content:center}.campo-busca span,.campo-busca kbd{display:none}input.campo,textarea,.campo-texto{font-size:16px}.esconde-celular{display:none}}
.mini-barra{width:96px}.mini-barra svg{display:block}
col.c28{width:28%}col.c96{width:96px}col.c88{width:88px}col.c132{width:132px}col.c30{width:30%}col.c24{width:24%}col.c196{width:196px}
.chave td .meta{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.b.lado-b{font-weight:400;font-size:12px;color:var(--tinta-3);height:24px}
.zap .balao [contenteditable]{display:block;outline:0}
/* identidade das plataformas (LINGUAGEM 3.16): só identifica, nunca é estado */
.plat{display:inline-flex;align-items:center;gap:4px;font-size:12px;line-height:16px;font-weight:600;color:var(--tinta-2);white-space:nowrap;vertical-align:middle}
.plat svg.logo{display:block;flex:none}
th .plat{font-weight:400}
td .meta .plat{margin-right:4px;vertical-align:-3px}
.dec .l1 .plat{flex:none}
.res .plat{flex:none}
.det dd .plat{vertical-align:-3px}
.plats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.plat-bloco{position:relative;border:1px solid var(--linha);border-radius:6px;padding:12px 16px 12px 24px;display:grid;gap:12px;align-content:start;min-width:0}
.plat-bloco::before,.plat-area::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--meta)}
.plat-bloco::before{border-radius:6px 0 0 6px}
/* Google: faixa em segmentos curtos das 4 cores (nunca um bloco grande de vermelho ou amarelo, que leria como estado) */
.p-google::before{background:repeating-linear-gradient(to bottom,var(--g-azul) 0 8px,var(--g-verm) 8px 16px,var(--g-amar) 16px 24px,var(--g-verde) 24px 32px)}
.plat-cab,.plat-sec{display:flex;align-items:center;gap:8px;min-height:24px;flex-wrap:wrap}
.plat-cab .sub,.plat-sec .sub{font-size:12px;color:var(--tinta-3)}.plat-cab .sub b{font-weight:600}
.plat-cab .esp,.plat-sec .esp{flex:1}.plat-cab .mais,.plat-sec .mais{font-size:12px;color:var(--azul);display:inline-flex;align-items:center;gap:4px}
.p-meta .plat-cab h2,.p-meta .plat-sec h2{color:var(--meta)}
.plat-num{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--linha)}
.plat-num>div{display:grid;gap:2px;padding:8px 12px 8px 0;border-bottom:1px solid var(--linha);min-width:0}
.plat-num>div:nth-child(3n+2),.plat-num>div:nth-child(3n){padding-left:12px;border-left:1px solid var(--linha)}
.plat-num .rot{font-size:12px;color:var(--tinta-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.plat-num .val{font-size:20px;line-height:24px;font-weight:600;white-space:nowrap}
.plat-num .cmp{font-size:12px;color:var(--tinta-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.plat-pe{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--tinta-3)}
.abas-plat .aba{display:inline-flex;align-items:center;gap:8px;position:relative;font-size:13px}
.abas-plat .aba kbd{height:16px;min-width:16px;line-height:12px;font-size:12px;font-weight:400}
.abas-plat .aba.on{border-bottom-color:var(--marca)}
.abas-plat .aba-meta.on{border-bottom-color:var(--meta);color:var(--meta)}
.abas-plat .aba-google.on{border-bottom-color:transparent}
.abas-plat .aba-google.on::before{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:repeating-linear-gradient(to right,var(--g-azul) 0 8px,var(--g-verm) 8px 16px,var(--g-amar) 16px 24px,var(--g-verde) 24px 32px)}
.plat-area{position:relative;padding:4px 0 0 16px;display:grid;gap:8px;min-width:0}
.plat-area.p-juntos{padding-left:0}.plat-area.p-juntos::before{display:none}
.plat-area .plat-sec+table,.plat-area table+.plat-sec{margin-top:0}
.plat-area .resumo-linha+.plat-sec{margin-top:16px}
table.meia{max-width:820px}
@media (max-width:1199px){.plats{grid-template-columns:1fr}}
@media (max-width:600px){.plat-num{grid-template-columns:repeat(2,minmax(0,1fr))}.plat-num>div{padding-left:0!important;border-left:0!important}}

/* tabelas de campanha (LINGUAGEM "Tabelas de campanha"): colunas fixas, número à direita, barras por dia e faixa do retorno */
table.fixa{table-layout:fixed}
col.c-dias{width:112px}col.c-gasto{width:88px}col.c-vendas{width:64px}col.c-ret{width:136px}col.c-fora{width:96px}col.c-selo{width:104px}
col.c-grupo{width:136px}col.c-n{width:88px}col.c-n2{width:128px}col.c-data{width:120px}
table.camp td,table.camp th{padding:0 8px}
td .nome{display:flex;align-items:center;gap:4px;min-width:0}
td .nome .nw,td .nw{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
td.n2 .meta{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
td .meta .plat{vertical-align:-3px}
svg.barras{display:block}
.ret{display:inline-flex;align-items:center;gap:8px;justify-content:flex-end}
.ret b{font-weight:400;min-width:64px;text-align:right}
.ret b.t-agir,.ret b.t-olho{font-weight:600}
svg.faixa-ret{display:block;flex:none}
tr.filho td .nome,tr.neto td .nome{color:var(--tinta-2)}
tr.parado{cursor:default}tbody tr.parado:hover{background:none}
.prod .ph{display:inline-block}
.plats.um{grid-template-columns:minmax(0,880px)}
.folha-p{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:16px 12px}
.duas-meio{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,420px);gap:24px;align-items:start}
@media (max-width:1199px){.duas-meio{grid-template-columns:1fr}}
@media (max-width:1100px){col.c-dias{width:0}table.camp td:nth-child(2),table.camp th:nth-child(2){padding:0;overflow:hidden}table.camp svg.barras{display:none}}
/* Frentes e Pedidos de campanha */
.link{color:var(--azul)}
.texto-longo{white-space:pre-wrap;color:var(--tinta);max-width:80ch}
.lista .ponto{padding:8px 0;border-bottom:1px solid var(--linha);display:grid;gap:2px;cursor:pointer}
.lista .ponto:hover{background:var(--superficie-2)}
.lista .ponto .l1{display:flex;align-items:center;gap:8px;min-width:0}
.lista .ponto .l1 h3{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lista .ponto .fato{font-size:12px;color:var(--tinta-2)}
.lista .ponto .din{font-weight:600;white-space:nowrap}
.nw-fixo{white-space:nowrap;font-size:12px}
p.nw{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.abas-frente{flex-wrap:wrap}.abas-frente a.aba{display:inline-flex;align-items:center;gap:4px}
.pe-acoes{display:flex;justify-content:flex-start}
.perigo,.b.perigo{color:var(--agir)}
.rotulo{font-size:12px;color:var(--tinta-3)}
.form label{display:grid;gap:4px}
.duas-campos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;align-items:end}
.duas-campos label{display:grid;gap:4px;font-size:12px;color:var(--tinta-3)}
.duas-campos .campo{width:100%;color:var(--tinta)}
.form .campo{width:100%}
input.arquivo{height:auto;padding:4px 8px;font-size:12px}
.escolha-lista{border:1px solid var(--linha-forte);border-radius:6px;max-height:176px;overflow:auto;padding:4px 8px;display:grid;gap:0}
.escolha-lista label{display:flex;align-items:center;gap:8px;min-height:28px;font-size:13px;color:var(--tinta);margin:0;cursor:pointer}
.escolha-lista .plat{flex:none}
.det dd .plat+.plat{margin-left:8px}
.fio-bloco,.anexos-bloco,.ligadas{display:grid;gap:8px;border-top:1px solid var(--linha);padding-top:12px}
.fio-bloco h3 .cinza,.anexos-bloco h3 .cinza{font-weight:400}
.fio{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.fio li{display:grid;gap:2px}
.fio .quem{font-size:12px}.fio .quem b{font-weight:600;color:var(--tinta)}
.fio .txt{white-space:pre-wrap}
.fio li.auto{font-size:12px;color:var(--tinta-3)}.fio li.auto .txt{color:var(--tinta-2)}
.anexos{display:flex;flex-wrap:wrap;gap:8px}
.anexo{width:96px;height:72px;border:1px solid var(--linha);border-radius:6px;overflow:hidden;display:grid;place-items:center;background:var(--superficie-2)}
.anexo img{width:100%;height:100%;object-fit:cover;display:block;border:0;border-radius:0}
.anexo .pdf{font-size:12px;font-weight:600;color:var(--tinta-2)}
.gaveta .corpo h3{font-size:13px}
.gaveta footer form{margin:0}
.det .campo-linha .rotulo{white-space:nowrap}
@media (max-width:600px){.duas-campos{grid-template-columns:1fr}}