/* ================= Combine — tokens da marca, na linguagem do combinegr.com =================
   Claro e quente: branco + cinza-areia, cards brancos com borda fina, brilho pêssego no canto.
   CORAL é a cor de ação (botões principais, número em destaque, a palavra que importa no título, o ponto do eyebrow).
   Tinta (#002117) nos títulos e na seleção (chip/aba escolhida = preenchido de tinta). Emerald só p/ dado positivo.
   Montserrat 600 caixa-alta nos títulos (dois tons) · Switzer no texto (como o site; Inter de reserva) · JetBrains Mono nos números alinhados.
   O tema escuro (as seções ink do site) é opcional: só quando a pessoa escolhe no botão de tema. */
@font-face{font-family:"Montserrat";src:url("/fonts/montserrat-latin-300-normal.woff2") format("woff2");font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:"Montserrat";src:url("/fonts/montserrat-latin-600-normal.woff2") format("woff2");font-weight:500 700;font-style:normal;font-display:swap}
@font-face{font-family:"Inter";src:url("/fonts/inter-latin-400-normal.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Inter";src:url("/fonts/inter-latin-500-normal.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Inter";src:url("/fonts/inter-latin-600-normal.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Inter";src:url("/fonts/inter-latin-700-normal.woff2") format("woff2");font-weight:700 900;font-style:normal;font-display:swap}
@font-face{font-family:"JetBrains Mono";src:url("/fonts/jetbrains-mono-latin-400-normal.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"JetBrains Mono";src:url("/fonts/jetbrains-mono-latin-700-normal.woff2") format("woff2");font-weight:500 900;font-style:normal;font-display:swap}
:root{
  /* --- marca (iguais nos 2 temas) --- */
  --cb-ink:#002117; --cb-ink-deep:#001a12; --cb-coral:#e8705a; --cb-coral-soft:#fdece8; --cb-coral-tag:#fde6e1; --cb-coral-ink:#a33a26;
  --cb-emerald:#00d492; --cb-mint:#d0fae5; --cb-forest:#0f5a41; --cb-amber:#f5c46b; --cb-amber-soft:#fdf0d5; --cb-amber-ink:#7a4b00;
  --cb-stone:#a6a09b; --cb-red:#bd2d2c; --cb-glow:#fce8e3; --cb-cream:#fff4e6;
  --font-display:"Montserrat",Arial,sans-serif;
  --font-sans:"Switzer","Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --font-mono:"JetBrains Mono",ui-monospace,"Cascadia Mono","Courier New",monospace;
  /* raios do site: botão/chip 8 · card 14 · modal 16 · badge de status em pílula */
  --r-xs:6px; --r-sm:8px; --r-md:10px; --r-lg:14px; --r-xl:16px; --r-pill:999px; --r-btn:8px;
  /* --- tema claro (padrão) --- */
  --bg:#f5f5f3; --panel:#ffffff; --panel2:#faf9f7; --ink:#0d0d0d; --heading:#002117; --text:#404040; --muted:#78716c; --line:#e7e5e4; --line-soft:#f0efed;
  --chip-bg:rgba(0,0,0,.05); --chip-line:#f0efed; --hover:rgba(0,0,0,.035);
  --accent:#c0533d; --accent-soft:#fdece8; --accent-strong:#e8705a; --on-accent:#ffffff; --ink-fill:#002117; --on-ink-fill:#ffffff;
  --coral:#e8705a; --coral-soft:#fdece8; --emerald:#00a874; --mint:#d0fae5; --on-mint:#002117;
  --shadow:0 1px 2px rgba(0,0,0,.04),0 8px 24px rgba(0,0,0,.045); --shadow-lg:0 24px 64px rgba(0,33,23,.14),0 2px 6px rgba(0,0,0,.05);
  --glow:radial-gradient(circle at 92% 0%,#fce8e3 0%,rgba(252,232,227,0) 46%);
  --glow-soft:linear-gradient(135deg,#fdece8 0%,#fff4e6 55%,#ffffff 100%);
  /* barra lateral: off-white quente, logo colorido; o item ativo é o "chip escolhido" (tinta) */
  --rail-bg:#faf9f7; --rail-ink:#0d0d0d; --rail-muted:#78716c; --rail-line:#e7e5e4; --rail-chip:rgba(0,0,0,.05); --rail-hover:rgba(0,0,0,.045); --rail-on:#002117; --rail-on-ink:#ffffff;
  /* etapas do funil: pedra → ardósia → âmbar → coral (quente) → emerald (reunião) → tinta (realizada) */
  --espera:#b3ada8; --aceita:#8c8580; --novo:#002117; --frio:#5f8796; --morno:#d99a2b; --quente:#e8705a; --reuniao:#00a874; --reuniao2:#0f5a41;
  --descartado:#bd2d2c; --sem:#a6a09b; --followup:#e8705a; --unread:#e8705a; --unread-fill:#e8705a; --on-unread:#ffffff;
  --pos:#00a874; --neg:#c0533d;
  --acc-0:#002117; --acc-1:#e8705a; --acc-2:#00a874; --acc-3:#d99a2b; --acc-4:#5f8796;
  --li:#0a66c2;
  /* gráficos: série principal coral (como a barra "Combine" do site), comparação pedra, positivo emerald, tinta */
  --chart-1:#e8705a; --chart-2:#002117; --chart-3:#00a874; --chart-4:#d99a2b; --chart-5:#a6a09b; --chart-6:#5f8796; --chart-fill:rgba(232,112,90,.10);
  --focus:0 0 0 2px #ffffff,0 0 0 4px #e8705a; --focus-c:#e8705a;
  color-scheme:light;
}
/* escuro (opcional, botão de tema): a seção ink do site — fundo tinta, cards de vidro, coral continua sendo a ação */
:root[data-theme="dark"]{
  --bg:#001a12; --panel:#002117; --panel2:#05261b; --ink:#f5f5f4; --heading:#ffffff; --text:#c5ceca; --muted:#9fb0aa; --line:#1c3b31; --line-soft:#12322a;
  --chip-bg:rgba(255,255,255,.07); --chip-line:rgba(255,255,255,.08); --hover:rgba(255,255,255,.04);
  --accent:#f08a76; --accent-soft:rgba(232,112,90,.16); --accent-strong:#e8705a; --on-accent:#ffffff; --ink-fill:#f5f5f4; --on-ink-fill:#002117;
  --coral-soft:rgba(232,112,90,.16); --emerald:#00d492; --mint:rgba(0,212,146,.16); --on-mint:#d0fae5;
  --shadow:none; --shadow-lg:0 24px 64px rgba(0,0,0,.5);
  --glow:radial-gradient(circle at 50% -20%,#0b3b2b 0%,rgba(11,59,43,0) 60%);
  --glow-soft:linear-gradient(135deg,rgba(232,112,90,.10) 0%,rgba(0,33,23,0) 60%);
  --rail-bg:#001a12; --rail-ink:#f5f5f4; --rail-muted:#9fb0aa; --rail-line:rgba(255,255,255,.08); --rail-chip:rgba(255,255,255,.07); --rail-hover:rgba(255,255,255,.05); --rail-on:#f5f5f4; --rail-on-ink:#002117;
  --espera:#5f7a71; --aceita:#8fa39c; --novo:#e3e9e7; --frio:#86aebb; --morno:#f5c46b; --quente:#f08a76; --reuniao:#00d492; --reuniao2:#d0fae5;
  --descartado:#f07b6a; --sem:#7f938c; --followup:#f08a76; --unread:#f08a76; --unread-fill:#e8705a; --on-unread:#ffffff;
  --pos:#00d492; --neg:#f08a76;
  --acc-0:#e3e9e7; --acc-1:#f08a76; --acc-2:#00d492; --acc-3:#f5c46b; --acc-4:#86aebb;
  --li:#5aa9ee;
  --chart-1:#f08a76; --chart-2:#e3e9e7; --chart-3:#00d492; --chart-4:#f5c46b; --chart-5:#4a6b60; --chart-6:#86aebb; --chart-fill:rgba(232,112,90,.14);
  --focus:0 0 0 2px #002117,0 0 0 4px #e8705a; --focus-c:#e8705a;
  color-scheme:dark;
}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--bg);color:var(--ink);font-family:var(--font-sans);font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
[hidden]{display:none!important}
button,input,select,textarea{font-family:inherit}
/* foco visível só p/ teclado: anel coral da marca */
:where(button,a,select,summary,[tabindex]):focus-visible{outline:none;box-shadow:var(--focus)}
:where(input,textarea,select):focus-visible{border-color:var(--focus-c)!important;box-shadow:var(--focus)}
/* barras de rolagem finas e discretas */
*{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--muted) 40%,transparent) transparent}
*::-webkit-scrollbar{width:8px;height:8px}
*::-webkit-scrollbar-track{background:transparent}
*::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--muted) 38%,transparent);border-radius:8px;border:2px solid transparent;background-clip:padding-box}
*::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--muted) 65%,transparent);background-clip:padding-box}
/* ícones de linha (brand.js · ic()) */
.ic{width:1em;height:1em;flex:none;display:inline-block;vertical-align:-.14em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;overflow:visible}
.ic.sm{width:.875em;height:.875em}.ic.lg{width:1.25em;height:1.25em}
[data-ic]{display:inline-flex;align-items:center;justify-content:center;line-height:0}

