/* ============================================================================
   iBooster CRM - Bolt: espaco de trabalho em pagina inteira (#bolt)
   Lateral de conversas (a mesma lista do seletor do painel), abas e 1 a 3
   paineis. Superficie neutra; o vermelho do Bolt so como destaque (--accent).
   body.modo-bolt esconde a moldura do CRM (lateral, topo, barra do celular).
   A perspectiva CEO troca o destaque por grafite (copiloto-manual.css).
   ========================================================================== */
body.modo-bolt .lateral,body.modo-bolt .app-topo,body.modo-bolt .leitor-aviso,body.modo-bolt .barra-mobile,body.modo-bolt .fundo-mobile{display:none !important}
body.modo-bolt .casco{grid-template-columns:minmax(0,1fr)}
body.modo-bolt .conteudo{padding:0;max-width:none;height:var(--bw-altura,100dvh);overflow:hidden}

.bw{--accent:var(--bolt);--anel:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent);
  display:grid;grid-template-columns:272px minmax(0,1fr);height:var(--bw-altura,100dvh);background:var(--surface);color:var(--ink)}
.bw :focus-visible{outline:2px solid var(--accent);outline-offset:2px}

/* ---------------- lateral ---------------- */
.bw-lado{--ink:#F6F7FA;--ink-2:#ADB5C5;--ink-3:#8B97AC;--ink-4:#77849A;
  --surface:#11151C;--surface-2:#171B24;--surface-3:#202632;--surface-raised:#262C38;--track:#303848;
  --line:rgba(255,255,255,.09);--line-strong:rgba(255,255,255,.18);--hover:rgba(255,255,255,.055);--ativo:rgba(255,255,255,.085);
  --accent:#F87171;--e1:0 0 0 1px var(--line);--e2:0 0 0 1px var(--line-strong),0 4px 16px rgba(0,0,0,.2);color:var(--ink)}
.bw-lado{display:flex;flex-direction:column;gap:4px;min-height:0;padding:12px 10px 10px;background:var(--sidebar-bg);border-right:1px solid var(--line)}
.bw-lado-topo{display:flex;align-items:center;gap:10px;padding:2px 6px 10px}
.bw-lado-nome{flex:1;font-size:15px;font-weight:var(--fw-semibold);letter-spacing:-.01em}
.bw-nova{display:flex;align-items:center;gap:10px;height:38px;padding:0 8px 0 12px;margin-bottom:4px;border-radius:10px;background:var(--surface);box-shadow:var(--e1);
  font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--ink);transition:box-shadow var(--dur-2) var(--ease)}
