/* Syra Studio — telas do sistema como serviço (Eric 29/09): empresa, configurações, painel Syra, 2FA, celular */
[hidden]{display:none!important}
.sm{padding:7px 12px!important;font-size:12.5px!important}
.perigo{color:var(--bad)!important;border-color:rgba(255,95,86,.35)!important}
.btn-save.perigo{background:var(--bad);color:#fff!important}
.lnk{color:var(--lime);font-weight:600;font-size:12px;text-decoration:underline;padding:0 2px}
.btn-ghost{display:inline-flex;align-items:center;gap:7px;text-decoration:none}
.btn-ghost svg{width:15px;height:15px}
.btn-ghost:disabled{opacity:.45;cursor:default}

/* ---------- login: 2FA, links ---------- */
.li-link{display:block;margin:12px auto 0;font-size:13px;color:var(--muted);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.li-link:hover{color:var(--txt)}
.field label small{font-weight:500;color:var(--muted-2)}
.field input:disabled{opacity:.7}
.login-card .sub.mini{font-size:13px;margin:-6px 0 14px}
.a-btn{display:block;text-align:center;text-decoration:none}
#li-codigo{font-size:22px;letter-spacing:.3em;text-align:center;font-variant-numeric:tabular-nums}

/* ---------- empresa (barra lateral) ---------- */
.emp-switch{display:flex;align-items:center;gap:10px;width:100%;margin:0 0 12px;padding:10px 12px;border-radius:12px;border:1px solid var(--line-2);background:var(--bg-1);text-align:left;transition:border-color .2s}
.emp-switch:hover{border-color:var(--lime)}
.emp-switch svg{width:16px;height:16px;margin-left:auto;color:var(--muted);flex-shrink:0}
.emp-switch.so1 svg{display:none}
.emp-dot{width:10px;height:10px;border-radius:50%;background:var(--lime);flex-shrink:0;box-shadow:0 0 0 3px var(--lime-soft)}
.emp-txt{display:flex;flex-direction:column;min-width:0;line-height:1.25}
.emp-txt b{font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.emp-txt small{font-size:11px;color:var(--muted)}
.emp-menu{position:absolute;left:16px;right:16px;top:132px;z-index:40;max-height:60vh;overflow:auto;padding:6px;border-radius:14px;border:1px solid var(--line-2);background:var(--surface);box-shadow:var(--shadow)}
.emp-busca{width:100%;padding:9px 11px;margin:0 0 6px;border-radius:9px;border:1px solid var(--line-2);background:transparent;color:var(--txt);font-size:13px}
.emp-lista{display:flex;flex-direction:column;gap:2px}
.emp-op{display:flex;flex-direction:column;align-items:flex-start;width:100%;padding:9px 11px;border-radius:10px;text-align:left}
.emp-op:hover{background:var(--lime-soft)}
.emp-op.on{background:var(--lime-soft);box-shadow:inset 3px 0 0 var(--lime)}
.emp-op b{font-size:13px}.emp-op small{font-size:11.5px;color:var(--muted)}
.vazio-mini{font-size:12.5px;color:var(--muted);padding:8px}
.sidebar{position:sticky}
.mb-switch:disabled{opacity:.5;cursor:not-allowed}

/* ---------- modal ---------- */
.modal-bg{position:fixed;inset:0;z-index:200;background:rgba(0,0,0,.55);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:18px}
.modal{position:relative;width:min(520px,100%);max-height:calc(100vh - 36px);overflow:auto;padding:26px 26px 22px;border-radius:20px;background:var(--surface);border:1px solid var(--line-2);box-shadow:var(--shadow);animation:rise .3s var(--ease) both}
.modal.largo{width:min(920px,100%)}
.modal-x{position:absolute;top:14px;right:14px;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;color:var(--muted)}
.modal-x:hover{background:var(--lime-soft);color:var(--txt)}
.modal-x svg{width:18px;height:18px}
.modal-t{font-size:19px;font-weight:800;letter-spacing:-.02em;margin:0 40px 10px 0}
.modal-aviso{padding:10px 13px;border-radius:11px;background:rgba(255,197,61,.12);border:1px solid rgba(255,197,61,.35);color:var(--warn);font-size:13px;font-weight:600;margin-bottom:12px}
body.modal-on,body.sheet-on{overflow:hidden}

/* ---------- configurações ---------- */
.cf-shell{display:grid;grid-template-columns:220px minmax(0,1fr);gap:22px;align-items:start}
.cf-tabs{position:sticky;top:20px;display:flex;flex-direction:column;gap:3px;padding:6px;border-radius:16px;border:1px solid var(--line);background:var(--bg-1)}
.cf-tab{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:11px;font-size:13.5px;font-weight:600;color:var(--muted);text-align:left}
.cf-tab svg{width:17px;height:17px;flex-shrink:0}
.cf-tab:hover{color:var(--txt);background:var(--lime-soft)}
.cf-body{min-width:0;display:flex;flex-direction:column;gap:16px}
.cf-card{padding:20px 22px}
.cf-card .card-h{margin-bottom:8px;flex-wrap:wrap}
.cf-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 16px;margin-top:10px}
.cf-grid.g4{grid-template-columns:1.1fr 1.4fr 1fr auto}
.cf-grid .efield{margin-bottom:14px}
.cf-grid input[type=color]{height:44px;padding:4px}
.ci-bt .btn-save{height:45px;white-space:nowrap}
.cf-act{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;margin-top:6px}
.cf-nota{font-size:13px;color:var(--muted);line-height:1.55;margin:4px 0 10px}
.cf-nota b{color:var(--txt)}
.badge-st{display:inline-flex;align-items:center;font-size:11.5px;font-weight:800;padding:3px 10px;border-radius:99px;border:1px solid transparent;white-space:nowrap}
.badge-st.ok{color:var(--ok);background:color-mix(in srgb,var(--ok) 12%,transparent);border-color:color-mix(in srgb,var(--ok) 30%,transparent)}
.badge-st.off{color:var(--muted);background:rgba(128,128,128,.1);border-color:var(--line-2)}
.badge-st.warn{color:var(--warn);background:rgba(255,197,61,.12);border-color:rgba(255,197,61,.35)}
.badge-st.plano{color:var(--info);background:rgba(111,179,255,.1);border-color:rgba(111,179,255,.3)}
.card-h .badge-st{margin-left:auto}
.mini-tag{display:inline-block;font-size:10.5px;font-weight:800;padding:1px 7px;border-radius:99px;background:var(--lime-soft);color:var(--lime);margin:2px 2px 2px 0;white-space:nowrap}
.mini-tag.off{background:rgba(128,128,128,.12);color:var(--muted)}
.kv{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-top:1px solid var(--line);font-size:13.5px}
.kv:first-of-type{border-top:0}
.kv span{color:var(--muted)}
.kv-desc{font-weight:500;color:var(--muted);text-align:right;max-width:70%}
.forca{height:5px;border-radius:3px;background:var(--line-2);margin-top:8px;overflow:hidden}
.forca i{display:block;height:100%;width:0;transition:width .25s,background .25s}
.forca[data-n="0"] i{width:10%;background:var(--bad)}.forca[data-n="1"] i{width:30%;background:var(--bad)}.forca[data-n="2"] i{width:55%;background:var(--warn)}.forca[data-n="3"] i{width:78%;background:var(--ok)}.forca[data-n="4"] i{width:100%;background:var(--ok)}
.ses-lista{display:flex;flex-direction:column}
.ses-it{display:flex;align-items:center;gap:12px;padding:11px 0;border-top:1px solid var(--line)}
.ses-it:first-child{border-top:0}
.ses-it>div{flex:1;min-width:0;display:flex;flex-direction:column}
.ses-it b{font-size:13.5px}.ses-it em{font-style:normal;font-size:11px;font-weight:800;color:var(--lime)}
.ses-it small{font-size:12px;color:var(--muted)}
.ses-ic{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--bg-1);border:1px solid var(--line)}
.ses-ic svg{width:17px;height:17px;color:var(--muted)}
.tb-wrap{overflow-x:auto;margin:0 -4px}
.tb{width:100%;border-collapse:collapse;font-size:13px}
.tb th{text-align:left;font-size:11.5px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;padding:9px 8px;border-bottom:1px solid var(--line-2);white-space:nowrap}
.tb td{padding:11px 8px;border-bottom:1px solid var(--line);vertical-align:middle}
.tb td small{display:block;font-size:11.5px;color:var(--muted);margin-top:2px}
.tb .c{text-align:center}
.tb tr.inativo td{opacity:.55}
.tb tr.alerta td:first-child{box-shadow:inset 3px 0 0 var(--bad)}
.tb-act{text-align:right;white-space:nowrap}
.tb select{padding:7px 9px;border-radius:9px;border:1px solid var(--line-2);background:transparent;color:var(--txt);font-size:12.5px;font-family:inherit}
.tb-grupo td{font-size:11px;font-weight:800;color:var(--lime);text-transform:uppercase;letter-spacing:.06em;padding-top:16px}
.tb.perm input{width:18px;height:18px;accent-color:var(--tinta)}
.tb.aud td{font-size:12.5px}
.link-box{margin-top:12px;padding:14px 16px;border-radius:14px;border:1px solid color-mix(in srgb,var(--tinta) 16%,transparent);background:var(--lime-soft);display:flex;flex-direction:column;gap:8px}
.link-box b{font-size:13.5px}
.link-box code{display:block;padding:10px 12px;border-radius:10px;background:var(--bg);border:1px solid var(--line-2);font-size:12px;word-break:break-all;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.link-box small{font-size:12px;color:var(--muted)}
.link-box .cf-act{justify-content:flex-start}
.chip-f{font-size:12.5px;font-weight:700;padding:7px 13px;border-radius:99px;border:1px solid var(--line-2);color:var(--muted)}
.chip-f:hover{color:var(--txt)}
.aud-filtros{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:4px 0 12px}
.aud-filtros input{margin-left:auto;min-width:220px;padding:8px 12px;border-radius:10px;border:1px solid var(--line-2);background:transparent;color:var(--txt);font-size:13px}
.tg-row{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;margin:6px 0 12px;border-radius:12px;border:1px solid var(--line-2);cursor:pointer}
.tg-row input{width:20px;height:20px;margin-top:2px;accent-color:var(--tinta);flex-shrink:0}
.tg-row b{display:block;font-size:14px}.tg-row small{font-size:12.5px;color:var(--muted)}
.lista-ok{list-style:none;display:flex;flex-direction:column;gap:8px;font-size:13px;color:var(--muted)}
.lista-ok li{padding-left:22px;position:relative}
.lista-ok li::before{content:"✓";position:absolute;left:0;color:var(--ok);font-weight:800}
.ac-lista{display:flex;flex-direction:column;gap:6px;margin-top:8px}
.ac-it{display:flex;flex-direction:column;align-items:flex-start;padding:12px 14px;border-radius:12px;border:1px solid var(--line);text-align:left}
.ac-it:hover{border-color:var(--lime);background:var(--lime-soft)}
.ac-it b{font-size:13.5px}.ac-it small{font-size:12px;color:var(--muted)}
.ac-it.perigo b{color:var(--bad)}

/* 2FA */
.mf-passos{margin:6px 0 12px 18px;font-size:13px;color:var(--muted);line-height:1.6}
.mf-passos b{color:var(--txt)}
.mf-qr{display:grid;place-items:center;margin:8px auto 10px;width:210px;height:210px;padding:8px;border-radius:14px;background:#fff}
.mf-qr svg{width:100%;height:100%}
.mf-chave{margin:0 0 14px;font-size:13px;color:var(--muted)}
.mf-chave summary{cursor:pointer;font-weight:600}
.mf-chave code{display:block;margin:8px 0;padding:10px;border-radius:10px;background:var(--bg);border:1px solid var(--line-2);font-family:ui-monospace,Menlo,monospace;font-size:14px;letter-spacing:.08em;word-break:break-all;color:var(--txt)}
#mf-codigo{font-size:22px;letter-spacing:.3em;text-align:center}
.mf-cods{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:12px 0}
.mf-cods code{padding:10px;border-radius:10px;background:var(--bg);border:1px solid var(--line-2);text-align:center;font-family:ui-monospace,Menlo,monospace;font-size:14px;letter-spacing:.06em}
.mc-ok{display:flex;gap:9px;align-items:center;font-size:13.5px;font-weight:600;margin:12px 0 4px;cursor:pointer}
.mc-ok input{width:18px;height:18px;accent-color:var(--tinta)}

/* notificações */
.nt-evs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:8px 0 12px}
.nt-ev{display:flex;gap:11px;align-items:flex-start;padding:11px 13px;border-radius:12px;border:1px solid var(--line);cursor:pointer}
.nt-ev input{width:18px;height:18px;margin-top:2px;accent-color:var(--tinta);flex-shrink:0}
.nt-ev b{display:block;font-size:13.5px}.nt-ev small{font-size:12px;color:var(--muted)}
.nt-aps{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;font-size:12.5px;color:var(--muted);margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
.nt-aps b{color:var(--txt)}
.dica-ios{padding:11px 14px;border-radius:12px;background:rgba(111,179,255,.1);border:1px solid rgba(111,179,255,.3);font-size:13px;line-height:1.5;margin:6px 0 10px}

/* empresa sem atendente */
.sb-vazio{max-width:760px;padding:10px 0 30px}
.sb-sub{font-size:15px;color:var(--muted);line-height:1.6;margin:14px 0 22px}
.sb-passos{list-style:none;display:flex;flex-direction:column;gap:8px;margin:6px 0 20px}
.sb-passos li{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;border:1px solid var(--line);font-size:14px;font-weight:600}
.sb-passos li span{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:12.5px;font-weight:800;background:var(--bg-1);border:1px solid var(--line-2);flex-shrink:0}
.sb-passos li.ok span{background:var(--lime);border-color:var(--lime);color:#000}
.sb-passos li.ok span svg{width:14px;height:14px}
.sb-passos li.ok{color:var(--muted)}
.sb-acoes{display:flex;flex-wrap:wrap;gap:10px}
.sb-syra{margin-top:18px;font-size:13px;color:var(--muted)}

/* ---------- painel da Syra ---------- */
.pl-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 16px}
.pl-kpis{display:flex;flex-wrap:wrap;gap:12px;align-items:stretch;margin-bottom:16px}
.pl-kpis>div{flex:1 1 150px;padding:14px 16px;border-radius:14px;background:var(--bg-1);border:1px solid var(--line);display:flex;flex-direction:column;gap:3px}
.pl-kpis span{font-size:12px;color:var(--muted);font-weight:600}
.pl-kpis b{font-size:26px;font-weight:800;letter-spacing:-.03em}
.pl-nova{align-self:center;white-space:nowrap}
.pl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.pl-card{padding:18px;border-radius:16px;border:1px solid var(--line);background:linear-gradient(160deg,var(--surface),var(--bg-1));display:flex;flex-direction:column;gap:12px}
.pl-card.suspenso{opacity:.65}
.pl-top{display:flex;gap:12px;align-items:center}
.pl-top h4{font-size:15.5px;font-weight:800}
.pl-top small{font-size:11.5px;color:var(--muted)}
.pl-cor{width:36px;height:36px;border-radius:11px;flex-shrink:0;box-shadow:inset 0 0 0 1px rgba(0,0,0,.15)}
.pl-tags{display:flex;flex-wrap:wrap;gap:6px}
.pl-info{display:flex;flex-direction:column;gap:3px;font-size:12.5px;color:var(--muted)}
.pl-act{display:flex;gap:8px;justify-content:flex-end;margin-top:auto}
.det-body{margin-top:6px}
.det-rod{border-top:1px solid var(--line);padding-top:14px;margin-top:14px}
.teste-lista{list-style:none;display:flex;flex-direction:column;gap:6px;margin-top:12px}
.teste-lista li{padding:10px 12px;border-radius:10px;border:1px solid var(--line);display:flex;flex-direction:column}
.teste-lista li.ok b{color:var(--ok)}.teste-lista li.nao b{color:var(--bad)}
.teste-lista small{font-size:12px;color:var(--muted);word-break:break-all}
.efield textarea{font-family:inherit}

/* ---------- celular ---------- */
.mtop,.mnav{display:none}
.msheet{position:fixed;inset:0;z-index:150;background:rgba(0,0,0,.5);display:flex;align-items:flex-end}
.ms-panel{width:100%;max-height:82vh;overflow:auto;padding:10px 16px calc(18px + env(safe-area-inset-bottom));border-radius:22px 22px 0 0;background:var(--surface);border-top:1px solid var(--line-2);animation:sobe .25s var(--ease) both}
@keyframes sobe{from{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}
.ms-grab{width:42px;height:5px;border-radius:3px;background:var(--line-2);margin:4px auto 12px}
.ms-emp{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:var(--bg-1);margin-bottom:12px}
.ms-emp b{font-size:14px}.ms-emp small{font-size:12px;color:var(--muted);margin-right:auto}
.ms-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.ms-it{display:flex;flex-direction:column;align-items:center;gap:7px;padding:14px 6px;border-radius:14px;border:1px solid var(--line);font-size:12px;font-weight:600;text-align:center;min-height:84px}
.ms-it svg{width:22px;height:22px}
.ms-rod{display:flex;gap:8px;margin-top:14px}
.ms-rod .btn-ghost{flex:1;justify-content:center}
.logo-mark.sm{width:30px;height:30px;font-size:15px;border-radius:9px}
.mtop-voltar{display:none;width:36px;height:36px;place-items:center;border-radius:10px;margin-left:-6px}
.mtop-voltar svg{width:22px;height:22px}

@media(max-width:1100px){.cf-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cf-grid.g4{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.cf-shell{grid-template-columns:1fr}.cf-tabs{position:static;flex-direction:row;overflow-x:auto;scrollbar-width:none}.cf-tab{white-space:nowrap}.cf-tab span{display:inline}}
@media(max-width:820px){
  body.logado{padding-bottom:calc(66px + env(safe-area-inset-bottom))}
  .mtop{display:flex;position:fixed;top:0;left:0;right:0;z-index:30;align-items:center;gap:10px;padding:calc(10px + env(safe-area-inset-top)) 64px 10px 16px;background:var(--bg);border-bottom:1px solid var(--line);min-height:58px}
  body.logado{padding-top:calc(58px + env(safe-area-inset-top));overflow-x:hidden}
  #app.show{grid-template-columns:minmax(0,1fr)!important}
  .page{max-width:100vw}
  .aurora{overflow:hidden}
  body.logado .bell-top{top:calc(9px + env(safe-area-inset-top))!important}
  .d2-frase{font-size:25px!important;line-height:1.1;overflow-wrap:anywhere}
  .datebar{width:100%}
  .dseg{max-width:100%;overflow-x:auto;scrollbar-width:none;flex-wrap:nowrap}
  .dseg .dpill{white-space:nowrap;flex-shrink:0}
  body:not(.logado) .mtop,body:not(.logado) .mnav{display:none!important}
  .mtop-emp{display:flex;flex-direction:column;align-items:flex-start;min-width:0;text-align:left}
  .mtop-emp b{font-size:14.5px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:62vw}
  .mtop-emp small{font-size:11.5px;color:var(--muted)}
  .mnav{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:60;padding:6px 6px calc(6px + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--line-2);box-shadow:0 -8px 24px rgba(0,0,0,.12)}
  .mn-it{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:7px 2px;border-radius:12px;font-size:11px;font-weight:700;color:var(--muted);min-height:52px}
  .mn-it svg{width:22px;height:22px;stroke-width:1.9}
  .mn-it.on{color:var(--txt);background:var(--lime-soft)}
  .mn-badge{position:absolute;top:3px;right:calc(50% - 22px);min-width:17px;height:17px;padding:0 5px;border-radius:9px;background:var(--tinta);color:var(--papel);font-size:10px;font-style:normal;font-weight:800;display:grid;place-items:center}
  .bell-top{top:calc(10px + env(safe-area-inset-top))!important;right:14px!important;width:40px!important;height:40px!important}
  .page{padding-top:16px!important}
  .section-intro h2{font-size:20px}
  .cf-grid,.cf-grid.g4{grid-template-columns:1fr}
  .cf-card{padding:16px}
  .nt-evs{grid-template-columns:1fr}
  .modal-bg{align-items:flex-end;padding:0}
  .modal,.modal.largo{width:100%;max-height:92vh;border-radius:22px 22px 0 0;padding:22px 18px calc(18px + env(safe-area-inset-bottom))}
  .aud-filtros input{margin-left:0;width:100%}
  .pl-grid{grid-template-columns:1fr}
  .tb th,.tb td{padding:9px 6px}
  body.conv-mode #s-conversas.active{top:calc(58px + env(safe-area-inset-top));bottom:calc(66px + env(safe-area-inset-bottom));padding:8px}
  body.conv-mode .wa-shell.full{grid-template-columns:minmax(0,1fr)!important;height:100%!important;border-radius:12px}
  body.conv-mode .wa-col{max-height:none!important;height:100%;border-right:0}
  body.conv-mode .wa-col .wa-list{max-height:none!important}
  body.conv-mode .wa-pane{display:none}
  body.conv-mode.conv-aberta .wa-col{display:none}
  body.conv-mode.conv-aberta .wa-pane{display:flex;flex-direction:column;height:100%;min-height:0}
  body.conv-mode .wa-side{position:fixed;left:0;right:0;top:calc(58px + env(safe-area-inset-top));bottom:calc(66px + env(safe-area-inset-bottom));width:auto!important;z-index:45;border-left:0;opacity:1!important;box-shadow:0 -10px 30px rgba(0,0,0,.2)}
  body.conv-mode .wa-side.closed{display:none}
  body.conv-mode .wa-head{flex-wrap:wrap;row-gap:6px;padding:10px 12px}
  body.conv-mode .wa-head .wa-sub{min-width:0}
  body.conv-mode.conv-aberta .mtop-voltar{display:grid}
  body.conv-mode.conv-aberta .mtop .logo-mark{display:none}
}
@media(max-width:480px){.ms-grid{grid-template-columns:repeat(3,1fr)}.mf-cods{grid-template-columns:1fr 1fr}}
/* (auditoria 29/09) botões que o papel não pode usar ficam escondidos (o servidor também recusa) */
body.sem-conversas-agir .lead-lost,body.sem-conversas-agir .lead-reopen,body.sem-conversas-agir .lead-pause{display:none!important}
body.sem-recontato-gerir #s-recontato .rc-btn{display:none!important}
body.sem-playbook-editar #pb-novo,body.sem-playbook-editar #s-playbook .pb-actions,body.sem-playbook-editar #s-playbook .pb-activate{display:none!important}
body.sem-base-editar #s-conhecimento .btn-save,body.sem-base-editar #s-conhecimento .bd-save{display:none!important}
body.sem-integracoes-editar #s-integracoes .btn-save{display:none!important}
body.sem-bruna-ligar #mb-test{display:none!important}
/* interruptor da atendente no menu "Mais" do celular */
.ms-att{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;margin:0 0 12px;border-radius:14px;border:1px solid var(--line-2)}
.ms-att b{display:block;font-size:14px}.ms-att small{font-size:12px;color:var(--muted)}

/* ---- Números de WhatsApp (Integrações) ---- */
.conn.warn{color:var(--warn,#f5b83d)}
.wa-num{border:1px solid var(--line);border-radius:12px;padding:14px 16px;margin-bottom:12px}
.wa-num-h{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.wa-prov{display:inline-block;font-size:11px;font-weight:600;padding:2px 8px;border-radius:99px;background:rgba(255,255,255,.06);color:var(--muted);margin-left:6px;vertical-align:middle}
.wa-st{margin-top:10px;display:flex;flex-direction:column;gap:6px}
.wa-st .irv{white-space:normal;text-align:right}
.wa-st .mini-tag{margin:2px 0 2px 4px}
.wa-err{font-size:12.5px;color:#ff7a7a}
.wa-q{font-weight:700}.wa-q-on{color:var(--ok)}.wa-q-warn{color:#f5b83d}.wa-q-off{color:#ff7a7a}.wa-q-nd{color:var(--muted)}
.wa-tok{display:flex;gap:10px;align-items:flex-end;margin-top:12px;flex-wrap:wrap}
@media (max-width:820px){.wa-num-h{flex-direction:column}.wa-tok{flex-direction:column;align-items:stretch}.wa-tok .btn-save,.wa-tok .btn-ghost{width:100%!important}}
.wa-num .in-name{font-size:14.5px}
.wa-num .in-sub{font-size:12px;margin-top:3px;word-break:break-word}
.wa-num .conn{white-space:nowrap;flex-shrink:0}
.wa-num .conn.off{color:var(--bad)}

/* ---- Número da Bruna: padrão (Integrações) + por conversa ---- */
.cp-opts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}
.cp-opt{display:flex;gap:12px;align-items:flex-start;text-align:left;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:transparent;color:inherit;cursor:pointer;transition:.18s}
.cp-opt:hover:not([disabled]){border-color:color-mix(in srgb,var(--tinta) 20%,transparent)}
.cp-opt.on{border-color:var(--tinta);background:color-mix(in srgb,var(--tinta) 3%,transparent)}
.cp-opt[disabled]{cursor:not-allowed;opacity:.7}
.cp-opt b{display:block;font-size:14px}.cp-opt small{display:block;color:var(--muted);font-size:12px;margin-top:3px;line-height:1.4}
.cp-radio{flex-shrink:0;width:16px;height:16px;border-radius:50%;border:2px solid var(--muted-2);margin-top:2px}
.cp-opt.on .cp-radio{border-color:var(--tinta);box-shadow:inset 0 0 0 3px var(--bg,#0b0b0b),inset 0 0 0 8px var(--tinta)}
.cp-st{display:block;font-style:normal;font-size:11.5px;font-weight:700;margin-top:6px;color:var(--muted)}
.cp-st.ok{color:var(--ok)}.cp-st.bad{color:var(--bad)}
.lead-canal{margin:10px 0 12px}
.lc-lab{font-size:12.5px;color:var(--muted);margin-bottom:7px}
.lc-usa{font-weight:800}.lc-meta{color:var(--ok)}.lc-stevo{color:var(--warn)}
.lc-seg{display:flex;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.lc-seg button{flex:1;padding:8px 6px;font-size:12px;font-weight:600;background:transparent;color:var(--muted);border:0;border-right:1px solid var(--line);cursor:pointer}
.lc-seg button:last-child{border-right:0}
.lc-seg button.on{background:color-mix(in srgb,var(--tinta) 5%,transparent);color:var(--text,inherit)}
.lc-seg button[disabled]{cursor:not-allowed}
.lead-canal small{display:block;color:var(--muted-2);font-size:11.5px;margin-top:6px;line-height:1.4}
@media (max-width:820px){.cp-opts{grid-template-columns:1fr}}

/* ---- Modelos de WhatsApp (Configurações) ---- */
.md-lista{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}
.md-item{border:1px solid var(--line);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:8px}
.md-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.md-top b{font-size:13.5px;word-break:break-all}
.md-cat{font-size:11.5px;color:var(--muted)}
.md-del{margin-left:auto;padding:4px 10px!important;font-size:11.5px}
.md-uso{font-size:12px;color:var(--ok);font-weight:600}
.md-bolha{background:#E9E4DA;color:#141312;border-radius:10px 10px 10px 2px;padding:9px 11px;font-size:13px;line-height:1.45;white-space:pre-wrap;word-break:break-word}
.md-bolha small{display:block;color:#667;font-size:11.5px;margin-top:6px}
.md-bts{display:flex;flex-direction:column;gap:4px;margin-top:8px}
.md-bts span{display:block;text-align:center;background:#fff;color:#0a84c8;border-radius:8px;padding:6px;font-weight:600;font-size:12.5px}
mark.md-var{background:color-mix(in srgb,var(--tinta) 16%,transparent);color:inherit;border-radius:4px;padding:0 3px}
.md-recusa{font-size:12px;color:var(--bad)}
.md-form{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:22px;align-items:start}
.md-ins{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:12.5px;color:var(--muted);margin:-4px 0 12px}
.md-ins .btn-ghost{padding:5px 10px;font-size:12px}
.md-prev .lab{font-size:12.5px;color:var(--muted);margin-bottom:8px}
.md-fone{background:#efe7dd;border-radius:16px;padding:18px 14px;min-height:180px}
.md-fone .md-bolha{max-width:92%;box-shadow:0 1px 1px rgba(0,0,0,.12)}
@media (max-width:820px){.md-form{grid-template-columns:1fr}.md-lista{grid-template-columns:1fr}}

/* ---- Gasto com mensagens (dashboard) ---- */

.wa-modelo{display:block;font-size:10.5px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;opacity:.65;margin-bottom:4px}
.wa-bubble.wa-tpl{white-space:pre-wrap}

/* ---- Contatos (tabela simples, Eric 29/09) ---- */
.ct-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.ct-busca{flex:1;min-width:220px;max-width:380px;padding:10px 12px;border-radius:10px;border:1px solid var(--line);background:var(--bg-1);color:inherit;font:inherit;font-size:14px}
.ct-per{display:flex;align-items:center;gap:6px;padding:0 10px;border:1px solid var(--line);border-radius:10px;background:var(--bg-1)}
.ct-periodo{border:0;background:transparent;color:inherit;font:inherit;font-size:14px;padding:10px 0;width:190px;cursor:pointer}
.ct-x{border:0;background:transparent;color:var(--muted);font-size:18px;cursor:pointer;line-height:1}
.ct-wrap{position:relative}
.ct-wrap>.btn-ghost.on{border-color:var(--tinta)}
.ct-pop{position:absolute;right:0;top:calc(100% + 6px);z-index:30;width:300px;max-height:420px;overflow:auto;background:var(--surface,#fff);border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 32px rgba(0,0,0,.18);padding:12px 14px}
.ct-pop-h{font-weight:700;font-size:13.5px;margin-bottom:8px}
.ct-fg{margin-bottom:10px}.ct-fg b{display:block;font-size:12.5px;margin-bottom:4px;color:var(--muted)}
.ct-fg label,.ct-colrow label{display:flex;gap:8px;align-items:center;font-size:13.5px;padding:4px 0;cursor:pointer}
.ct-colrow{display:flex;justify-content:space-between;align-items:center}
.ct-colrow span button{border:1px solid var(--line);background:transparent;color:inherit;border-radius:6px;width:26px;height:24px;margin-left:4px;cursor:pointer}
.ct-colrow span button[disabled]{opacity:.3;cursor:default}
.ct-pop-f{display:flex;justify-content:space-between;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid var(--line)}
.ct-pop-f .btn-save{width:auto}
.ct-chips{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}
.ct-chipf{border:1px solid var(--line);background:var(--lime-soft,color-mix(in srgb,var(--tinta) 5%,transparent));color:inherit;border-radius:99px;padding:5px 10px;font-size:12.5px;cursor:pointer}
.ct-tab{width:100%;border-collapse:collapse;font-size:13.5px}
.ct-tab th{text-align:left;font-size:12px;font-weight:700;color:var(--muted);padding:11px 14px;border-bottom:1px solid var(--line);white-space:nowrap;cursor:pointer;user-select:none;position:sticky;top:0;background:var(--surface,#fff)}
.ct-tab th:hover{color:inherit}
.ct-tab td{padding:11px 14px;border-bottom:1px solid var(--line);white-space:nowrap;max-width:260px;overflow:hidden;text-overflow:ellipsis}
.ct-tab td.largo{max-width:420px}
.ct-tab tbody tr[data-lead]:hover{background:var(--lime-soft,color-mix(in srgb,var(--tinta) 4%,transparent))}
.ct-mais{text-align:center;margin:14px 0}
@media (max-width:820px){
  .ct-busca{max-width:none;min-width:0;flex-basis:100%}
  .ct-per{flex:1}.ct-periodo{width:100%}
  .ct-pop{position:fixed;left:16px;right:16px;top:auto;bottom:80px;width:auto}
  .ct-tab,.ct-tab tbody,.ct-tab tr,.ct-tab td{display:block;width:100%}
  .ct-tab td{border:0;padding:2px 0;max-width:none;white-space:normal}
  .ct-tab td:first-child{font-weight:700;font-size:14.5px}
  .ct-tab td:not(:first-child)::before{content:attr(data-t) ": ";color:var(--muted);font-size:12px}
}
.pl-cor{display:grid;place-items:center;color:#0b0d06;font-weight:800;font-size:16px}