/* login — tela dividida como o hero do combinegr.com: foto à esquerda (gradiente tinta + título branco Montserrat) · card branco de entrada à direita */
.login{position:fixed;inset:0;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(420px,1fr);background:var(--bg)}
.loginart{position:relative;overflow:hidden;display:flex;align-items:flex-end;padding:56px 56px 52px;background:var(--cb-ink) url("/brand/photos/garden-duo-wide.jpg") 24% center/cover no-repeat}
.loginart::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,26,18,.88) 0%,rgba(0,26,18,.6) 38%,rgba(0,26,18,.12) 74%,rgba(0,26,18,0) 100%),linear-gradient(0deg,rgba(0,26,18,.6) 0%,rgba(0,26,18,0) 46%)}
.loginhero{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:20px;max-width:580px;color:#fff}
.loginlede{font:400 18px/1.55 var(--font-sans);color:#fff;opacity:.94}
.loginh{font:600 clamp(34px,3.7vw,56px)/1.08 var(--font-display);text-transform:uppercase;letter-spacing:-.025em;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.06)}
.loginh>span{display:block;white-space:nowrap}
.loginh .coda{display:inline;font-weight:300;text-transform:none;letter-spacing:-.02em}
/* vidro fosco sobre a foto (o card "Just placed" do site) */
.loginglass{display:flex;flex-wrap:wrap;align-items:center;gap:8px 22px;margin-top:6px;padding:14px 18px;border-radius:18px;border:1px solid rgba(255,255,255,.19);background:rgba(0,0,0,.24);backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);font:500 13px/1.3 var(--font-sans);color:#fff}
.loginglass>span{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
.loginglass [data-ic]{font-size:15px;color:var(--cb-coral)}
.loginside{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:32px 24px;background:var(--glow),var(--bg);overflow-y:auto}
.loginbox{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-xl);padding:36px 36px 26px;width:min(400px,100%);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;align-items:flex-start}
.loginlogo{display:block;height:26px;width:auto;margin:0 0 30px}
.loginlogo.ondark{display:none}
:root[data-theme="dark"] .loginlogo.onlight{display:none}
:root[data-theme="dark"] .loginlogo.ondark{display:block}
.loginkicker{margin-bottom:12px}
.loginbox h2{font:600 26px/1.1 var(--font-display);text-transform:uppercase;letter-spacing:-.015em;color:var(--heading);margin-bottom:10px}
.loginbox p{color:var(--text);font-size:14px;line-height:1.5;margin-bottom:24px}
.loginbox p b{color:var(--ink);font-weight:600}
.loginbox .err{color:var(--descartado);font-size:13px;margin:14px 0 0;max-width:none}
#gbtn{display:flex;justify-content:flex-start;min-height:44px;width:100%}
.loginfoot{max-width:400px;font-size:12px;line-height:1.5;color:var(--muted);text-align:center}
.err{color:var(--descartado);font-size:13px;margin-top:14px;min-height:18px}
@media (max-width:900px){
  .login{grid-template-columns:1fr}
  .loginart{display:none}
  .loginbox{padding:30px 24px 22px}
}

/* app shell */
.app{display:grid;grid-template-columns:var(--rail-w,248px) 6px var(--list-w,350px) 6px minmax(0,1fr);height:100vh;height:100dvh;overflow:hidden}
.mainwrap{display:flex;min-width:0;overflow:hidden}
.rail,.listcol,.info{position:relative}
/* drag-to-resize divider columns (real grid/flex tracks, never clipped) — fio de 1px; no hover vira a faixa coral */
.rzcol{flex:0 0 6px;align-self:stretch;cursor:col-resize;z-index:50;background:linear-gradient(var(--line),var(--line)) center/1px 100% no-repeat,var(--panel)}
.rzcol:hover,.rzcol.dragging{background:linear-gradient(var(--coral),var(--coral)) center/2px 100% no-repeat,var(--panel)}
/* o divisor do rail: metade off-white do rail, metade branco da lista, com o fio no meio */
.rzcol[data-resize="rail"]{background:linear-gradient(var(--rail-line),var(--rail-line)) center/1px 100% no-repeat,linear-gradient(90deg,var(--rail-bg) 50%,var(--panel) 50%)}
.rzcol[data-resize="rail"]:hover,.rzcol[data-resize="rail"].dragging{background:linear-gradient(var(--coral),var(--coral)) center/2px 100% no-repeat,linear-gradient(90deg,var(--rail-bg) 50%,var(--panel) 50%)}
/* rail = off-white quente do site (tokens --rail-*), logo colorido; 3 zonas: topo fixo (marca + Tasks do dia) · meio rolável · rodapé fixo */
.rail{background:var(--rail-bg);color:var(--rail-ink);display:flex;flex-direction:column;overflow:hidden}
.rail *{scrollbar-color:color-mix(in srgb,var(--rail-ink) 18%,transparent) transparent}
.rail ::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--rail-ink) 16%,transparent);background-clip:padding-box}
.rail :where(button,a,[tabindex]):focus-visible{box-shadow:0 0 0 2px var(--rail-bg),0 0 0 4px var(--focus-c)}
.railtop{flex:none;padding:18px 12px 10px;display:flex;flex-direction:column;gap:16px}
.railscroll{flex:1;min-height:0;overflow-y:auto;padding:4px 8px 14px 12px;display:flex;flex-direction:column;gap:2px;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 14px);mask-image:linear-gradient(180deg,transparent 0,#000 14px)}
.railscroll::-webkit-scrollbar{width:6px}
.railfoot{flex:none;padding:12px;border-top:1px solid var(--rail-line);display:flex;flex-direction:column;gap:8px}
/* lockup: logo colorido (branco no escuro) · fio vertical · nome do app em eyebrow */
.brand{display:flex;align-items:center;gap:11px;padding:0 4px;min-width:0}
.brandlogo{display:block;height:22px;width:auto;flex:none}
.brandlogo.ondark{display:none}
:root[data-theme="dark"] .brandlogo.onlight{display:none}
:root[data-theme="dark"] .brandlogo.ondark{display:block}
.brandapp{font:600 10.5px/1 var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--rail-muted);padding:4px 0 4px 11px;border-left:1px solid var(--rail-line);white-space:nowrap}
/* legendas de seção = eyebrow do site (Montserrat 600 caixa-alta cinza + ponto coral) */
.railcap{display:flex;align-items:center;gap:7px;padding:16px 6px 6px;font:600 10.5px/1.25 var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--rail-muted)}
.railcap::before{content:"";flex:none;width:5px;height:5px;border-radius:50%;background:var(--coral)}
.railcap .capl{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.railcap .capct{flex:none;font:700 10.5px/1.5 var(--font-mono);letter-spacing:0;color:color-mix(in srgb,var(--rail-muted) 60%,var(--rail-ink));background:var(--rail-chip);border-radius:var(--r-pill);padding:0 7px}
.railcap .capct:empty{display:none}
.railcap.toolcap{padding-top:10px}
/* os 2 grupos do funil: rótulo em tinta, com fio em cima, como abertura de seção */
.railcap.grp{color:var(--rail-ink);border-top:1px solid var(--rail-line);margin-top:10px;padding:14px 6px 6px}
.railcap.grp .capl{white-space:normal;line-height:1.3}
/* itens = chips do site: o ativo é o "chip escolhido" (tinta cheia + texto branco; no escuro inverte); contador em pílula mono */
.navitem{display:flex;align-items:center;gap:9px;padding:6px 8px;border-radius:var(--r-btn);cursor:pointer;user-select:none;position:relative;color:var(--rail-ink);transition:background .15s,color .15s}
.navitem:hover{background:var(--rail-hover)}
.navitem.on{background:var(--rail-on);color:var(--rail-on-ink)}
.navitem .dot{width:8px;height:8px;margin:0 3px;border-radius:50%;flex:none;background:var(--c,var(--rail-muted))}
.navitem.on .dot{background:color-mix(in srgb,var(--c,var(--rail-muted)) 70%,var(--rail-on-ink));box-shadow:0 0 0 1.5px color-mix(in srgb,var(--rail-on-ink) 40%,transparent)}
.navitem .nvi{flex:none;width:14px;display:inline-grid;place-items:center;font-size:14px;color:var(--rail-muted)}
.navitem.on .nvi{color:var(--rail-on-ink)}
.navitem .lbl{flex:1;min-width:0;font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.navitem.on .lbl{font-weight:600}
.navitem .ct{flex:none;min-width:24px;text-align:center;font:700 11px/1.55 var(--font-mono);color:color-mix(in srgb,var(--rail-muted) 60%,var(--rail-ink));background:var(--rail-chip);border-radius:var(--r-pill);padding:0 7px}
.navitem.on .ct{color:var(--rail-on-ink);background:color-mix(in srgb,var(--rail-on-ink) 20%,transparent)}
/* ação pendente: só o contador fica coral (a linha não grita) — continua coral no item ativo */
.navitem .ct.alert{background:var(--unread-fill);color:var(--on-unread)}
/* Contas/Campanha/Origem: "Todas" = nenhum filtro → chip cinza calmo; só um filtro aplicado vira o chip escolhido em tinta */
.navitem.on:is([data-acct="all"],[data-camp="all"],[data-orig="all"]){background:var(--rail-chip);color:var(--rail-ink)}
.navitem.on:is([data-acct="all"],[data-camp="all"],[data-orig="all"]) .dot{background:var(--c,var(--rail-muted));box-shadow:none}
.navitem.on:is([data-acct="all"],[data-camp="all"],[data-orig="all"]) .ct{color:color-mix(in srgb,var(--rail-muted) 60%,var(--rail-ink));background:var(--panel)}
.navsep{height:1px;background:var(--rail-line);margin:6px 8px}
.rail .archtoggle{display:flex;align-items:center;gap:6px;font:600 10.5px/1.25 var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--rail-muted);padding:12px 8px 6px;border-top:1px solid var(--rail-line);margin-top:6px;cursor:pointer;transition:color .15s}
.rail .archtoggle:hover,.rail .archtoggle.open{color:var(--rail-ink)}
.me{font-size:11.5px;color:var(--rail-muted);padding:2px 2px 0 4px;display:flex;align-items:center;gap:6px;min-width:0}
.me .meem{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.me a{flex:none;display:inline-flex;align-items:center;gap:4px;color:var(--rail-ink);font-weight:500;cursor:pointer;text-decoration:none;border-radius:var(--r-btn);padding:3px 8px;transition:background .15s}
.me a:hover{background:var(--rail-hover)}
/* card fixado "Tasks do dia" = card branco do site: número em Montserrat coral, barra coral sobre trilho cinza (a barra "via Combine"), semana em chips */
.pintask{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow);padding:13px 12px 11px;display:flex;flex-direction:column;gap:10px;cursor:pointer;user-select:none;color:var(--ink);transition:border-color .15s,box-shadow .15s}
.pintask:hover{border-color:color-mix(in srgb,var(--ink) 16%,var(--line))}
.pintask.on{border-color:var(--ink-fill)}
.pt-top{display:flex;flex-direction:column;gap:7px;border-radius:var(--r-sm)}
.pt-head{display:flex;align-items:center;gap:8px;min-width:0}
.pt-lbl{flex:1;min-width:0;white-space:nowrap;overflow:hidden}
.pt-date{flex:none;font:500 11px/1.2 var(--font-sans);color:var(--muted);white-space:nowrap}
.pt-num{display:flex;align-items:center;gap:9px;min-width:0}
.pt-nl{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:2px}
.pt-ct{font:600 30px/1 var(--font-display);letter-spacing:-.02em;color:var(--coral);font-variant-numeric:tabular-nums}
.pt-ct.zero{color:var(--heading)}
.pt-unit{max-width:100%;font-size:12.5px;line-height:1.3;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pt-late{flex:none;display:inline-flex;align-items:center;gap:4px;border-radius:var(--r-pill);padding:1px 8px;font:600 11px/1.5 var(--font-sans);background:var(--coral-soft);color:color-mix(in srgb,var(--followup) 70%,var(--ink));white-space:nowrap}
.pt-sub{font-size:11.5px;color:var(--muted);margin-top:-3px}
.pt-over,.tover{color:color-mix(in srgb,var(--followup) 72%,var(--ink));font-weight:700}
.pt-bar{height:6px;border-radius:4px;background:color-mix(in srgb,var(--ink) 8%,transparent);overflow:hidden}
.pt-bar span{display:block;height:100%;background:var(--coral);border-radius:4px;transition:width .3s}
.pt-week{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}
.pt-week button{display:flex;flex-direction:column;align-items:center;gap:1px;font:500 10px/1.25 var(--font-sans);border:1px solid var(--chip-line);background:var(--chip-bg);border-radius:var(--r-btn);padding:5px 0 4px;color:color-mix(in srgb,var(--muted) 75%,var(--ink));cursor:pointer;transition:background .15s,border-color .15s}
.pt-week button:hover{background:color-mix(in srgb,var(--ink) 9%,transparent)}
.pt-week b{font:600 13px/1.2 var(--font-display);color:var(--ink);font-variant-numeric:tabular-nums}
.pt-week i{font:700 10px/1.2 var(--font-mono);font-style:normal;color:var(--accent);min-height:12px}
.pt-week .today,.pt-week .today:hover{background:var(--ink-fill);border-color:var(--ink-fill);color:color-mix(in srgb,var(--on-ink-fill) 72%,transparent)}
.pt-week .today b,.pt-week .today i{color:var(--on-ink-fill)}
/* dias que já passaram: chip sem fundo (apagado pela forma, não por opacidade — o texto continua legível) */
.pt-week .past{background:transparent;border-color:var(--line-soft);color:var(--muted)}
.pt-week .past b{color:var(--muted)}
.pt-add{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:var(--r-btn);padding:6px 10px;font:500 12.5px/1.3 var(--font-sans);cursor:pointer;transition:background .15s,border-color .15s}
.pt-add:hover{background:var(--panel2);border-color:color-mix(in srgb,var(--ink) 18%,var(--line))}
.pt-add .ic{color:var(--accent)}
/* ferramentas (telas cheias) = botões secundários do site: brancos, borda fina, raio 8, em grade compacta */
.toolgrid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:4px}
.tool{display:flex;align-items:center;gap:7px;padding:7px 9px;border-radius:var(--r-btn);border:1px solid var(--rail-line);background:var(--panel);color:var(--rail-ink);font:500 12.5px/1.25 var(--font-sans);cursor:pointer;text-align:left;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background .15s,border-color .15s}
.tool:hover{background:var(--panel2);border-color:color-mix(in srgb,var(--rail-ink) 18%,var(--rail-line))}
.tool .ti{font-size:14px;flex:none;color:var(--rail-muted);transition:color .15s}
.tool:hover .ti{color:var(--accent)}
.tool>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis}
.tool.wide{grid-column:1/-1}
/* Análise de ICP: o atalho em destaque — card pêssego→creme (--glow-soft), ícone coral, título Montserrat caixa-alta */
.tool.feat{gap:11px;padding:11px 12px;margin-bottom:2px;border-radius:var(--r-lg);border-color:color-mix(in srgb,var(--coral) 24%,var(--line));background:var(--glow-soft),var(--panel);box-shadow:var(--shadow)}
.tool.feat:hover{background:var(--glow-soft),var(--panel);border-color:color-mix(in srgb,var(--coral) 50%,var(--line))}
.tool.feat .ti{width:34px;height:34px;border-radius:10px;display:inline-grid;place-items:center;font-size:16px;color:var(--coral);background:var(--panel);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--coral) 28%,var(--line))}
.tool .tl{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.tool .tl>span{overflow:hidden;text-overflow:ellipsis}
.tool.feat .tl>span{font:600 12.5px/1.2 var(--font-display);text-transform:uppercase;letter-spacing:.01em;color:var(--heading)}
.tool .tl small{font:500 11.5px/1.25 var(--font-sans);color:var(--muted);overflow:hidden;text-overflow:ellipsis}
.tool.feat .tgo{flex:none;font-size:14px;color:var(--muted);transition:color .15s,transform .15s}
.tool.feat:hover .tgo{color:var(--accent);transform:translate(1px,-1px)}
/* CTA do rail = botão principal do site: coral cheio, texto branco, raio 8 */
.newleadbtn{width:100%;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--accent-strong);border-radius:var(--r-btn);padding:9px 14px;background:var(--accent-strong);color:var(--on-accent);font:500 13.5px/1.25 var(--font-sans);cursor:pointer;transition:background .15s,border-color .15s}
.newleadbtn:hover{background:color-mix(in srgb,var(--accent-strong) 92%,#000);border-color:color-mix(in srgb,var(--accent-strong) 92%,#000)}
.newleadbtn [data-ic]{font-size:15px}
/* Aceites / Sync / Tema = botões secundários pequenos (brancos, borda fina, raio 8) */
.railbtns{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.railbtn{display:flex;align-items:center;justify-content:center;gap:5px;border:1px solid var(--rail-line);background:var(--panel);color:var(--rail-ink);border-radius:var(--r-btn);padding:6px 4px;font:500 12px/1.2 var(--font-sans);cursor:pointer;min-width:0;transition:background .15s,border-color .15s}
.railbtn:hover{background:var(--panel2);border-color:color-mix(in srgb,var(--rail-ink) 18%,var(--rail-line))}
.railbtn [data-ic]{font-size:13px;color:var(--rail-muted)}
.railbtn.busy{opacity:.6;cursor:progress}
.railbtn.busy span:first-child{display:inline-block;animation:spin 1s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}

/* coluna da lista: cabeçalho com brilho pêssego (--glow) e título Montserrat em dois tons, busca raio 8, cards limpos separados por fio */
.listcol{background:var(--panel);display:flex;flex-direction:column;overflow:hidden}
.listhead{padding:16px 16px 12px;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:10px;background:var(--glow),var(--panel)}
.listhead h2{font:600 15px/1.3 var(--font-display);letter-spacing:-.005em;text-transform:uppercase;color:var(--heading)}
.search{display:flex;align-items:center;gap:8px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-btn);padding:7px 11px;transition:border-color .15s,box-shadow .15s}
.search:hover{border-color:color-mix(in srgb,var(--ink) 18%,var(--line))}
.search:focus-within{border-color:var(--focus-c);box-shadow:0 0 0 3px var(--accent-soft)}
.search .searchic{flex:none;font-size:14px;color:var(--muted)}
.search input{border:none;background:none;outline:none;color:var(--ink);width:100%;min-width:0;font-size:13.5px}
.search input::placeholder{color:var(--muted)}
.search input:focus-visible{box-shadow:none}
.list{overflow-y:auto;flex:1;scrollbar-gutter:stable}
.conv{display:flex;gap:11px;padding:12px 16px;border-bottom:1px solid var(--line-soft);cursor:pointer;position:relative;transition:background .15s}
.conv:hover{background:var(--hover)}
/* selecionado: fundo pêssego suave (--accent-soft), sem barra lateral */
.conv.on,.conv.on:hover{background:var(--accent-soft)}
.conv.on .tm,.conv.on .co,.conv.on .acctbadge{color:var(--text)}
/* não lida: nome em negrito + hora em coral + badge coral com o número (sem pintar o card) */
.conv.unread .nm{font-weight:700;color:var(--ink)}
.conv.unread .tm{color:var(--accent);font-weight:600}
.conv{content-visibility:auto;contain-intrinsic-size:auto 92px}
.unreadbadge{flex:none;display:inline-grid;place-items:center;align-self:center;min-width:20px;height:18px;padding:0 6px;border-radius:var(--r-pill);background:var(--unread-fill);color:var(--on-unread);font:700 11px/1 var(--font-mono)}
/* avatar: foto do LinkedIn; sem foto, iniciais na cor da marca do nome (--av, vem de tclr) sobre fundo tingido */
.avatar{width:38px;height:38px;border-radius:50%;flex:none;display:grid;place-items:center;font-weight:600;font-size:13px;background:color-mix(in srgb,var(--av,var(--muted)) 16%,var(--panel));color:color-mix(in srgb,var(--av,var(--muted)) 45%,var(--ink))}
/* merge (chat compartilhado): duas fotos sobrepostas + contador */
.avatar.merged{background:transparent;overflow:visible;position:relative}
.avatar.merged .avo{position:absolute;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-weight:600;font-size:10px;overflow:hidden;background:color-mix(in srgb,var(--av,var(--muted)) 16%,var(--panel));color:color-mix(in srgb,var(--av,var(--muted)) 45%,var(--ink))}
.avatar.merged .avo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.avatar.merged .avo.back{top:0;left:0}
.avatar.merged .avo.front{right:0;bottom:0;box-shadow:0 0 0 2px var(--panel)}
.mergecount{position:absolute;right:-4px;top:-4px;min-width:16px;height:16px;padding:0 4px;border-radius:var(--r-pill);background:var(--ink-fill);color:var(--on-ink-fill);font:700 9.5px/1 var(--font-mono);display:grid;place-items:center;box-shadow:0 0 0 1.5px var(--panel);z-index:3}
.acctbadge.merged{color:var(--accent);font-weight:600}
.conv .cbody{flex:1;min-width:0}
.conv .top{display:flex;gap:8px;align-items:center}
.conv .nm{flex:1;min-width:0;font-weight:600;font-size:13.5px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.conv .tm{flex:none;font-size:11px;color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}
.conv .co{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}
.conv .prev{font-size:12.5px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px}
.conv .meta{display:flex;align-items:center;gap:5px;margin-top:8px;flex-wrap:wrap}
/* etapa: pílula de status tingida pela cor da etapa (--c) com ponto/ícone na cor cheia; texto misturado com a tinta p/ contraste nos 2 temas */
.pill{display:inline-flex;align-items:center;gap:5px;font:600 11px/1.5 var(--font-sans);padding:1px 8px;border-radius:var(--r-pill);white-space:nowrap;background:color-mix(in srgb,var(--c,var(--muted)) 13%,transparent);color:color-mix(in srgb,var(--c,var(--muted)) 55%,var(--ink))}
.pill .pdot{flex:none;width:6px;height:6px;border-radius:50%;background:var(--c,var(--muted))}
.pill .ic{color:color-mix(in srgb,var(--c,var(--muted)) 80%,var(--ink))}
/* chips de ação do card (no máximo 1 sólido): coral cheio = responder/no-show, coral claro = FUP/atraso */
.conv .flag{display:inline-flex;align-items:center;gap:4px;font:600 10.5px/1.5 var(--font-sans);letter-spacing:.01em;padding:1px 8px;border-radius:var(--r-pill);white-space:nowrap;background:var(--coral-soft);color:color-mix(in srgb,var(--followup) 70%,var(--ink))}
/* FUP/atraso: fixa o coral claro aqui — .flag.fup (fora deste trecho, mais abaixo) pintaria o chip de coral cheio com o texto coral escuro */
.conv .flag.fup,.conv .flag.late{background:var(--coral-soft);color:color-mix(in srgb,var(--followup) 70%,var(--ink))}
.conv .flag.reply,.conv .flag.noshow{background:var(--unread-fill);color:var(--on-unread)}
.conv .flag.aceita{background:var(--mint);color:var(--on-mint)}
.conv .flag.manual{background:var(--ink-fill);color:var(--on-ink-fill)}
/* tasks p/ todo envio: convite parado (tom da etapa "Esperando conexão") e cadência esgotada (tinta: pede decisão) */
.conv .flag.convite{background:color-mix(in srgb,var(--espera) 24%,var(--panel));color:var(--ink)}
.conv .flag.final{background:var(--ink-fill);color:var(--on-ink-fill)}
/* no card selecionado (fundo pêssego) o coral claro sumiria: vira chip branco */
.conv.on .flag:not(.reply,.noshow,.aceita,.manual,.final){background:var(--panel)}
.conv .chpill,.conv .fupmove{display:inline-flex;align-items:center;gap:4px}
.conv .chpill{border-radius:var(--r-pill)}
/* "remarcar" é botão (não status): raio 8 do site */
.conv .fupmove{border-radius:var(--r-xs);font-weight:500}
.softflag{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:var(--muted);white-space:nowrap}
.flag.manual{background:var(--ink-fill);color:var(--on-ink-fill)}
.acctbadge{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:4px}
.acctdot{width:8px;height:8px;border-radius:50%;flex:none}

.main{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden;background:var(--panel2)}
.mhead{background:var(--panel);border-bottom:1px solid var(--line);padding:12px 18px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;row-gap:8px}
.mhead .who{flex:1;min-width:0}
.mhead .who .nm{font-weight:700;font-size:15.5px;display:flex;align-items:center;gap:9px;min-width:0}
.mhead .who .nm .nmtxt{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mhead .who .badgerow{display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin-top:3px}
.mhead .who .badgerow .mergedbadge{margin-left:0}
.mhead .who .sub{font-size:12.5px;color:var(--muted);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mactions{display:flex;align-items:center;gap:6px;flex-wrap:nowrap}
.minict{display:inline-grid;place-items:center;min-width:17px;height:17px;padding:0 5px;border-radius:var(--r-pill);background:var(--accent-strong);color:var(--on-accent);font:700 10px/1 var(--font-mono);margin-left:2px}
.iconbtn.danger{color:var(--descartado)}
.iconbtn.danger:hover{border-color:var(--descartado)}
/* card "Tasks deste lead" abaixo do cabeçalho da conversa: card branco do site (raio 14, fio fino, sombra macia),
   título em eyebrow (ponto coral) + contador mono neutro em pílula */
.convtasks{margin:10px 16px 0;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow);padding:10px 8px 4px}
.convtasks .cthead{display:flex;align-items:center;gap:7px;font:600 10.5px/1.2 var(--font-display);text-transform:uppercase;letter-spacing:.1em;color:var(--muted);padding:2px 8px 6px}
.convtasks .cthead::before{content:"";flex:none;width:5px;height:5px;border-radius:50%;background:var(--coral)}
.convtasks .cthead .ctct{font:700 10.5px/1.6 var(--font-mono);letter-spacing:0;background:var(--chip-bg);color:var(--ink);border-radius:var(--r-pill);padding:0 7px}
.convtasks .trow{border-bottom:none;padding:6px 8px;border-radius:var(--r-btn)}
/* links do contato em coral escuro — menos o botão do WhatsApp, que mantém as cores dele (antes ficava texto coral sobre o verde) */
.mhead .who .sub a:not(.wabtn){color:var(--accent);text-decoration:none;font-weight:500}
.mhead .who .sub a:not(.wabtn):hover{text-decoration:underline}
/* cabeçalho da conversa (como o topo das seções do site): branco com o brilho pêssego no canto, nome em Switzer 600 na tinta
   dos títulos, selos em pílula, ações como botões secundários do site (raio 8) e "Respondido" como o botão escuro do site (tinta) —
   o coral fica só no "Enviar": responder de fato é a ação principal, marcar como respondido é a alternativa
   (nome sem font-size aqui: o 15.5px e o 14.5px do celular vêm de .mhead .who .nm) */
.main>.mhead{background-color:var(--panel);background-image:var(--glow)}
.main .mhead .who .nm{font-family:var(--font-sans);font-weight:600;line-height:1.25;letter-spacing:-.01em;color:var(--heading)}
.main .mhead .who .badgerow{gap:5px;margin-top:6px}
.main .mhead .badgerow>*{display:inline-flex;align-items:center;gap:4px;font:500 11px/1.5 var(--font-sans);letter-spacing:0;padding:1px 8px;border-radius:var(--r-pill);margin-left:0}
.main .mhead .badgerow>.acctbadge{background:var(--chip-bg);color:var(--text);box-shadow:none;padding-left:7px}
.main .mhead .badgerow>.mergedbadge{background:var(--accent-soft);color:var(--accent);font-weight:600}
.main .mhead .badgerow .acctdot{width:7px;height:7px}
.main .mhead .who .sub{color:var(--text);margin-top:5px}
.main .mhead .who .sub>.ic{color:var(--muted)}
.main .mhead .sel>.ic{color:var(--muted)}
.main .mhead .sel.dark>.ic{color:inherit}
.main .mhead .sel.dark:hover{background:color-mix(in srgb,var(--ink-fill) 86%,var(--panel));border-color:color-mix(in srgb,var(--ink-fill) 86%,var(--panel))}
.mactions .minict{min-width:18px;height:18px;padding:0 5px;border-radius:var(--r-pill);background:var(--ink-fill);color:var(--on-ink-fill);font:700 10.5px/1 var(--font-mono);margin-left:1px}
/* conversa mesclada: seletor de canal numa caixa como as faixas de aviso; o select é um botão secundário (raio 8) */
.main>.convswitch{margin:10px 16px 0;border:1px solid var(--line);border-radius:var(--r-md);padding:6px 8px 6px 12px;color:var(--text);background:var(--panel)}
.main>.convswitch>.ic{color:var(--muted)}
.main>.convswitch .chansel{border-radius:var(--r-btn);padding:5px 10px;font:500 12.5px/1.3 var(--font-sans);border-color:var(--line);background:var(--panel);color:var(--ink)}
.sel{border:1px solid var(--line);background:var(--panel2);border-radius:8px;padding:7px 10px;font-size:13px;color:var(--ink);font-weight:600;cursor:pointer;outline:none}
/* thread: bolhas nossas = pêssego do site (accent-soft) com texto em tinta e hora discreta; do lead = branco com fio fino.
   No escuro as nossas viram vidro com fio coral (abaixo). Hora em mono */
.thread{flex:1;overflow-y:auto;padding:20px 22px 22px;display:flex;flex-direction:column;gap:8px}
.bubble{max-width:72%;padding:9px 13px;border-radius:var(--r-lg);font-size:13.5px;line-height:1.5;white-space:pre-wrap;word-wrap:break-word}
.bubble .t{font:400 10.5px/1.2 var(--font-mono);letter-spacing:0;color:var(--muted);margin-top:5px;text-align:right}
.b-in{align-self:flex-start;background:var(--panel);color:var(--ink);border:1px solid var(--line);border-bottom-left-radius:var(--r-xs);box-shadow:0 1px 2px rgba(0,0,0,.03)}
.b-out{align-self:flex-end;background:var(--accent-soft);color:var(--ink);border:1px solid color-mix(in srgb,var(--coral) 14%,transparent);border-bottom-right-radius:var(--r-xs)}
.b-out .t{color:var(--muted)}
/* escuro (seção ink do site): coral translúcido sobre a tinta vira marrom/oliva — a nossa bolha é vidro (como os cards
   das seções ink do site) com fio coral; a do lead continua na superfície com fio neutro */
:root[data-theme="dark"] .b-out{background:var(--chip-bg);border-color:color-mix(in srgb,var(--coral) 45%,transparent)}
/* composer: campo raio 10, "Enviar" = botão coral do site (raio 8, ícone send), "Modelos"/anexo = secundários brancos com fio */
.composer{background:var(--panel);border-top:1px solid var(--line);padding:10px 16px 14px;display:flex;flex-direction:column;gap:8px}
.compbar{display:flex;align-items:center;gap:12px;font-size:12.5px;color:var(--muted);min-height:26px}
.sendas{display:flex;align-items:center;gap:6px;font-weight:500;color:var(--text);min-width:0}
.sendas>.ic{color:var(--muted)}
.sendas b{display:inline-flex;align-items:center;gap:5px;font-weight:600;color:var(--ink)}
.sendas .acctbadge{font-size:12.5px;font-weight:600;color:var(--ink)}
.compinput{display:flex;gap:8px;align-items:flex-end}
.compinput textarea{flex:1;resize:none;border:1px solid var(--line);border-radius:var(--r-md);padding:11px 14px;font:400 13.5px/1.45 var(--font-sans);background:var(--panel);color:var(--ink);outline:none;min-height:46px;max-height:130px;transition:border-color .15s}
.compinput textarea::placeholder{color:var(--muted)}
.compinput textarea:focus{border-color:var(--focus-c)}
.sendbtn{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex:none;background:var(--accent-strong);color:var(--on-accent);border:none;border-radius:var(--r-btn);padding:0 18px;height:46px;font:500 13.5px/1 var(--font-sans);cursor:pointer;transition:background .15s}
.sendbtn .ic{font-size:15px}
.sendbtn:hover{background:color-mix(in srgb,var(--accent-strong) 88%,var(--cb-coral-ink))}
.sendbtn:disabled{opacity:.5;cursor:default}
.iconbtn{border:1px solid var(--line);background:var(--panel2);border-radius:8px;width:36px;height:36px;display:grid;place-items:center;cursor:pointer;color:var(--muted);font-size:16px}
.iconbtn:hover{color:var(--ink)}

.info{width:0;flex:0 0 auto;border-left:1px solid var(--line);background:var(--panel);overflow:hidden}
.info.open{width:var(--info-w,260px);overflow-x:hidden;overflow-y:auto} /* o painel rola (antes o fim — notas, ações rápidas — ficava inalcançável em telas baixas) */
.info.open .infoin{width:auto}
/* painel de detalhes: blocos separados por fio, título em eyebrow do site (ponto coral), chave/valor em 2 colunas;
   atenção (aguardando resposta, sem deal) em coral escuro com ícone */
.infoin{width:var(--info-w,260px);padding:16px 16px 22px;display:flex;flex-direction:column}
.infoblock{padding:14px 0;border-top:1px solid var(--line-soft)}
.infoblock:first-child{border-top:none;padding-top:4px}
.infoblock h4{display:flex;align-items:center;gap:7px;font:600 10.5px/1.2 var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}
.infoblock h4::before{content:"";flex:none;width:5px;height:5px;border-radius:50%;background:var(--coral)}
.kv{font-size:13px;line-height:1.45;margin-bottom:5px;color:var(--text)}.kv b{color:var(--ink);font-weight:600}
.kv>.ic{color:var(--muted)}
.kv.muted{color:var(--muted)}
.kvr{display:grid;grid-template-columns:84px minmax(0,1fr);column-gap:10px;align-items:baseline;margin-bottom:6px}
.kvr .kk{font-size:12px;color:var(--muted)}
.kvr .vv{color:var(--ink);min-width:0;overflow-wrap:anywhere}
.kvhint{font-size:12px;color:var(--muted)}
.kvwarn{display:flex;align-items:center;gap:6px;color:var(--accent);font-weight:500}
.kvwarn>.ic{color:inherit;flex:none}
.kvlink{display:inline-flex;align-items:center;gap:6px;color:var(--accent);font-weight:500;text-decoration:none}
.kvlink:hover{text-decoration:underline}
/* e-mail clicável no painel (sem isto fica o azul/roxo padrão do navegador nos 2 temas) */
.kv .openmail{color:var(--accent);font-weight:500;text-decoration:none}
.kv .openmail:hover{text-decoration:underline}
.sel.blockbtn{width:100%;justify-content:center;margin-top:8px}
.notes{width:100%;min-height:90px;border:1px solid var(--line);border-radius:var(--r-md);padding:9px 11px;font:400 13px/1.45 var(--font-sans);background:var(--panel);color:var(--ink);resize:vertical;outline:none;transition:border-color .15s}
.notes:focus{border-color:var(--focus-c)}

.empty{flex:1;display:grid;place-items:center;color:var(--muted);text-align:center;padding:40px}
.toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%) translateY(20px);background:var(--ink);color:var(--bg);padding:11px 18px;border-radius:10px;font-size:13px;font-weight:600;opacity:0;transition:.25s;pointer-events:none;z-index:1000;max-width:80vw;text-align:center;box-shadow:var(--shadow)}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
/* follow-up — texto do selo = cor da superfície (branco no claro, ink no escuro): lê sobre --followup/--descartado nos 2 temas */
.flag{font-size:9.5px;font-weight:700;letter-spacing:.03em;background:var(--followup);color:var(--panel);padding:2px 6px;border-radius:6px;white-space:nowrap}
/* faixas de aviso da conversa: caixa tingida raio 10 com ícone, texto em tinta, palavra-chave na cor do estado — sem borda lateral.
   coral-soft = atenção (FUP vencido, no-show) · âmbar = espera/lembrete (convite, reunião chegando) · pêssego→creme = boa notícia (aceite).
   O botão da faixa é o secundário do site (branco, fio, raio 8) */
.fubanner{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;margin:10px 16px 0;padding:9px 10px 9px 12px;border-radius:var(--r-md);background:var(--coral-soft);color:var(--ink);font-size:13px;font-weight:500;line-height:1.4}
.fubanner>.ic{flex:none;font-size:16px;color:var(--accent)}
.fubanner .fbtxt{flex:1 1 220px;min-width:0}
.fubanner b{font-weight:600;color:var(--accent)}
.fubanner .fbtxt>.mono{font-weight:400}
.fuack{display:inline-flex;align-items:center;gap:5px;flex:none;border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:var(--r-btn);padding:5px 11px;font:500 12.5px/1.3 var(--font-sans);cursor:pointer;white-space:nowrap;transition:border-color .15s,background .15s}
.fuack:hover{background:var(--panel2);border-color:color-mix(in srgb,var(--ink) 22%,var(--line))}
.fuack .ic{font-size:13px;color:var(--muted)}
button.sel{font-family:inherit}
.archtoggle{font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:700;padding:12px 9px 5px;cursor:pointer;user-select:none;border-top:1px solid var(--line);margin-top:6px}
.archtoggle:hover{color:var(--ink)}
.sel.danger{color:var(--descartado);border-color:color-mix(in srgb,var(--descartado) 35%,var(--line))}
/* funil de vendas — quadro arrastável (pipeline) · v2 (site): o quadro é a seção branca; cada raia é uma caixa cinza-areia (--bg)
   com cabeçalho branco (ponto da cor da etapa + nome em Montserrat caixa-alta + contador mono em pílula) e cards brancos
   raio 14, borda fina e sombra macia (no escuro: raia mais funda que o card, sem sombra) */
.board{display:flex;gap:12px;padding:18px 20px;overflow-x:auto;overflow-y:hidden;flex:1;min-height:0;align-items:stretch;background:var(--panel)}
.bcol{flex:0 0 252px;display:flex;flex-direction:column;background:var(--bg);border:1px solid var(--line);border-radius:var(--r-lg);min-height:0;overflow:hidden}
.bcolhead{display:flex;align-items:center;gap:8px;padding:12px 12px 11px 14px;background:var(--panel);border-bottom:1px solid var(--line)}
.bcolhead .dot{width:8px;height:8px;border-radius:50%;flex:none}
.bcolhead .bcoltitle{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:600 11.5px/1.2 var(--font-display);letter-spacing:.05em;text-transform:uppercase;color:var(--heading)}
.bcolhead .bct{margin-left:auto;flex:none;min-width:28px;text-align:center;background:var(--chip-bg);border-radius:var(--r-pill);padding:1px 8px;font:700 11px/1.55 var(--font-mono);color:var(--text);font-variant-numeric:tabular-nums}
.bcolbody{padding:10px 8px 12px;display:flex;flex-direction:column;gap:8px;overflow-y:auto;flex:1;min-height:60px;transition:background .15s}
.bcolbody.dropok{background:color-mix(in srgb,var(--coral) 7%,transparent);outline:2px dashed color-mix(in srgb,var(--coral) 55%,transparent);outline-offset:-6px;border-radius:var(--r-lg)}
.bcolbody:empty::before{content:"Nenhum lead nesta etapa";display:block;padding:18px 8px;border:1px dashed var(--line);border-radius:var(--r-md);text-align:center;font-size:12px;color:var(--muted)}
.bcard{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);padding:12px 12px 10px;cursor:grab;box-shadow:var(--shadow);transition:border-color .15s,box-shadow .15s}
.bcard:hover{border-color:color-mix(in srgb,var(--ink) 20%,var(--line))}
.bcard.dragging{opacity:.45;cursor:grabbing}
.bcard .btop{display:flex;align-items:center;gap:9px}
.bcard .bwho{min-width:0}
.bcard .bnm{font-weight:600;font-size:13px;color:var(--heading);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bcard .bco{font-size:11.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bcard .bprev{font-size:12px;line-height:1.45;color:var(--text);margin-top:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bcard .btime{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--muted);margin-top:8px;font-variant-numeric:tabular-nums}
.bcard .btime .ic{flex:none}
.flag.reply{background:var(--unread)}
.flag.espera{background:var(--espera)}
.flag.fup{background:var(--followup)}
.flag.aceita{background:var(--aceita)}
/* "responder — cliente aguardando" / follow-up: badge de status coral claro (atenção), texto coral escurecido p/ ler em 11px */
.bcard .breply{--c:var(--unread);display:flex;align-items:center;gap:5px;width:fit-content;max-width:100%;margin-top:8px;padding:2px 9px;border-radius:var(--r-pill);background:var(--coral-soft);color:color-mix(in srgb,var(--c) 60%,var(--ink));font:600 11px/1.45 var(--font-sans)}
.bcard .breply.fup{--c:var(--followup)}
/* merge de deals */
.mergedbadge{font-size:10px;font-weight:700;background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent);padding:1px 7px;border-radius:20px;margin-left:6px;white-space:nowrap}
.bubble .bch{font-size:9px;font-weight:700;opacity:.55;margin-right:5px}
.bubble .bmedia{opacity:.75;font-style:italic;font-size:12.5px}
.chansel{font-family:inherit;font-size:12.5px;border:1px solid var(--line);border-radius:6px;padding:3px 6px;background:var(--panel);color:var(--ink);cursor:pointer}
.mergeresults{max-height:300px;overflow-y:auto;margin:8px 0}
.mres{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 2px;border-bottom:1px solid var(--line)}
.mres .mresinfo{min-width:0;overflow:hidden}
.mres .mch{font-size:10px;opacity:.6}
.mres .msub{font-size:11.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.unmerge{color:var(--descartado);cursor:pointer;font-size:11px;margin-left:6px;text-decoration:underline}
/* base de 240px: sem espaço, os botões descem p/ a linha de baixo em vez de esmagar o nome do lead */
.mheadwho{display:flex;align-items:center;gap:12px;flex:1 1 240px;min-width:0}
.convswitch{padding:8px 16px;border-bottom:1px solid var(--line);font-size:12.5px;color:var(--muted);display:flex;align-items:center;gap:8px;background:var(--panel);flex-wrap:wrap}
.sel.ok{color:var(--reuniao);border-color:color-mix(in srgb,var(--reuniao) 35%,var(--line))}
.classbtns{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 4px}
.classbtns .sel{flex:1 1 auto;min-width:120px;padding:10px}
/* rodapé do card: conta + canal + campanha como chips cinza do site (mint fica p/ dado positivo) */
.bcard .bfoot{display:flex;align-items:center;gap:6px 8px;margin-top:10px;padding-top:9px;border-top:1px solid var(--line-soft);flex-wrap:wrap}
.bcard .bfoot .chpill{display:inline-flex;align-items:center;padding:2px 6px;font-size:12px;background:var(--chip-bg);color:var(--text);border-radius:var(--r-xs)}
.bcamp{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:500 10.5px/1.5 var(--font-sans);background:var(--chip-bg);color:var(--text);padding:1px 7px;border-radius:var(--r-xs)}
/* funil em tela cheia */
.boardov{position:fixed;inset:0;z-index:200;background:var(--panel2);display:flex;flex-direction:column}
.boardov[hidden]{display:none}
.boardov .mhead{flex-wrap:wrap;background:var(--panel)}
.boardov select.sel{max-width:180px;cursor:pointer}
/* Dashboard */
.repwrap{flex:1;overflow:auto;padding:18px 22px;display:flex;flex-direction:column;gap:18px}
.repwrap>*{flex-shrink:0} /* coluna rolável: nada encolhe (senão o <details> com overflow some com 2px ao abrir) */
.statgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
.statcard{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);padding:14px 16px}
.statlbl{font-size:12px;color:var(--muted);margin-bottom:6px}
.statval{font:600 26px/1 var(--font-display);color:var(--ink);font-variant-numeric:tabular-nums}
.statval.ok{color:var(--reuniao)}
.statval.over{color:var(--descartado)}
.reptablewrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r-lg)}
.reptable{width:100%;border-collapse:collapse;font-size:12.5px;background:var(--panel)}
.reptable th,.reptable td{padding:8px 12px;text-align:left;white-space:nowrap}
.reptable thead th{background:var(--panel2);color:var(--muted);font-weight:600;position:sticky;top:0;z-index:1}
.reptable tbody tr{border-top:1px solid var(--line-soft)}
.reptable td.over{color:var(--descartado);font-weight:700}
/* popup de chat estilo LinkedIn */
.chatpop{position:fixed;right:22px;bottom:0;width:344px;height:462px;max-height:82vh;background:var(--panel);border:1px solid var(--line);border-bottom:none;border-radius:var(--r-lg) var(--r-lg) 0 0;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;z-index:300;overflow:hidden}
.chatpop .cphead{display:flex;align-items:center;gap:9px;padding:9px 10px 9px 12px;border-bottom:1px solid var(--line);background:var(--panel);background-image:var(--glow)}
.chatpop .cphead .avatar{width:32px;height:32px;font-size:11.5px}
.chatpop .cpwho{flex:1;min-width:0}
.chatpop .cpnm{display:flex;align-items:center;gap:6px;min-width:0;font:600 13.5px/1.3 var(--font-sans);color:var(--ink)}
.chatpop .cpnmtxt{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chatpop .cpnm .ltbadge{flex:none}
.chatpop .cpvia{display:flex;align-items:center;gap:4px;font-size:11.5px;color:var(--muted)}
.chatpop .cphead .iconbtn{width:30px;height:30px;font-size:15px;flex:none}
.chatpop .cpthread{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:7px;background:var(--panel2)}
.chatpop .bubble{max-width:84%;font-size:13px;padding:8px 12px}
.chatpop .cpcomp{display:flex;gap:6px;padding:8px;border-top:1px solid var(--line);align-items:flex-end;background:var(--panel)}
.chatpop .cpcomp textarea{flex:1;resize:none;border:1px solid var(--line);border-radius:var(--r-md);padding:8px 12px;background:var(--panel);color:var(--ink);font:400 13px/1.4 var(--font-sans);max-height:84px;outline:none;transition:border-color .15s}
.chatpop .cpcomp textarea:focus{border-color:var(--focus-c)}
.chatpop .cpcomp .sendbtn{width:36px;height:36px;padding:0;border-radius:var(--r-btn);font-size:15px}
@media (max-width:560px){.chatpop{right:0;left:0;width:auto;height:72vh}}
/* canal e-mail */
/* abas LinkedIn / E-mail do modal de novo lead = chips do site (cinza-claro; a escolhida em tinta) */
.chantabs{display:flex;gap:6px;padding:0;margin:8px 0 14px;border:none;background:none}
.chantab{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 10px;border:1px solid var(--chip-line);background:var(--chip-bg);border-radius:var(--r-btn);font:500 13px/1.2 var(--font-sans);color:var(--ink);cursor:pointer;transition:color .15s,background .15s,border-color .15s}
.chantab:hover{background:color-mix(in srgb,var(--ink) 9%,transparent)}
.chantab.on{background:var(--ink-fill);color:var(--on-ink-fill);border-color:var(--ink-fill)}
/* selo "E-mail" (lista/funil): pílula neutra — menta fica só p/ dado positivo */
.chpill{display:inline-flex;align-items:center;gap:4px;font:500 10.5px/1.5 var(--font-sans);padding:1px 8px;border-radius:var(--r-pill);background:var(--chip-bg);color:var(--text);white-space:nowrap}
.bsubj{font-weight:600;font-size:12px;margin-bottom:4px;opacity:.92}
.bubble.bmail{white-space:pre-wrap}
/* selo de canal na bolha (conversa mesclada) */
.bubble .bch .ic{font-size:11px;vertical-align:-.12em}
.emailsubj{width:100%;border:1px solid var(--line);border-radius:var(--r-md);padding:9px 13px;background:var(--panel);color:var(--ink);font:500 13px/1.3 var(--font-sans);margin-bottom:8px;outline:none;transition:border-color .15s}
.emailsubj:focus{border-color:var(--focus-c)}
.chatpop .emailsubj{border-radius:0;border-left:none;border-right:none;border-bottom:none;margin-bottom:0}
/* collapsible section caps: o ponto coral fica à esquerda (eyebrow) e o chevron (ic, no index.html) à direita gira ao recolher */
.railcap.toggle{cursor:pointer;user-select:none;transition:color .15s}
.railcap.toggle .capchev{flex:none;font-size:12px;margin-right:2px;opacity:.8;transition:transform .15s}
.railcap.toggle.collapsed .capchev{transform:rotate(-90deg)}
.railcap.toggle:hover{color:var(--rail-ink)}
/* filtros ativos = "chip escolhido" do site (tinta cheia, texto branco, raio 8); "limpar tudo" é o chip sem fundo */
.filterbar{display:flex;flex-wrap:wrap;gap:6px}
.fchip{display:inline-flex;align-items:center;gap:5px;font:500 12px/1.4 var(--font-sans);background:var(--ink-fill);color:var(--on-ink-fill);border:1px solid var(--ink-fill);border-radius:var(--r-btn);padding:3px 4px 3px 10px;cursor:pointer;max-width:100%;transition:background .15s,border-color .15s,color .15s}
.fchip b{font-weight:400;color:inherit;opacity:.72;flex:none}
.fchip .fv{font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fchip .fx{flex:none;display:inline-grid;place-items:center;width:18px;height:18px;border-radius:var(--r-xs);color:inherit;opacity:.75;transition:background .15s,opacity .15s}
.fchip:hover .fx{background:color-mix(in srgb,var(--on-ink-fill) 18%,transparent);opacity:1}
.fchip.clearall{background:transparent;color:var(--muted);border-color:transparent;padding:3px 8px 3px 6px}
.fchip.clearall:hover{color:var(--ink);background:var(--chip-bg)}
/* filtro por motivo de descarte */
.reasonbar{display:flex;align-items:center;gap:8px}
.reasonbar label{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:500;color:var(--muted);white-space:nowrap}
.reasonbar select{flex:1;min-width:0;font:500 12.5px/1.3 var(--font-sans);padding:6px 30px 6px 11px;border:1px solid var(--line);border-radius:var(--r-btn);background:var(--panel) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2378716c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 10px center/14px;color:var(--ink);cursor:pointer;appearance:none;-webkit-appearance:none;transition:border-color .15s}
.reasonbar select:hover{border-color:color-mix(in srgb,var(--ink) 18%,var(--line))}
/* badge de categoria do lead (Jobposter / Hiring Manager / #hiring) — pílula tingida pela cor (--c) */
.ltbadge{display:inline-flex;align-items:center;font:600 10.5px/1.45 var(--font-sans);padding:1px 8px;border-radius:var(--r-pill);white-space:nowrap;background:color-mix(in srgb,var(--c) 13%,transparent);color:color-mix(in srgb,var(--c) 60%,var(--ink))}
.bltrow{margin:2px 0}
/* motivo de descarte no card */
.discardrow{font-size:11px;color:color-mix(in srgb,var(--descartado) 80%,var(--ink));background:color-mix(in srgb,var(--descartado) 8%,transparent);border-radius:var(--r-xs);padding:2px 8px;margin:5px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* cap semanal de convites por conta (X/200) no rail de contas — mono; âmbar perto do limite, coral no limite */
.invcap{flex:none;font:700 10px/1.5 var(--font-mono);padding:0 6px;border-radius:var(--r-pill);margin-left:6px;white-space:nowrap;background:var(--rail-chip);color:color-mix(in srgb,var(--rail-muted) 60%,var(--rail-ink))}
.invcap.warn{background:var(--cb-amber-soft);color:var(--cb-amber-ink)}
.invcap.over{background:var(--unread-fill);color:var(--on-unread)}
.navitem.on .invcap:not(.warn):not(.over){background:color-mix(in srgb,var(--rail-on-ink) 20%,transparent);color:var(--rail-on-ink)}
/* badge de ORIGEM no topo do card (destaque p/ Comentários LinkedIn) */
.origembadge{display:inline-flex;align-items:center;gap:4px;font:500 10.5px/1.45 var(--font-sans);padding:1px 8px;border-radius:var(--r-pill);white-space:nowrap;background:var(--panel2);color:var(--text);box-shadow:inset 0 0 0 1px var(--line)}
.origembadge.li{background:color-mix(in srgb,var(--li) 12%,transparent);color:color-mix(in srgb,var(--li) 75%,var(--ink));box-shadow:none;font-weight:600}
a.origembadge.commentlink{cursor:pointer;text-decoration:none}
a.origembadge.commentlink:hover{background:color-mix(in srgb,var(--li) 22%,transparent);text-decoration:underline}
/* botão WhatsApp ao lado do telefone */
.wabtn{display:inline-flex;align-items:center;gap:3px;font-size:11px;font-weight:700;text-decoration:none;background:#25d366;color:#0b3d1f;border-radius:20px;padding:2px 9px;margin-left:6px;white-space:nowrap}
.wabtn:hover{filter:brightness(1.05)}
/* seletor de etapa: pílula tingida pela cor da etapa (--c), ponto na cor cheia e texto misturado com a tinta (lê nos 2 temas) */
.stagepick{position:relative}
.stagebtn{display:inline-flex;align-items:center;gap:7px;border:1px solid color-mix(in srgb,var(--c) 30%,var(--line));background:color-mix(in srgb,var(--c) 12%,var(--panel));color:color-mix(in srgb,var(--c) 50%,var(--ink));font:600 13px/1.2 var(--font-sans);border-radius:var(--r-pill);padding:7px 11px 7px 12px;cursor:pointer;white-space:nowrap;transition:border-color .15s,background .15s}
.stagebtn:hover{border-color:color-mix(in srgb,var(--c) 60%,var(--line));background:color-mix(in srgb,var(--c) 18%,var(--panel))}
.stagebtn::before,.stageopt::before,.qbtn::before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:var(--c)}
.stagebtn .chev{display:inline-flex;color:color-mix(in srgb,var(--c) 40%,var(--muted));font-size:13px}
.sic{display:inline-flex;color:var(--c,currentColor)}
.stagemenu{position:absolute;top:calc(100% + 6px);right:0;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);z-index:30;overflow:hidden;min-width:210px;padding:5px}
.stageopt{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:var(--r-btn);font-size:13px;font-weight:500;cursor:pointer;color:var(--ink)}
.stageopt:hover{background:var(--hover)}
.stageopt.cur{background:var(--accent-soft);font-weight:600}
/* menu de modelos (templates): botão secundário do site (branco, fio, raio 8) */
.tmplwrap{position:relative;margin-left:auto}
.tmplbtn{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--panel);border-radius:var(--r-btn);padding:5px 9px 5px 10px;font:500 12.5px/1.3 var(--font-sans);color:var(--ink);cursor:pointer;transition:border-color .15s,background .15s}
.tmplbtn:hover{background:var(--panel2);border-color:color-mix(in srgb,var(--ink) 22%,var(--line))}
.tmplbtn>.ic,.tmplbtn .chev{display:inline-flex;color:var(--muted)}
.tmplmenu{position:absolute;bottom:calc(100% + 6px);right:0;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);z-index:30;overflow:hidden;min-width:220px;padding:5px}
.tmplopt{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:var(--r-btn);font-size:13px;cursor:pointer;color:var(--ink)}
.tmplopt .ic{color:var(--muted)}
.tmplopt:hover{background:var(--hover)}
/* anexos: botão de ícone do site (raio 8) e o arquivo escolhido como chip */
.attachbtn{display:grid;place-items:center;width:46px;height:46px;border:1px solid var(--line);border-radius:var(--r-btn);background:var(--panel);color:var(--text);cursor:pointer;font-size:18px;flex:none;transition:border-color .15s,color .15s,background .15s}
.attachbtn:hover{color:var(--ink);background:var(--panel2);border-color:color-mix(in srgb,var(--ink) 22%,var(--line))}
.filerow{display:flex;align-items:center;gap:7px;font-size:12.5px;color:var(--ink);background:var(--chip-bg);border:1px solid var(--chip-line);border-radius:var(--r-btn);padding:3px 4px 3px 10px;width:fit-content;max-width:100%}
.filerow>.ic{color:var(--muted)}
.filerow #fileName{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.filerow button{display:inline-grid;place-items:center;width:22px;height:22px;border:none;border-radius:var(--r-xs);background:none;color:var(--muted);cursor:pointer;font-size:13px;flex:none}
.filerow button:hover{color:var(--descartado);background:color-mix(in srgb,var(--descartado) 10%,transparent)}
.bubble .att{display:flex;align-items:center;gap:5px;font-size:12px;opacity:.85;margin-bottom:3px}
/* ações rápidas = chips do site (cinza-claro, raio 8) com o ponto da cor da etapa; a etapa atual é o chip escolhido (tinta) */
.quick{display:flex;flex-wrap:wrap;gap:6px}
.qbtn{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--chip-line);background:var(--chip-bg);color:var(--ink);border-radius:var(--r-btn);padding:4px 10px 4px 9px;font:500 12.5px/1.4 var(--font-sans);cursor:pointer;white-space:nowrap;transition:border-color .15s,background .15s}
.qbtn:hover{border-color:color-mix(in srgb,var(--c) 30%,var(--line));background:color-mix(in srgb,var(--c) 12%,var(--panel))}
.qbtn.cur{border-color:var(--ink-fill);background:var(--ink-fill);color:var(--on-ink-fill)}
.qbtn.cur::before{box-shadow:0 0 0 1.5px var(--on-ink-fill)}
.qbtn.cur .sic{color:inherit}
/* modal — a base (overlay com desfoque, caixa raio 16, título Montserrat caixa-alta, botão principal coral) vem do brand.css */
.modal{position:fixed;inset:0;background:rgba(8,12,20,.55);display:grid;place-items:center;z-index:400}
.modalbox{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-xl);padding:24px;width:min(420px,92vw);box-shadow:var(--shadow-lg)}
.modalbox h3{font-size:18px;margin-bottom:6px}
.modalbox h3 .tt-lead{color:var(--muted)}
.modalbox h3 .req{font-family:var(--font-sans)}
.modalsub{color:var(--muted);font-size:13px;margin-bottom:14px}
.modalhint{color:var(--muted);font-size:12px;margin:2px 0 8px}
.modalbox .modalsub b{color:var(--ink);font-weight:600}
/* a linha de erro vazia não reserva espaço antes dos botões (aparece quando tem texto) */
.modalbox .err:empty{min-height:0;margin-top:0}
/* busca dentro do modal (merge, lead da task): lupa dentro do campo */
.minput{position:relative}
.minput>.ic{position:absolute;left:13px;top:13px;font-size:15px;color:var(--muted);pointer-events:none}
.minput .modalinput{padding-left:36px}
.mempty{color:var(--muted);padding:8px 2px}
.modalbox .mres{padding:9px 2px;border-bottom-color:var(--line-soft)}
.modalbox .mres b{font-weight:600;color:var(--ink)}
.mres .mch .ic{font-size:12px;vertical-align:-.15em}
.mres .sel{padding:5px 12px;font-size:12px}
/* prévia do Apollo no modal de novo lead: caixa de destaque do site (degradê pêssego→creme) */
.leadpv{border:1px solid color-mix(in srgb,var(--coral) 16%,var(--line));border-radius:var(--r-md);padding:11px 13px;margin:4px 0 10px;font-size:12.5px;background:var(--glow-soft)}
.leadpv .kv{margin:2px 0;font-size:12.5px;overflow-wrap:anywhere}
.leadpv .kvr{grid-template-columns:92px minmax(0,1fr);margin:3px 0}
.leadpv-h{display:flex;align-items:center;gap:6px;font-weight:600;color:var(--heading);margin-bottom:6px}
.leadpv-h .ic{color:var(--accent)}
.leadpv-m{color:var(--muted)}
.modalactions .leadpeek{margin-right:auto}
#leadModal .modalbox{width:min(460px,94vw)}
.modalactions .leadpeek .ic{color:var(--muted)}
/* espera/lembrete (convite pendente, reunião chegando) = âmbar; no-show = coral mais forte */
.fubanner.invite,.fubanner.meet{background:color-mix(in srgb,var(--cb-amber) 20%,var(--panel))}
.fubanner.invite>.ic,.fubanner.meet>.ic{color:color-mix(in srgb,var(--morno) 78%,var(--ink))}
.fubanner.invite b,.fubanner.meet b{color:color-mix(in srgb,var(--morno) 45%,var(--ink))}
.fubanner.noshow{background:color-mix(in srgb,var(--coral) 22%,var(--panel))}
/* cadência esgotada (decidir: descartar ou continuar) e convite parado */
.fubanner.final{background:color-mix(in srgb,var(--ink) 7%,var(--panel))}
.fubanner.final>.ic,.fubanner.final b{color:var(--ink)}
.fubanner.convite{background:color-mix(in srgb,var(--espera) 22%,var(--panel))}
.fubanner.convite>.ic,.fubanner.convite b{color:var(--ink)}
/* calendário: título próprio da task automática (ex.: "Cadência esgotada") ao lado do lead */
.cdtag{flex:none;font-size:11px;font-weight:600;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:46%}
.fubanner.noshow>.ic,.fubanner.noshow b{color:var(--accent)}
.fubanner.noshow .nsacts{display:inline-flex;gap:6px;flex-wrap:wrap}
/* escuro: coral/âmbar translúcidos sobre a tinta ficam marrom/oliva — as faixas viram vidro (como os cards das seções ink
   do site) com um fio na cor do estado; ícone e palavra-chave continuam na cor do estado */