.bw-nova:hover{box-shadow:var(--e2)}
.bw-nova .ic{width:16px;height:16px;color:var(--ink-3)}
.bw-nova kbd,.bl-busca kbd{margin-left:auto}
.bl-busca{display:flex;align-items:center;gap:8px;height:34px;padding:0 6px 0 10px;border-radius:var(--r-sm);background:var(--surface-3);color:var(--ink-3)}
.bl-busca:focus-within{background:var(--surface);box-shadow:0 0 0 1px var(--line-strong)}
.bl-busca .ic{width:15px;height:15px}
.bl-busca input{flex:1;min-width:0;height:100%;padding:0;border:0;background:transparent;box-shadow:none;font-size:var(--fs-sm);color:var(--ink)}
.bl-busca input:focus,.bl-busca input:focus-visible{box-shadow:none;border:0;outline:none}
.bl-busca input::-webkit-search-cancel-button{display:none}
.bl-busca:focus-within kbd{display:none}
.bw-atalhos{display:grid;gap:1px;padding:6px 0 2px}
.bw-atalho,.bw-rodape-item{display:flex;align-items:center;gap:10px;width:100%;height:34px;padding:0 10px;border-radius:var(--r-sm);font-size:var(--fs-sm);color:var(--ink-2);text-align:left}
.bw-atalho:hover,.bw-rodape-item:hover{background:var(--hover);color:var(--ink)}
.bw-atalho .ic,.bw-rodape-item .ic{width:16px;height:16px;color:var(--ink-3)}
.bw-atalho > span,.bw-rodape-item > span:not(.chave-trilho){flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bw-cont{min-width:20px;height:20px;padding:0 6px;border-radius:var(--r-full);display:inline-grid;place-items:center;font-size:var(--fs-2xs);font-weight:var(--fw-semibold);
  background:var(--surface-3);color:var(--ink-2);font-variant-numeric:tabular-nums}
.bw-cont.forte{background:var(--bolt);color:#fff}
.bw-cont[hidden]{display:none}
.bw-lista{flex:1;min-height:0;overflow-y:auto;margin:4px -4px 0;padding:0 4px 8px;scrollbar-width:thin}
.bw-lado-rodape{display:grid;gap:1px;padding-top:8px;border-top:1px solid var(--line)}
.bw-modo{font-weight:var(--fw-regular)}
.bw-modo[hidden]{display:none}
[data-papel="leitor"] .bw-modo{display:none}

/* ---------------- a lista de conversas (lateral e seletor do painel) ---------------- */
.bl-grupo{margin-top:14px}
.bl-grupo:first-child{margin-top:6px}
.bl-grupo-tit{font-size:var(--fs-2xs);font-weight:var(--fw-medium);color:var(--ink-3);padding:0 10px 4px}
.bl-item{position:relative;display:flex;align-items:center;border-radius:var(--r-sm)}
.bl-item:hover{background:var(--hover)}
.bl-item.ativo{background:var(--ativo)}
.bl-item.aberto .bl-titulo{color:var(--ink)}
.bl-abrir{flex:1;min-width:0;display:flex;align-items:center;gap:6px;height:34px;padding:0 4px 0 10px;text-align:left;font-size:var(--fs-sm);color:var(--ink-2)}
.bl-item.ativo .bl-abrir{color:var(--ink);font-weight:var(--fw-medium)}
.bl-titulo{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bl-fixo .ic,.bl-cadeado .ic{width:12px;height:12px;color:var(--ink-4)}
.bl-fixo{display:inline-grid;place-items:center}
.bl-meta{display:flex;align-items:center;gap:6px;flex:none}
.bl-meta small{font-size:var(--fs-2xs);color:var(--ink-4);font-variant-numeric:tabular-nums}
.bl-kebab{width:26px;height:26px;margin-right:4px;opacity:0}
.bl-item:hover .bl-kebab,.bl-item:focus-within .bl-kebab,.bl-kebab[aria-expanded="true"]{opacity:1}
.bl-item:hover .bl-meta small,.bl-item:focus-within .bl-meta small{display:none}
@media (pointer:coarse){.bl-kebab{opacity:1}.bl-meta small{display:none}}
.bl-gira{flex:none;width:12px;height:12px;border-radius:50%;border:2px solid var(--track);border-top-color:var(--accent);animation:cop-gira .75s linear infinite}
.bl-ponto{flex:none;width:7px;height:7px;border-radius:50%;background:var(--bolt);box-shadow:0 0 0 3px var(--bolt-soft)}
.bl-renomear{width:100%;height:32px;margin:1px 2px;font-size:var(--fs-sm)}
.bl-vazia{padding:14px 10px;font-size:var(--fs-sm);color:var(--ink-3);line-height:var(--lh-ui)}

/* ---------------- abas ---------------- */
.bw-principal{display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--surface)}
.bw-abas{display:flex;align-items:center;gap:4px;height:46px;padding:0 10px;flex:none;border-bottom:1px solid var(--line-soft)}
.bw-abas-lista{display:flex;align-items:center;gap:2px;min-width:0;overflow-x:auto;scrollbar-width:none}
.bw-abas-lista::-webkit-scrollbar{display:none}
.bw-aba{display:flex;align-items:center;flex:0 1 auto;min-width:0;max-width:220px;height:32px;border-radius:var(--r-sm);color:var(--ink-3);
  transition:background var(--dur-1) var(--ease),color var(--dur-1) var(--ease)}
.bw-aba:hover{background:var(--hover);color:var(--ink-2)}
.bw-aba.ativa{background:var(--surface-3);color:var(--ink)}
.bw-aba.visivel{color:var(--ink-2);box-shadow:inset 0 0 0 1px var(--line)}
.bw-aba-abrir{display:flex;align-items:center;gap:7px;min-width:0;height:100%;padding:0 2px 0 10px;font-size:var(--fs-sm);font-weight:var(--fw-medium)}
.bw-aba-abrir > span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bw-aba-x{display:grid;place-items:center;flex:none;width:22px;height:22px;margin:0 4px 0 2px;border-radius:6px;color:var(--ink-4);opacity:0}
.bw-aba-x:hover{background:var(--hover);color:var(--ink)}
.bw-aba-x .ic{width:13px;height:13px}
.bw-aba:hover .bw-aba-x,.bw-aba.ativa .bw-aba-x,.bw-aba-x:focus-visible{opacity:1}
.bw-aba-nova{flex:none}

/* ---------------- paineis ---------------- */
.bw-paineis{flex:1;min-height:0;display:grid;grid-template-columns:repeat(var(--bw-colunas,1),minmax(0,1fr))}
.bw-painel{position:relative;display:flex;flex-direction:column;min-width:0;min-height:0;outline:none}
.bw-painel + .bw-painel{border-left:1px solid var(--line)}
.bw-painel-topo{display:flex;align-items:center;gap:2px;height:48px;padding:0 10px 0 16px;flex:none}
.bw-paineis:not([data-n="1"]) .bw-painel:not(.foco) .bw-painel-topo{opacity:.62}
.bw-paineis:not([data-n="1"]) .bw-painel.foco .bw-titulo::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--accent);margin-right:8px;flex:none}
.bw-titulo-caixa{min-width:0;flex:0 1 auto;display:flex}
.bw-titulo{display:flex;align-items:center;min-width:0;height:30px;padding:0 8px;margin-left:-8px;border-radius:var(--r-sm);font-size:var(--fs-md);font-weight:var(--fw-semibold);color:var(--ink)}
.bw-titulo:hover{background:var(--hover)}
.bw-titulo span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bw-titulo-campo{height:30px;width:min(360px,48vw);font-size:var(--fs-md);font-weight:var(--fw-semibold)}
.bw-estado{display:flex;align-items:center;margin-left:6px;flex:none}
.bw-estado .pill .ic{width:12px;height:12px}
.bw-respondendo{display:inline-flex;align-items:center;gap:7px;font-size:var(--fs-xs);color:var(--ink-3)}
.bw-fio{flex:1;min-width:0;min-height:0;overflow-y:auto;overscroll-behavior:contain}
.bw-coluna{width:100%;max-width:768px;margin:0 auto;padding:0 24px}
.bw-mensagens{display:flex;flex-direction:column;align-items:stretch;gap:24px;min-height:100%;padding-top:20px;padding-bottom:28px}
.bw-mensagens .cop-msg{font-size:15px;line-height:1.65}
.bw-mensagens .cop-msg.ele{grid-template-columns:28px minmax(0,1fr);gap:14px}
.bw-mensagens .cop-avatar{width:28px;height:28px;border-radius:8px}
.bw-mensagens .cop-avatar .ic{width:15px;height:15px}
.bw-mensagens .cop-eu-texto{padding:10px 16px;border-radius:20px 20px 6px 20px}
.bw-mensagens .cop-msg.eu{max-width:80%}
.bw-rodape{flex:none;padding:0 0 16px}
.bw-rodape .bc-form{margin:0}
.bw-rodape .bc-form textarea{font-size:15px;max-height:280px}
.bw-rodape .cop-status{margin:0 0 8px}