:root[data-theme="dark"] .fubanner{background:var(--chip-bg);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--coral) 34%,transparent)}
:root[data-theme="dark"] .fubanner.noshow{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--coral) 62%,transparent)}
:root[data-theme="dark"] .fubanner.invite,:root[data-theme="dark"] .fubanner.meet{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--cb-amber) 36%,transparent)}
:root[data-theme="dark"] .fubanner.aceita{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--emerald) 36%,transparent)}
.flag.noshow{background:var(--descartado);animation:nspulse 1.6s ease-in-out infinite}
@keyframes nspulse{0%,100%{box-shadow:0 0 0 0 color-mix(in srgb,var(--descartado) 55%,transparent)}50%{box-shadow:0 0 0 4px color-mix(in srgb,var(--descartado) 0%,transparent)}}
@media (prefers-reduced-motion:reduce){.flag.noshow{animation:none}}
.tsec[data-sec="noshow"] .tsect{color:var(--descartado)}
.tauditbtn{margin-left:6px;border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:var(--r-btn);padding:3px 10px;font:500 12px/1.4 var(--font-sans);cursor:pointer;transition:border-color .15s,background .15s}
.tauditbtn:hover{background:var(--panel2);border-color:color-mix(in srgb,var(--ink) 22%,var(--line))}
.autotask{display:flex;justify-content:space-between;align-items:baseline;gap:4px 8px;flex-wrap:wrap}
.autotask .atl{display:inline-flex;align-items:baseline;gap:6px;min-width:0}
.autotask .atic{display:inline-flex;color:var(--c,var(--muted));align-self:center}
.autotask.done,.autotask.done .atic{color:var(--muted)}
.autotask .atst{font-size:11.5px;color:var(--muted)}
.modalbox.auditbox{width:min(720px,94vw)}
.audh{margin:14px 0 6px;font-size:13px;font-weight:600;color:var(--ink)}.audh span{color:var(--muted);font-weight:500}
.audsec{border:1px solid var(--line);border-radius:var(--r-md);margin:6px 0;padding:0 12px;background:var(--panel2)}
.audsec summary{display:flex;justify-content:space-between;align-items:center;padding:9px 0;cursor:pointer;font-weight:600;font-size:13px;color:var(--ink)}
.audsec summary b{min-width:28px;text-align:center;border-radius:var(--r-pill);padding:1px 8px;font:700 11.5px/1.5 var(--font-mono);background:var(--panel);border:1px solid var(--line)}
.audsec summary b.bad{background:var(--cb-coral-tag);color:var(--cb-coral-ink);border-color:transparent}
.audhint{color:var(--muted);font-size:12px;margin:-2px 0 6px}
.audrow{display:flex;justify-content:space-between;gap:10px;padding:6px 4px;border-top:1px solid var(--line-soft);color:var(--ink);text-decoration:none;font-size:12.5px}
.audrow span{color:var(--muted);text-align:right}
.audrow:hover b{color:var(--accent)}
.audempty{color:var(--muted);font-size:12.5px;padding:4px 0 10px}
@media (max-width:520px){.audrow{flex-direction:column;gap:2px}.audrow span{text-align:left}}
/* conexão aceita = boa notícia: caixa de destaque do site (degradê pêssego→creme) com o ícone em emerald (positivo) */
.fubanner.aceita{background:var(--glow-soft);color:var(--ink);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--coral) 16%,var(--line))}
.fubanner.aceita>.ic{color:var(--emerald)}
.fubanner.aceita b{color:var(--heading)}
.modalinput{width:100%;border:1px solid var(--line);background:var(--panel2);color:var(--ink);border-radius:9px;padding:10px 12px;font:inherit;font-size:14px;margin-bottom:10px;outline:none}
select.modalinput{appearance:none;-webkit-appearance:none;padding-right:36px;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2378716c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center;background-size:14px}
textarea.modalinput{resize:vertical;line-height:1.45}
.modalinput::placeholder{color:var(--muted)}
.mlbl{display:block;font-size:12px;font-weight:700;color:var(--muted);margin:4px 0 5px}
.mlbl .opt{text-transform:none;letter-spacing:0}
.req{color:var(--accent)}
.modalinput:focus{border-color:var(--accent)}
.modalactions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:6px}
.modalactions button{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--panel2);color:var(--ink);border-radius:9px;padding:8px 16px;font-weight:600;cursor:pointer;font-family:inherit}
.modalactions button:disabled{opacity:.5;cursor:default}
.modalactions .primary.danger,.modalactions .primary.danger:hover{background:var(--cb-red);border-color:var(--cb-red);color:#fff}
/* descartar (destrutivo) fica no vermelho da marca, mas com o raio 8 dos botões do site (vence o .danger em pílula do Poster) */
.modal .modalactions button.primary.danger{border-radius:var(--r-btn);padding:8px 16px;font-weight:500}
.classbtns .sel{justify-content:center}
.modalactions .primary{background:var(--accent-strong);color:var(--on-accent);border-color:var(--accent-strong)}
/* mobile controls (hidden on desktop) — botão secundário do site (branco, borda fina, raio 8) */
.menubtn{display:none;flex:none;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid var(--line);background:var(--panel);border-radius:var(--r-btn);font-size:16px;cursor:pointer;color:var(--ink);transition:border-color .15s,background .15s}
.menubtn:hover{border-color:color-mix(in srgb,var(--ink) 18%,var(--line));background:var(--panel2)}
.iconbtn.back{display:none}
@media (max-width:900px){
  .app{grid-template-columns:1fr!important;position:relative}
  .rail{position:fixed;left:0;top:0;bottom:0;width:250px;z-index:60;transform:translateX(-100%);transition:transform .2s;box-shadow:var(--shadow-lg);border-right:1px solid var(--rail-line)}
  .rail.open{transform:translateX(0)}
  .listcol{display:flex}
  .mainwrap{display:none;position:fixed;inset:0;z-index:50;background:var(--panel2)}
  body.conv-open .listcol{display:none}
  body.conv-open .mainwrap{display:flex}
  .info{display:none!important}
  .rzcol{display:none!important}
  .menubtn{display:inline-flex}
  .iconbtn.back{display:grid}
  .row1{justify-content:flex-start;gap:10px}
  .mhead{gap:8px;padding:10px 12px}
  .mhead .who .nm{font-size:14.5px}
  .stagebtn,.sel{padding:6px 8px;font-size:12px}
  .listhead h2 .ltgrp{display:none}
}

/* ---------- Poster & Commenter (marca v2, como o combinegr.com: card branco de composição, abas = chips, ação em coral, status em pill) ---------- */
.studiotabs{display:flex;align-items:center;gap:8px;padding:10px 24px;background:var(--panel);border-bottom:1px solid var(--line)}
.studiotabs .seg{flex:none}
.studiotabs .seg button{padding:6px 14px;font-size:13px}
.stab{display:inline-flex;align-items:center;gap:7px;transition:color .15s,background .15s,border-color .15s}
.stab .ic{font-size:14px;color:var(--muted);transition:color .15s}
.seg .stab.on .ic{color:inherit}
.studiowrap{flex:1;overflow-y:auto;display:flex;flex-direction:column;align-items:center;gap:18px;padding:24px 18px 64px}
.studiopanel{width:100%;max-width:720px;display:flex;flex-direction:column;gap:18px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow);padding:22px 24px}
@media (max-width:520px){.studiotabs{padding:8px 10px;overflow-x:auto}.studiotabs .seg button{padding:6px 10px;font-size:12.5px}.studiowrap{padding:14px 10px 40px}.studiopanel{padding:16px 14px}}
/* agendar / curtir = chips de alternar (cinza → tinta quando marcado), com a caixinha de seleção em coral */
.schedrow{display:flex;align-items:center;gap:10px 12px;flex-wrap:wrap;min-height:36px}
.schedtoggle,.likerow{position:relative;display:inline-flex;align-items:center;gap:8px;align-self:flex-start;padding:6px 12px 6px 10px;border:1px solid var(--chip-line);background:var(--chip-bg);border-radius:var(--r-btn);font:500 13px/1.3 var(--font-sans);color:var(--ink);cursor:pointer;user-select:none;transition:background .15s,border-color .15s,color .15s}
.schedtoggle:hover,.likerow:hover{background:color-mix(in srgb,var(--ink) 9%,transparent)}
.schedtoggle::before,.likerow::before{content:"";flex:none;width:14px;height:14px;box-sizing:border-box;border-radius:4px;border:1.5px solid color-mix(in srgb,var(--ink) 38%,transparent);background:var(--panel) center/10px 10px no-repeat;transition:background-color .15s,border-color .15s}
.schedtoggle .ic,.likerow .ic{font-size:14px;color:var(--muted);transition:color .15s}
.schedtoggle input,.likerow input{position:absolute;left:10px;top:50%;width:14px;height:14px;margin:-7px 0 0;opacity:0;pointer-events:none}
.schedtoggle:has(input:checked),.likerow:has(input:checked){background:var(--ink-fill);border-color:var(--ink-fill);color:var(--on-ink-fill)}
.schedtoggle:has(input:checked) .ic,.likerow:has(input:checked) .ic{color:inherit}
.schedtoggle:has(input:checked)::before,.likerow:has(input:checked)::before{border-color:var(--cb-coral);background-color:var(--cb-coral);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E")}
.schedtoggle:has(input:focus-visible),.likerow:has(input:focus-visible){box-shadow:var(--focus)}
.schedrow .schedwhen{width:auto;margin-bottom:0;padding:5px 10px;font-family:var(--font-mono);font-size:13px}
.schedrow .schedtoggle{align-self:center}
/* lista de agendados: cards brancos; status em pill (agendado = cinza · publicado = mint · erro = coral-tag) */
.schedlist{width:100%;max-width:720px;display:flex;flex-direction:column;gap:10px}
.schedlist:empty{display:none}
.schedhead{display:flex;align-items:center;gap:8px;margin:8px 2px 2px;font:600 10.5px/1.2 var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.schedhead::before{content:"";flex:none;width:5px;height:5px;border-radius:50%;background:var(--coral)}
.schedhead .bpill{font-size:10.5px;padding:1px 8px;letter-spacing:0}
.scheditem{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;border:1px solid var(--line);border-radius:var(--r-lg);padding:14px 16px;background:var(--panel);box-shadow:var(--shadow);transition:border-color .15s}
.scheditem:hover{border-color:color-mix(in srgb,var(--ink) 18%,var(--line))}
.scheditem.canceled{background:var(--panel2);box-shadow:none}
.schedmain{min-width:0;flex:1}
.schedkind{font-size:13px;font-weight:600;color:var(--ink);transition:color .15s}
.schedkind .ic{color:var(--accent)}
.scheddesc{font-size:12.5px;color:var(--text);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.schedmeta{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex:none;text-align:right}
.schedwhen2{display:inline-flex;align-items:center;gap:5px;font:400 12px/1.3 var(--font-mono);color:var(--ink);white-space:nowrap}
.schedwhen2 .ic{color:var(--muted)}
.schedstatus{font-size:11.5px;color:var(--muted);white-space:nowrap}
.schedcancel{font:500 12px/1.3 var(--font-sans);border:1px solid color-mix(in srgb,var(--descartado) 35%,var(--line));background:var(--panel);color:var(--descartado);border-radius:var(--r-btn);padding:4px 11px;cursor:pointer;transition:border-color .15s,background .15s}
.schedcancel:hover{border-color:var(--descartado);background:var(--panel2)}
/* campos do estúdio: rótulo em Montserrat caixa-alta discreto (como os rótulos do site) */
.fld{display:flex;flex-direction:column;gap:8px}
.fld>label{font:600 10.5px/1.3 var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.fld .modalinput{margin-bottom:0}
/* editor = toolbar de formatação (botões secundários, raio 8) grudada no topo da área de texto */
.fmtbar{display:flex;gap:6px;flex-wrap:wrap}
.fld>.fmtbar{padding:6px;background:var(--panel2);border:1px solid var(--line);border-bottom-color:var(--line-soft);border-radius:var(--r-btn) var(--r-btn) 0 0;transition:border-color .15s}
.fmtbar button{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:32px;height:28px;padding:0 10px;border:1px solid var(--line);background:var(--panel);border-radius:var(--r-btn);cursor:pointer;color:var(--ink);font:500 12.5px/1 var(--font-sans);transition:border-color .15s,background .15s}
.fmtbar button:hover{border-color:color-mix(in srgb,var(--ink) 20%,var(--line));background:var(--panel2)}
.fmtbar button .ic{color:var(--muted)}
.fmtbar button b,.fmtbar button i{font-size:13.5px}
.studioarea{width:100%;border:1px solid var(--line);border-radius:var(--r-btn);padding:12px 14px;font:400 14.5px/1.55 var(--font-sans);background:var(--panel);color:var(--ink);resize:vertical;box-sizing:border-box;transition:border-color .15s}
.fld>.fmtbar+.studioarea{margin-top:-9px;border-top-color:transparent;border-radius:0 0 var(--r-btn) var(--r-btn)}
.studioarea::placeholder{color:var(--muted)}
.studioarea:focus{outline:none;border-color:var(--focus-c)}
.fld>.fmtbar+.studioarea:focus-visible{box-shadow:none;border-top-color:transparent!important}
.fld:has(>.studioarea:focus)>.fmtbar{border-color:var(--focus-c);border-bottom-color:var(--line-soft)}
.studiofoot{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;font-size:12px;color:var(--muted)}
.studiofoot .cnt b{font:700 12px/1 var(--font-mono);color:var(--ink)}
.attachwrap{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}
.attachbtn2{display:inline-flex;align-items:center;gap:6px;cursor:pointer;color:var(--ink);font:500 12.5px/1.2 var(--font-sans);border:1px solid var(--line);background:var(--panel);border-radius:var(--r-btn);padding:6px 11px;transition:border-color .15s,background .15s}
.attachbtn2:hover{border-color:color-mix(in srgb,var(--ink) 20%,var(--line));background:var(--panel2)}
.attachbtn2 .ic{font-size:14px;color:var(--accent)}
.imgrow{display:flex;flex-wrap:wrap;gap:8px}
.imgrow:empty{display:none}
.imgchip{position:relative;width:80px;height:80px;border-radius:var(--r-md);overflow:hidden;border:1px solid var(--line)}
.imgchip img{width:100%;height:100%;object-fit:cover;display:block}
.imgchip button{position:absolute;top:4px;right:4px;width:22px;height:22px;border:none;border-radius:50%;background:rgba(0,26,18,.72);color:#fff;cursor:pointer;font-size:12px;line-height:1;display:grid;place-items:center}
.resolverow{display:flex;gap:8px;align-items:center}
.resolverow input{flex:1;min-width:0;margin-bottom:0}
.resolverow .sel{align-self:stretch}
/* post alvo encontrado: caixa suave (areia) com o autor e os números */
.postprev{border:1px solid var(--line);border-radius:var(--r-lg);padding:14px 16px;background:var(--panel2);font-size:13.5px;color:var(--ink)}
.prevhead{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.prevhead img,.prevav{width:44px;height:44px;border-radius:50%;flex:none;object-fit:cover}
.prevav{display:grid;place-items:center;background:var(--panel);border:1px solid var(--line);color:var(--muted);font-weight:700;font-size:13px}
.prevnm{font-weight:600;color:var(--ink)}
.prevhl{font-size:12px;color:var(--muted)}
.prevtxt{white-space:pre-wrap;margin-bottom:10px;color:var(--text)}
.prevmeta{display:flex;align-items:center;flex-wrap:wrap;gap:6px 14px;font-size:12px;color:var(--muted)}
.prevmeta>span{display:inline-flex;align-items:center;gap:5px}
.prevmeta .num{color:var(--ink);font-weight:700}
.prevload{color:var(--muted)}
.postprev .err{color:var(--descartado)}
/* ações: principal em coral (raio 8, peso 500, como "Book a Call"), secundária branca com borda */
.studioactions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding-top:18px;border-top:1px solid var(--line-soft)}
.studioactions .primary{background:var(--accent-strong);color:var(--on-accent);border:1px solid var(--accent-strong);border-radius:var(--r-btn);font:500 14px/1.2 var(--font-sans);padding:10px 20px;cursor:pointer;transition:background .15s,border-color .15s}
.studioactions .primary:hover:not(:disabled){background:#de604a;border-color:#de604a}
.studioactions .primary:disabled{opacity:.6;cursor:default}
.studioactions .sel{padding:9px 14px;font-size:13.5px}
/* retorno da ação: sucesso = pill mint com ✓, erro = pill coral-tag com ícone (o JS só troca o texto e a classe) */
.studiomsg{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:var(--text)}
.studiomsg:empty{display:none}
.studiomsg.ok{background:var(--mint);color:var(--on-mint);border-radius:var(--r-pill);padding:5px 12px 5px 10px;--msg-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E")}
.studiomsg.err{background:var(--cb-coral-tag);color:var(--cb-coral-ink);border-radius:var(--r-pill);padding:5px 12px 5px 10px;margin:0;min-height:0;--msg-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 8v4M12 16h.01'/%3E%3C/svg%3E")}
.studiomsg.ok::before,.studiomsg.err::before{content:"";flex:none;width:14px;height:14px;background:currentColor;-webkit-mask:var(--msg-ic) center/contain no-repeat;mask:var(--msg-ic) center/contain no-repeat}

/* ---------- controles genéricos (novos) ---------- */
.sel.primary{background:var(--accent-strong);color:var(--on-accent);border-color:var(--accent-strong)}
.sel.primary:hover{filter:brightness(1.08)}
.sel.on{background:var(--accent-soft);color:var(--accent);border-color:color-mix(in srgb,var(--accent) 35%,var(--line))}
.chip{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--line);background:var(--panel2);border-radius:20px;padding:4px 11px;font-size:12px;font-weight:600;color:var(--ink);cursor:pointer;white-space:nowrap}
.chip:hover{border-color:var(--accent)}
.chip.on{background:var(--accent-soft);color:var(--accent);border-color:var(--accent)}
.chip.clear{color:var(--muted)}
.seg{display:inline-flex;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--panel2);flex:none}
.seg button{border:none;background:transparent;padding:6px 12px;font-size:12.5px;font-weight:600;color:var(--muted);cursor:pointer}
.seg button+button{border-left:1px solid var(--line)}
.seg button.on{background:var(--accent-soft);color:var(--accent)}
.muted{color:var(--muted)}
.opt{color:var(--muted);font-weight:500}
.dangerbtn{color:var(--descartado)!important;border-color:color-mix(in srgb,var(--descartado) 35%,var(--line))!important}
/* toast com ação (Desfazer) e erro */
.toast.hasact{display:flex;align-items:center;gap:12px}
.toast.hasact.show{pointer-events:auto} /* só clicável enquanto visível */
.toast.err{background:var(--descartado);color:#fff}
.toastact{border:1px solid currentColor;background:none;color:inherit;border-radius:7px;padding:2px 10px;font-weight:700;cursor:pointer}
.modalbox{max-height:92vh;overflow-y:auto}

/* ---------- lista: título + Tasks do dia ---------- */
.row1{display:flex;align-items:center;gap:8px}
.listhead h2{flex:1;min-width:0;display:flex;align-items:center;gap:8px;white-space:nowrap}
.listhead h2 .lttxt{min-width:0;overflow:hidden;text-overflow:ellipsis}
.ltdate{font:400 12px/1.2 var(--font-sans);letter-spacing:0;text-transform:none;color:var(--muted);margin-left:4px}
.ltdate.ltct{flex:none;display:inline-block;margin-left:0;color:var(--text);font:700 11px/1.55 var(--font-mono);background:var(--chip-bg);border-radius:var(--r-pill);padding:0 8px;vertical-align:2px}
.ltdate .mono{font-weight:700}
/* pílula das tasks (só no celular): chip do site; coral cheio quando tem atraso */
.taskspill{display:none;border:1px solid var(--chip-line);border-radius:var(--r-btn);padding:4px 10px;min-height:30px;background:var(--chip-bg);color:var(--ink);font:600 12px/1.2 var(--font-sans);cursor:pointer;flex:none}
.taskspill.late{background:var(--unread-fill);border-color:var(--unread-fill);color:var(--on-unread)}
.taskspill b{display:inline-flex;align-items:center;gap:3px;font-weight:700;font-family:var(--font-mono)}
.listempty{height:160px;gap:8px;align-content:center;font-size:13px}
.listempty .ic{font-size:22px;justify-self:center}
/* seções da tela de tasks: título = eyebrow do site (Montserrat 600 caixa-alta) com o ponto na cor da seção (--sc) */
.tsec{border-bottom:1px solid var(--line)}
.tsechead{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:8px;background:var(--panel);padding:14px 16px 9px;border-bottom:1px solid var(--line-soft)}
.tsect{display:inline-flex;align-items:center;gap:7px;font:600 10.5px/1.2 var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--heading);white-space:nowrap}
.tsect::before{content:"";flex:none;width:5px;height:5px;border-radius:50%;background:var(--sc,var(--coral))}
.tsechint{font-size:11.5px;color:var(--muted);flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tsecct{margin-left:auto;font:700 11px/1.55 var(--font-mono);color:var(--text);background:var(--chip-bg);border-radius:var(--r-pill);padding:0 8px}
.tsec[data-sec="reply"]{--sc:var(--unread-fill)}
.tsec[data-sec="conex"]{--sc:var(--aceita)}
.tsec[data-sec="fup"]{--sc:var(--followup)}
.tsec[data-sec="manual"]{--sc:var(--coral)}
.tsec[data-sec="noshow"]{--sc:var(--descartado)}
.tsec[data-sec="noshow"] .tsect{color:var(--heading)} /* anula o título vermelho antigo (regra mais acima): a cor da seção fica só no ponto */
details.tdone{--sc:var(--emerald)}
details.tdone summary{cursor:pointer;list-style:none;position:static}
details.tdone summary::-webkit-details-marker{display:none}
details.tdone summary .tsect{color:var(--muted)}
details.tdone summary:hover .tsect{color:var(--heading)}
.alldone{display:flex;flex-direction:column;align-items:center;gap:3px;padding:30px 16px;text-align:center;color:var(--muted);font-size:13px}
.alldone .ic{font-size:26px;color:var(--emerald);margin-bottom:8px}
.alldone b{font:600 14px/1.3 var(--font-display);letter-spacing:-.005em;text-transform:uppercase;color:var(--heading)}
/* adicionar task: o input do site (raio 8, borda fina) com o + coral */
.tquick{position:relative;display:flex;gap:6px;padding:10px 16px 12px}
.tquickic{position:absolute;left:27px;top:50%;transform:translateY(-50%);display:inline-grid;font-size:14px;color:var(--accent);pointer-events:none}
.tquick input{flex:1;min-width:0;border:1px solid var(--line);border-radius:var(--r-btn);padding:8px 10px 8px 33px;background:var(--panel2);color:var(--ink);font:inherit;font-size:13px;outline:none;transition:border-color .15s,background .15s,box-shadow .15s}
.tquick input::placeholder{color:var(--muted)}
.tquick input:hover{border-color:color-mix(in srgb,var(--ink) 18%,var(--line))}
.tquick input:focus{border-color:var(--focus-c);background:var(--panel);box-shadow:0 0 0 3px var(--accent-soft)}
.tquickmore{flex:none;display:inline-grid;place-items:center;width:36px;height:36px;border:1px solid var(--line);background:var(--panel);border-radius:var(--r-btn);cursor:pointer;color:var(--muted);font-size:16px;transition:color .15s,border-color .15s,background .15s}
.tquickmore:hover{color:var(--ink);border-color:color-mix(in srgb,var(--ink) 18%,var(--line));background:var(--panel2)}
/* linha de task manual */
.trow{display:flex;gap:10px;align-items:flex-start;padding:10px 16px;border-bottom:1px solid var(--line-soft);position:relative;transition:background .15s}
.trow:hover{background:var(--hover)}
/* atrasada: fundo coral bem leve (sem barra lateral) + texto do atraso em coral */
.trow.over{background:color-mix(in srgb,var(--coral-soft) 55%,transparent)}
.trow.over:hover{background:var(--coral-soft)}
/* check redondo: vazio = aro pedra (coral no hover = ação); feito = emerald cheio (dado positivo, como o "Active" do site) */
.tcheck{width:20px;height:20px;margin-top:1px;border-radius:50%;border:1.5px solid color-mix(in srgb,var(--muted) 55%,var(--line));background:var(--panel);flex:none;cursor:pointer;color:transparent;font-size:12px;display:grid;place-items:center;padding:0;transition:background .15s,border-color .15s,color .15s}
.tcheck .ic{stroke-width:3}
.tcheck:hover{border-color:var(--coral);background:var(--accent-soft);color:var(--accent)}
.trow.over .tcheck{border-color:color-mix(in srgb,var(--followup) 75%,var(--line))}
.trow.done .tcheck{background:var(--emerald);border-color:var(--emerald);color:var(--on-accent)}
:root[data-theme="dark"] .trow.done .tcheck{color:var(--cb-ink)}
.trow.done .ttitle{text-decoration:line-through;color:var(--muted)}
.trow.done .tbody{opacity:.72}
.trow .tbody{flex:1;min-width:0}
.ttitle{font-weight:600;font-size:13.5px;color:var(--ink);word-wrap:break-word}
.tmeta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;font-size:11.5px;color:var(--muted);margin-top:3px}
.twhen{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-mono);font-size:11px}
.tnotes{font-size:12px;color:var(--muted);margin-top:3px;white-space:pre-wrap;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tlead{display:inline-flex;align-items:center;gap:5px;color:var(--ink);text-decoration:none;font-weight:600;min-width:0}
.tlead:hover span{text-decoration:underline;color:var(--accent)}
.tlead .avatar{width:18px;height:18px;font-size:8px}
.tby{background:var(--chip-bg);color:var(--text);border-radius:var(--r-pill);padding:0 8px;font-weight:500}
.tedit{flex:none;display:inline-grid;place-items:center;width:28px;height:28px;border:none;background:none;color:var(--muted);cursor:pointer;font-size:14px;border-radius:var(--r-btn);opacity:.6;transition:opacity .15s,background .15s,color .15s}
.trow:hover .tedit{opacity:1}
.tedit:hover{color:var(--ink);background:var(--chip-bg)}

/* ---------- modal de task ---------- */
.taskbox{width:min(460px,94vw)}
.tkwhen{display:grid;grid-template-columns:1fr 120px;gap:8px}
.tkwhen .modalinput{margin-bottom:6px}
.tkquick{display:flex;flex-wrap:wrap;gap:6px;margin:2px 0 12px}
.tklead{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:var(--r-md);padding:5px 6px 5px 6px;margin-bottom:10px;background:var(--panel2);font-weight:500;color:var(--ink)}
.tklead .avatar{width:26px;height:26px;font-size:10px}
.tklead span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tkx{display:inline-grid;place-items:center;width:24px;height:24px;border:none;border-radius:var(--r-xs);background:none;color:var(--muted);cursor:pointer;font-size:14px;flex:none;transition:color .15s,background .15s}
.tkx:hover{color:var(--descartado);background:color-mix(in srgb,var(--descartado) 10%,transparent)}
.tkleadres{margin:-4px 0 10px;max-height:190px;overflow-y:auto}
.tkres{padding:7px 10px;border-radius:var(--r-btn);cursor:pointer;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tkres b{font-weight:600;color:var(--ink)}
.tkres span{color:var(--muted);font-size:12px}
.tkres:hover{background:var(--hover)}

/* ---------- calendário · v2 (site): grade de fios finos num card branco; hoje = pílula coral com número branco (Montserrat);
   contagens em chip: por tipo = cinza (só o ícone leva a cor do tipo), atrasadas = coral claro, feitas = mint;
   dia escolhido = contorno tinta (a seleção do site). O dia escolhido é .picked (não .sel — .sel é o botão do brand.css) ---------- */
.calbody{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;padding:16px 20px;overflow:hidden}
.calmain{min-width:0;min-height:0;overflow:auto;display:flex;flex-direction:column;gap:12px}
.calnav{display:flex;align-items:center;gap:6px}
.calnav .iconbtn{width:32px;height:32px;font-size:15px}
.calper{font:600 13px/1.2 var(--font-display);letter-spacing:.02em;text-transform:uppercase;color:var(--heading);min-width:170px;padding-left:6px}
.cgrid.month{flex:none;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow)}
.cwd{background:var(--panel);font:600 10.5px/1.2 var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding:10px 10px 9px}
.ccell{background:var(--panel);min-height:108px;padding:8px;display:flex;flex-direction:column;gap:5px;cursor:pointer;min-width:0;position:relative;transition:background .15s}
.ccell:hover{background:var(--panel2)}
.ccell.out{background:color-mix(in srgb,var(--bg) 65%,var(--panel))}
.ccell.out>*{opacity:.45}
.ccell.past .cnum{color:var(--muted)}
.ccell.today .cnum{background:var(--accent-strong);color:var(--on-accent)}
.ccell.picked{background:var(--panel2);box-shadow:inset 0 0 0 2px var(--ink-fill)}
.ccell:focus-visible{box-shadow:inset 0 0 0 2px var(--focus-c)}
.cday{display:flex;flex-wrap:wrap;align-items:center;gap:3px 4px}
.cnum{font:600 12.5px/1 var(--font-display);min-width:24px;height:22px;padding:0 7px;border-radius:var(--r-pill);display:grid;place-items:center;color:var(--heading);font-variant-numeric:tabular-nums}
.cover{color:var(--descartado);font-size:10px}
.cadd{margin-left:auto;border:none;background:none;color:var(--muted);cursor:pointer;font-size:13px;line-height:1;border-radius:var(--r-xs);width:22px;height:22px;padding:0;display:grid;place-items:center;flex:none;opacity:0;transition:opacity .15s,background .15s,color .15s}
.ccell:hover .cadd,.wcol:hover .cadd,.cadd:focus-visible{opacity:1}
.cadd:hover{background:var(--accent-strong);color:var(--on-accent)}
.cpills{display:flex;flex-direction:column;gap:2px;min-width:0}
.cpill{font-size:11px;line-height:1.5;border-radius:var(--r-xs);padding:1px 6px;background:var(--chip-bg);color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cpill b{font:700 10.5px/1 var(--font-mono)}
.cpill.done{background:var(--mint);color:var(--on-mint);text-decoration:line-through;text-decoration-color:color-mix(in srgb,var(--on-mint) 45%,transparent)}
.cpill.over{background:var(--coral-soft);color:color-mix(in srgb,var(--followup) 60%,var(--ink))}
.cmore{font-size:10.5px;color:var(--muted);padding-left:4px}
.cchips{display:flex;flex-wrap:wrap;gap:3px;margin-top:auto}
.cchip{display:inline-flex;align-items:center;gap:4px;font:700 10.5px/1.6 var(--font-mono);border-radius:var(--r-pill);padding:0 7px;background:var(--chip-bg);color:var(--ink);white-space:nowrap}
.cchip .ic{color:color-mix(in srgb,var(--c,var(--muted)) 82%,var(--ink))}
.cchip.over{background:var(--coral-soft);color:color-mix(in srgb,var(--followup) 60%,var(--ink))}
.cchip.done{background:var(--mint);color:var(--on-mint)}
.cchip.over .ic,.cchip.done .ic{color:inherit}
.callegend{display:flex;flex-wrap:wrap;gap:6px;padding:2px 2px 6px}
.callegend .cchip{gap:5px;font:500 11.5px/1.6 var(--font-sans);padding:1px 9px}
.cgrid.week{flex:none;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow);min-height:100%}
.wcol{background:var(--panel);display:flex;flex-direction:column;min-width:0;cursor:pointer}
.wcol.picked{box-shadow:inset 0 0 0 2px var(--ink-fill)}
.wchead{display:flex;align-items:center;gap:7px;padding:8px 9px;background:var(--panel);border-bottom:1px solid var(--line);font:600 10.5px/1.2 var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.wchead b{font:600 13px/22px var(--font-display);letter-spacing:0;color:var(--heading);min-width:24px;height:22px;padding:0 7px;border-radius:var(--r-pill);text-align:center;font-variant-numeric:tabular-nums}
.wcol.today .wchead b{background:var(--accent-strong);color:var(--on-accent)}
.wcbody{padding:6px;display:flex;flex-direction:column;gap:4px;overflow-y:auto;flex:1}
.witem{display:flex;gap:6px;align-items:flex-start;font-size:11.5px;line-height:1.35;border-radius:var(--r-sm);padding:5px 7px;background:var(--chip-bg);color:var(--ink);min-width:0;transition:background .15s}
.witem:hover{background:color-mix(in srgb,var(--ink) 9%,transparent)}
.witem .wic{flex:none;display:inline-flex;padding-top:1px;color:color-mix(in srgb,var(--c) 82%,var(--ink))}
.witem.done{background:var(--mint);color:var(--on-mint)}
.witem.done .wic{color:inherit}
.witem.done .wtx{text-decoration:line-through;text-decoration-color:color-mix(in srgb,var(--on-mint) 45%,transparent)}
.witem.over{background:var(--coral-soft)}
.witem.over:hover{background:color-mix(in srgb,var(--coral) 22%,transparent)}
.wtx{min-width:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word}
.wtx b{font-family:var(--font-mono);font-weight:700}
.witem .wlate{color:color-mix(in srgb,var(--followup) 70%,var(--ink))}
.wempty{color:var(--muted);text-align:center;padding:8px 0;font-size:12px}
/* painel do dia: card branco, cabeçalho com o brilho pêssego do site e título em dois tons */
.calday{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow);overflow-y:auto;min-height:0;display:flex;flex-direction:column}
.cdhead{display:flex;align-items:center;gap:10px;padding:16px 16px 14px;border-bottom:1px solid var(--line);position:sticky;top:0;background-color:var(--panel);background-image:var(--glow);z-index:2}
.cdwho{flex:1;min-width:0}
.cdtitle{font:600 14.5px/1.25 var(--font-display);text-transform:uppercase;letter-spacing:-.005em;color:var(--heading)}
.cdsub{font-size:12px;color:var(--muted);margin-top:4px}
.cdgroup+.cdgroup{border-top:1px solid var(--line)}
.cdghead{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:12px 16px 7px}
.cdgt{display:inline-flex;align-items:center;gap:7px;min-width:0;font:600 10.5px/1.2 var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.cdgt .ic{font-size:13px;color:color-mix(in srgb,var(--c) 82%,var(--ink))}
.cdghead .tsecct{font:700 11px/1.6 var(--font-mono);color:var(--text);background:var(--chip-bg);box-shadow:none;border-radius:var(--r-pill);padding:0 8px}
.cdgroup>.cdrow,.cdgroup>.cdrowwrap{border-top:1px solid var(--line-soft)}
.cdrow{display:flex;align-items:center;gap:9px;padding:8px 16px;color:var(--ink);text-decoration:none;min-width:0;transition:background .15s}
.cdrow:hover{background:var(--hover)}
.cdrow .avatar{width:26px;height:26px;font-size:10px}
.cdnm{flex:1;min-width:0;font-weight:600;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cdrow.done .cdnm{color:var(--muted)}
.cdtm{font:400 11.5px/1.3 var(--font-mono);color:var(--muted)}
/* status do dia em badge: feita = mint, encerrada pelo fluxo = neutra, atrasada = coral claro */
.cdok,.cdlate{flex:0 1 auto;min-width:0;max-width:62%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:var(--r-pill);padding:1px 9px;font:600 11px/1.6 var(--font-sans)}
.cdok{background:var(--mint);color:var(--on-mint)}
.cdlate{background:var(--coral-soft);color:color-mix(in srgb,var(--followup) 60%,var(--ink))}
.cdempty{padding:30px 16px;text-align:center;color:var(--muted);font-size:13px;line-height:1.6}
.cdemic{display:grid;place-items:center;width:42px;height:42px;margin:0 auto 10px;border-radius:50%;background:var(--glow-soft);box-shadow:inset 0 0 0 1px var(--line);color:var(--accent);font-size:18px}
.calday .cdrowwrap{padding-right:14px}
.calday .trow{padding:8px 16px;border-bottom:0;border-top:1px solid var(--line-soft)}

/* ---------- relatório ---------- */
.repfilters{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 22px;background:var(--panel);border-bottom:1px solid var(--line)}
.presets{display:flex;flex-wrap:wrap;gap:6px}
.customrange{display:flex;align-items:center;gap:6px;color:var(--muted)}
.customrange .sel{padding:5px 10px;border-radius:var(--r-btn);font:400 12.5px/1.2 var(--font-mono);color:var(--ink)}
.fsp{flex:1}
.repwrap.loading{opacity:.55;pointer-events:none;transition:opacity .15s}
.statgrid{grid-template-columns:repeat(auto-fill,minmax(172px,1fr))}
.statdelta{font-size:11.5px;font-weight:500;color:var(--muted);margin-top:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.statdelta span{font-weight:400}
.statdelta.up{color:var(--pos)}
.statdelta.down{color:var(--neg)}
.repgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.chartbox{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);padding:14px 16px;min-width:0;display:flex;flex-direction:column;gap:12px}
.chead{display:flex;align-items:baseline;gap:4px 10px;flex-wrap:wrap}
.chead b{font-size:14px}
.chead span{font-size:12px;color:var(--muted)}
.cbox{position:relative;height:280px}
.chartbox.wide .cbox{height:300px}
.kindsplit{display:grid;grid-template-columns:170px minmax(0,1fr);gap:14px;align-items:center}
.cbox.donut{height:170px}
table.mini{width:100%;border-collapse:collapse;font-size:12.5px}
table.mini th{text-align:left;color:var(--muted);font:600 10px/1.3 var(--font-display);letter-spacing:.08em;text-transform:uppercase;padding:5px 6px;border-bottom:1px solid var(--line)}
table.mini td{padding:6px;border-bottom:1px solid var(--line-soft);font-variant-numeric:tabular-nums;white-space:nowrap}
table.mini td.over{color:var(--descartado);font-weight:700}
table.mini tr:last-child td{border-bottom:none}
.kdot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:7px;vertical-align:middle}
.ibar{display:flex;align-items:center;gap:6px;min-width:70px}
.ibar span{display:block;height:7px;border-radius:var(--r-pill);min-width:2px}
.ibar b{font:700 12px/1.2 var(--font-mono)}
.heat{display:flex;flex-direction:column;gap:3px;overflow-x:auto;padding-bottom:4px}
.hrow{display:grid;grid-template-columns:30px repeat(24,minmax(11px,1fr));gap:3px;align-items:center}
.hrow.hhead span{font-size:9.5px;color:var(--muted);text-align:left}
.hlbl{font-size:11px;color:var(--muted);font-weight:600}
.hc{height:18px;border-radius:4px;background:color-mix(in srgb,var(--coral) calc(var(--a) * 100%),var(--panel2))}
details.reptablewrap{background:var(--panel)}
details.reptablewrap summary{cursor:pointer;padding:12px 16px;font-weight:500;font-size:13px;color:var(--ink);transition:background .15s}
details.reptablewrap summary:hover{background:var(--hover)}
details.reptablewrap summary .ic{color:var(--muted);margin:0 3px 0 2px}
details.reptablewrap[open] summary{border-bottom:1px solid var(--line)}
.reptable td{font-variant-numeric:tabular-nums}

/* ---------- responsivo ---------- */
@media (max-width:1180px){
  .repgrid{grid-template-columns:1fr}
  .calbody{grid-template-columns:1fr;overflow:auto}
  .calday{max-height:none}
}
@media (max-width:900px){
  .taskspill{display:inline-flex;align-items:center;gap:5px}
  .rail{width:272px}
  .calbody{padding:10px}
  .ccell{min-height:62px;padding:4px}
  .cpills,.cadd{display:none}
  .cchip{font-size:9.5px;padding:0 5px}
  .cgrid.week{grid-template-columns:1fr}
  .wcol{min-height:auto}
  .calper{min-width:0}
  .repfilters{padding:8px 12px}
  .repwrap{padding:12px}
  .statgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .kindsplit{grid-template-columns:1fr}
  .mactions .sel{padding:6px 8px}
  /* painel de detalhes vira folha inferior no celular (antes ficava inacessível) */
  .info.open{display:block!important;position:fixed;left:0;right:0;bottom:0;width:auto!important;max-height:78dvh;overflow-y:auto;z-index:70;border-radius:var(--r-xl) var(--r-xl) 0 0;border-top:1px solid var(--line);box-shadow:var(--shadow-lg)}
  .info.open .infoin{width:auto}
  input,textarea,select{font-size:16px!important} /* iOS não dá zoom */
}
@media (pointer:coarse){
  .navitem{padding:10px 9px}
  .tcheck{width:24px;height:24px}
  .cadd{opacity:1}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
/* card: dono da conta na linha da empresa; thread com separador de dia */
.conv .co .acctbadge{display:inline-flex;vertical-align:-1px}
/* separador de dia na thread: rótulo Montserrat caixa-alta entre dois fios — sem ponto coral (repete a cada dia; coral fica p/ eyebrow e atenção) */
.daysep{display:flex;align-items:center;gap:12px;margin:8px 0 2px;color:var(--muted);font:600 10px/1.2 var(--font-display);letter-spacing:.09em;text-transform:uppercase}
.daysep::before,.daysep::after{content:"";flex:1;height:1px;background:var(--line)}
.daysep span{display:inline-flex;align-items:center}
.kbdhint{font-size:11px;color:var(--muted)}
.kbdhint kbd{font:700 10px/1.4 var(--font-mono);color:var(--text);background:var(--panel2);border:1px solid var(--line);border-radius:var(--r-xs);padding:0 4px}
@media (max-width:900px){.kbdhint{display:none}}
input.chip{padding:3px 10px;font:600 12px/1.4 var(--font-sans);color:var(--ink);cursor:pointer}
/* ---------- marcos do lead (linha do tempo no painel de detalhes): pontos de cor ligados por um fio ---------- */
.mslist{display:flex;flex-direction:column;margin-top:8px;position:relative}
.mslist::before{content:"";position:absolute;left:10.5px;top:14px;bottom:14px;width:1px;background:var(--line)}
.msrow{display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;column-gap:8px;font-size:12.5px;padding:3px 0;position:relative}
.msrow .msic{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:11px;color:color-mix(in srgb,var(--c) 85%,var(--ink));background:color-mix(in srgb,var(--c) 15%,var(--panel));box-shadow:0 0 0 3px var(--panel),inset 0 0 0 1px color-mix(in srgb,var(--c) 30%,transparent);position:relative;z-index:1}
.msrow .msl{font-weight:500;color:var(--ink);min-width:0}
.msrow .msd{font:400 11px/1.3 var(--font-mono);letter-spacing:0;color:var(--muted);white-space:nowrap}
.msgap{position:relative;padding:0 0 0 30px;font-size:10.5px;line-height:1.3;color:var(--muted)}
.msrow.est .msl,.msrow.est .msd{color:var(--muted);font-style:italic}
.msrow.est .msic{background:var(--panel);box-shadow:0 0 0 3px var(--panel),inset 0 0 0 1px color-mix(in srgb,var(--c) 55%,transparent)}
/* o marco mais recente ganha o ponto cheio (como o ponto de status do site) */
.msrow.now .msic{background:var(--c);color:var(--panel);box-shadow:0 0 0 3px var(--panel),0 0 0 5px color-mix(in srgb,var(--c) 22%,transparent)}
.evhist{margin-top:10px;border-top:1px solid var(--line-soft);padding-top:8px}
.evhist summary{cursor:pointer;font-size:12px;font-weight:500;color:var(--accent)}
.evhist[open] summary{margin-bottom:4px}
.evrow{padding:6px 0;border-bottom:1px solid var(--line-soft)}
.evrow:last-child{border-bottom:none}
.evrow .evst{font-size:12.5px;color:var(--text)}
.evrow .evst b{color:var(--ink);font-weight:600}
.evrow .evmeta{font-size:11px;color:var(--muted);margin-top:1px}
.evrow.est{opacity:.7}
/* kanban: há quanto tempo na etapa — discreto; "parado há X dias" (7+ dias numa etapa de trabalho) vira badge âmbar, 14+ dias coral */
.bcard .bage{display:flex;align-items:center;gap:5px;width:fit-content;font-size:11px;color:var(--muted);margin-top:4px;font-variant-numeric:tabular-nums}
.bcard .bage.old{--c:var(--morno);margin-top:8px;padding:2px 9px;border-radius:var(--r-pill);background:color-mix(in srgb,var(--c) 17%,transparent);color:color-mix(in srgb,var(--c) 50%,var(--ink));font-weight:600}.bcard .bage.old .ic{color:color-mix(in srgb,var(--c) 85%,var(--ink))}.bcard .bage.older{--c:var(--quente);background:var(--coral-soft)}
/* relatório: aviso do histórico + funil da safra */
/* aviso = caixa de destaque do site (degradê pêssego → creme, fio de 1px, ícone coral) */
.repnote{font-size:12px;line-height:1.5;color:var(--text);background:var(--panel);background-image:var(--glow-soft);border:1px solid var(--line);border-radius:var(--r-btn);padding:10px 14px}
.repnote .ic{color:var(--coral);margin-right:7px}
/* funis (safra, comentários) = barras do site: coral sobre trilho cinza; o resultado (última etapa) com o número em coral */
.cfunnel2{display:flex;flex-direction:column;gap:12px}
.cfrow{display:grid;grid-template-columns:150px minmax(0,1fr) 108px;align-items:center;gap:12px}
.cflab{display:flex;flex-direction:column;min-width:0}
.cflab b{font-size:12.5px;font-weight:500;color:var(--ink)}
.cflab span{font-size:11px;color:var(--muted)}
.cftrack{height:10px;border-radius:3px;background:var(--chip-bg);overflow:hidden}
.cftrack span{display:block;height:100%;border-radius:3px;background:var(--coral);transition:width .3s}
.cftrack span.hl{background:var(--coral)}
.cfrow:has(.cftrack .hl) .cfnum b{color:var(--accent)}
.cfnum{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 6px;justify-content:flex-end;font-family:var(--font-mono);font-variant-numeric:tabular-nums}
.cfnum b{font-size:13px;font-weight:700;color:var(--heading)}
.cfnum span{font-size:11px;color:var(--muted)}
.cfnum em{font-style:normal;font-size:10.5px;color:var(--muted);opacity:.85;white-space:nowrap} /* "ant. 75" nunca parte no meio (no celular desce inteiro) */
.cffoot{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:12px;color:var(--muted);border-top:1px solid var(--line-soft);padding-top:12px}
.cffoot b{color:var(--heading);font:700 12px/1.3 var(--font-mono)}
.cffoot .ic{margin-right:3px}
@media (max-width:900px){.cfrow{grid-template-columns:110px minmax(0,1fr) 88px}}
/* "Link" ao lado do nome do lead no cabeçalho da conversa (copia o link compartilhável) */
.namelink{flex:none;display:inline-flex;align-items:center;gap:4px;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:var(--r-xs);padding:1px 8px 1px 7px;font:500 11px/1.6 var(--font-sans);letter-spacing:0;cursor:pointer;transition:color .15s,border-color .15s,background .15s}
.namelink .ic{color:var(--muted)}
.namelink:hover{color:var(--ink);border-color:color-mix(in srgb,var(--ink) 22%,var(--line));background:var(--panel2)}
/* corte das 15h + atraso acumulado (atraso = coral; o texto mistura com a tinta p/ ler nos 2 temas) */
.flag.late{background:var(--coral-soft);color:color-mix(in srgb,var(--followup) 70%,var(--ink))}
.wlate{color:color-mix(in srgb,var(--followup) 72%,var(--ink));font-weight:700}
.tcutoff{font-size:11.5px;color:var(--muted);padding:14px 16px 20px;line-height:1.55}
.tcutoff .tauditbtn{display:inline-flex;align-items:center;gap:6px;vertical-align:middle;margin:4px 0 0 6px;border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:var(--r-btn);padding:5px 12px;font:500 12px/1.4 var(--font-sans);cursor:pointer;transition:border-color .15s,background .15s}
.tcutoff .tauditbtn:hover{border-color:color-mix(in srgb,var(--ink) 18%,var(--line));background:var(--panel2)}
/* snapshot por dia no calendário */
.cdok.muted{background:var(--chip-bg);color:var(--muted);box-shadow:none}
.tdonelate{color:color-mix(in srgb,var(--followup) 75%,var(--ink));font-weight:600}
.tcheck:disabled{cursor:default;opacity:.55}
.ccell .cday .cchip.over{margin-left:2px}
/* ---------- funil de conversão · v2 (site): como a comparação de barras do combinegr.com ("US hire × LATAM via Combine") —
   rótulo e número em cima, barra embaixo num trilho cinza de raio 4. Série principal em coral, a comparação (até onde a etapa
   anterior chegou) em pedra e o positivo final (reunião marcada/realizada) em emerald. As cores vêm de brandChartColors() pelo
   render (--fz-main/--fz-cmp/--fz-pos no .repwrap; os tokens --chart-* são o reserva). Números em Montserrat, % em mono ---------- */
.fzkpis{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}
.fzmain{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:16px;align-items:start}
.fzsteps{display:flex;flex-direction:column}
.fzstep{display:flex;align-items:center;gap:12px;width:100%;border:1px solid transparent;background:none;border-radius:var(--r-md);padding:9px 12px 10px 10px;cursor:pointer;text-align:left;color:var(--ink);font:inherit;transition:background .15s,border-color .15s}
.fzstep:hover{background:var(--hover)}
.fzstep.on{background:var(--accent-soft);border-color:color-mix(in srgb,var(--coral) 35%,var(--line))}
.fzic{width:32px;height:32px;border-radius:var(--r-btn);display:grid;place-items:center;background:var(--chip-bg);color:var(--heading);font-size:15px;flex:none;transition:background .15s,color .15s}
.fzstep.t-pos .fzic{background:var(--mint);color:var(--on-mint)}
.fzstep.on .fzic{background:var(--ink-fill);color:var(--on-ink-fill)}
.fzbody{flex:1;min-width:0;display:flex;flex-direction:column;gap:7px}
.fzhead{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;min-width:0}
.fzlab{display:flex;align-items:baseline;gap:8px;min-width:0}
.fzlab b{font-weight:600;font-size:13.5px;color:var(--heading);white-space:nowrap}
.fzlab small{font-size:11.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fznum{display:flex;align-items:baseline;gap:8px;line-height:1;flex:none}
.fznum b{font:600 20px/1 var(--font-display);letter-spacing:-.02em;color:var(--heading);font-variant-numeric:tabular-nums}
.fznum small{font:700 11px/1 var(--font-mono);color:var(--muted);min-width:34px;text-align:right}
.fztrack{position:relative;display:block;height:14px;border-radius:4px;background:color-mix(in srgb,var(--ink) 7%,transparent);overflow:hidden}
.fztrack>span{position:absolute;left:0;top:0;bottom:0;border-radius:4px;transition:width .35s}
.fzprev{background:color-mix(in srgb,var(--fz-cmp,var(--chart-5)) 62%,transparent)}
.fzbar{background:var(--fz-main,var(--chart-1))}
.fzstep.t-pos .fzbar{background:var(--fz-pos,var(--chart-3))}
.fzconn{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;padding:3px 10px 3px 55px;font-size:12px;color:var(--muted)}
.fzconn b{font:600 12.5px/1.3 var(--font-display);color:var(--heading);font-variant-numeric:tabular-nums}
.fzarrow{font-weight:700;color:var(--muted)}
.fzlost{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--chip-line);background:var(--chip-bg);color:var(--text);border-radius:var(--r-btn);padding:1px 9px;font:500 11.5px/1.6 var(--font-sans);cursor:pointer;transition:border-color .15s,background .15s,color .15s}
.fzlost:hover{border-color:color-mix(in srgb,var(--coral) 45%,transparent);background:var(--coral-soft);color:color-mix(in srgb,var(--coral) 60%,var(--ink))}
.fzdays{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.fzfoot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;font-size:12.5px;color:var(--text);border-top:1px solid var(--line);padding-top:12px;margin-top:8px}
.fzfoot b{color:var(--heading);font-weight:700}
.fzfoot .fzhero{font:600 18px/1 var(--font-display);letter-spacing:-.02em;color:var(--coral)}
.fzkey{display:inline-flex;flex-wrap:wrap;gap:4px 14px;font-size:11.5px;color:var(--muted)}
.fzkey>span{display:inline-flex;align-items:center;gap:6px}
.fzkey i{display:inline-block;width:14px;height:8px;border-radius:2px}
.fzkey .k-main{background:var(--fz-main,var(--chart-1))}
.fzkey .k-cmp{background:color-mix(in srgb,var(--fz-cmp,var(--chart-5)) 62%,transparent)}
.fzkey .k-pos{background:var(--fz-pos,var(--chart-3))}
.fzdrill{position:sticky;top:0;max-height:78vh;overflow:hidden}
.fzdrill .chead{justify-content:space-between;align-items:center}
.fzdrill .tkx{width:28px;height:28px;display:inline-grid;place-items:center;flex:none;border:1px solid var(--line);border-radius:var(--r-btn);background:var(--panel);color:var(--ink);font-size:13px;transition:border-color .15s,background .15s}
.fzdrill .tkx:hover{border-color:color-mix(in srgb,var(--ink) 25%,var(--line));background:var(--panel2);color:var(--ink)}
.fztabs{align-self:flex-start}
.fzlist{overflow-y:auto;margin:0 -18px -16px;min-height:0;flex:1;border-top:1px solid var(--line-soft)}
.fzlist .cdrow{padding:8px 18px}
.fzlist .cdrow+.cdrow{border-top:1px solid var(--line-soft)}
.cdnm small{display:block;font-size:11px;color:var(--muted);font-weight:500;overflow:hidden;text-overflow:ellipsis}
/* "onde estão agora" e "por que saíram": o mesmo trilho cinza de raio 4; motivo nº 1 em coral, os demais em pedra */
.fznowbar{display:flex;height:14px;border-radius:4px;overflow:hidden;gap:2px;background:color-mix(in srgb,var(--ink) 7%,transparent)}
.fznowbar span{display:block;height:100%;min-width:3px}
.fzlegend{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12px;color:var(--text);margin-top:4px}
.fzlegend i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;vertical-align:1px}
.fzlegend b{font:700 12px/1.3 var(--font-mono);color:var(--ink)}
.fzlegend small{color:var(--muted)}
.fzreasons{display:flex;flex-direction:column;gap:10px}
.fzreason{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) 34px;align-items:center;gap:10px;font-size:12.5px;color:var(--text)}
.fzrl{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fzrt{height:10px;border-radius:4px;background:color-mix(in srgb,var(--ink) 7%,transparent);overflow:hidden}
.fzrt span{display:block;height:100%;background:var(--fz-cmp,var(--chart-5));border-radius:4px}
.fzrt span.hl{background:var(--fz-main,var(--chart-1))}
.fzreason b{text-align:right;font:700 12px/1.3 var(--font-mono);color:var(--ink)}
.repgrid .wide2{grid-column:1/-1}
.fzsegwrap{overflow-x:auto}
table.fzseg td,table.fzseg th{text-align:right}
table.fzseg th{font:600 10.5px/1.3 var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
table.fzseg td{font-family:var(--font-mono);font-size:12px;color:var(--ink)}
table.fzseg td:first-child,table.fzseg th:first-child{text-align:left}
table.fzseg td:first-child{font-family:var(--font-sans);font-size:12.5px;color:var(--ink)}
table.fzseg td small{color:var(--muted)}
.fzsv{max-width:240px;overflow:hidden;text-overflow:ellipsis}
.chead .sel{margin-left:auto;padding:4px 12px;font-size:12px}
.chead select.sel{padding-right:28px;background-position:right 9px center}
@media (max-width:1180px){.fzmain{grid-template-columns:1fr}.fzdrill{position:static;max-height:60vh}}
@media (max-width:900px){.fzstep{gap:8px;padding:8px}.fzconn{padding-left:10px}.fzic{display:none}.fzlab small{display:none}}@media (max-width:900px){
  /* o padding da direita guarda o lugar da setinha do select (com 8px o texto passava por baixo dela) */
  .repfilters .fzf,.repfilters #repAcct,.repfilters #repChan,.repfilters #repKind{flex:1 1 150px;min-width:0;padding:6px 26px 6px 8px;background-position:right 8px center}
  .repfilters .fsp{display:none}
  .boardov .mhead .who .sub{display:none}
  /* funil/calendário/conversão: o título fica na linha do "Voltar" e os filtros descem (antes encolhia até "F…") */
  .boardov>.mhead.bmhead .who{flex:1 1 170px}
  .boardov>.mhead.bmhead .who .nm{font-size:15px}
}
@media (max-width:900px){.statgrid.fzkpis{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ---------- Poster: dropzone + prévia ---------- */
.dimhint{color:var(--muted);font-weight:400}
#postDrop{border-radius:var(--r-btn);transition:box-shadow .15s,background .15s}
#postDrop.dragging{background:var(--coral-soft);box-shadow:0 0 0 8px var(--coral-soft),0 0 0 9px color-mix(in srgb,var(--coral) 60%,transparent)}
.postpreviewbox{max-width:560px;width:100%}
.ppcard{border:1px solid var(--line);border-radius:12px;padding:14px 16px;background:var(--panel);text-align:left}
.ppauthor{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.ppav{width:44px;height:44px;border-radius:50%;background:var(--accent);color:var(--on-accent);display:grid;place-items:center;font-weight:700;flex:none}
.ppname{font-weight:700}
.ppsub{font-size:12px;color:var(--muted)}
.pptext{white-space:pre-wrap;font-size:14.5px;line-height:1.5;color:var(--ink)}
.ppimgs{display:grid;gap:3px;margin-top:10px;border-radius:10px;overflow:hidden}
.ppimgs.n1{grid-template-columns:1fr}.ppimgs.n2{grid-template-columns:1fr 1fr}.ppimgs.n3,.ppimgs.n4{grid-template-columns:1fr 1fr}
.ppimgs img{width:100%;height:100%;max-height:260px;object-fit:cover;display:block}
.ppbar{display:flex;justify-content:space-around;gap:6px;margin-top:12px;padding-top:10px;border-top:1px solid var(--line);font-size:12.5px;color:var(--muted)}
/* ---------- Relatório ---------- */
.studiopanel.wide{max-width:960px}
.reproot{width:100%}
.rephead{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:18px}
.repmetrics{display:flex;flex-wrap:wrap;gap:10px}
/* números do topo como os cards de dado do site: Montserrat 600 no número, rótulo em texto discreto */
.repmetric{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);padding:11px 15px;min-width:96px;box-shadow:var(--shadow)}
.repval{font:600 21px/1.1 var(--font-display);letter-spacing:-.02em;color:var(--heading);font-variant-numeric:tabular-nums}
.replbl{font:500 12px/1.3 var(--font-sans);color:var(--muted);margin-top:5px}
.repsec{margin-top:18px}
.repsec h4{display:flex;align-items:center;gap:7px;margin:0 0 8px;font:600 10.5px/1.2 var(--font-display);color:var(--muted);text-transform:uppercase;letter-spacing:.1em}
.repsec h4::before{content:"";flex:none;width:5px;height:5px;border-radius:50%;background:var(--coral)}
.replist{display:flex;flex-direction:column;gap:8px}
.repitem{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;border:1px solid var(--line);border-radius:var(--r-md);padding:11px 13px;background:var(--panel)}
.repmain{min-width:0;flex:1}
.reptitle{font-size:12px;color:var(--muted)}
.reptext{font-size:13.5px;color:var(--ink);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.repstats{font-size:12.5px;color:var(--ink);font-weight:600;margin-top:5px}
.repacts{display:flex;gap:6px;flex:none;flex-wrap:wrap;justify-content:flex-end}
.sel.sm{padding:5px 11px;font-size:11.5px}
.repempty{color:var(--muted);font-size:13px;padding:10px 2px}
/* ---------- Estatísticas + ICP ---------- */
.statsbox{max-width:600px;width:100%;text-align:left}
.icpline{margin:14px 0 8px;font-size:13px;line-height:1.5;color:var(--text);background:var(--glow-soft),var(--panel);border:1px solid color-mix(in srgb,var(--coral) 22%,var(--line));border-radius:var(--r-btn);padding:9px 12px}.icpline b{color:var(--ink);font-weight:700}.icpline .ic{color:var(--coral)}
.stpeople{display:flex;flex-direction:column;max-height:44vh;overflow-y:auto;border:1px solid var(--line);border-radius:var(--r-md);background:var(--panel)}
.stperson{display:flex;align-items:center;gap:10px;padding:8px 11px;border-top:1px solid var(--line-soft)}.stperson:first-child{border-top:0}
.stperson.icp{background:color-mix(in srgb,var(--coral) 6%,transparent)}
.stpav{width:36px;height:36px;border-radius:50%;flex:none;overflow:hidden;background:var(--panel2);box-shadow:inset 0 0 0 1px var(--line);display:grid;place-items:center;font:600 12px/1 var(--font-sans);color:var(--muted)}
.stpav img{width:100%;height:100%;object-fit:cover}
.stpwho{min-width:0;flex:1}
.stpnm{font-weight:600;font-size:13.5px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stpnm a{color:inherit;text-decoration:none}.stpnm a:hover{color:var(--accent);text-decoration:underline}
.stphl{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.stpkind{flex:none;font-size:15px;color:var(--muted)}
.icpbadge{display:inline-flex;align-items:center;gap:4px;vertical-align:1px;font:600 10.5px/1.6 var(--font-sans);color:var(--cb-coral-ink);background:var(--coral-soft);border-radius:var(--r-pill);padding:0 8px;white-space:nowrap}:root[data-theme="dark"] .icpbadge{color:var(--accent)}
/* ---------- Modais de edição e exclusão ---------- */
.modalbox.editpostbox{width:min(620px,94vw)}
.editpostbox h3 .ic,.pdhead h3 .ic{color:var(--accent)}
.delbox{max-width:460px;width:100%;text-align:center}
.delwarn{width:56px;height:56px;margin:0 auto 6px;border-radius:50%;display:grid;place-items:center;font-size:26px;color:var(--descartado);background:color-mix(in srgb,var(--descartado) 12%,transparent)}
.deltitle{margin:8px 0 4px;font:600 22px/1.15 var(--font-display);letter-spacing:-.01em;text-transform:uppercase;color:var(--descartado)}
.deltext{font-size:14px;color:var(--ink);margin:6px 0}
.delquote{font-size:13px;color:var(--text);background:var(--panel2);border:1px solid var(--line);border-radius:var(--r-btn);padding:9px 12px;margin:10px 0;text-align:left;font-style:italic}
.delsec{font-size:12.5px;color:var(--muted);line-height:1.55;margin:8px 0 4px}
.delbox .modalactions{justify-content:center;margin-top:14px}
/* na confirmação de exclusão, o caminho seguro é o botão escuro (tinta) — o coral ao lado do vermelho confundiria */
.delbox .modalactions .primary{background:var(--ink-fill);color:var(--on-ink-fill);border-color:var(--ink-fill)}
.delbox .modalactions .primary:hover{background:color-mix(in srgb,var(--ink-fill) 88%,var(--panel));border-color:color-mix(in srgb,var(--ink-fill) 88%,var(--panel))}
/* botão de exclusão definitiva (não o .sel.danger, que é contornado): vermelho fixo da marca (igual nos 2 temas) → texto branco legível */
.modalactions button.danger:not(.sel){background:var(--cb-red);color:#fff;border:1px solid var(--cb-red);border-radius:var(--r-btn);font-weight:500;padding:8px 16px;cursor:pointer;transition:filter .15s}
.modalactions button.danger:not(.sel):hover:not(:disabled){filter:brightness(.92)}
.modalactions button.danger:not(.sel):disabled{opacity:.6;cursor:default}
/* ---------- ver post inteiro / retry ---------- */
.clickable{cursor:pointer}
.schedmain.clickable:hover .schedkind,.reptext.clickable:hover{color:var(--accent)}
.viewhint{display:inline-flex;align-items:center;gap:4px;margin-left:4px;font-size:11px;font-weight:600;color:var(--accent);opacity:0;transition:opacity .15s;vertical-align:1px}
.scheditem:hover .viewhint,.schedmain:focus-visible .viewhint{opacity:1}
.schedretry{display:inline-flex;align-items:center;gap:5px;font:500 12px/1.3 var(--font-sans);border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:var(--r-btn);padding:4px 11px;cursor:pointer;transition:border-color .15s,background .15s}
.schedretry:hover{border-color:color-mix(in srgb,var(--ink) 20%,var(--line));background:var(--panel2)}
.schedretry:disabled{opacity:.6;cursor:default}
/* faixa acima do card do LinkedIn: caixa de destaque em degradê pêssego→creme (como as caixas do site) */
.ppbanner{font-size:13px;line-height:1.75;color:var(--ink);background:var(--panel2);background-image:var(--glow-soft);border:1px solid color-mix(in srgb,var(--coral) 16%,var(--line));border-radius:var(--r-btn);padding:6px 12px;margin-bottom:10px;text-align:left}
.ppbanner>.ic{color:var(--accent)}
.ppbanner b{font-family:var(--font-mono);font-weight:700}
.ppbanner .bpill{white-space:normal;vertical-align:1px}
.ppbanner .bpill.alert{border-radius:var(--r-btn)} /* erro longo quebra em 2 linhas: caixa de raio 8, não pílula esticada */
.ppav.img{padding:0;overflow:hidden;background:var(--panel2)}
.ppav.img img{width:100%;height:100%;object-fit:cover;display:block}

/* ================= Card fiel ao post do LinkedIn (paleta do próprio LinkedIn, claro/escuro) ================= */
.lipost{--li-bg:#fff;--li-tx:rgba(0,0,0,.9);--li-tx2:rgba(0,0,0,.6);--li-bd:rgba(140,140,140,.22);--li-sep:rgba(0,0,0,.08);--li-blue:#0a66c2;--li-hov:rgba(0,0,0,.08);--li-cbg:#f2f2f2;--li-ph:#e9e5df;
  background:var(--li-bg);color:var(--li-tx);border-radius:8px;box-shadow:0 0 0 1px var(--li-bd);overflow:hidden;text-align:left;width:100%;max-width:555px;margin:0 auto;
  font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Fira Sans",Ubuntu,Oxygen,Cantarell,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol",Helvetica,Arial,sans-serif;
  font-size:14px;line-height:20px}
:root[data-theme="dark"] .lipost{--li-bg:#1b1f23;--li-tx:rgba(255,255,255,.9);--li-tx2:rgba(255,255,255,.6);--li-bd:rgba(255,255,255,.14);--li-sep:rgba(255,255,255,.12);--li-blue:#71b7fb;--li-hov:rgba(255,255,255,.08);--li-cbg:#38434f;--li-ph:#38434f}
.lihead{display:flex;align-items:flex-start;gap:8px;padding:12px 16px 0}
.liav{width:48px;height:48px;border-radius:50%;flex:none;overflow:hidden;background:var(--li-ph);display:grid;place-items:center;font-weight:600;font-size:16px;color:var(--li-tx2)}
.liav img{width:100%;height:100%;object-fit:cover;display:block}
.liav.sm{width:32px;height:32px;font-size:12px}
.liwho{flex:1;min-width:0}
.liname{font-weight:600;font-size:14px;line-height:20px;color:var(--li-tx);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lideg{font-weight:400;color:var(--li-tx2)}
.lihl{font-size:12px;line-height:16px;color:var(--li-tx2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.litime{font-size:12px;line-height:16px;color:var(--li-tx2);display:flex;align-items:center;gap:3px}
.limore{color:var(--li-tx2);flex:none;margin-top:-1px}
.litext-wrap{position:relative;padding:8px 16px 0}
.litext{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--li-tx);font-size:14px;line-height:20px}
.litext.clamp{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.limorebtn{position:absolute;right:16px;bottom:0;border:none;background:linear-gradient(90deg,transparent,var(--li-bg) 26%);padding:0 0 0 30px;color:var(--li-tx2);font:inherit;font-size:14px;line-height:20px;cursor:pointer}
.limorebtn:hover{color:var(--li-blue);text-decoration:underline}
.lilink{color:var(--li-blue)}.lilink.b{font-weight:600}
.limuted{color:var(--li-tx2)}
.limedia{margin-top:8px;display:grid;gap:2px}
.limg{position:relative;overflow:hidden;background:var(--li-ph)}
.limg img{width:100%;height:100%;object-fit:cover;display:block}
.limedia.one .limg img{height:auto;max-height:600px}
.limedia.two{grid-template-columns:1fr 1fr}
.limedia.two .limg{aspect-ratio:1/1}
.lirow{display:grid;gap:2px}
.lirow.c1{grid-template-columns:1fr}.lirow.c2{grid-template-columns:1fr 1fr}.lirow.c3{grid-template-columns:1fr 1fr 1fr}
.lirow .limg{aspect-ratio:1/1}
.lirow.top.c1 .limg{aspect-ratio:16/9}
.liplus{position:absolute;inset:0;background:rgba(0,0,0,.55);color:#fff;font-size:28px;font-weight:600;display:grid;place-items:center}
.licounts{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 16px;font-size:12px;line-height:16px;color:var(--li-tx2)}
.lileft{display:flex;align-items:center;gap:4px}
.lirx{display:inline-flex;margin-right:2px}
.lirxi{width:16px;height:16px;border-radius:50%;display:grid;place-items:center;box-shadow:0 0 0 1.5px var(--li-bg);margin-right:-4px}
.lirxi.like{background:#378fe9}.lirxi.cele{background:#6dae4f}.lirxi.love{background:#df704d}
.liactions{display:flex;justify-content:space-around;border-top:1px solid var(--li-sep);margin:8px 12px 0;padding:4px 0}
.licounts+.liactions{margin-top:0}
.liactions span{display:inline-flex;align-items:center;gap:6px;padding:10px 8px;border-radius:4px;color:var(--li-tx2);font-weight:600;font-size:14px;line-height:20px;white-space:nowrap}
.liactions span:hover{background:var(--li-hov)}
.licmt{display:flex;gap:8px;padding:12px 16px 4px}
.licmtbox{flex:1;min-width:0;background:var(--li-cbg);border-radius:0 8px 8px 8px;padding:8px 12px}
.licmttext{margin-top:6px;font-size:14px;line-height:20px;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--li-tx)}
.licmtmeta{display:flex;align-items:center;gap:6px;padding:4px 16px 12px 56px;font-size:12px;color:var(--li-tx2)}
.licmtmeta svg{width:16px;height:16px}
.licmtmeta a{color:var(--li-blue);margin-left:auto}
@media (max-width:520px){.liactions span{font-size:12px;gap:4px;padding:8px 4px}}
.postpreviewbox{max-width:620px}
.pphint{font-size:12px;color:var(--muted);margin-top:10px;text-align:center}

/* ================= Visão completa: post + métricas ao lado ================= */
/* destaque de texto pequeno (ICP): coral-escuro no claro, coral-claro no escuro (contraste ≥ 4.5 nos 2 temas) */
.pdbox,#repRoot{--pc-hl:var(--cb-coral-ink)}
:root[data-theme="dark"] :is(.pdbox,#repRoot){--pc-hl:var(--accent)}
.pdbox{max-width:1100px;width:100%;text-align:left;max-height:94vh;display:flex;flex-direction:column}
.pdhead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.pdhead h3{margin:0;display:flex;align-items:center;gap:8px}
:is(.pdbox,.postpreviewbox) .modalactions a.sel{text-decoration:none}
.pdlive{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}
.pdlive i,.sstlive i{flex:none;width:7px;height:7px;border-radius:50%;background:var(--coral)}
.pdlive.on{color:var(--accent)}
.pdlive.on i{animation:livepulse 1.2s ease-in-out infinite}
.pdlive.err{color:var(--descartado)}
.pdlive .num{color:var(--ink)}
.pdgrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:start;min-height:0;overflow:hidden;flex:1}
.pdleft,.pdright{max-height:calc(94vh - 150px);overflow-y:auto;padding:1px}
.pdright{display:flex;flex-direction:column;gap:12px}
/* números do post: rótulo discreto em cima, número em Montserrat embaixo; Impressões = O número (coral) */
.pdmetrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.pdm{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-md);padding:10px 12px 11px;min-width:0}
.pdml{font:500 11.5px/1.3 var(--font-sans);color:var(--muted);margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pdmv{font:600 21px/1.05 var(--font-display);letter-spacing:-.02em;color:var(--heading);font-variant-numeric:tabular-nums}
.pdm.hero{background:var(--panel2);background-image:var(--glow-soft);border-color:color-mix(in srgb,var(--coral) 22%,var(--line))}
.pdm.hero .pdmv{color:var(--coral)}
.pdrank{font-size:12.5px;color:var(--text);background:var(--panel2);border:1px solid var(--line);border-radius:var(--r-md);padding:7px 12px;line-height:1.9}
.pdrank .bpill{font-size:11px;padding:1px 8px}
.pdright .stpeople{max-height:none;overflow:visible}
/* ICP + quem engajou (na marca, por cima do bloco "Estatísticas + ICP"): ICP = o que importa → destaque pêssego/coral */
.pdbox .icpline{margin:0;font-size:13px;color:var(--ink);background:var(--panel2);background-image:var(--glow-soft);border:1px solid color-mix(in srgb,var(--coral) 16%,var(--line));border-radius:var(--r-md);padding:9px 12px;line-height:1.5}
.pdbox .icpline>.ic{color:var(--accent);margin-right:2px}
.pdbox .stpeople{border-radius:var(--r-md)}
.pdbox .stperson{border-radius:0;border-color:var(--line-soft);padding:7px 10px}
.pdbox .stperson.icp{background:color-mix(in srgb,var(--accent-soft) 70%,transparent)}
.pdbox .stpkind{font-size:14px;color:var(--muted)}
.pdbox .icpbadge{display:inline-flex;align-items:center;gap:3px;font:600 10.5px/1.5 var(--font-sans);color:var(--pc-hl);background:var(--accent-soft);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--coral) 30%,transparent);border-radius:var(--r-pill);padding:0 7px;vertical-align:1px}
@media (max-width:880px){.pdgrid{grid-template-columns:1fr;overflow:visible}.pdleft,.pdright{max-height:none}.pdbox{max-height:none;overflow:auto}.pdmetrics{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ================= Relatório: tabela ranqueável com métricas ao lado ================= */
.studiopanel.wide{max-width:1180px;background:none;border:0;box-shadow:none;padding:0}
.repctl{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;width:100%;margin:0}
.repchips{display:flex;gap:6px;flex-wrap:wrap}
.repctl2{display:flex;align-items:center;gap:8px}
.repctl2 #repNow{padding:6px 9px}
.replive{display:inline-flex;align-items:center;gap:6px;font:400 11.5px/1.3 var(--font-mono);color:var(--muted)}.replive.on{color:var(--accent)}
.replive:not(:empty)::before{content:"";flex:none;width:7px;height:7px;border-radius:50%;background:var(--coral)}
.replive.on::before{animation:livepulse 1.2s ease-in-out infinite}
.rephead{flex-direction:column;align-items:stretch;flex-wrap:nowrap} /* coluna sem wrap: com wrap o Chrome mede a grade dos KPIs estreita e o card fica alto demais */
/* KPIs = um card branco com brilho pêssego no canto, em 2 grupos (Posts · Nossos comentários);
   rótulo discreto em cima, número em Montserrat; Impressões é O número da tela (coral) */
#repRoot .repmetrics{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:0;background:var(--panel);background-image:var(--glow);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow);padding:16px 4px 16px}
#repRoot .repkgroup{min-width:0;display:flex;flex-direction:column;gap:12px;padding:0 18px}
#repRoot .repkgroup+.repkgroup{border-left:1px solid var(--line)}
#repRoot .repkrow{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:14px 12px}
#repRoot .repmetric{background:none;border:0;border-radius:0;box-shadow:none;padding:0;min-width:0}
#repRoot .repval{font:600 24px/1 var(--font-display);letter-spacing:-.02em;color:var(--heading);font-variant-numeric:tabular-nums;white-space:nowrap}
#repRoot .repmetric.hero .repval{color:var(--coral)}
#repRoot .replbl{display:flex;align-items:center;gap:4px;font:500 12px/1.3 var(--font-sans);color:var(--muted);text-transform:none;letter-spacing:0;margin:0 0 7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#repRoot .replbl .ic{flex:none}
/* tela mais estreita: os 2 grupos empilham, numa grade comum (colunas alinhadas entre os grupos) */
@media (max-width:1240px){#repRoot .repmetrics{grid-template-columns:1fr}#repRoot .repkgroup+.repkgroup{border-left:0;border-top:1px solid var(--line);margin-top:16px;padding-top:16px}#repRoot .repkrow{grid-template-columns:repeat(auto-fill,minmax(104px,1fr))}}
/* cabeçalho de seção como no site: eyebrow (ponto coral) + título Montserrat caixa-alta em dois tons */
.repsechd{display:flex;flex-direction:column;gap:6px;margin:26px 2px 12px}
.repsectt{font:600 18px/1.15 var(--font-display);text-transform:uppercase;letter-spacing:-.01em;color:var(--heading)}
#repRoot .repsec{margin-top:0}
#repRoot .repitem{border-radius:var(--r-lg);padding:12px 14px;box-shadow:var(--shadow);transition:border-color .15s}
#repRoot .reptitle a{color:var(--accent)}
/* tabela no padrão da tabela comparativa do site: card branco, grade fina, cabeçalho em texto normal;
   a coluna ordenada é "a coluna Combine": cabeçalho coral (texto branco) e células com leve fundo pêssego */
.preptable{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;background:var(--panel);box-shadow:var(--shadow)}
.reprow{display:grid;grid-template-columns:44px minmax(0,1fr) repeat(6,92px) 92px;align-items:center;border-top:1px solid var(--line-soft);cursor:pointer;transition:background .15s}
.reprow:first-child{border-top:none}
.reprow:not(.rephdr):hover{background:var(--hover)}
.rephdr{cursor:default;background:var(--panel);align-items:stretch}
.rephdr+.reprow{border-top-color:var(--line)}
.rc{padding:10px 8px;min-width:0}
.rc.rank{text-align:center;padding:10px 4px;font:400 12px/1 var(--font-mono);color:var(--muted)}
.rc.rank .bpill{font-size:11px;padding:2px 7px}
.rc.num{position:relative;text-align:right;font:400 12.5px/1.3 var(--font-mono);font-variant-numeric:tabular-nums;color:var(--ink)}
.rc.num>span{position:relative}
/* :where() mantém a especificidade baixa: as colunas escondidas nas telas estreitas (display:none) continuam escondidas mesmo quando ordenadas */
:where(.reprow:not(.rephdr)) .rc.num.on{align-self:stretch;display:flex;align-items:center;justify-content:flex-end;color:var(--heading);font-weight:700;background:color-mix(in srgb,var(--coral-soft) 62%,transparent)}
.rephdr .rc{display:flex;align-items:center;font:500 12px/1.3 var(--font-sans);color:var(--ink);text-transform:none;letter-spacing:0;padding:11px 7px;white-space:nowrap}
.rephdr .rc.rank{justify-content:center;color:var(--muted)}
.rephdr button.rc{background:none;border:none;cursor:pointer;text-align:inherit;transition:color .15s,background .15s}
.rephdr button.rc.num{justify-content:flex-end;text-align:right}
.rephdr button.rc.post{justify-content:flex-start;text-align:left}
.rephdr .sortable:hover{color:var(--accent)}
.rephdr .sortable.on,.rephdr .sortable.on:hover{background:var(--cb-coral);color:#fff;font-weight:600}
.rephdr .sortable .ic{margin-left:2px}
.rbar{position:absolute;right:8px;top:calc(50% + 11px);max-width:calc(100% - 16px);height:3px;border-radius:var(--r-pill);background:var(--coral)}
.rc.post{display:flex;gap:10px;align-items:center}
.rthumb{width:46px;height:46px;border-radius:var(--r-sm);overflow:hidden;flex:none;background:var(--panel2);display:grid;place-items:center;font-size:12px;font-weight:600;color:var(--muted);border:1px solid var(--line)}
.rthumb img{width:100%;height:100%;object-fit:cover;display:block}
.rpost{min-width:0}
.rmeta{font-size:11.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rerr{color:var(--descartado)}
.rtext{font-size:13px;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:2px;line-height:1.4}
.rc.acts{display:flex;gap:2px;justify-content:flex-end}
.iconlink{display:inline-grid;place-items:center;width:28px;height:28px;padding:0;border:1px solid transparent;background:none;cursor:pointer;border-radius:var(--r-btn);font-size:14px;color:var(--muted);text-decoration:none;line-height:1;transition:color .15s,background .15s,border-color .15s}
.iconlink:hover{background:var(--panel);border-color:var(--line);color:var(--ink)}.iconlink.danger:hover{color:var(--descartado);border-color:color-mix(in srgb,var(--descartado) 35%,var(--line))}
.reprow.stale .rc.num{opacity:.55}
.reprow.flash{animation:repflash 1.4s ease}
@keyframes repflash{0%{background:var(--coral-soft)}100%{background:transparent}}
.preptable>.repempty{padding:14px 16px}
.prepnote{margin:8px 2px 0;font-size:12px}
@media (max-width:1020px){
  .reprow{grid-template-columns:40px minmax(0,1fr) repeat(4,88px) 88px}
  .reprow .rc.num[data-k="comments"],.reprow .rc.num[data-k="reposts"],.rephdr [data-sort="comments"],.rephdr [data-sort="reposts"]{display:none}
}
@media (max-width:640px){
  .reprow{grid-template-columns:minmax(0,1fr) repeat(2,72px)}
  .rephdr .rc{font-size:10.5px;padding:10px 5px}
  .rephdr .sortable .ic{display:none} /* a coluna ordenada já é a coral; sem a seta, "Impressões" cabe */
  .reprow .rc.rank,.reprow .rc.acts,.reprow .rc.num[data-k="reactions"],.reprow .rc.num[data-k="icp"],.rephdr .rc.rank,.rephdr .rc.acts,.rephdr [data-sort="reactions"],.rephdr [data-sort="icp"]{display:none}
}

/* ================= Poster v4: Agendados com métricas · comentário no post alvo · provisórios ================= */
.scheditem{flex-direction:column;align-items:stretch;gap:8px}
.schedtop{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;min-width:0}
.schedmeta{max-width:46%}
.schedstatus{white-space:normal}
.schedstatus .bpill{white-space:normal;text-align:left}
.scherr{font-size:12px;line-height:1.45;color:var(--cb-coral-ink);background:var(--cb-coral-tag);border-radius:var(--r-btn);padding:8px 11px;overflow-wrap:anywhere}
:root[data-theme="dark"] .scherr{background:var(--coral-soft);color:var(--accent)} /* no escuro, a caixa rosa-clara fixa ofuscava: coral translúcido + texto coral-claro */
.schedstats{display:flex;flex-wrap:wrap;align-items:stretch;gap:6px;padding-top:10px;border-top:1px solid var(--line-soft)}
.schedstats.clickable{cursor:pointer}
.schedstats .sst{display:flex;flex-direction:column;align-items:flex-start;min-width:64px;padding:6px 10px;border:1px solid var(--line);border-radius:var(--r-btn);background:var(--panel2);line-height:1.2;transition:border-color .15s}
.schedstats .sst b{font:700 14px/1.15 var(--font-mono);color:var(--ink);font-variant-numeric:tabular-nums}
.schedstats .sst small{font-size:10.5px;color:var(--muted)}
.schedstats.clickable:hover .sst{border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}
.schedstats .sstlive{display:inline-flex;align-items:center;gap:6px;align-self:center;margin-left:auto;font:400 11px/1 var(--font-mono);color:var(--muted);white-space:nowrap}
.schedstats.locating{font-size:12px;color:var(--muted);font-style:italic}
@media (max-width:560px){.schedtop{flex-direction:column;align-items:stretch}.schedmeta{max-width:none;align-items:flex-start;text-align:left}.schedstats .sst{min-width:54px}}
/* nosso comentário sob o post alvo (seção de comentários do LinkedIn) */
.liactions span.on{color:var(--li-blue)}
.licomments{border-top:1px solid var(--li-sep);margin:0 12px;padding:8px 0 12px}
.licmtlabel{font-size:12px;font-weight:600;color:var(--li-tx2);padding:0 4px 2px}
.licomments .licmt{padding:6px 4px 0}
.licmthead{display:flex;align-items:baseline;justify-content:space-between;gap:8px}
.licmthead .litime{font-size:12px;color:var(--li-tx2)}
.licmtonly{display:flex;align-items:center;gap:6px;padding:6px 4px 0;font-size:13px;color:var(--li-blue)}
.licmtonly svg{width:18px;height:18px}
.licmtmeta a .ic{width:1em;height:1em}
/* relatório: post publicado ainda sem id (localizando) + comentários clicáveis */
.reprow.locating .rc.num{opacity:.45}
.reprow.locating{cursor:default}
.rloc{color:var(--muted);font-style:italic}
.repitem.clickable{cursor:pointer}
.repitem.clickable:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}
.repitem.clickable:hover .viewhint{opacity:1}
.repctl2{flex-wrap:wrap;justify-content:flex-end}
.scheddesc{min-width:0}
.schedmain:focus-visible,.schedstats.clickable:focus-visible{outline:none;box-shadow:var(--focus);border-radius:var(--r-sm)}
.repitem.clickable:focus-visible,#repRoot .repitem.clickable:focus-visible{outline:none;box-shadow:var(--focus)} /* #repRoot: vence a sombra do card */

/* ================= Poster v5: modais sempre fecháveis (✕ visível, Esc, clique fora) — o botão .mclose vem do brand.css ================= */
.mtopbar{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:10px}
.mtopbar .ppbanner{margin-bottom:0;flex:1}
.pdhead2{display:flex;align-items:center;gap:10px}
/* a caixa nunca passa da tela: rola por dentro e o cabeçalho (com o ✕) fica grudado no topo (26px = padding do .modalbox da marca) */
.postpreviewbox,.pdbox{max-height:92vh;overflow-y:auto}
.postpreviewbox .mtopbar,.pdbox .pdhead{position:sticky;top:0;z-index:3;background:var(--panel);margin:-26px -26px 12px;padding:16px 26px 10px}
@media (max-width:880px){.pdbox{max-height:92vh;overflow-y:auto;display:block}.pdgrid{flex:none;overflow:visible}}
@media (max-width:520px){.modalbox.pdbox,.modalbox.postpreviewbox{padding:16px}.postpreviewbox .mtopbar,.pdbox .pdhead{top:0;margin:-16px -16px 10px;padding:12px 16px 8px}}

/* ================= Poster v6: gráficos interativos · métricas dos nossos comentários · ICP sem a Combine ================= */
/* o sticky gruda na borda do CONTEÚDO (dentro do padding) → offset negativo = gruda no topo visível da caixa */
.postpreviewbox .mtopbar,.pdbox .pdhead{top:-26px}
@media (max-width:520px){.postpreviewbox .mtopbar,.pdbox .pdhead{top:-16px}}
@media (min-width:881px){.pdleft,.pdright{max-height:calc(92vh - 175px)}}
.repcharts{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--panel);box-shadow:var(--shadow);padding:16px 18px 14px;margin:0 0 14px}
.repcharts.sm{margin:6px 0 12px;padding:10px 12px 8px}
.rchead{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.rctitle{font-size:13.5px;font-weight:700;color:var(--ink)}
/* título do gráfico do Poster = eyebrow da marca (ponto coral + Montserrat caixa-alta); o complemento fica em Inter discreto.
   Escopo .repcharts: o .rctitle base também é usado pelos gráficos do Relatório (.rpbox), que têm o próprio eyebrow. */
.repcharts .rctitle{display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px;font:600 12.5px/1.3 var(--font-display);letter-spacing:-.005em;text-transform:uppercase;color:var(--heading)}
.repcharts .rctitle::before{content:"";flex:none;width:5px;height:5px;border-radius:50%;background:var(--coral)}
.repcharts .rctitle span{font:400 12px/1.3 var(--font-sans);letter-spacing:0;text-transform:none;color:var(--muted)}
.repcharts.sm .rctitle{font-size:12.5px;color:var(--muted);font-weight:600}
.rcctl{display:flex;gap:8px;flex-wrap:wrap}
.rcbox{position:relative;height:260px}
.rcbox.sm{height:190px}
.rcbox.empty{height:auto}
.rclegend{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:8px;font-size:12px;color:var(--ink)}
.rcleg{display:inline-flex;align-items:center;gap:6px}
.rcleg i{width:10px;height:10px;border-radius:3px;display:inline-block}
@media (max-width:640px){.rcbox{height:220px}.repcharts .seg button{padding:5px 8px;font-size:11.5px}}
/* comentários nossos: avatar do autor do post alvo + métricas que o comentário recebeu */
.repitem.cmtrow{align-items:center}
.cmtav{flex:none;width:34px;height:34px;border-radius:50%;overflow:hidden;background:var(--panel2);display:grid;place-items:center;font-size:12px;font-weight:700;color:var(--muted)}
.cmtav img{width:100%;height:100%;object-fit:cover}
.cmtrow .repmain{flex:1;min-width:0}
.cmtstats{display:flex;gap:6px;flex:none}
.cmtstats .sst{display:flex;flex-direction:column;align-items:flex-start;min-width:60px;padding:5px 9px;border:1px solid var(--line);border-radius:var(--r-btn);background:var(--panel2);line-height:1.2}
.cmtstats .sst b{font:700 13.5px/1.15 var(--font-mono);color:var(--ink);font-variant-numeric:tabular-nums}
.cmtstats .sst small{font-size:10.5px;color:var(--muted)}
@media (max-width:640px){.repitem.cmtrow{flex-wrap:wrap}.cmtstats{width:100%;padding-left:46px}}
.licmtacts{display:flex;gap:8px;align-items:center;padding:4px 4px 0 52px;font-size:12px;font-weight:600;color:var(--li-tx2)}
.licmtacts b{color:var(--li-tx)}
.licmtacts .sep{opacity:.5;font-weight:400}
/* time da Combine na lista de quem engajou (não conta como ICP) */
.teambadge{display:inline-flex;align-items:center;gap:3px;font:600 10.5px/1.5 var(--font-sans);padding:0 7px;border-radius:var(--r-pill);background:color-mix(in srgb,var(--muted) 16%,transparent);color:var(--muted);white-space:nowrap;vertical-align:1px}
.stperson.team{opacity:.72}
.repcharts .seg button{white-space:nowrap;display:inline-flex;align-items:center;gap:5px}
.repcharts .rcctl{min-width:0;max-width:100%}.repcharts .seg{max-width:100%;overflow-x:auto;scrollbar-width:none}
@media (max-width:640px){.repcharts .seg{flex-wrap:wrap;overflow:visible}} /* celular: os chips quebram linha (como os filtros do site) em vez de sumir na borda */

/* ================= Poster v7: gráfico de linhas por conta + drill down/up + posts do período ================= */
.rchead2{margin-top:-2px}
.rcbread{display:flex;align-items:center;flex-wrap:wrap;gap:4px;font-size:12.5px}
.rcbread .crumb{display:inline-flex;align-items:center;gap:5px;border:1px solid transparent;background:transparent;color:var(--muted);font:inherit;font-weight:600;padding:3px 10px;border-radius:var(--r-pill);cursor:pointer;transition:color .15s,background .15s}
.rcbread .crumb:hover{color:var(--ink);background:var(--panel2)}
.rcbread .crumb.on{color:var(--ink);cursor:default;background:var(--panel2);border-color:var(--line)}
.rcbread .crsep{color:var(--muted);opacity:.6}
.rcbread .crup{display:inline-flex;align-items:center;gap:4px;margin-left:6px;border:1px solid var(--line);background:var(--panel);color:var(--ink);font:inherit;font-size:11.5px;font-weight:600;padding:3px 10px;border-radius:var(--r-pill);cursor:pointer;transition:border-color .15s}
.rcbread .crup:hover{border-color:color-mix(in srgb,var(--ink) 35%,var(--line))}
/* no Poster, migalhas = chips do site (raio 8; o período atual em cinza-claro) — escopo .repcharts: o Relatório tem as dele */
.repcharts .rcbread .crumb,.repcharts .rcbread .crup{border-radius:var(--r-btn);font-weight:500}
.repcharts .rcbread .crumb:hover{background:var(--chip-bg)}
.repcharts .rcbread .crumb.on{background:var(--chip-bg);border-color:var(--chip-line)}
.repcharts .rcbread .crup:hover{border-color:color-mix(in srgb,var(--ink) 20%,var(--line));background:var(--panel2)}
.rchint{margin-top:8px;font-size:11.5px}
.rcbucket{margin-top:12px;border-top:1px solid var(--line);padding-top:12px}
.rcbucket .bhead{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.rcbucket .btitle{display:flex;align-items:center;gap:7px;font-size:13.5px;font-weight:600;color:var(--heading)}
.rcbucket .btitle .ic{color:var(--accent)}
.rcbucket .bacts{display:flex;align-items:center;gap:8px}
.rcbucket .bsums{display:flex;flex-wrap:wrap;gap:8px 16px;margin:10px 0;font-size:12.5px;color:var(--muted)}
.rcbucket .bsum{display:inline-flex;align-items:center;gap:6px}
.rcbucket .bsum b{color:var(--ink)}
.rcbucket .bsum i,.rcbucket .bdot{width:9px;height:9px;border-radius:50%;display:inline-block;flex:none}
.rcbucket .blist{display:flex;flex-direction:column;gap:6px;max-height:340px;overflow-y:auto}
.rcbucket .bpost{display:grid;grid-template-columns:auto 92px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 12px;border:1px solid var(--line);border-radius:var(--r-btn);background:var(--panel2);cursor:pointer;transition:border-color .15s}
.rcbucket .bpost:hover,.rcbucket .bpost:focus-visible{border-color:color-mix(in srgb,var(--accent) 50%,var(--line));outline:none}
.rcbucket .bwho{font-size:12.5px;font-weight:600;color:var(--ink);display:flex;flex-direction:column;line-height:1.2}
.rcbucket .bwho small{font:400 11px/1.35 var(--font-mono);color:var(--muted)}
.rcbucket .btext{font-size:12.5px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rcbucket .bnums{display:flex;gap:12px;font:400 12px/1.3 var(--font-mono);color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}
.rcbucket .bnums span{display:inline-flex;align-items:center;gap:4px}
@media (max-width:720px){.rcbucket .bpost{grid-template-columns:auto minmax(0,1fr)}.rcbucket .btext{grid-column:1/-1;white-space:normal}.rcbucket .bnums{grid-column:1/-1}}

/* ================= Poster v8: comentários com quem curtiu / quem respondeu + filtros ================= */
.lireactors{display:flex;align-items:center;gap:8px;padding:6px 4px 0 52px;font-size:12.5px;color:var(--li-tx2)}
.lireactors a{color:var(--li-tx);font-weight:600;text-decoration:none}.lireactors a:hover{color:var(--li-blue);text-decoration:underline}
.liavs{display:inline-flex}
.liavs .liav{width:22px;height:22px;margin-left:-6px;border:2px solid var(--li-bg);font-size:9px}
.liavs .liav:first-child{margin-left:0}
.lireplies{margin:8px 0 0 44px;display:flex;flex-direction:column;gap:2px;border-left:2px solid var(--li-sep);padding-left:8px}
.licmt.reply{padding:6px 4px 0}
.licmt.reply .licmtbox{background:color-mix(in srgb,var(--li-cbg) 80%,transparent)}
.lireplikes{margin-top:4px;font-size:11.5px;color:var(--li-tx2)}
.licmtwait{padding:6px 4px 0 52px;font-size:12px;color:var(--li-tx2);font-style:italic}
.cmtfilters{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:4px 0 10px}
.cmtfilters .repchips{display:flex;flex-wrap:wrap;gap:6px}
.linkbtn{border:0;background:transparent;color:var(--accent);font:inherit;font-weight:600;cursor:pointer;padding:0 2px;text-decoration:underline;text-underline-offset:2px}

/* ================= Poster: marca — spinner, pulso "ao vivo" (ponto coral), movimento reduzido ================= */
.ic.spin{animation:cbspin 1s linear infinite}
@keyframes cbspin{to{transform:rotate(360deg)}}
@keyframes livepulse{0%,100%{opacity:1}50%{opacity:.35}}
@media (prefers-reduced-motion:reduce){
  .ic.spin,.pdlive.on i,.replive.on::before,.reprow.flash{animation:none}
  .stab,.stab .ic,.scheditem,.schedkind,.fmtbar button,.fld>.fmtbar,.studioarea,.iconlink,.reprow,.viewhint,.rcbucket .bpost,.rcbread .crumb,.schedtoggle,.likerow,.schedtoggle::before,.likerow::before,.schedtoggle .ic,.likerow .ic,.attachbtn2,.schedcancel,.schedretry,.studioactions .primary{transition:none}
}

/* tempo de resposta (relatório) */
.rtsum{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:12.5px;color:var(--muted);margin:2px 0 8px}
.rtsum b{color:var(--ink)}.rtsum b.over{color:var(--descartado)}
.rtdist{margin-top:10px;display:grid;gap:4px}
.rtrow{display:grid;grid-template-columns:150px 1fr 40px 40px;align-items:center;gap:8px;font-size:12.5px}
.rtrow .rtl{color:var(--muted)}
.rtrow .rttrack{height:8px;border-radius:var(--r-pill);background:var(--line-soft);overflow:hidden}
.rtrow .rttrack span{display:block;height:100%;border-radius:var(--r-pill)}
.rtrow em{color:var(--muted);font-style:normal;text-align:right;font-family:var(--font-mono)}
@media (max-width:520px){.rtrow{grid-template-columns:110px 1fr 32px 36px}}

/* relatório (as seções de dados do combinegr.com): cards brancos com rótulo em texto discreto, número em Montserrat 600
   e "/dia" em mono; O número da tela (reuniões agendadas) num card de destaque com o degradê pêssego e o número em coral.
   5 colunas: o destaque ocupa 2 → 2 linhas cheias (destaque + 8). */
.statgrid.rpkpis{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.rpcard{display:flex;flex-direction:column;align-items:stretch;text-align:left;font:inherit;color:inherit;cursor:pointer;container-type:inline-size;transition:border-color .15s,transform .15s}
.rpcard:hover{border-color:color-mix(in srgb,var(--ink) 22%,var(--line));transform:translateY(-1px)}
.rpcard:focus-visible{box-shadow:var(--focus)}
.rpcard .statlbl{margin-bottom:10px}
.rpcard .statval{font-size:clamp(22px,15cqi,30px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rpcard.hero{grid-column:span 2;background-image:var(--glow-soft);border-color:color-mix(in srgb,var(--coral) 30%,var(--line))}
.rpcard.hero .statlbl{color:var(--text)}
.rpcard.hero .statval{font-size:clamp(30px,11cqi,44px)}
.rpcard.hero:hover{border-color:color-mix(in srgb,var(--coral) 55%,var(--line))}
/* destaque em 2 colunas: o número à esquerda; à direita, período (coral) × período anterior (pedra) */
.rpcard.hero:has(.rpvs){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);grid-template-rows:auto auto auto 1fr;column-gap:28px}
.rpvs{grid-column:2;grid-row:1/-1;align-self:center;display:flex;flex-direction:column;gap:12px;min-width:0}
.rpvsrow{display:grid;grid-template-columns:96px minmax(0,1fr) auto;align-items:center;gap:10px}
.rpvsl{font:400 11.5px/1.2 var(--font-mono);color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rpvsbar{display:block;height:12px;border-radius:3px;background:var(--chip-bg);overflow:hidden}
.rpvsbar i{display:block;height:100%;border-radius:3px;background:var(--coral)}
.rpvsrow.prev .rpvsbar i{background:var(--chart-5)}
.rpvsrow b{font:700 13px/1 var(--font-mono);color:var(--heading);min-width:3ch;text-align:right}
.rpvsrow.prev b{font-weight:400;color:var(--muted)}
.rpsub{font-size:12px;color:var(--muted);margin:7px 0 0}.rpsub b.over{color:var(--descartado);white-space:nowrap}
/* variação vs. período anterior: pill mono (mint = melhorou, coral claro = piorou, cinza = igual/novo) */
.rpcard .statdelta{display:flex;align-items:center;gap:7px;margin-top:auto;padding-top:12px;font-weight:400}
.rpcard .statdelta b{flex:none;font:700 11px/1.55 var(--font-mono);padding:0 7px;border-radius:var(--r-pill);background:var(--chip-bg);color:var(--text)}
.rpcard .statdelta.up b{background:var(--mint);color:var(--on-mint)}
.rpcard .statdelta.down b{background:var(--accent-soft);color:var(--cb-coral-ink)}
:root[data-theme="dark"] .rpcard .statdelta.down b{color:var(--neg)}
.rpcard .statdelta span{min-width:0;overflow:hidden;text-overflow:ellipsis;color:var(--muted)}
.rphint{margin:-6px 2px 0;font-size:12px}
.rphint .ic{color:var(--muted)}
/* título de seção como no site: eyebrow + Montserrat caixa-alta em dois tons */
.rpsec{display:flex;flex-direction:column;align-items:flex-start;gap:7px;margin:8px 0 -6px}
.rpsec h2{font-size:17px;line-height:1.15;letter-spacing:-.01em}
.boardov>.mhead .who .nm.rptitle{display:block;min-width:0;white-space:normal}
@media (max-width:640px){.boardov>.mhead .who:has(>.rptitle){order:-1;flex-basis:100%}}
/* títulos dos cards em eyebrow (caixa-alta discreta com o ponto coral); a descrição embaixo, em texto */
#rpWrap .chead{flex-direction:column;align-items:flex-start;gap:7px}
#rpWrap .chead b{font-size:10.5px;line-height:1.2;letter-spacing:.1em;color:var(--muted)}
#rpWrap .chead span{font-size:12.5px;color:var(--text)}
.rpfocus{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:12px;margin-bottom:12px}
.rpfocus .rcbox{height:300px}
.rpscope{font-weight:500;color:var(--muted);font-size:12px;margin-left:6px}
.rplistbox{margin-bottom:0}
.rptablewrap{max-height:460px;overflow:auto;border:1px solid var(--line);border-radius:var(--r-md);background:var(--panel)}
.rplist td,.rpscore td{white-space:nowrap}
.rplist td:last-child{white-space:normal;min-width:180px}
.rplead{color:var(--ink);font-weight:500;text-decoration:none}.rplead:hover{color:var(--accent);text-decoration:underline}
.rpscore th.on{color:var(--ink)}
.rpscore tr.on td{background:color-mix(in srgb,var(--accent) 8%,transparent)}
.rpscore tr.rptot td{border-top:2px solid var(--line);background:var(--panel2)}
.rpcell{border:0;background:transparent;color:var(--ink);font:inherit;font-variant-numeric:tabular-nums;padding:3px 8px;margin:-3px -8px;border-radius:var(--r-xs);cursor:pointer;transition:background .15s,color .15s}
.rpcell:hover:not(:disabled){background:var(--accent-soft);color:var(--accent)}
.rpcell.on{font-weight:700}.rpcell:disabled{color:var(--muted);cursor:default}
.rtdh{font-size:12px;color:var(--muted);margin:8px 0 2px}
@media (max-width:900px){.rpfocus{grid-template-columns:1fr}.rpfocus .rcbox{height:240px}}
/* tabelas do relatório como a tabela comparativa do site: grade fina, cabeçalho em texto normal 500 (o do brand.css),
   datas/números/tempos em mono */
#rpWrap .reptable th,#rpWrap .reptable td,.rpmodal .reptable th,.rpmodal .reptable td{padding:9px 14px}
#rpWrap .reptable thead th,.rpmodal .reptable thead th{white-space:nowrap;box-shadow:inset 0 -1px 0 var(--line)}
#rpWrap .reptable thead th .ic{font-size:12px;margin-right:3px;color:var(--muted)}
.reptable td.rpn,.rpcamptab td:not(:first-child),.rpcmttab td:not(:first-child),.rpdaily td:not(:first-child){font-family:var(--font-mono);font-size:12px}
/* estados nas listas: ícone na cor do estado, texto na tinta */
.rpok .ic{color:var(--reuniao)}
.rpwarn{color:var(--coral)}
.rplist b.over,.rplist b.over .ic{color:var(--descartado)}
.rpkic{display:inline-flex;margin-right:7px;color:var(--muted);vertical-align:-.12em}
.reptable .ic{vertical-align:-.16em}

/* relatório: um gráfico de linha por métrica (eyebrow + número em Montserrat; legenda das 2 linhas) + pop-up "de onde veio" */
.rpgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.rpbox .rcbox{height:240px}
.rpbox .rchead{margin-bottom:0;align-items:flex-start}
.rpbox .rctitle{display:flex;flex-direction:column;align-items:flex-start;gap:9px;min-width:0}
.rpeyb{display:inline-flex;align-items:center;gap:7px;font:600 10.5px/1.2 var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.rpeyb::before{content:"";flex:none;width:5px;height:5px;border-radius:50%;background:var(--coral)}
.rpnum{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px}
.rpbig{font:600 24px/1 var(--font-display);letter-spacing:-.02em;color:var(--heading);font-variant-numeric:tabular-nums}
.rpbig.hero{color:var(--coral)}
.rpbox .rchead2{align-items:center;margin-top:6px}
.rpbox .rcbread{font-size:12px}
.rpbox .rcbread .crumb{display:inline-flex;align-items:center;gap:5px;border-radius:var(--r-btn);padding:3px 9px;font-weight:500}
.rpbox .rcbread .crumb.on{background:var(--chip-bg);border-color:var(--chip-line)}
.rpbox .rcbread .crup{display:inline-flex;align-items:center;gap:4px;border-radius:var(--r-btn);padding:3px 10px;font-weight:500}
.rpkey{display:flex;align-items:center;gap:14px;font-size:11.5px;color:var(--muted);white-space:nowrap;cursor:default}
.rpkey span{display:inline-flex;align-items:center;gap:6px}
.rpkey i{display:inline-block;width:18px;height:2.5px;border-radius:2px;background:var(--chart-1)}
.rpkey i.prev{height:2px;border-radius:0;background:repeating-linear-gradient(90deg,var(--chart-5) 0 5px,transparent 5px 9px)}
.modalbox.rpmodal{width:min(1000px,96vw);background-image:var(--glow)}
.rpmhead{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:16px}
.rpmhead h3{margin:0 0 4px}
.rpmhead .rpmtl{flex:1;min-width:0}
.rpmhead .rpmtl .eyebrow{margin-bottom:8px}
.rpmval{flex:none;align-self:center;font:600 30px/1 var(--font-display);letter-spacing:-.02em;color:var(--coral);font-variant-numeric:tabular-nums;white-space:nowrap}
.rpmval small{font:400 12px/1 var(--font-mono);letter-spacing:0;color:var(--muted)}
.rpmodal .modalsub{margin-bottom:0}
.rpmodal .rptablewrap{max-height:62vh}
@media (max-width:900px){.rpgrid{grid-template-columns:1fr}.rpbox .rcbox{height:220px}.rpmval{font-size:22px}}
.rpunit{font:400 12px/1.2 var(--font-mono);color:var(--muted)}
.statval .rpunit{font-size:13px}
@media (max-width:1180px){.statgrid.rpkpis{grid-template-columns:repeat(3,minmax(0,1fr))}.rpcard.hero{grid-column:auto}.rpcard .statlbl{min-height:2.6em}}
@media (max-width:900px){.statgrid.rpkpis{grid-template-columns:repeat(2,minmax(0,1fr))}.rpcard.hero{grid-column:span 2}.rpcard .statlbl{min-height:0}}
/* celular: rótulos que quebram em 2 linhas ("Novos leads (responderam)") não desalinham os números da mesma linha */
@media (max-width:600px){.rpcard:not(.hero) .statlbl{min-height:2.6em}}
/* a comparação em barras só cabe quando o destaque ocupa 2 colunas largas */
@media (max-width:1180px) and (min-width:901px),(max-width:600px){.rpcard.hero:has(.rpvs){display:flex}.rpvs{display:none}}

/* campanhas top tier = a tabela comparativa do site: 3 colunas numa grade fina, cabeçalho em texto normal 500 com o ícone
   num quadradinho pêssego; posição em pill mono e barra de dado — o 1º lugar em coral (pill + barra), os outros em pedra */
.rpcamps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;background:var(--panel)}
.rpcamp{min-width:0;display:flex;flex-direction:column}
.rpcamp+.rpcamp{border-left:1px solid var(--line)}
.rpcamph{display:flex;align-items:center;gap:9px;font:500 13px/1.3 var(--font-sans);color:var(--ink)}
.rpcamp .rpcamph{min-height:48px;padding:10px 14px;border-bottom:1px solid var(--line);background:var(--panel)}
.rpchip{flex:none;display:inline-grid;place-items:center;width:26px;height:26px;border-radius:var(--r-btn);background:var(--accent-soft);color:var(--accent);font-size:13px}
.rpcamprow{display:grid;grid-template-columns:34px minmax(0,1fr) auto;grid-template-areas:"pos nm val" "pos bar bar";align-items:center;column-gap:10px;row-gap:6px;width:100%;border:0;border-top:1px solid var(--line-soft);background:transparent;color:var(--ink);font:inherit;font-size:12.5px;padding:10px 14px;cursor:pointer;text-align:left;transition:background .15s}
.rpcamprow:first-of-type{border-top:0}
.rpcamprow:hover{background:var(--hover)}
.rpcamprow .rpcn{grid-area:nm;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}
.rpcamprow .rpcn .ic,.rpcamptab .ic{color:var(--muted);margin-right:2px}
.rpcamprow b{grid-area:val;font:700 12px/1.3 var(--font-mono);font-variant-numeric:tabular-nums;color:var(--heading)}
.rpmed{grid-area:pos;justify-self:start;font:700 10.5px/1.6 var(--font-mono);padding:0 7px;border-radius:var(--r-pill);background:var(--chip-bg);color:var(--text)}
.rpcamprow.top .rpmed{background:var(--coral);color:var(--on-accent)}
.rpcbar{grid-area:bar;display:block;height:6px;border-radius:3px;background:var(--chip-bg);overflow:hidden}
.rpcbar i{display:block;height:100%;border-radius:3px;background:var(--chart-5)}
.rpcamprow.top .rpcbar i{background:var(--coral)}
.rpcamp>.muted{padding:12px 14px}
.rpcamp>.dimhint{margin-top:auto;padding:8px 14px 10px;font-size:11.5px;border-top:1px solid var(--line-soft)}
.rpcampall{margin-top:14px}.rpcampall summary{cursor:pointer;color:var(--text);font-size:12.5px;font-weight:500;width:fit-content}
.rpcampall summary:hover{color:var(--ink)}
.rpcampall[open] summary{margin-bottom:10px}
@media (max-width:900px){.rpcamps{grid-template-columns:1fr}.rpcamp+.rpcamp{border-left:0;border-top:1px solid var(--line)}}
.rpsub .rpday{font:400 12px/1.3 var(--font-mono);color:var(--text)}

/* fotos nas tabelas do relatório + comentários LinkedIn */
.rplead{display:inline-flex;align-items:center;gap:8px}
.rplead .avatar{width:28px;height:28px;font-size:11px;flex:none}
.rpcmtgrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:24px;align-items:start}
.rpcmtgrid .rpcamph{margin-bottom:14px}
.rpclick{cursor:pointer;border-radius:var(--r-sm);padding:4px 6px;margin:0 -6px;transition:background .15s}
.rpclick:hover{background:var(--hover)}
.rppost{color:var(--ink);text-decoration:none}.rppost:hover{color:var(--accent);text-decoration:underline}
.rppost .ic{color:var(--muted);margin-left:3px}
.rpposttd{white-space:normal!important;min-width:220px;max-width:360px}
@media (max-width:900px){.rpcmtgrid{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.rpcard,.rpcard:hover{transition:none;transform:none}.cftrack span{transition:none}}

/* remarcar follow-up (botão na lista/calendário + opções do modal) */
.fupmove{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:var(--r-xs);padding:1px 8px;font:500 11px/1.6 var(--font-sans);cursor:pointer;transition:color .15s,border-color .15s,background .15s}
.fupmove:hover{border-color:color-mix(in srgb,var(--ink) 22%,var(--line));color:var(--ink);background:var(--panel2)}
.cdrowwrap{display:flex;align-items:center;gap:6px}
.cdrowwrap .cdrow{flex:1;min-width:0}
.fupopt small{color:var(--muted);margin-left:3px;font:400 11px/1 var(--font-mono)}
.fupopt.on small{color:inherit}

/* ================= Poster v9: engajamento automático do time ================= */
.engpanel{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--panel);box-shadow:var(--shadow);padding:14px 18px;margin:0}
.enghead{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.engtitle{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13.5px;color:var(--ink)}
.engtitle b{display:inline-flex;align-items:center;gap:7px;font:600 12.5px/1.25 var(--font-display);letter-spacing:-.005em;text-transform:uppercase;color:var(--heading)}
.engtitle b::before{content:"";flex:none;width:5px;height:5px;border-radius:50%;background:var(--coral)}
.engacts{display:flex;gap:6px}
.engpill{display:inline-flex;align-items:center;gap:6px;font:500 11.5px/1.5 var(--font-sans);padding:2px 10px;border-radius:var(--r-pill)}
.engpill i{flex:none;width:7px;height:7px;border-radius:50%;background:var(--emerald)}
.engpill.on{color:var(--on-mint);background:var(--mint)}
.engpill.off{color:var(--text);background:var(--chip-bg)}
.engline{font-size:12.5px;color:var(--ink);margin-top:8px;line-height:1.5}
.engline .num{font-weight:700}
.engline.dimhint{color:var(--muted);font-size:11.5px;margin-top:3px}
.engwarn{display:inline-flex;align-items:center;margin-left:2px;padding:0 8px;border-radius:var(--r-pill);font:600 11px/1.6 var(--font-sans);background:var(--cb-coral-tag);color:var(--cb-coral-ink)}
.englist{margin-top:10px;display:flex;flex-direction:column;max-height:320px;overflow-y:auto;border-top:1px solid var(--line);padding-top:2px}
.engrow{display:grid;grid-template-columns:90px minmax(0,1fr) auto auto;gap:10px;align-items:start;font-size:12.5px;padding:7px 2px;border-top:1px solid var(--line-soft)}
.engrow:first-child{border-top:0}
.engrow.err{color:var(--descartado)}
.engwho{font-weight:600;color:var(--ink)}
.engwhat{min-width:0;color:var(--ink)}
.engwhat>.ic{color:var(--accent)}
.engwhat small{display:block;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.engwhen{font:400 11px/1.7 var(--font-mono);color:var(--muted);white-space:nowrap}
.engrow a{color:var(--accent);text-decoration:none}
@media (max-width:640px){.engrow{grid-template-columns:70px minmax(0,1fr) auto}.engrow a{display:none}}

/* Análise de ICP (enxuta): ICP sugerido × Anti-ICP no topo, influência +/− (saldo sobre o esperado pelo volume),
   análise por dimensão e a planilha de leads auditável. Tokens da marca; coral = o que ajuda, tinta = o que atrapalha */
.icptop{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.icpcard{border:1px solid var(--line);border-radius:var(--r-lg);padding:16px 18px;background:var(--panel);display:flex;flex-direction:column;gap:10px;min-width:0}
.icpcard.good{background:color-mix(in srgb,var(--emerald) 7%,var(--panel));border-color:color-mix(in srgb,var(--emerald) 35%,var(--line))}
.icpcard.bad{background:color-mix(in srgb,var(--descartado) 6%,var(--panel));border-color:color-mix(in srgb,var(--descartado) 30%,var(--line))}
.icpmult{font:600 40px/1 var(--font-display);letter-spacing:-.02em;color:var(--coral);font-variant-numeric:tabular-nums;display:flex;align-items:baseline;gap:10px}
.icpcard.good .icpmult{color:var(--emerald)}.icpcard.bad .icpmult{color:var(--descartado)}
.icpmult span{font:500 12.5px/1.3 var(--font-sans);letter-spacing:0;color:var(--muted)}
.icpchips{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.icpplus{color:var(--muted);font-weight:600}
.icpchip{display:inline-flex;flex-direction:column;align-items:flex-start;gap:1px;border:1px solid var(--line);background:var(--panel2);border-radius:10px;padding:5px 10px;font:600 13px/1.25 var(--font-sans);color:var(--ink);cursor:pointer;text-align:left}
.icpchip small{font:600 9.5px/1.2 var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.icpchip:hover{border-color:var(--accent)}
.icpcl{margin:0;font-size:12.5px;color:var(--text)}.icpcl .mono{color:var(--ink)}
.icpcard .linkbtn{align-self:flex-start;display:inline-flex;align-items:center;gap:5px;font-size:12.5px}
.icpcols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.icpinf+.icpinf{border-top:1px solid var(--line-soft);padding-top:10px}
.icpinfhd{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:4px}
.icpinfhd b{font-size:13.5px;color:var(--ink)}
.icpinfhd .mono{font-size:11.5px;white-space:nowrap}
.icpinfrow{width:100%;display:grid;grid-template-columns:minmax(0,1fr) 72px 92px 52px;align-items:center;gap:8px;border:0;background:transparent;padding:5px 6px;border-radius:8px;font:inherit;font-size:12.5px;color:var(--text);cursor:pointer;text-align:left}
.icpinfrow:hover{background:var(--hover)}
.icpinfrow .mono{font-size:11.5px;text-align:right}.icpinfrow small{color:var(--muted)}
.icpv{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink);font-weight:500}
.icpx{font-weight:700}.icpx.pos,.mono.pos{color:var(--emerald)}.icpx.neg,.mono.neg{color:var(--descartado)}
.icpdim .chead select{margin-left:4px}
.icptablewrap{overflow-x:auto}
.icptable td small{color:var(--muted);margin-left:2px}
.icptable tbody tr{cursor:pointer}.icptable tbody tr:hover td{background:var(--hover)}
.icptable tr.low td{color:var(--muted)}
.icptable tfoot td{border-top:1px solid var(--line);font-weight:600;color:var(--ink)}
.icpmiss{font-size:12.5px;color:var(--muted)}.icpmiss summary{cursor:pointer}.icpmiss ul{margin:6px 0 0;padding-left:18px}
.icpsheetmodal .modalbox.icpsheet{width:min(1400px,96vw);max-height:92vh;display:flex;flex-direction:column;gap:10px;padding:18px 20px}
.icpshbar{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.icpshbar .modalinput{flex:1;min-width:200px;margin:0}
.icpshwrap{overflow:auto;flex:1;min-height:0;border:1px solid var(--line);border-radius:var(--r-md,10px)}
table.icpsh th{position:sticky;top:0;background:var(--panel2);z-index:1;cursor:pointer;white-space:nowrap;user-select:none}
table.icpsh tr.icpfrow th{top:26px;cursor:default;padding-top:0}
table.icpsh th.on{color:var(--ink)}table.icpsh th.dropok{box-shadow:inset 3px 0 0 var(--accent)}
table.icpsh select.icpf{max-width:150px;font:inherit;font-size:11.5px;text-transform:none;letter-spacing:0;border:1px solid var(--line);border-radius:6px;background:var(--panel);color:var(--ink);padding:2px 4px}
table.icpsh td{max-width:240px;overflow:hidden;text-overflow:ellipsis}
table.icpsh td a{color:var(--ink);font-weight:600}
@media (max-width:1000px){.icptop,.icpcols{grid-template-columns:1fr}}
@media (max-width:760px){.icphead .who{order:3;flex-basis:100%}.icpinfrow{grid-template-columns:minmax(0,1fr) 60px 70px 46px}}

.engtypes{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.engtype{border:1px solid var(--line);background:var(--panel2);color:var(--ink);font:inherit;font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px;cursor:pointer}
.engtype b{font-weight:700;color:var(--reuniao);margin-left:2px}
.engtype.off{opacity:.75}.engtype.off b{color:var(--muted)}
.engtype:hover{border-color:var(--accent)}

/* ===== Relatório em 3 seções (Métricas gerais · Engenharia de prospecção · Eficiência e qualidade) ===== */
.rpsection{display:flex;flex-direction:column;gap:14px}
.rpsection+.rpsection{margin-top:12px}
@media (min-width:901px){.rpsection .statgrid.rpkpis{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}
.rpbox.wide{grid-column:1/-1}
.rpbox.wide .rcbox{height:300px}
.rpchint{font-size:12px;line-height:1.35;color:var(--muted);font-weight:400}
.rpmkey{flex-wrap:wrap;white-space:normal;gap:6px 14px}
.rpmkey i{background:var(--c)}
.rpmkey i.dash{height:2px;border-radius:0;background:repeating-linear-gradient(90deg,var(--c) 0 5px,transparent 5px 9px)}
/* marca invertida: fundo coral, linhas e texto em verde-escuro (é outra leitura: a engenharia da prospecção) */
.rpsection.inv{background:var(--cb-coral);background-image:radial-gradient(circle at 92% 0%,rgba(255,255,255,.24) 0%,rgba(255,255,255,0) 46%);border-radius:var(--r-xl);padding:22px 22px 24px;color:var(--cb-ink)}
.rpsection.inv .eyebrow,.rpsection.inv .rpeyb,.rpsection.inv .rpsec h2{color:var(--cb-ink)}
.rpsection.inv .eyebrow::before,.rpsection.inv .rpeyb::before{background:var(--cb-ink)}
.rpsection.inv .rpsec h2 .tt-lead{color:rgba(0,33,23,.8)}
.rpsection.inv .statcard,.rpsection.inv .chartbox{background:rgba(255,255,255,.16);background-image:none;border-color:rgba(0,33,23,.18);box-shadow:none}
.rpsection.inv .rpcard:hover{border-color:rgba(0,33,23,.45)}
.rpsection.inv .rpcard:focus-visible{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--cb-ink)}
.rpsection.inv .statval{color:var(--cb-ink)}
.rpsection.inv .statlbl,.rpsection.inv .rpsub,.rpsection.inv .statdelta,.rpsection.inv .statdelta span,.rpsection.inv .rpchint,.rpsection.inv .rpkey{color:rgba(0,33,23,.78)}
.rpsection.inv .rpcard .statdelta b{background:rgba(255,255,255,.3);color:var(--cb-ink)}
.rpsection.inv .rpcard .statdelta.up b{background:var(--cb-ink);color:#fff}
.rpsection.inv .rpcard .statdelta.down b{background:rgba(255,255,255,.34);color:#4a0d04}
.rpsection.inv .seg button{background:rgba(255,255,255,.2);border-color:rgba(0,33,23,.16);color:var(--cb-ink)}
.rpsection.inv .seg button.on{background:var(--cb-ink);border-color:var(--cb-ink);color:#fff}
.rpsection.inv .rcbread .crumb,.rpsection.inv .rcbread .crup,.rpsection.inv .crsep{color:var(--cb-ink)}
.rpsection.inv .rcbread .crumb.on{background:rgba(255,255,255,.26);border-color:rgba(0,33,23,.16)}
.rpsection.inv .rcbread .crup{background:rgba(255,255,255,.3);border-color:rgba(0,33,23,.2)}
.rpsection.inv .rpday,.rpsection.inv .rpsub b{color:var(--cb-ink)}
@media (max-width:900px){.rpsection.inv{padding:16px 14px 18px}.rpbox.wide .rcbox{height:240px}}
/* seção Eficiência e qualidade em bloco branco (no escuro, o painel do tema) */
.rpsection.white{
  /* tema claro fixo dentro do bloco (mesmo com o app no escuro): fundo branco, texto e gráficos nas cores do claro */
  --bg:#f5f5f3; --panel:#ffffff; --panel2:#faf9f7; --ink:#0d0d0d; --heading:#002117; --text:#404040; --muted:#78716c; --line:#e7e5e4; --line-soft:#f0efed;
  --chip-bg:rgba(0,0,0,.05); --chip-line:#f0efed; --hover:rgba(0,0,0,.035);
  --accent:#c0533d; --accent-soft:#fdece8; --accent-strong:#e8705a; --on-accent:#ffffff; --ink-fill:#002117; --on-ink-fill:#ffffff;
  --coral-soft:#fdece8; --emerald:#00a874; --mint:#d0fae5; --on-mint:#002117; --pos:#00a874; --neg:#c0533d; --descartado:#bd2d2c; --reuniao:#00a874;
  --shadow:none; --glow:radial-gradient(circle at 92% 0%,#fce8e3 0%,rgba(252,232,227,0) 46%); --glow-soft:linear-gradient(135deg,#fdece8 0%,#fff4e6 55%,#ffffff 100%);
  --chart-1:#e8705a; --chart-2:#002117; --chart-3:#00a874; --chart-4:#d99a2b; --chart-5:#a6a09b; --chart-6:#5f8796; --chart-fill:rgba(232,112,90,.10);
  --focus:0 0 0 2px #ffffff,0 0 0 4px #e8705a; --focus-c:#e8705a;
  color-scheme:light; color:var(--ink);
  background:#ffffff;border:1px solid #e7e5e4;border-radius:var(--r-xl);padding:22px 22px 24px}
:root[data-theme="dark"] .rpsection.white .rpcard .statdelta.down b{color:var(--cb-coral-ink)}
.rpsection.white .statcard,.rpsection.white .chartbox{box-shadow:none}
@media (max-width:900px){.rpsection.white{padding:16px 14px 18px}}

/* ================= Poster v10: filtro de datas · Pablo/Luiz na contagem · rede (pedidos de conexão + seguidores ICP) ================= */
.repfilt{display:flex;align-items:center;justify-content:space-between;gap:10px 16px;flex-wrap:wrap;margin:10px 0 4px}
.repdates{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.repdates .eyebrow{margin-right:4px}
.rngcustom{display:inline-flex;align-items:center;gap:6px;margin-left:4px;font-size:12px;color:var(--muted)}
.rngcustom input{width:auto;margin:0;padding:4px 8px;font-size:12px}
.plbox{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--ink);cursor:pointer;flex-wrap:wrap}
.plbox input{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}
.plbox .dimhint{font-size:11.5px}
.netcards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:10px;margin:6px 0 10px}
.netcard{border:1px solid var(--line);border-radius:12px;background:var(--panel);padding:10px 12px}
.netcardhd{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--ink);margin-bottom:8px}
.netcardhd .bdot{width:10px;height:10px;border-radius:50%;display:inline-block}
.netnums{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.netnum{display:flex;flex-direction:column;align-items:flex-start;gap:2px;border:1px solid var(--line);background:var(--panel2);border-radius:9px;padding:7px 9px;cursor:pointer;text-align:left;font:inherit;color:var(--ink)}
.netnum b{font-size:18px;font-weight:800;line-height:1.1;font-variant-numeric:tabular-nums}
.netnum span{font-size:10.5px;color:var(--muted);line-height:1.25}
.netnum.hero b{color:var(--accent)}
.netnum:hover,.netnum:focus-visible{border-color:var(--accent);outline:none}
.netst{margin-top:6px;font-size:11.5px}
.rcbucket.netlist{border:1px solid var(--line);border-radius:12px;background:var(--panel);padding:10px 12px;margin:0 0 10px}
.rcbucket .bpost.netrow{grid-template-columns:auto 34px minmax(0,1fr) auto}
.netav{width:34px;height:34px;border-radius:50%;overflow:hidden;background:var(--panel2);display:grid;place-items:center;font-size:12px;font-weight:700;color:var(--muted)}
.netav img{width:100%;height:100%;object-fit:cover}
.netrow .btext{white-space:normal}
.netrow .btext small{display:block;color:var(--muted);font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.netrow .btext small.netmsg{font-style:italic;white-space:normal}
.netrow .bnums{flex-direction:column;align-items:flex-end;gap:2px}
.pdadj{margin-top:8px;font-size:11.5px;line-height:1.45}
@media (max-width:640px){.netnums{grid-template-columns:repeat(2,minmax(0,1fr))}.rcbucket .bpost.netrow{grid-template-columns:auto 34px minmax(0,1fr)}.netrow .bnums{grid-column:2/-1;align-items:flex-start}}

/* ================= Poster v11: relatório de marketing (/mkt) · rede só pedidos · "não conta" ================= */
#posterOverlay.mkt .studiotabs,#posterOverlay.mkt #schedList{display:none}
.netnums.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.teambadge.nc{background:color-mix(in srgb,var(--descartado) 14%,transparent);color:var(--descartado)}

/* ================= Poster v12: desconsiderar pessoa (amigo próximo / contato) ================= */
.exclbtn{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--line);background:var(--panel2);color:var(--muted);font:inherit;font-size:11px;font-weight:600;line-height:1;padding:3px 6px;border-radius:999px;cursor:pointer;vertical-align:middle;margin-left:4px}
.exclbtn .ic{width:12px;height:12px}
.exclbtn:hover,.exclbtn:focus-visible{color:var(--descartado);border-color:var(--descartado);outline:none}
.exclbtn:disabled{opacity:.5;cursor:default}
.exclbox{width:min(560px,92vw)}
/* API de métricas (admin): chave nova aparece 1x num bloco mono com copiar */
.apibox{width:min(640px,94vw)}
.apinew{display:flex;gap:8px;margin:6px 0 4px}.apinew .modalinput{flex:1;margin:0}
.apikey{border:1px solid var(--accent);background:var(--panel2);border-radius:10px;padding:10px 12px;margin:10px 0}
.apikey code{display:block;font-family:var(--font-mono);font-size:12.5px;word-break:break-all;color:var(--ink);margin:6px 0 8px;user-select:all}
.apikey .dimhint{margin:0}
.apirev small .over{font-weight:600}
.apidoc{font-size:12.5px;color:var(--muted);margin-top:8px}.apidoc code{font-family:var(--font-mono);font-size:12px;color:var(--ink)}
.excllist{display:flex;flex-direction:column;gap:6px;margin:10px 0;max-height:50vh;overflow-y:auto}
.exclrow{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--line);border-radius:9px;padding:8px 10px;background:var(--panel2)}
.exclrow small{display:block;color:var(--muted);font-size:11.5px}
.exclrow a{color:var(--ink);text-decoration:none}.exclrow a:hover{color:var(--accent);text-decoration:underline}
.icpetapas{display:flex;flex-wrap:wrap;gap:6px}.icpetapas .chip .mono{font-size:11px;color:var(--muted);margin-left:2px}.icpetapas .chip.on .mono{color:inherit}
#icpHeldBtn b.mono{margin-left:4px}

/* Análise de ICP — no tema do app (claro/escuro), como o resto do site: o que é ICP em verde (emerald da marca, o
   dado positivo), o que é Anti-ICP em vermelho (o do descarte) — card e selo levemente tingidos, sem tingir linhas */
.icptable th[data-dsort]{cursor:pointer;user-select:none}.icptable th[data-dsort]:hover,.icptable th.on{color:var(--ink)}
.icptable td.icpx{white-space:nowrap}
.icptag{display:inline-block;margin-left:6px;padding:1px 8px;border-radius:var(--r-pill,999px);font:600 10.5px/1.5 var(--font-sans);vertical-align:1px}
.icptag.icp{background:color-mix(in srgb,var(--emerald) 15%,transparent);color:var(--emerald)}
.icptag.anti{background:color-mix(in srgb,var(--descartado) 12%,transparent);color:var(--descartado)}

/* ================= chaves de API: permissão (métricas só leitura × Poster escrita) ================= */
.apiscope{display:flex;flex-direction:column;gap:6px;margin:8px 0 4px;font-size:12.5px;color:var(--ink)}
.apiscope label{display:flex;gap:8px;align-items:flex-start;cursor:pointer;line-height:1.4}
.apiscope input{margin-top:3px;accent-color:var(--accent)}
.scopetag{font-size:10.5px;font-weight:700;padding:1px 6px;border-radius:6px;background:var(--panel2);color:var(--muted);border:1px solid var(--line);white-space:nowrap}
.scopetag.w{color:var(--descartado);border-color:color-mix(in srgb,var(--descartado) 40%,var(--line));background:color-mix(in srgb,var(--descartado) 8%,transparent)}

/* Saúde do inbox: ponto de alerta no ícone do cabeçalho */
#healthBtn{position:relative}
#healthBtn .hdot{position:absolute;top:-2px;right:-3px;width:7px;height:7px;border-radius:50%;background:var(--descartado)}