/* conversa vazia: saudacao, atalhos e o radar */
.bw-inicio{margin:auto 0;display:grid;justify-items:center;gap:8px;text-align:center;padding:28px 0 12px}
.bw-inicio h2{margin-top:8px;font-size:var(--fs-2xl);font-weight:var(--fw-semibold);line-height:var(--lh-tight);letter-spacing:var(--ls-tight)}
.bw-inicio > p{font-size:var(--fs-md);color:var(--ink-2);max-width:52ch;line-height:var(--lh-read)}
.bw-sugestoes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;margin-top:16px;text-align:left}
.bw-sugestao{text-align:left;display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:10px;row-gap:2px;align-items:start;padding:12px 14px;border-radius:var(--r);
  background:var(--surface);box-shadow:var(--e1);transition:box-shadow var(--dur-2) var(--ease),transform var(--dur-2) var(--ease)}
.bw-sugestao:hover{box-shadow:var(--e2);transform:translateY(-1px)}
.bw-sugestao .ic{grid-row:span 2;width:16px;height:16px;margin-top:2px;color:var(--ink-3)}
.bw-sugestao b{font-size:var(--fs-sm);font-weight:var(--fw-semibold)}
.bw-sugestao span{font-size:var(--fs-xs);color:var(--ink-3);line-height:var(--lh-ui)}
.bw-radar{width:100%;margin-top:18px;text-align:left}
.bw-radar-tit{font-size:var(--fs-xs);font-weight:var(--fw-medium);color:var(--ink-3);margin:0 0 4px 10px}
.bw-radar-item{display:flex;align-items:flex-start;gap:10px;width:100%;padding:9px 10px;border-radius:var(--r-sm);font-size:var(--fs-sm);line-height:var(--lh-ui);text-align:left;color:var(--ink)}
.bw-radar-item:hover{background:var(--hover)}
.bw-radar-item > span:nth-child(2){flex:1;min-width:0}
.bw-radar-item b{font-weight:var(--fw-semibold)}
.bw-radar-item > .ic{width:14px;height:14px;margin-top:3px;color:var(--ink-4)}

/* ---------------- "O Bolt precisa de voce": folha a direita ---------------- */
.bw-pedidos{position:fixed;inset:0;z-index:var(--z-drawer)}
.bw-pedidos[hidden]{display:none}
.bw-pedidos-fundo{position:absolute;inset:0;background:rgba(10,12,16,.28)}
.bw-pedidos-folha{position:absolute;top:0;right:0;bottom:0;width:min(560px,100vw);display:flex;flex-direction:column;background:var(--bg);box-shadow:var(--e3);
  animation:desliza var(--dur-4) var(--ease-out)}
.bw-pedidos-folha > header{display:flex;align-items:center;gap:10px;height:56px;padding:0 10px 0 16px;flex:none;background:var(--surface);border-bottom:1px solid var(--line)}
.bw-pedidos-folha h2{flex:1;font-size:15px}
.bw-pedidos-corpo{flex:1;overflow-y:auto;padding:16px}
.bw-esqueleto{height:160px;border-radius:var(--r)}

/* o lancador do Bolt na lateral mora na secao do Bolt (public/css/operacao.css) */

/* ---------------- tamanhos ---------------- */
@media (min-width:761px){.bw-so-celular{display:none}}
@media (max-width:1100px) and (min-width:761px){.bw{grid-template-columns:240px minmax(0,1fr)}.bw-coluna{padding:0 18px}}
@media (max-width:760px){
  .bw{grid-template-columns:minmax(0,1fr)}
  .bw-lado{position:fixed;inset:0 auto 0 0;width:min(320px,86vw);z-index:var(--z-drawer);transform:translateX(-102%);
    transition:transform var(--dur-4) var(--ease-out);box-shadow:var(--e3);padding-top:calc(12px + env(safe-area-inset-top));padding-bottom:calc(10px + env(safe-area-inset-bottom))}
  .bw.lado-aberto .bw-lado{transform:none}
  .bw-fundo-lado{position:fixed;inset:0;z-index:calc(var(--z-drawer) - 1);background:rgba(10,12,16,.38)}
  .bw-abas{display:none}
  .bw-painel-topo{height:auto;min-height:52px;padding:env(safe-area-inset-top) 6px 0 4px}
  .bw-titulo{font-size:15px}
  .bw-coluna{padding:0 14px}
  .bw-mensagens{padding-top:12px;gap:20px}
  .bw-mensagens .cop-msg.eu{max-width:88%}
  .bw-sugestoes{grid-template-columns:1fr}
  .bw-inicio{padding-top:12px}
  .bw-inicio h2{font-size:var(--fs-xl)}
  .bw-rodape{padding:0}
  .bw-rodape .bc-form{margin:0 -4px calc(8px + env(safe-area-inset-bottom))}
  .bw-so-desk{display:none}
  .bw-nova kbd,.bl-busca kbd{display:none}
}
@media (prefers-reduced-motion:reduce){.bl-gira{animation:none}.bw-sugestao{transition:none}}