/* ./styles/02-estrutura/09-base.css */
/* Estilo original: sem-id */

:root{--bg:#0a0d14;--bg2:#0e121c;--panel:#111722;--panel2:#151d2a;--line:rgba(255,255,255,.075);--text:#f6f8fc;--soft:#c9d1df;--muted:#78859a;--blue:#258cff;--purple:#7955ff;--cyan:#42d4d4;--green:#36d49b;--amber:#f4b85a;--red:#ff6176;--shadow:0 20px 55px rgba(0,0,0,.28);--r:18px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}
html[data-theme=light]{--bg:#f4f6fa;--bg2:#eef2f7;--panel:#fff;--panel2:#f7f9fc;--line:#e5eaf2;--text:#172033;--soft:#3f4c61;--muted:#7b879b;--shadow:0 16px 40px rgba(30,45,70,.09)}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;font-family:Inter,"Segoe UI",Arial,sans-serif;background:var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent}body{overflow:hidden}button,input,textarea,select{font:inherit}button{cursor:pointer}.cf-hidden{display:none!important}
.cf-shell{height:100dvh;padding-top:var(--safe-top);display:grid;grid-template-columns:78px minmax(0,1fr);background:radial-gradient(circle at 70% -20%,rgba(121,85,255,.10),transparent 34%),var(--bg)}
.cf-rail{border-right:1px solid var(--line);background:rgba(12,16,25,.88);backdrop-filter:blur(18px);display:flex;flex-direction:column;align-items:center;padding:12px 9px calc(12px + var(--safe-bottom));gap:10px;z-index:30}.cf-brandmark{width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,var(--blue),var(--purple));display:grid;place-items:center;font-weight:900;box-shadow:0 12px 30px rgba(75,91,255,.3);margin-bottom:9px}.cf-brandmark span{font-size:14px;letter-spacing:-.05em;color:white}.cf-nav{display:flex;flex-direction:column;gap:6px;width:100%;align-items:center}.cf-navbtn{width:50px;height:50px;border:0;border-radius:15px;background:transparent;color:var(--muted);display:grid;place-items:center;position:relative;font-size:17px;transition:.16s}.cf-nav-badge{position:absolute;top:4px;right:3px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:linear-gradient(135deg,var(--red),#ff8a5b);color:#fff;font-size:8px;font-weight:900;display:none;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(255,97,118,.28);border:2px solid var(--bg)}.cf-nav-badge.show{display:flex}.cf-navbtn:hover{background:var(--panel2);color:var(--text)}.cf-navbtn.active{color:#fff;background:linear-gradient(135deg,rgba(37,140,255,.24),rgba(121,85,255,.22));box-shadow:inset 0 0 0 1px rgba(117,112,255,.18)}.cf-navbtn.active:after{content:"";position:absolute;right:-9px;width:3px;height:22px;border-radius:4px;background:linear-gradient(var(--blue),var(--purple))}.cf-rail-spacer{flex:1}.cf-operator{width:44px;height:44px;border-radius:14px;border:1px solid var(--line);background:var(--panel2);color:var(--text);font-weight:850;display:grid;place-items:center;font-size:12px}
.cf-main{min-width:0;min-height:0;display:flex;flex-direction:column}.cf-top{position:relative;height:74px;flex:0 0 74px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:var(--panel);backdrop-filter:none;-webkit-backdrop-filter:none;z-index:15}.cf-title{display:flex;align-items:center;gap:13px}.cf-title-icon{width:38px;height:38px;border-radius:12px;background:var(--panel2);border:1px solid var(--line);display:grid;place-items:center;color:var(--blue)}.cf-title h1{font-size:18px;margin:0;letter-spacing:-.025em}.cf-title p{font-size:10.5px;color:var(--muted);margin:4px 0 0}.cf-top-actions{display:flex;align-items:center;gap:8px}
.cf-company-chip{
  display:flex;align-items:center;gap:9px;min-width:0;max-width:280px;
  height:42px;padding:5px 11px 5px 6px;border:1px solid var(--line);
  border-radius:14px;background:var(--panel);box-shadow:0 6px 18px rgba(0,0,0,.06)
}
.cf-company-logo{
  width:31px;height:31px;flex:0 0 31px;border-radius:10px;overflow:hidden;
  display:grid;place-items:center;background:linear-gradient(135deg,var(--blue),var(--purple));
  color:#fff;font-weight:900;font-size:10px
}
.cf-company-logo img{width:100%;height:100%;object-fit:cover;display:block}
.cf-company-copy{min-width:0;line-height:1.1}
.cf-company-copy strong{display:block;font-size:9.5px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cf-company-copy small{display:block;margin-top:3px;font-size:7.8px;color:var(--muted);white-space:nowrap}
html[data-theme=light] .cf-company-chip{background:#fff;border-color:#dfe6ef}
@media(max-width:980px){.cf-company-chip{max-width:180px}.cf-company-copy small{display:none}}
@media(max-width:720px){.cf-company-chip{display:none}}.cf-btn,.cf-icon{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:12px;min-height:40px;padding:0 14px;font-size:11px;font-weight:750;display:inline-flex;align-items:center;gap:8px}.cf-icon{width:40px;padding:0;justify-content:center}.cf-btn.primary{border:0;background:linear-gradient(135deg,var(--blue),var(--purple));color:white;box-shadow:0 10px 25px rgba(70,90,255,.22)}.cf-btn:active,.cf-icon:active{transform:scale(.98)}
.cf-stage{flex:1;min-height:0;overflow:auto;padding:22px 24px calc(24px + var(--safe-bottom));scrollbar-width:thin}.cf-stage.no-pad{padding:0;overflow:hidden}.cf-page{max-width:1380px;margin:0 auto}.cf-hero{border:1px solid var(--line);border-radius:26px;background:linear-gradient(120deg,rgba(37,140,255,.11),rgba(121,85,255,.08) 44%,transparent 75%),var(--panel);padding:28px;position:relative;overflow:hidden}.cf-hero:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-100px;top:-150px;background:radial-gradient(circle,rgba(121,85,255,.20),transparent 68%)}.cf-eyebrow{font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.16em;color:#8da9ff}.cf-hero h2{font-size:28px;letter-spacing:-.045em;margin:8px 0 7px}.cf-hero p{font-size:12px;color:var(--muted);margin:0;max-width:680px;line-height:1.6}.cf-live{display:inline-flex;align-items:center;gap:7px;margin-top:17px;font-size:10px;color:var(--soft)}.cf-live i{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(54,212,155,.11)}
.cf-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:12px}.cf-kpi{border:1px solid var(--line);border-radius:18px;background:var(--panel);padding:17px;min-height:122px}.cf-kpi-top{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:9.5px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.cf-kpi-top span:last-child{width:29px;height:29px;border-radius:10px;background:var(--panel2);display:grid;place-items:center}.cf-kpi strong{display:block;font-size:27px;margin-top:14px;letter-spacing:-.04em}.cf-kpi small{display:block;color:var(--muted);font-size:10px;margin-top:8px}.cf-grid2{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr);gap:12px;margin-top:12px}.cf-card{border:1px solid var(--line);border-radius:18px;background:var(--panel);padding:18px}.cf-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.cf-card-head strong{font-size:13px}.cf-card-head span{font-size:9.5px;color:var(--muted);background:var(--panel2);padding:6px 8px;border-radius:9px}.cf-activity{display:grid;gap:5px}.cf-activity-row{display:flex;gap:10px;align-items:center;padding:10px;border-radius:12px}.cf-activity-row:hover{background:var(--panel2)}.cf-avatar{width:36px;height:36px;flex:0 0 36px;border-radius:12px;background:linear-gradient(135deg,#243554,#17243a);display:grid;place-items:center;font-weight:800;font-size:10px;color:white}.cf-avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}.cf-avatar.photo{overflow:hidden;background:var(--panel2)}.cf-grow{flex:1;min-width:0}.cf-activity-row strong{font-size:11.5px;display:block}.cf-activity-row small{display:block;color:var(--muted);font-size:9.5px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cf-activity-row{min-width:0;overflow:hidden}
.cf-activity-row .cf-grow{min-width:0;overflow:hidden}
.cf-activity-row small{max-width:100%;width:100%}
.cf-status{font-size:8.5px;padding:5px 7px;border-radius:999px;background:var(--panel2);color:var(--muted)}.cf-status.wait{color:var(--amber);background:rgba(244,184,90,.08)}.cf-status.live{color:var(--green);background:rgba(54,212,155,.08)}.cf-status.done{color:#8da9ff;background:rgba(99,112,255,.08)}
.cf-queue-list{display:grid;gap:8px}.cf-queue-row{padding:12px;border:1px solid var(--line);border-radius:13px;background:var(--panel2);display:flex;align-items:center;justify-content:space-between}.cf-queue-row strong{font-size:11px}.cf-queue-row small{display:block;color:var(--muted);font-size:9px;margin-top:3px}.cf-queue-count{font-size:16px;font-weight:850}
/* inbox */.cf-inbox{height:calc(100dvh - 74px - var(--safe-top));display:grid;grid-template-columns:355px minmax(380px,1fr) 300px;background:var(--bg)}.cf-inbox-list{border-right:1px solid var(--line);background:var(--panel);display:flex;flex-direction:column;min-height:0}.cf-inbox-tools{padding:14px;border-bottom:1px solid var(--line)}.cf-search{position:relative}.cf-search i{position:absolute;left:18px;top:50%;transform:translateY(-50%);font-size:11px;color:var(--muted);pointer-events:none}.cf-search input{width:100%;height:42px;border:1px solid var(--line);background:var(--panel2);border-radius:12px;color:var(--text);outline:none;padding:0 12px 0 44px;font-size:11px}.cf-filterchips{display:flex;gap:6px;margin-top:10px;overflow:auto;scrollbar-width:none}.cf-chip{border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:999px;padding:7px 10px;font-size:9px;white-space:nowrap}.cf-chip.active{background:rgba(37,140,255,.1);color:#91c5ff;border-color:rgba(37,140,255,.2)}.cf-convlist{flex:1;min-height:0;overflow:auto}.cf-conv{display:flex;gap:11px;padding:12px 13px;border-bottom:1px solid var(--line);cursor:pointer;transition:background .15s,opacity .20s,transform .20s,max-height .24s,padding .24s,border-width .24s;max-height:112px;overflow:hidden}.cf-conv:hover{background:var(--panel2)}.cf-conv.active{background:linear-gradient(90deg,rgba(37,140,255,.12),rgba(121,85,255,.06));box-shadow:inset 3px 0 var(--blue)}.cf-conv.cf-deleting{opacity:.48;pointer-events:none}.cf-conv.cf-removing{opacity:0;transform:translateX(-18px);max-height:0;padding-top:0;padding-bottom:0;border-bottom-width:0}.cf-conv-title{display:flex;justify-content:space-between;gap:8px}.cf-conv-title strong{font-size:11.5px}.cf-conv-title time{font-size:8.5px;color:var(--muted)}.cf-conv-phone{display:flex;align-items:center;gap:5px;margin-top:3px;color:var(--muted);font-size:8.5px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cf-conv-phone i{font-size:7px;color:var(--muted);flex:0 0 auto}.cf-conv p{font-size:9.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:4px 0 0}.cf-conv-state{display:inline-flex;align-items:center;width:max-content;max-width:100%;margin-top:5px;padding:3px 7px;border-radius:999px;font-size:8px;font-weight:800;letter-spacing:.02em}.cf-conv-state.waiting{color:#f7b944;background:rgba(247,185,68,.11);border:1px solid rgba(247,185,68,.18)}.cf-conv-state.attending{color:#37d6a1;background:rgba(55,214,161,.10);border:1px solid rgba(55,214,161,.18)}.cf-conv-state.client{color:#69a7ff;background:rgba(105,167,255,.10);border:1px solid rgba(105,167,255,.18)}.cf-conv-state.finished{color:#9ba7ba;background:rgba(155,167,186,.09);border:1px solid rgba(155,167,186,.15)}.cf-conv-meta-row{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin-top:5px;min-width:0}.cf-conv-meta-row .cf-conv-state{margin-top:0}.cf-conv-info{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin-top:0;min-width:0}.cf-conv-info span{display:inline-flex;align-items:center;gap:4px;max-width:135px;padding:2px 6px;border:1px solid var(--line);border-radius:999px;background:var(--panel2);color:var(--muted);font-size:7.8px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cf-conv-info i{font-size:7px;color:var(--soft);flex:0 0 auto}.cf-unread{min-width:18px;height:18px;padding:0 5px;background:linear-gradient(135deg,var(--blue),var(--purple));border-radius:999px;color:white;display:grid;place-items:center;font-size:8px;font-weight:800;margin-top:5px}.cf-chat{display:flex;flex-direction:column;min-width:0;min-height:0;background:radial-gradient(circle at 25% 0,rgba(37,140,255,.045),transparent 30%),var(--bg)}.cf-chathead{height:64px;flex:0 0 64px;border-bottom:1px solid var(--line);background:rgba(17,23,34,.82);backdrop-filter:blur(14px);display:flex;align-items:center;padding:0 14px;gap:10px}.cf-chathead strong{display:block;font-size:12px}.cf-chathead small{display:block;color:var(--muted);font-size:9px;margin-top:3px}.cf-messages{flex:1;min-height:0;overflow:auto;padding:20px;display:flex;flex-direction:column;gap:8px}.cf-emptychat{margin:auto;text-align:center;color:var(--muted);max-width:310px}.cf-emptychat i{font-size:34px;margin-bottom:13px;color:#48566c}.cf-emptychat strong{display:block;color:var(--soft);font-size:13px}.cf-emptychat p{font-size:10px;line-height:1.6}.cf-msg{max-width:min(72%,640px);padding:10px 12px;border-radius:15px;font-size:11px;line-height:1.5;box-shadow:0 7px 20px rgba(0,0,0,.08);white-space:pre-wrap}.cf-msg.in{align-self:flex-start;background:var(--panel);border:1px solid var(--line);border-bottom-left-radius:5px}.cf-msg.out{align-self:flex-end;color:#f5f7fb;background:linear-gradient(145deg,#253047,#2d3454);border:1px solid rgba(113,132,190,.22);border-bottom-right-radius:5px;box-shadow:0 7px 22px rgba(0,0,0,.16)}.cf-msg small{display:block;text-align:right;opacity:.65;font-size:8px;margin-top:5px}.cf-compose{display:flex;align-items:end;gap:8px;padding:11px 12px calc(11px + var(--safe-bottom));border-top:1px solid var(--line);background:var(--panel)}.cf-compose textarea{flex:1;min-height:42px;max-height:120px;resize:none;border:1px solid var(--line);background:var(--panel2);color:var(--text);border-radius:12px;padding:11px;outline:0;font-size:11px}.cf-send{width:42px;height:42px;border:0;border-radius:12px;background:linear-gradient(135deg,var(--blue),var(--purple));color:white}.cf-detail{border-left:1px solid var(--line);background:var(--panel);padding:16px;overflow:auto}.cf-profile{text-align:center;padding:8px 0 17px;border-bottom:1px solid var(--line)}.cf-profile .cf-avatar{width:60px;height:60px;margin:0 auto 10px;border-radius:18px}.cf-profile h3{font-size:13px;margin:0}.cf-profile p{font-size:9.5px;color:var(--muted);margin:5px 0}.cf-detail-sec{padding:14px 0;border-bottom:1px solid var(--line)}.cf-detail-sec label{display:block;color:var(--muted);font-size:8.5px;text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px;font-weight:800}.cf-detail-line{font-size:10px;color:var(--soft);margin:7px 0}.cf-tags{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.cf-tag{font-size:8.5px;padding:5px 8px;border-radius:999px;border:1px solid var(--line);background:var(--panel2);display:inline-flex;align-items:center;gap:5px;font-weight:750}.cf-tag i{width:7px;height:7px;border-radius:50%;background:var(--tag-color,#7955ff);flex:0 0 7px}.cf-tag.cf-colored{color:var(--tag-color,#7955ff);background:color-mix(in srgb,var(--tag-color,#7955ff) 10%, transparent);border-color:color-mix(in srgb,var(--tag-color,#7955ff) 25%, transparent)}.cf-tag-remove{border:0;background:transparent;color:inherit;opacity:.55;padding:0 0 0 2px;line-height:1;cursor:pointer;font-size:10px}.cf-tag-remove:hover{opacity:1}.cf-tags-sec{position:relative}.cf-tags-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.cf-tags-title label{margin:0}.cf-tag-add{width:25px;height:25px;border:1px solid var(--line);background:var(--panel2);color:var(--soft);border-radius:8px;display:grid;place-items:center;cursor:pointer;transition:.15s}.cf-tag-add:hover{border-color:rgba(37,140,255,.35);color:var(--blue);background:rgba(37,140,255,.07)}.cf-tag-picker{position:absolute;z-index:80;right:0;top:43px;width:min(260px,calc(100vw - 30px));padding:10px;background:var(--panel);border:1px solid var(--line);border-radius:13px;box-shadow:0 16px 45px rgba(0,0,0,.22);display:none}.cf-tag-picker.open{display:block}.cf-tag-picker-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:2px 2px 8px}.cf-tag-picker-head strong{font-size:10px}.cf-tag-picker-head span{font-size:8px;color:var(--muted)}.cf-tag-option{width:100%;border:0;background:transparent;color:var(--text);padding:8px;border-radius:9px;display:flex;align-items:center;gap:8px;text-align:left;cursor:pointer;font-size:9.5px}.cf-tag-option:hover{background:var(--panel2)}.cf-tag-option .dot{width:10px;height:10px;border-radius:50%;background:var(--tag-color,#7955ff);box-shadow:0 0 0 3px color-mix(in srgb,var(--tag-color,#7955ff) 12%,transparent)}.cf-tag-option .check{margin-left:auto;color:var(--green)}.cf-tag-picker-empty{padding:10px 8px;color:var(--muted);font-size:9px;text-align:center}.cf-tag-picker-loading{padding:10px 8px;color:var(--muted);font-size:9px;text-align:center}.cf-tag-empty{font-size:9.5px;color:var(--muted)}

/* ===== Inbox 2026: Abertas / Resolvidos / Busca ===== */
.cf-inbox-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-bottom:11px}
.cf-inbox-nav-btn{height:43px;border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:12px;display:flex;align-items:center;justify-content:center;gap:5px;font-size:8.5px;font-weight:850;letter-spacing:.01em;cursor:pointer;transition:.16s;min-width:0}
.cf-inbox-nav-btn i{font-size:13px}.cf-inbox-nav-btn.active{background:rgba(37,140,255,.10);border-color:rgba(37,140,255,.22);color:#89beff;box-shadow:inset 0 -2px rgba(37,140,255,.65)}
.cf-inbox-controls{display:grid;gap:9px}.cf-inbox-searchrow{display:none}.cf-inbox-searchrow.show{display:block}
.cf-inbox-sector{width:100%;height:38px;border:1px solid var(--line);background:var(--panel2);color:var(--text);border-radius:11px;padding:0 10px;outline:0;font-size:9.5px}
.cf-inbox-lanes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:9px}
.cf-inbox-lane{height:39px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted);font-size:9.5px;font-weight:850;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:color .18s,border-color .18s,opacity .18s,transform .18s}
.cf-inbox-lane:not(.active){opacity:.9}
/* Guia atual: destaque independente dos contadores. O laranja continua significando somente fila aguardando. */
.cf-inbox-lane.active{color:var(--text);border-bottom-color:#6f91ff;background:linear-gradient(180deg,rgba(92,124,255,.10),rgba(92,124,255,.035));box-shadow:inset 0 -2px #6f91ff;border-radius:9px 9px 0 0}
.cf-inbox-lane-count{min-width:20px;height:20px;padding:0 6px;border-radius:999px;display:inline-grid;place-items:center;background:var(--panel2);border:1px solid var(--line);font-size:8px;transition:background .18s,border-color .18s,color .18s,box-shadow .18s,transform .18s}
.cf-inbox-lane.active .cf-inbox-lane-count{background:linear-gradient(135deg,var(--blue),var(--purple));border-color:transparent;color:#fff}

/* Aguardando sempre chama aten\E7 \E3 o quando houver conversas */
.cf-inbox-lane[data-lane=WAITING].cf-hot{color:#ff9f2f}
/* Se Aguardando for a guia atual, mant\E9 m o marcador azul de sele\E7 \E3 o; o n\FA mero segue laranja. */
.cf-inbox-lane[data-lane=WAITING].cf-hot.active{color:var(--text);border-bottom-color:#6f91ff;box-shadow:inset 0 -2px #6f91ff}
.cf-inbox-lane[data-lane=WAITING].cf-hot .cf-inbox-lane-count{
  background:linear-gradient(135deg,#ffb347,#ff7a18);
  border-color:transparent;
  color:#fff;
  box-shadow:0 0 0 4px rgba(255,145,34,.14),0 8px 18px rgba(255,122,24,.24);
  transform:translateY(-1px)
}

/* Atendendo fica mais discreto */
.cf-inbox-lane[data-lane=ATTENDING].active{
  color:var(--text);
  border-bottom-color:#6f91ff;
  box-shadow:inset 0 -2px #6f91ff
}
.cf-inbox-lane[data-lane=ATTENDING].active .cf-inbox-lane-count{
  background:rgba(113,150,255,.12);
  border-color:rgba(113,150,255,.22);
  color:#71a9ff;
  box-shadow:none
}

html[data-theme=light] .cf-inbox-lane[data-lane=WAITING].cf-hot{
  color:#e17200;
  border-bottom-color:#ff941f
}
html[data-theme=light] .cf-inbox-lane[data-lane=WAITING].cf-hot .cf-inbox-lane-count{
  box-shadow:0 0 0 4px rgba(255,145,34,.12),0 8px 18px rgba(255,122,24,.18)
}
html[data-theme=light] .cf-inbox-lane[data-lane=ATTENDING].active .cf-inbox-lane-count{
  background:rgba(37,140,255,.09);
  border-color:rgba(37,140,255,.16);
  color:#2d7dff
}
.cf-inbox-hint{font-size:8px;color:var(--muted);margin-top:7px;line-height:1.45}
.cf-inbox-filter-loader{height:0;min-height:0;overflow:hidden;display:flex;align-items:center;gap:6px;color:var(--muted);font-size:8px;font-weight:750;opacity:0;transition:height .14s ease,opacity .14s ease,margin .14s ease;margin-top:0}.cf-inbox-filter-loader.show{height:18px;opacity:1;margin-top:5px}.cf-inbox-filter-loader:not(.show){pointer-events:none}.cf-inbox-filter-spinner{width:12px;height:12px;flex:0 0 12px;border:2px solid rgba(120,135,160,.20);border-top-color:var(--blue);border-radius:50%;animation:spin .65s linear infinite}
html[data-theme=light] .cf-inbox-nav-btn{background:#fff;border-color:#dfe6ef;color:#6c7a90}
html[data-theme=light] .cf-inbox-nav-btn.active{background:#edf6ff;color:#2777c9;border-color:#cfe4f9}
html[data-theme=light] .cf-inbox-sector{background:#f5f8fc;border-color:#dfe6ef}

/* data pages */.cf-pagehead{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:14px}.cf-pagehead h2{font-size:24px;letter-spacing:-.04em;margin:0}.cf-pagehead p{font-size:10.5px;color:var(--muted);margin:6px 0 0}.cf-toolbar{display:flex;gap:8px;align-items:center}.cf-toolbar input{height:40px;width:min(310px,42vw);border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:12px;padding:0 12px;outline:0;font-size:10.5px}.cf-tablewrap{border:1px solid var(--line);border-radius:18px;background:var(--panel);overflow:hidden}.cf-table{width:100%;border-collapse:collapse}.cf-table th{font-size:8.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.09em;text-align:left;padding:12px 14px;background:var(--panel2);border-bottom:1px solid var(--line)}.cf-table td{padding:13px 14px;border-bottom:1px solid var(--line);font-size:10.5px;color:var(--soft)}.cf-table tr:last-child td{border-bottom:0}.cf-table tr:hover td{background:rgba(255,255,255,.012)}.cf-actions-row{display:flex;gap:5px}.cf-mini{width:31px;height:31px;border:1px solid var(--line);border-radius:9px;background:var(--panel2);color:var(--muted)}.cf-empty{padding:50px 20px;text-align:center;color:var(--muted);font-size:10.5px}.cf-empty i{font-size:28px;display:block;margin-bottom:10px;color:#47546a}.cf-struct-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.cf-struct{border:1px solid var(--line);border-radius:18px;background:var(--panel);overflow:hidden}.cf-struct-head{padding:14px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.cf-struct-head strong{font-size:12px}.cf-struct-body{padding:9px;max-height:340px;overflow:auto}.cf-struct-item{display:flex;align-items:center;gap:10px;padding:10px;border-radius:11px}.cf-struct-item:hover{background:var(--panel2)}.cf-struct-icon{width:32px;height:32px;border-radius:10px;background:var(--panel2);display:grid;place-items:center;color:#9eaafa}.cf-struct-item strong{font-size:10.5px;display:block}.cf-struct-item small{font-size:8.5px;color:var(--muted);display:block;margin-top:3px}.cf-struct-item .cf-grow{text-align:left}.cf-settings{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.5fr);gap:12px}.cf-setting-card{border:1px solid var(--line);border-radius:18px;background:var(--panel);padding:18px}.cf-setting-card h3{font-size:13px;margin:0 0 5px}.cf-setting-card>p{font-size:9.5px;color:var(--muted);margin:0 0 16px;line-height:1.5}.cf-field{margin:12px 0}.cf-field label{display:block;font-size:9px;color:var(--muted);margin-bottom:6px;font-weight:700}.cf-field input,.cf-field select,.cf-field textarea{width:100%;border:1px solid var(--line);background:var(--panel2);color:var(--text);border-radius:11px;min-height:40px;padding:9px 11px;outline:0;font-size:10.5px}.cf-field textarea{min-height:90px;resize:vertical}.cf-api-state{display:flex;align-items:center;gap:8px;font-size:10.5px}.cf-api-dot{width:9px;height:9px;border-radius:50%;background:var(--amber)}.cf-api-dot.ok{background:var(--green)}.cf-api-dot.err{background:var(--red)}

/* tag color picker */
.cf-tag-color-field{grid-column:1/-1;margin:12px 0 2px}
.cf-tag-color-field>label,.cf-tag-palette-label,.cf-tag-preview-label{display:block;font-size:9px;color:var(--muted);margin-bottom:7px;font-weight:700}
.cf-tag-color-control{height:42px;border:1px solid var(--line);background:var(--panel2);border-radius:11px;display:flex;align-items:center;gap:9px;padding:0 11px;transition:border-color .16s,box-shadow .16s}
.cf-tag-color-control:focus-within{border-color:rgba(71,149,255,.58);box-shadow:0 0 0 3px rgba(37,140,255,.08)}
.cf-tag-color-dot{width:18px;height:18px;border-radius:50%;flex:0 0 18px;background:#7955ff;box-shadow:0 0 0 1px rgba(255,255,255,.18),0 2px 6px rgba(0,0,0,.16)}
.cf-tag-color-control input{width:100%!important;min-height:0!important;height:auto!important;border:0!important;outline:none!important;background:transparent!important;padding:0!important;box-shadow:none!important;color:var(--text);font-size:10.5px;font-weight:700;text-transform:uppercase;-webkit-appearance:none;appearance:none}
.cf-tag-palette{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:15px}
.cf-tag-swatch{width:31px;height:31px;border:0;border-radius:50%;padding:0;position:relative;background:var(--swatch);box-shadow:0 0 0 1px rgba(255,255,255,.08),0 3px 10px rgba(0,0,0,.10);transition:transform .14s,box-shadow .14s}
.cf-tag-swatch:hover{transform:translateY(-1px) scale(1.04)}
.cf-tag-swatch.active{box-shadow:0 0 0 3px var(--panel),0 0 0 5px color-mix(in srgb,var(--swatch) 72%,white 28%),0 5px 14px rgba(0,0,0,.16)}
.cf-tag-swatch.active:after{content:'\2713 ';position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:14px;font-weight:900;text-shadow:0 1px 3px rgba(0,0,0,.26)}
.cf-tag-preview-wrap{grid-column:1/-1;margin:16px -18px -18px;padding:16px 18px 18px;border-top:1px solid var(--line);background:rgba(255,255,255,.014)}
.cf-tag-preview{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;font-size:10px;font-weight:800;color:var(--tag-color,#7955ff);background:color-mix(in srgb,var(--tag-color,#7955ff) 13%, transparent);border:1px solid color-mix(in srgb,var(--tag-color,#7955ff) 22%, transparent)}
.cf-tag-preview i{width:9px;height:9px;border-radius:50%;background:var(--tag-color,#7955ff);box-shadow:0 0 0 3px color-mix(in srgb,var(--tag-color,#7955ff) 12%, transparent)}
html[data-theme=light] .cf-tag-color-control{background:#fff;border-color:#d8e1ec}
html[data-theme=light] .cf-tag-preview-wrap{background:#fafcff;border-color:#e5eaf1}
@media(max-width:780px){.cf-tag-palette{gap:9px}.cf-tag-swatch{width:29px;height:29px}}


/* Links de origem — layout claro e compacto no padrão ConectChat */
.cf-modal.cf-modal-origin{width:min(1180px,calc(100vw - 36px));max-height:min(90dvh,900px);background:#fff;color:#14233c;border:1px solid #dce5f0;border-radius:18px;box-shadow:0 28px 75px rgba(35,50,75,.22);overflow:auto}
.cf-modal.cf-modal-origin .cf-modal-head{padding:20px 26px;background:#fff;border-bottom:1px solid #e5eaf1}
.cf-modal.cf-modal-origin .cf-modal-head strong{font-size:22px;letter-spacing:-.02em;color:#14233c}
.cf-modal.cf-modal-origin .cf-modal-close{background:#f7f9fc;border-color:#dce5f0;color:#61708a}
.cf-modal.cf-modal-origin .cf-modal-body{padding:16px 26px 20px;background:#fff}
.cf-modal.cf-modal-origin .cf-modal-foot{padding:16px 26px;background:#fff;border-top:1px solid #e5eaf1}
.cf-modal.cf-modal-origin .cf-modal-foot .cf-btn:not(.primary){background:#fff;color:#14233c;border-color:#d7e0eb}
.cf-modal.cf-modal-origin .cf-modal-foot .cf-btn.primary{background:#258cff;color:#fff;border-color:#258cff}
.cf-origin-intro{font-size:13px;color:#60708c;margin:0 0 14px;line-height:1.45}
.cf-origin-section{border:1px solid #dce5f0;border-radius:15px;background:#fff;overflow:hidden}
.cf-origin-create{padding:16px}
.cf-origin-create-head,.cf-origin-list-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}
.cf-origin-title{display:flex;align-items:center;gap:12px;min-width:0}
.cf-origin-title-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:#eef6ff;border:1px solid #d8e9ff;color:#258cff;font-size:18px;flex:0 0 44px}
.cf-origin-title strong{display:block;font-size:16px;color:#14233c}
.cf-origin-title small{display:block;font-size:11px;color:#6d7b94;margin-top:3px}
.cf-origin-info{max-width:380px;padding:10px 13px;border:1px solid #cfe3ff;border-radius:11px;background:#eef6ff;color:#176bd0;font-size:11px;line-height:1.45;display:flex;gap:9px;align-items:flex-start}
.cf-origin-info i{margin-top:2px}
.cf-origin-grid{display:grid;grid-template-columns:1.05fr 1fr 1fr 1fr;gap:12px;align-items:end}
.cf-modal-origin .cf-field{margin:0}.cf-modal-origin .cf-field label{color:#52627d;font-size:10px;font-weight:800;margin-bottom:6px}
.cf-modal-origin .cf-field input,.cf-modal-origin .cf-field select{height:44px;background:#fff!important;color:#14233c!important;border:1px solid #d5dfeb!important;border-radius:10px!important;box-shadow:none!important;font-size:11px!important}
.cf-origin-phone{display:grid;grid-template-columns:58px 1fr}.cf-origin-phone-prefix{height:44px;display:grid;place-items:center;border:1px solid #d5dfeb;border-right:0;border-radius:10px 0 0 10px;background:#f8fafc;color:#52627d;font-size:11px}.cf-origin-phone input{border-radius:0 10px 10px 0!important}
.cf-origin-create-actions{display:flex;justify-content:flex-end;margin-top:14px}.cf-origin-create-actions .cf-btn{min-width:118px;height:42px;background:#258cff!important;color:#fff!important;border-color:#258cff!important;font-size:11px}
.cf-origin-list-section{margin-top:14px}.cf-origin-list-head{padding:15px 16px;margin:0;border-bottom:1px solid #e5eaf1}.cf-origin-count{padding:6px 10px;border-radius:9px;background:#f5f7fb;color:#687791;font-size:10px}
.cf-origin-list{padding:0}.cf-origin-card{padding:14px 16px;border-bottom:1px solid #e8edf4;background:#fff}.cf-origin-card:last-child{border-bottom:0}.cf-origin-card-top{display:grid;grid-template-columns:minmax(0,1fr) 100px auto;gap:16px;align-items:center}.cf-origin-card-main{display:flex;align-items:center;gap:12px;min-width:0}.cf-origin-badge{width:44px;height:44px;border-radius:12px;background:#f3f7fd;border:1px solid #e1e8f2;display:grid;place-items:center;color:#258cff;font-size:18px;flex:0 0 44px}.cf-origin-badge.instagram{color:#e1306c}.cf-origin-card-name{font-size:13px;font-weight:800;color:#14233c}.cf-origin-active{display:inline-flex;margin-left:7px;padding:3px 7px;border-radius:999px;background:#dff8ea;color:#14975a;font-size:8px;font-weight:800;vertical-align:2px}.cf-origin-card-meta{font-size:10px;color:#65748e;line-height:1.55;margin-top:3px}.cf-origin-clicks{border-left:1px solid #e4eaf2;padding-left:18px;text-align:center}.cf-origin-clicks strong{display:block;font-size:18px;color:#14233c}.cf-origin-clicks span{font-size:9px;color:#71809a}.cf-origin-actions{display:flex;gap:8px}.cf-origin-actions .cf-btn{height:38px;background:#fff;color:#23344f;border-color:#d7e0eb;font-size:10px}.cf-origin-actions .cf-btn.danger{color:#e63b4e;border-color:#ffb9c2;background:#fff8f9}.cf-origin-urlrow{display:flex;gap:8px;margin-top:12px}.cf-origin-url{flex:1;min-width:0;height:38px;display:flex;align-items:center;padding:0 12px;border:1px solid #d9e2ed;border-radius:9px;background:#f8fafc;color:#5e6f89;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cf-origin-urlrow .cf-btn{height:38px;background:#fff;color:#23344f;border-color:#d7e0eb;font-size:10px;flex:0 0 auto}.cf-origin-empty{padding:28px;text-align:center;color:#71809a;font-size:11px}
.cf-origin-edit-note{padding:10px 12px;border:1px solid #cfe3ff;border-radius:10px;background:#eef6ff;color:#176bd0;font-size:10px;line-height:1.5;margin-bottom:14px}.cf-modal-origin .cf-form-grid{gap:12px}
@media(max-width:900px){.cf-modal.cf-modal-origin{width:min(680px,calc(100vw - 20px))}.cf-origin-grid{grid-template-columns:1fr 1fr}.cf-origin-info{display:none}.cf-origin-card-top{grid-template-columns:1fr auto}.cf-origin-clicks{display:none}}
@media(max-width:560px){.cf-origin-grid{grid-template-columns:1fr}.cf-origin-card-top{grid-template-columns:1fr}.cf-origin-actions{margin-left:56px}.cf-origin-urlrow{flex-direction:column}.cf-origin-urlrow .cf-btn{width:100%}.cf-modal.cf-modal-origin .cf-modal-head strong{font-size:18px}}


/* ===== Modal ConectSend / Contato: cabeçalho e rodapé fixos ===== */
#cfModal.cf-modal-fixed-footer{
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  max-height:min(86dvh,760px)!important;
}
#cfModal.cf-modal-fixed-footer .cf-modal-head{
  flex:0 0 auto!important;
  position:relative!important;
  z-index:30!important;
  background:var(--panel)!important;
}
#cfModal.cf-modal-fixed-footer .cf-modal-body{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain;
  scrollbar-width:thin;
}
#cfModal.cf-modal-fixed-footer .cf-modal-foot{
  flex:0 0 auto!important;
  position:relative!important;
  z-index:30!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:10px!important;
  min-height:68px!important;
  padding:12px 18px max(12px,env(safe-area-inset-bottom,0px))!important;
  margin:0!important;
  background:var(--panel)!important;
  border-top:1px solid var(--line)!important;
  box-shadow:0 -10px 26px rgba(15,23,42,.05);
}
#cfModal.cf-modal-fixed-footer .cf-modal-foot .cf-btn{
  min-height:42px!important;
  margin:0!important;
}
#cfModal.cf-modal-fixed-footer .cf-modal-foot .cf-btn.primary{
  min-width:112px;
}
@media(max-width:780px){
  #cfModal.cf-modal-fixed-footer{
    max-height:calc(100dvh - 20px)!important;
  }
  #cfModal.cf-modal-fixed-footer .cf-modal-foot{
    min-height:66px!important;
    padding:10px 14px max(14px,env(safe-area-inset-bottom,0px))!important;
  }
  #cfModal.cf-modal-fixed-footer .cf-modal-foot .cf-btn{
    min-height:44px!important;
  }
}

/* SOMENTE OCULTAR BARRA VISUAL DOS MODAIS - rolagem continua ativa */
#cfModal,#cfModal .cf-modal-body{scrollbar-width:none!important;-ms-overflow-style:none!important;}
#cfModal::-webkit-scrollbar,#cfModal .cf-modal-body::-webkit-scrollbar{width:0!important;height:0!important;display:none!important;}
#cfModal.cf-modal-fixed-footer .cf-modal-body{scrollbar-width:none!important;-ms-overflow-style:none!important;}
#cfModal.cf-modal-fixed-footer .cf-modal-body::-webkit-scrollbar{width:0!important;height:0!important;display:none!important;}
#cfModal.cf-modal-quick .cf-modal-body{scrollbar-width:none!important;-ms-overflow-style:none!important;}
#cfModal.cf-modal-quick .cf-modal-body::-webkit-scrollbar{width:0!important;height:0!important;display:none!important;}

/* modal/toast/loader */.cf-modal-back{position:fixed;inset:0;z-index:1000;background:rgba(3,6,12,.68);backdrop-filter:blur(6px);display:none;align-items:center;justify-content:center;padding:18px}.cf-modal-back.show{display:flex}.cf-modal{width:min(560px,100%);max-height:min(86dvh,760px);overflow:auto;border:1px solid var(--line);border-radius:22px;background:var(--panel);box-shadow:var(--shadow);scrollbar-width:none;-ms-overflow-style:none}
.cf-modal::-webkit-scrollbar{width:0;height:0;display:none}.cf-modal-head{padding:17px 18px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.cf-modal-head strong{font-size:13px}.cf-modal-close{width:34px;height:34px;border:1px solid var(--line);border-radius:10px;background:var(--panel2);color:var(--muted)}.cf-modal-body{padding:18px}.cf-modal-foot{padding:13px 18px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:8px}.cf-modal-foot .cf-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px}.cf-modal-foot .cf-btn i{font-size:12px}.cf-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 10px}.cf-form-grid .full{grid-column:1/-1}.cf-toastbox{position:fixed;right:18px;bottom:18px;z-index:1400;display:grid;gap:8px}.cf-toast{width:min(360px,calc(100vw - 36px));border:1px solid var(--line);background:var(--panel);border-radius:14px;padding:12px 13px;box-shadow:0 18px 45px rgba(0,0,0,.35);display:flex;gap:10px;align-items:flex-start}.cf-toast i{color:var(--green);margin-top:2px}.cf-toast.err i{color:var(--red)}.cf-toast strong{font-size:10.5px;display:block}.cf-toast span{font-size:9px;color:var(--muted);display:block;margin-top:3px;line-height:1.4}.cf-loader{position:fixed;inset:0;z-index:1500;background:rgba(8,11,18,.55);backdrop-filter:blur(3px);display:none;align-items:center;justify-content:center}.cf-loader.show{display:flex}.cf-loader-card{border:1px solid var(--line);background:var(--panel);border-radius:18px;padding:22px 28px;text-align:center;box-shadow:var(--shadow)}.cf-spinner{width:34px;height:34px;border:3px solid rgba(93,111,145,.2);border-top-color:var(--blue);border-radius:50%;animation:spin .75s linear infinite;margin:auto}.cf-loader-card strong{font-size:10.5px;display:block;margin-top:10px}@keyframes spin{to{transform:rotate(360deg)}}
.cf-mobilebar{display:none}.cf-mobileback{display:none}
@media(max-width:1180px){.cf-inbox{grid-template-columns:320px minmax(0,1fr)}.cf-detail{display:none}.cf-kpis{grid-template-columns:repeat(2,1fr)}}
@media(max-width:780px){.cf-shell{grid-template-columns:1fr;padding-bottom:calc(62px + var(--safe-bottom))}.cf-rail{display:none}.cf-top{height:62px;flex-basis:62px;padding:0 12px}.cf-title-icon{width:34px;height:34px}.cf-title h1{font-size:15px}.cf-title p{display:none}.cf-top-actions .cf-btn span{display:none}.cf-stage{padding:12px 11px calc(16px + var(--safe-bottom))}.cf-hero{padding:20px;border-radius:20px}.cf-hero h2{font-size:22px}.cf-kpis{grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.cf-kpi{padding:13px;min-height:105px}.cf-kpi strong{font-size:21px;margin-top:11px}.cf-grid2{grid-template-columns:1fr;gap:8px;margin-top:8px}.cf-card{padding:14px}.cf-pagehead{align-items:flex-start;flex-direction:column}.cf-toolbar{width:100%}.cf-toolbar input{width:100%;flex:1}.cf-tablewrap{overflow:auto}.cf-table{min-width:650px}.cf-struct-grid,.cf-settings{grid-template-columns:1fr}.cf-inbox{height:calc(100dvh - 62px - 62px - var(--safe-top) - var(--safe-bottom));grid-template-columns:1fr}.cf-chat,.cf-detail{display:none}.cf-inbox.chat-open .cf-inbox-list{display:none}.cf-inbox.chat-open .cf-chat{display:flex}.cf-mobileback{display:inline-flex}.cf-inbox-list{border:0}.cf-messages{padding:14px 11px}.cf-msg{max-width:86%}.cf-mobilebar{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);left:0;right:0;bottom:0;height:calc(62px + var(--safe-bottom));padding-bottom:var(--safe-bottom);z-index:80;border-top:1px solid var(--line);background:rgba(13,18,27,.94);backdrop-filter:blur(18px)}.cf-mobilebar button{border:0;background:transparent;color:var(--muted);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:8px}.cf-mobilebar button i{font-size:16px}.cf-mobilebar button.active{color:#8abfff}.cf-toastbox{right:10px;bottom:calc(72px + var(--safe-bottom))}.cf-form-grid{grid-template-columns:1fr}.cf-form-grid .full{grid-column:auto}}
@media(max-width:420px){.cf-kpi strong{font-size:19px}.cf-kpi small{font-size:8.5px}.cf-top-actions .cf-icon:nth-child(2){display:none}}


/* ===== Setores: emoji inteligente ===== */
.cf-sector-emoji-wrap{display:grid;grid-template-columns:72px minmax(0,1fr);gap:9px;align-items:end}
.cf-sector-emoji-input{font-size:25px!important;text-align:center!important;padding:4px!important}
.cf-sector-emoji-note{font-size:8.5px;color:var(--muted);line-height:1.45;margin-top:5px}
.cf-sector-emoji-suggestions{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px}
.cf-sector-emoji-chip{
  width:34px;height:34px;border:1px solid var(--line);border-radius:10px;
  background:var(--panel2);font-size:19px;display:grid;place-items:center;
  padding:0;cursor:pointer;transition:.14s
}
.cf-sector-emoji-chip:hover{background:var(--panel);transform:scale(1.06)}
.cf-greeting-label{display:flex!important;align-items:center;justify-content:space-between;gap:8px}
.cf-greeting-emoji-btn{width:30px;height:30px;border:1px solid var(--line);border-radius:9px;background:var(--panel2);color:var(--text);display:grid;place-items:center;font-size:16px;padding:0}
.cf-greeting-emoji-btn:hover{background:var(--panel)}
.cf-greeting-wrap{position:relative}
.cf-greeting-picker{position:absolute;right:0;top:38px;width:250px;padding:9px;border:1px solid var(--line);border-radius:13px;background:var(--panel);box-shadow:0 18px 45px rgba(0,0,0,.35);display:none;grid-template-columns:repeat(7,1fr);gap:4px;z-index:25}
.cf-greeting-picker.open{display:grid}
.cf-greeting-picker button{height:32px;border:0;border-radius:8px;background:transparent;font-size:19px;cursor:pointer}
.cf-greeting-picker button:hover{background:var(--panel2)}

.cf-sector-preview{
  margin-top:10px;padding:11px 12px;border:1px solid var(--line);border-radius:12px;
  background:rgba(37,140,255,.045);font-size:10px;color:var(--soft)
}
.cf-sector-preview small{display:block;color:var(--muted);font-size:8px;margin-bottom:5px;text-transform:uppercase;letter-spacing:.08em}

/* ===== BOT ARMADO/DESARMADO ===== */
.cf-bot-state{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-radius:999px;font-size:8.5px;font-weight:850;border:1px solid var(--line);background:var(--panel2)}
.cf-bot-state.off{color:#f2a84b;background:rgba(242,168,75,.08);border-color:rgba(242,168,75,.20)}
.cf-bot-state.on{color:#35d49d;background:rgba(53,212,157,.08);border-color:rgba(53,212,157,.20)}
.cf-bot-state i{font-size:8px}
html[data-theme=light] .cf-bot-state.off{background:#fff8ec}
html[data-theme=light] .cf-bot-state.on{background:#effcf7}

/* ===== Opera\E7 \E3 o / WhatsApp / Setores ===== */
.cf-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}.cf-tab{border:1px solid var(--line);background:var(--panel2);color:var(--muted);border-radius:10px;padding:9px 12px;font-size:10px;font-weight:800;cursor:pointer}.cf-tab.active{background:linear-gradient(135deg,rgba(38,140,255,.18),rgba(117,87,255,.14));color:var(--text);border-color:rgba(80,110,255,.25)}
.cf-sector-color{width:34px;height:12px;border-radius:999px;border:1px solid rgba(255,255,255,.08);display:inline-block}.cf-chipset{display:flex;gap:6px;flex-wrap:wrap}.cf-sector-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);padding:6px 9px;border-radius:999px;font-size:9px;background:var(--panel2)}.cf-sector-chip i{width:8px;height:8px;border-radius:50%;display:inline-block}

/* Seletor moderno de setores do canal/atendente */
.cf-sector-select-wrap{margin-top:2px}
.cf-sector-select-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
.cf-sector-select-head>label{margin:0}
.cf-sector-select-count{
  display:inline-flex;align-items:center;height:24px;padding:0 9px;border-radius:999px;
  font-size:8.5px;font-weight:850;color:var(--blue);
  border:1px solid rgba(38,140,255,.20);background:rgba(38,140,255,.08);
  white-space:nowrap
}
.cf-sector-select-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.cf-sector-select-card{
  --sector-color:#268cff;
  min-height:58px;padding:10px 12px;border-radius:13px;cursor:pointer;
  display:flex;align-items:center;gap:10px;position:relative;overflow:hidden;
  border:1px solid color-mix(in srgb,var(--sector-color) 40%,var(--line));
  background:color-mix(in srgb,var(--sector-color) 11%,var(--panel2));
  transition:transform .16s,border-color .16s,background .16s,box-shadow .16s
}
.cf-sector-select-card:hover{transform:translateY(-1px);box-shadow:0 7px 18px rgba(0,0,0,.08)}
.cf-sector-select-card input{position:absolute;opacity:0;pointer-events:none}
.cf-sector-select-box{
  width:27px;height:27px;min-width:27px;border-radius:8px;
  display:grid;place-items:center;
  border:1px solid color-mix(in srgb,var(--sector-color) 48%,var(--line));
  background:color-mix(in srgb,var(--sector-color) 10%,var(--panel));
  color:transparent;transition:.16s
}
.cf-sector-select-box i{font-size:13px}
.cf-sector-select-card input:checked + .cf-sector-select-box{
  background:var(--sector-color);border-color:var(--sector-color);color:#fff;
  box-shadow:0 4px 12px color-mix(in srgb,var(--sector-color) 28%,transparent)
}
.cf-sector-select-name{display:flex;align-items:center;gap:7px;min-width:0}
.cf-sector-select-dot{
  width:8px;height:8px;min-width:8px;border-radius:50%;background:var(--sector-color);
  box-shadow:0 0 0 2px color-mix(in srgb,var(--sector-color) 15%,transparent)
}
.cf-sector-select-name strong{
  color:var(--text);font-size:10px;font-weight:850;line-height:1.25;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap
}
.cf-sector-select-card:has(input:checked){
  border-color:color-mix(in srgb,var(--sector-color) 72%,var(--line));
  background:color-mix(in srgb,var(--sector-color) 16%,var(--panel2))
}
html[data-theme=light] .cf-sector-select-card{
  background:color-mix(in srgb,var(--sector-color) 10%,#fff);
}
@media(max-width:700px){.cf-sector-select-grid{grid-template-columns:1fr}}

.cf-checkgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.cf-check{display:flex;align-items:center;gap:8px;padding:9px 10px;border:1px solid var(--line);border-radius:11px;background:var(--panel2);font-size:10px}.cf-check input{accent-color:#4b7dff}.cf-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}.cf-toggle-row:last-child{border-bottom:0}.cf-toggle{position:relative;width:42px;height:24px;display:inline-block}.cf-toggle input{display:none}.cf-toggle span{position:absolute;inset:0;border-radius:999px;background:#394356;cursor:pointer;transition:.18s}.cf-toggle span:after{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;border-radius:50%;background:#fff;transition:.18s}.cf-toggle input:checked+span{background:linear-gradient(135deg,#268cff,#7557ff)}.cf-toggle input:checked+span:after{transform:translateX(18px)}
.cf-channel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}.cf-channel-card{position:relative;overflow:hidden;border:1px solid var(--line);background:linear-gradient(180deg,var(--panel),color-mix(in srgb,var(--panel2) 42%,var(--panel)));border-radius:18px;padding:15px;display:grid;gap:13px;box-shadow:0 10px 28px rgba(24,39,75,.055)}.cf-channel-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(#25d366,#268cff);opacity:.9}.cf-channel-card.is-disabled{background:linear-gradient(180deg,color-mix(in srgb,var(--panel) 88%,#f59e0b),var(--panel));border-color:rgba(245,158,11,.22)}.cf-channel-card.is-disabled:before{background:linear-gradient(#f59e0b,#cbd5e1)}.cf-channel-top{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:11px;align-items:start}.cf-wa{width:42px;height:42px;border-radius:14px;background:rgba(37,211,102,.12);color:#25d366;display:grid;place-items:center;font-size:20px;box-shadow:inset 0 0 0 1px rgba(37,211,102,.14)}.cf-channel-card.is-disabled .cf-wa{background:rgba(148,163,184,.12);color:#94a3b8}.cf-channel-top .cf-grow{min-width:0}.cf-channel-top strong{font-size:12px;display:block;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cf-channel-top small{font-size:9px;color:var(--muted);display:block;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cf-channel-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}.cf-channel-state{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 9px;border-radius:999px;border:1px solid var(--line);background:var(--panel2);color:var(--muted);font-size:9px;font-weight:850;white-space:nowrap}.cf-channel-state.connected{color:#059669;background:rgba(45,212,154,.10);border-color:rgba(45,212,154,.22)}.cf-channel-state.qr{color:#b45309;background:rgba(247,185,85,.14);border-color:rgba(247,185,85,.25)}.cf-channel-state.disabled{color:#b45309;background:rgba(245,158,11,.12);border-color:rgba(245,158,11,.24)}.cf-channel-state .cf-status-dot{margin:0}.cf-channel-main-action{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:10px 11px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--panel2) 64%,transparent)}.cf-channel-main-action span{display:grid;gap:2px;min-width:0}.cf-channel-main-action strong{font-size:10px}.cf-channel-main-action small{font-size:8.5px;color:var(--muted);line-height:1.35}.cf-channel-actions{display:flex;align-items:center;gap:7px;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;padding-bottom:2px;scrollbar-width:thin}.cf-channel-actions::-webkit-scrollbar{height:4px}.cf-channel-actions::-webkit-scrollbar-thumb{background:rgba(148,163,184,.45);border-radius:999px}.cf-channel-actions .cf-btn{min-height:36px;justify-content:center;padding:0 11px;font-size:9.5px;flex:1 0 112px;white-space:nowrap}.cf-channel-actions .cf-btn span{display:inline}.cf-channel-actions .cf-btn.icon-only{width:auto;min-width:46px;flex:0 0 46px;padding:0}.cf-channel-actions .cf-btn:disabled{opacity:.42;cursor:not-allowed;pointer-events:none;transform:none!important;box-shadow:none!important}.cf-status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;background:#94a3b8}.cf-status-dot.connected{background:#2dd49a;box-shadow:0 0 0 4px rgba(45,212,154,.09)}.cf-status-dot.qr{background:#f7b955}.cf-qr-wrap{text-align:center}.cf-qr-wrap img{width:min(320px,80vw);border-radius:18px;background:#fff;padding:12px}.cf-qr-wrap p{font-size:10px;color:var(--muted);line-height:1.5}.cf-qr-status{margin-top:9px;font-size:10px;font-weight:800}
.cf-channel-grid>*{min-width:0}.cf-channel-card{min-width:0;contain:layout paint}.cf-channel-meta{width:190px;min-width:190px}.cf-channel-state{width:92px;justify-content:center;box-sizing:border-box}.cf-channel-card .cf-bot-state{width:92px;justify-content:center;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cf-channel-main-action{min-width:0}.cf-channel-actions{min-width:0}
.cf-hours{display:grid;gap:8px}.cf-hour-row{display:grid;grid-template-columns:130px 70px repeat(4,minmax(100px,1fr));gap:8px;align-items:end;padding:10px;border:1px solid var(--line);border-radius:13px;background:var(--panel)}.cf-hour-row strong{font-size:10px}.cf-hour-row .cf-field{margin:0}.cf-hour-row .cf-field label{font-size:8px}.cf-hour-row input[type=time]{min-height:36px}
.cf-compose{position:relative;display:grid!important;grid-template-columns:auto auto auto auto minmax(0,1fr) auto;align-items:end}.cf-compose textarea{grid-column:auto}.cf-compose-tool{width:38px;height:38px;border:1px solid var(--line);border-radius:11px;background:var(--panel2);color:var(--muted);cursor:pointer}.cf-compose-tool.active{color:#fff;background:linear-gradient(135deg,#268cff,#7557ff);border-color:transparent}.cf-emoji-wrap{position:relative;display:block;width:40px;height:40px}.cf-emoji-wrap>.cf-compose-tool{width:40px;height:40px}.cf-emoji-picker{position:absolute;left:0;bottom:48px;width:260px;padding:10px;border:1px solid var(--line);border-radius:14px;background:var(--panel);box-shadow:0 18px 45px rgba(0,0,0,.35);display:none;grid-template-columns:repeat(7,1fr);gap:4px;z-index:40}.cf-emoji-picker.open{display:grid}.cf-emoji-picker button{border:0;background:transparent;border-radius:8px;font-size:20px;line-height:34px;height:34px;cursor:pointer}.cf-emoji-picker button:hover{background:var(--panel2)}.cf-compose-tool.recording{color:#fff;background:#e5485f;animation:pulseRec 1s infinite}@keyframes pulseRec{50%{transform:scale(.93);opacity:.82}}.cf-dropzone{position:absolute;inset:8px;z-index:5;border:2px dashed #5d79ff;border-radius:15px;background:rgba(20,30,50,.92);display:none;align-items:center;justify-content:center;flex-direction:column;gap:8px;color:#dce5ff;font-size:11px}.cf-compose.drag .cf-dropzone{display:flex}.cf-msg-sender{display:flex;font-weight:900;margin-bottom:4px;align-items:center;gap:6px;flex-wrap:wrap}
.cf-signature-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 6px;border:1px solid rgba(255,255,255,.18);border-radius:999px;font-size:7.5px;font-weight:800;line-height:1.2;opacity:.78;white-space:nowrap}
.cf-signature-badge i{font-size:7px}.cf-msg-file{display:flex;align-items:center;gap:8px}.cf-msg-file i{font-size:18px}.cf-media-card{min-width:220px;max-width:min(360px,68vw)}.cf-media-thumb{display:block;width:100%;max-height:280px;object-fit:cover;border-radius:10px;cursor:pointer;background:#0b1018}.cf-sticker-card{min-width:0!important;max-width:190px!important;background:transparent!important;border:0!important}.cf-sticker-img{display:block;width:auto;max-width:180px;max-height:180px;object-fit:contain;background:transparent;border-radius:0;cursor:pointer}.cf-msg.in:has(.cf-sticker-card),.cf-msg.out:has(.cf-sticker-card){background:transparent!important;border-color:transparent!important;box-shadow:none!important;padding-left:4px;padding-right:4px}.cf-media-video{width:min(360px,68vw);max-height:300px;border-radius:10px;background:#000}.cf-media-actions{display:flex;gap:6px;margin-top:7px;flex-wrap:wrap}.cf-media-actions button{border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--text);border-radius:8px;height:30px;padding:0 9px;cursor:pointer;font-size:10px}.cf-media-actions button:hover{background:var(--panel2)}.cf-media-loading{display:flex;align-items:center;gap:8px;min-height:48px}
.cf-media-card.cf-media-await{min-height:190px;align-items:center;justify-content:center}
.cf-sticker-card.cf-media-await{min-width:160px!important;min-height:160px!important}.cf-media-modal-img{display:block;max-width:min(92vw,1100px);max-height:75vh;margin:auto;border-radius:12px}.cf-media-preview-actions{display:flex;justify-content:center;gap:8px;margin-top:14px}.cf-image-viewer{position:absolute;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;padding:24px;background:rgba(3,8,18,.88);backdrop-filter:blur(8px)}.cf-image-viewer.open{display:flex}.cf-image-viewer-card{position:relative;display:flex;flex-direction:column;max-width:min(94%,1200px);max-height:92%;padding:14px;border:1px solid var(--line);border-radius:16px;background:var(--panel);box-shadow:0 24px 80px rgba(0,0,0,.55)}.cf-image-viewer-img{display:block;max-width:100%;max-height:75vh;object-fit:contain;border-radius:10px;background:#05080f}.cf-image-viewer-video{display:none;max-width:100%;width:min(92vw,1100px);max-height:75vh;border-radius:10px;background:#000;outline:0}.cf-image-viewer-bar{display:flex;gap:8px;align-items:center;justify-content:space-between;margin-top:10px;min-width:0}.cf-image-viewer-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:var(--muted);min-width:0}.cf-image-viewer-actions{display:flex;gap:8px;flex:0 0 auto}.cf-image-viewer-actions button{height:36px;border:1px solid var(--line);border-radius:9px;background:var(--panel2);color:var(--text);padding:0 12px;cursor:pointer}.cf-image-viewer-close{position:absolute;right:10px;top:10px;width:38px;height:38px;border:1px solid rgba(255,255,255,.15);border-radius:10px;background:rgba(0,0,0,.55);color:#fff;cursor:pointer;z-index:2}.cf-record-time{font-size:9px;color:var(--red);font-weight:800;min-width:42px}.cf-variable-help{font-size:8.5px;color:var(--muted);line-height:1.5;margin-top:-6px;margin-bottom:8px}.cf-variable-help code{color:#aebcff}
@media(max-width:900px){.cf-channel-grid{grid-template-columns:1fr}.cf-hour-row{grid-template-columns:1fr 70px 1fr 1fr}.cf-hour-row .period2{display:none}.cf-checkgrid{grid-template-columns:1fr}.cf-compose{grid-template-columns:auto auto auto auto minmax(0,1fr) auto}}


.cf-info-box{display:flex;gap:11px;align-items:flex-start;padding:12px 13px;border:1px solid var(--cf-line);border-radius:12px;background:rgba(90,111,255,.055);color:var(--cf-muted)}.cf-info-box i{margin-top:2px;color:#6d7cff}.cf-info-box strong{display:block;color:var(--cf-text);font-size:11px;margin-bottom:3px}.cf-info-box span{display:block;font-size:10px;line-height:1.45}

#cfLoginGate{position:fixed;inset:0;z-index:99999;display:none;align-items:center;justify-content:center;padding:22px;background:radial-gradient(circle at 30% 10%,rgba(38,140,255,.18),transparent 35%),radial-gradient(circle at 80% 90%,rgba(117,87,255,.16),transparent 38%),#080d18;overflow:auto}#cfLoginGate.show{display:flex}.cf-login-card{width:min(100%,410px);padding:30px;border:1px solid rgba(148,163,184,.16);border-radius:24px;background:#111a2b;box-shadow:0 28px 80px rgba(0,0,0,.42)}.cf-login-logo{width:54px;height:54px;border-radius:17px;display:grid;place-items:center;margin-bottom:18px;background:linear-gradient(135deg,#268cff,#7557ff);color:#fff;font-weight:900}.cf-login-card h2{margin:0;font-size:24px}.cf-login-card p{margin:7px 0 24px;color:#8290aa;font-size:12px}.cf-login-card label{display:block;margin:13px 0 7px;color:#d5dceb;font-size:11px;font-weight:700}.cf-login-card input{width:100%;height:46px;border:1px solid rgba(148,163,184,.16);border-radius:12px;background:#162136;color:#fff;padding:0 13px;outline:0;font:inherit;font-size:15px;line-height:1.2;font-weight:400;letter-spacing:0;box-sizing:border-box}.cf-login-card input:focus{border-color:#596eff;box-shadow:0 0 0 3px rgba(89,110,255,.12)}.cf-login-card input:hover,.cf-login-card input:active,.cf-login-card input:disabled,.cf-login-card input[readonly],.cf-login-card input:-webkit-autofill,.cf-login-card input:-webkit-autofill:hover,.cf-login-card input:-webkit-autofill:focus,.cf-login-card input:-webkit-autofill:active{font-family:inherit!important;font-size:15px!important;line-height:1.2!important;font-weight:400!important;letter-spacing:0!important}.cf-login-card button{width:100%;height:47px;margin-top:20px;border:0;border-radius:12px;background:linear-gradient(135deg,#268cff,#7557ff);color:#fff;font-weight:800;cursor:pointer}.cf-login-card small{display:block;min-height:18px;margin-top:10px;color:#ff667a;text-align:center}.cf-login-create{display:block;margin-top:14px;text-align:center;color:#7fa7ff;font-size:12px;font-weight:750;text-decoration:none}.cf-login-create:hover{color:#a18aff}
.cf-signup-shell{width:min(1180px,100%);min-height:min(790px,calc(100dvh - 36px));display:grid;grid-template-columns:minmax(430px,.92fr) minmax(520px,1.08fr);overflow:hidden;border:1px solid rgba(148,163,184,.14);border-radius:28px;background:#fff;box-shadow:0 34px 100px rgba(0,0,0,.38)}.cf-signup-formpane{background:#fff;color:#14203a;padding:42px 54px 34px;overflow:auto;scrollbar-width:none}.cf-signup-formpane::-webkit-scrollbar{display:none}.cf-signup-brand{display:flex;align-items:center;gap:12px;margin-bottom:24px}.cf-signup-brandmark{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,#268cff,#7557ff);color:#fff;font-weight:950;letter-spacing:-.05em;box-shadow:0 12px 26px rgba(71,92,255,.24)}.cf-signup-brandtext strong{display:block;font-size:22px;letter-spacing:.08em;color:#10203e}.cf-signup-brandtext span{display:block;margin-top:1px;font-size:10px;font-weight:850;letter-spacing:.34em;color:#7557ff}.cf-signup-title{display:flex;align-items:center;gap:12px;margin-bottom:7px}.cf-signup-title i{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,#ecf3ff,#f2edff);color:#586dff}.cf-signup-title h2{margin:0;font-size:27px;letter-spacing:-.035em}.cf-signup-sub{margin:0 0 18px;color:#687790;font-size:12px}.cf-trial-box{display:flex;gap:12px;align-items:flex-start;padding:13px 14px;margin-bottom:18px;border:1px solid #e3e9f3;border-radius:14px;background:#fafcff}.cf-trial-icon{width:36px;height:36px;flex:0 0 36px;border-radius:11px;display:grid;place-items:center;background:#e8fbf3;color:#16a36a}.cf-trial-box strong{display:block;font-size:12px;color:#1a2945}.cf-trial-box span{display:block;margin-top:4px;color:#65738b;font-size:10.5px;line-height:1.45}.cf-trial-box b{color:#16a36a}.cf-signup-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cf-signup-field{min-width:0}.cf-signup-field.full{grid-column:1/-1}.cf-signup-field label{display:block;margin:0 0 6px;color:#22304b;font-size:10.5px;font-weight:800}.cf-signup-control{position:relative}.cf-signup-control i{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:#91a0b7;font-size:12px}.cf-signup-control input,.cf-signup-control select{width:100%;height:44px;border:1px solid #dce4ef;border-radius:11px;background:#fff;color:#1f2d48;padding:0 13px 0 37px;outline:none;transition:.16s}.cf-signup-control select{appearance:none;padding-right:36px}.cf-signup-control .cf-select-arrow{left:auto;right:13px}.cf-signup-control input:focus,.cf-signup-control select:focus{border-color:#596eff;box-shadow:0 0 0 3px rgba(89,110,255,.10)}.cf-signup-pass-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:30px;height:30px!important;margin:0!important;padding:0;border:0!important;background:transparent!important;color:#8c9ab0!important;box-shadow:none!important}.cf-signup-btn{width:100%;height:48px;margin-top:16px;border:0;border-radius:12px;background:linear-gradient(135deg,#268cff,#7557ff);color:#fff;font-weight:850;cursor:pointer;box-shadow:0 12px 26px rgba(73,91,255,.20)}.cf-signup-btn:disabled{opacity:.65;cursor:wait}.cf-signup-error{min-height:18px;margin:8px 0 0;color:#e84b63;text-align:center;font-size:10.5px}.cf-signup-login{text-align:center;margin-top:9px;color:#6d7a90;font-size:11px}.cf-signup-login a{color:#356df5;font-weight:800;text-decoration:none}.cf-signup-support{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:8px;color:#6d7a90;font-size:10.5px}.cf-signup-support i{color:#20b45a;font-size:12px}.cf-signup-support a{color:#20a857;font-weight:800;text-decoration:none}.cf-signup-support a:hover{text-decoration:underline}.cf-signup-terms{margin-top:15px;padding-top:14px;border-top:1px solid #edf0f5;text-align:center;color:#8b97aa;font-size:9.5px;line-height:1.5}.cf-signup-terms a{color:#4f6ef7;text-decoration:none}.cf-signup-hero{position:relative;padding:62px 58px;color:#fff;background:radial-gradient(circle at 90% 6%,rgba(118,87,255,.42),transparent 34%),radial-gradient(circle at 5% 90%,rgba(38,140,255,.20),transparent 36%),linear-gradient(150deg,#0b1733 0%,#09132b 58%,#071126 100%);overflow:hidden}.cf-signup-hero:before{content:"";position:absolute;width:310px;height:310px;border:68px solid rgba(104,76,255,.16);border-radius:50%;right:-160px;top:-170px}.cf-signup-hero:after{content:"";position:absolute;width:240px;height:2px;right:-40px;top:110px;background:linear-gradient(90deg,transparent,#7557ff,transparent);transform:rotate(-28deg)}.cf-signup-trialtag{position:relative;z-index:1;display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid rgba(70,144,255,.45);border-radius:999px;color:#85b8ff;background:rgba(38,140,255,.08);font-size:9px;font-weight:850;letter-spacing:.05em}.cf-signup-hero h3{position:relative;z-index:1;margin:19px 0 0;font-size:40px;line-height:1.06;letter-spacing:-.045em}.cf-signup-hero h3 span{background:linear-gradient(90deg,#4d8dff,#9862ff);-webkit-background-clip:text;background-clip:text;color:transparent}.cf-signup-hero>p{position:relative;z-index:1;margin:16px 0 24px;color:#c2cbda;font-size:13px;line-height:1.6;max-width:480px}.cf-feature-row{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:15px;border:1px solid rgba(142,164,206,.15);border-radius:16px;background:rgba(255,255,255,.025)}.cf-feature{text-align:center;min-width:0}.cf-feature i{display:grid;place-items:center;width:30px;height:30px;margin:0 auto 7px;border-radius:9px;background:rgba(81,101,255,.11);color:#7f86ff}.cf-feature strong{display:block;font-size:9.5px;line-height:1.25}.cf-plan-title{position:relative;z-index:1;margin:22px 0 9px;color:#6f96ff;font-size:11px;font-weight:850}.cf-plan-list{position:relative;z-index:1;border:1px solid rgba(142,164,206,.16);border-radius:15px;overflow:hidden;background:rgba(255,255,255,.02)}.cf-plan-row{display:grid;grid-template-columns:36px 1fr auto;gap:11px;align-items:center;padding:9px 12px;border-bottom:1px solid rgba(142,164,206,.11);cursor:pointer;transition:.15s}.cf-plan-row:last-child{border-bottom:0}.cf-plan-row:hover,.cf-plan-row.active{background:rgba(90,88,255,.10)}.cf-plan-row .icon{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:rgba(117,87,255,.10);color:#a46cff}.cf-plan-row strong{display:block;font-size:11px}.cf-plan-row small{display:block;margin-top:3px;color:#9ca9bd;font-size:9px}.cf-plan-price{text-align:right;color:#a66cff;font-size:12px;font-weight:900}.cf-plan-price span{display:block;color:#93a0b4;font-size:8px;font-weight:500}.cf-security{position:relative;z-index:1;display:flex;align-items:center;gap:11px;margin-top:18px;color:#afbbcc;font-size:9.5px}.cf-security i{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:rgba(45,212,154,.12);color:#35d7a2}.cf-security strong{display:block;color:#e8edf5;font-size:10px;margin-bottom:2px}@media(max-width:920px){#cfLoginGate{padding:0;align-items:stretch}.cf-signup-shell{min-height:100dvh;border:0;border-radius:0;grid-template-columns:1fr}.cf-signup-hero{display:none}.cf-signup-formpane{padding:28px 22px calc(28px + env(safe-area-inset-bottom,0px))}.cf-signup-grid{grid-template-columns:1fr}.cf-signup-field.full{grid-column:auto}}@media(max-width:480px){.cf-signup-formpane{padding-left:17px;padding-right:17px}.cf-signup-title h2{font-size:24px}.cf-signup-brand{margin-bottom:20px}}


/* ===== CADASTRO: AJUSTE RESPONSIVO ===== */
#cfLoginGate{
  padding:clamp(12px,2vw,24px);
  overflow:hidden;
}
.cf-signup-shell{
  width:min(1360px,calc(100vw - clamp(24px,4vw,48px)));
  height:min(900px,calc(100dvh - clamp(24px,4vw,48px)));
  min-height:0;
  max-height:900px;
  grid-template-columns:minmax(420px,.94fr) minmax(500px,1.06fr);
  border-radius:26px;
}
.cf-signup-formpane,
.cf-signup-hero{
  min-width:0;
  min-height:0;
}
.cf-signup-formpane{
  padding:clamp(24px,3.2vh,40px) clamp(30px,3.4vw,54px) clamp(22px,2.8vh,34px);
  overflow:auto;
  overscroll-behavior:contain;
}
.cf-signup-hero{
  padding:clamp(34px,5vh,56px) clamp(34px,3.8vw,58px);
  overflow:auto;
  overscroll-behavior:contain;
  scrollbar-width:none;
}
.cf-signup-hero::-webkit-scrollbar{display:none}

@media(max-width:1280px){
  .cf-signup-shell{
    width:calc(100vw - 28px);
    height:calc(100dvh - 28px);
    grid-template-columns:minmax(390px,.95fr) minmax(470px,1.05fr);
    border-radius:22px;
  }
  .cf-signup-formpane{padding:28px 34px 24px}
  .cf-signup-hero{padding:36px 38px}
  .cf-signup-brand{margin-bottom:18px}
  .cf-signup-hero h3{font-size:36px}
  .cf-signup-hero>p{margin:13px 0 18px}
  .cf-plan-title{margin-top:17px}
  .cf-plan-row{padding:8px 10px}
  .cf-security{margin-top:13px}
}

@media(max-height:820px) and (min-width:921px){
  #cfLoginGate{padding:12px}
  .cf-signup-shell{
    width:min(1360px,calc(100vw - 24px));
    height:calc(100dvh - 24px);
    border-radius:20px;
  }
  .cf-signup-formpane{padding:20px 34px 18px}
  .cf-signup-brand{margin-bottom:12px}
  .cf-signup-brandmark{width:42px;height:42px;border-radius:13px}
  .cf-signup-brandtext strong{font-size:20px}
  .cf-signup-title{margin-bottom:4px}
  .cf-signup-title i{width:36px;height:36px}
  .cf-signup-title h2{font-size:24px}
  .cf-signup-sub{margin-bottom:11px}
  .cf-trial-box{padding:10px 12px;margin-bottom:11px}
  .cf-trial-icon{width:32px;height:32px;flex-basis:32px}
  .cf-signup-grid{gap:9px 12px}
  .cf-signup-field label{margin-bottom:4px}
  .cf-signup-control input,.cf-signup-control select{height:40px}
  .cf-signup-btn{height:44px;margin-top:11px}
  .cf-signup-error{min-height:14px;margin-top:5px}
  .cf-signup-login{margin-top:5px}
  .cf-signup-terms{margin-top:10px;padding-top:10px}
  .cf-signup-hero{padding:26px 38px 22px}
  .cf-signup-hero h3{font-size:34px;margin-top:13px}
  .cf-signup-hero>p{margin:10px 0 14px}
  .cf-feature-row{padding:11px}
  .cf-feature i{margin-bottom:4px}
  .cf-plan-title{margin:13px 0 7px}
  .cf-plan-row{padding:6px 10px}
  .cf-plan-row .icon{width:29px;height:29px}
  .cf-plan-row small{margin-top:1px}
  .cf-security{margin-top:10px}
}

@media(max-width:920px){
  #cfLoginGate{
    padding:0;
    overflow:auto;
    align-items:flex-start;
  }
  .cf-signup-shell{
    width:100%;
    height:auto;
    min-height:100dvh;
    max-height:none;
    border:0;
    border-radius:0;
    grid-template-columns:1fr;
  }
  .cf-signup-formpane{
    width:min(100%,680px);
    margin:0 auto;
    padding:calc(24px + env(safe-area-inset-top,0px)) 24px calc(30px + env(safe-area-inset-bottom,0px));
    overflow:visible;
  }
  .cf-signup-hero{display:none}
}

@media(max-width:600px){
  .cf-signup-formpane{padding-left:17px;padding-right:17px}
  .cf-signup-grid{grid-template-columns:1fr;gap:11px}
  .cf-signup-field.full{grid-column:auto}
  .cf-signup-brand{margin-bottom:18px}
  .cf-signup-title h2{font-size:24px}
  .cf-trial-box{padding:12px}
  .cf-signup-control input,.cf-signup-control select{height:46px}
  .cf-signup-btn{height:48px}
}

@media(max-width:380px){
  .cf-signup-formpane{padding-left:13px;padding-right:13px}
  .cf-signup-title h2{font-size:22px}
  .cf-signup-brandmark{width:44px;height:44px}
  .cf-signup-brandtext strong{font-size:20px}
}

/* ===== CONECT FLOW CHAT MODERNO / TEMPO REAL ===== */
.cf-chat{background:radial-gradient(circle at 16% 0,rgba(37,140,255,.055),transparent 28%),radial-gradient(circle at 92% 85%,rgba(121,85,255,.04),transparent 28%),var(--bg)}
.cf-messages{padding:24px clamp(16px,3vw,40px);gap:5px;scroll-behavior:smooth;overflow-anchor:none}
.cf-msg{position:relative;max-width:min(68%,680px);padding:9px 12px 7px;border-radius:17px;font-size:11.5px;line-height:1.48;box-shadow:0 7px 22px rgba(0,0,0,.12);white-space:pre-wrap;word-break:break-word}
.cf-msg.in{align-self:flex-start;background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--line);border-bottom-left-radius:5px;color:var(--text)}
.cf-msg.out{align-self:flex-end;background:linear-gradient(145deg,#253047 0%,#2d3454 100%);border:1px solid rgba(113,132,190,.22);border-bottom-right-radius:5px;color:#f5f7fb;box-shadow:0 7px 22px rgba(0,0,0,.16)}
.cf-msg-sender{display:block;font-size:8.5px;font-weight:800;letter-spacing:.01em;margin:0 0 3px;opacity:.82}
.cf-msg.in .cf-msg-sender{color:#62b2ff}.cf-msg.out .cf-msg-sender{color:#b9c8ee}
.cf-msg-meta{display:flex!important;align-items:center;justify-content:flex-end;gap:5px;margin-top:4px!important;font-size:7.8px!important;opacity:.65!important;line-height:1}
.cf-msg-meta i{font-size:7px}.cf-msg.out .cf-msg-meta i{color:#aebbd0}.cf-msg.out .cf-msg-meta i.is-read{color:#55b8ff}
.cf-compose{padding:10px 14px calc(10px + var(--safe-bottom));background:rgba(17,23,34,.94);backdrop-filter:blur(18px)}
.cf-compose textarea{min-height:44px;max-height:130px;border-radius:15px;padding:12px 14px;background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.08);font-size:11.5px;line-height:1.45;transition:border-color .18s,box-shadow .18s}
.cf-compose textarea:focus{border-color:rgba(71,149,255,.58);box-shadow:0 0 0 3px rgba(37,140,255,.08)}
.cf-compose textarea::placeholder{color:#617087}.cf-send{height:44px;width:44px;border-radius:14px;box-shadow:0 8px 24px rgba(74,93,255,.22);cursor:pointer;transition:transform .15s,opacity .15s}.cf-send:hover:not(:disabled){transform:translateY(-1px)}.cf-send:disabled{opacity:.42}
.cf-compose-tool{width:40px;height:40px;border-radius:13px}
.cf-chat-live{display:inline-flex;align-items:center;gap:5px;margin-left:5px;color:#55d89b;font-size:8px;font-weight:800}.cf-chat-live:before{content:'';width:6px;height:6px;border-radius:50%;background:#32d296;box-shadow:0 0 0 4px rgba(50,210,150,.09)}
.cf-new-msg-flash{animation:none}
.cf-msg.cf-send-failed{box-shadow:0 0 0 1px rgba(255,97,118,.28),0 7px 22px rgba(0,0,0,.12)}.cf-msg.cf-send-failed .cf-msg-meta{opacity:.9!important}.cf-msg.cf-send-failed .cf-msg-meta i,.cf-msg.cf-send-failed .cf-opt-status{color:var(--red)!important}
@media(max-width:780px){.cf-msg{max-width:88%;font-size:12px}.cf-messages{padding:14px 10px}.cf-compose{padding-left:9px;padding-right:9px;gap:6px}.cf-compose-tool{width:36px;height:36px}.cf-emoji-wrap{width:36px;height:36px}.cf-emoji-wrap>.cf-compose-tool{width:36px;height:36px}.cf-send{width:42px;height:42px}}



/* ===== Carregamento sutil do hist\F3 rico ===== */
.cf-chat{position:relative}
.cf-history-overlay{position:absolute;inset:64px 0 calc(64px + var(--safe-bottom)) 0;z-index:12;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .14s ease,visibility .14s ease}
.cf-history-overlay.show{opacity:1;visibility:visible}
/* Loader da conversa: propositalmente igual ao loader discreto das m\ED dias. */
.cf-history-pill{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;min-width:0;padding:8px 11px;border:0;border-radius:10px;background:rgba(255,255,255,.03);box-shadow:none;backdrop-filter:none;color:var(--muted);font-size:9.5px;font-weight:750;text-align:center}
.cf-history-pill i{font-size:12px;color:var(--muted)}
.cf-messages.cf-history-preparing{opacity:.98;transition:opacity .12s ease}
@media(max-width:780px){.cf-history-overlay{inset:64px 0 calc(62px + var(--safe-bottom)) 0}.cf-history-pill{padding:8px 10px;font-size:9.5px}}

.cf-msg{position:relative}.cf-msg-actions{position:absolute;right:7px;top:5px;opacity:0;transition:.18s}.cf-msg.out:hover .cf-msg-actions{opacity:1}.cf-msg-more{width:27px;height:27px;border:0;border-radius:50%;background:rgba(255,255,255,.18);color:inherit;cursor:pointer}.cf-msg-more:hover{background:rgba(255,255,255,.30)}.cf-msg.deleted{opacity:.72;font-style:italic}.cf-day-separator{align-self:center;position:relative;z-index:1;margin:9px 0 5px;padding:5px 11px;border:1px solid var(--line);border-radius:999px;background:rgba(18,25,37,.94);backdrop-filter:blur(10px);color:var(--muted);font-size:9px;font-weight:800;box-shadow:0 4px 14px rgba(0,0,0,.12)}.cf-history-loading{align-self:center;display:flex;align-items:center;gap:7px;color:var(--muted);font-size:9px;padding:8px 12px}.cf-chat-delete{color:var(--red)!important;border-color:rgba(255,97,118,.22)!important}.cf-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.cf-action-card{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:14px;padding:13px;text-align:left;cursor:pointer}.cf-action-card i{margin-right:8px}.cf-action-card.danger{color:#ef5350}.cf-transfer-note{font-size:12px;color:var(--muted);margin:-2px 0 8px}

/* ===== CONFIRMA\C7 \C3 O CONECT FLOW ===== */
.cf-confirm-back{position:fixed;inset:0;z-index:1700;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(3,7,15,.70);backdrop-filter:blur(9px)}
.cf-confirm-back.show{display:flex;animation:cfFadeIn .16s ease-out}
.cf-confirm-card{width:min(430px,calc(100vw - 28px));overflow:hidden;border:1px solid rgba(255,255,255,.09);border-radius:22px;background:linear-gradient(180deg,rgba(25,33,48,.98),rgba(15,21,32,.99));box-shadow:0 28px 85px rgba(0,0,0,.55);transform-origin:center;animation:cfConfirmIn .18s ease-out}
.cf-confirm-main{padding:22px 22px 17px;display:flex;gap:15px;align-items:flex-start}.cf-confirm-icon{width:45px;height:45px;flex:0 0 45px;border-radius:15px;display:grid;place-items:center;font-size:18px;background:rgba(255,97,118,.11);color:var(--red);border:1px solid rgba(255,97,118,.16);box-shadow:0 10px 28px rgba(255,97,118,.08)}
.cf-confirm-card.info .cf-confirm-icon{background:rgba(37,140,255,.11);color:#65adff;border-color:rgba(37,140,255,.17)}
.cf-confirm-content{min-width:0;flex:1}.cf-confirm-content strong{display:block;font-size:14px;letter-spacing:-.015em;color:var(--text);margin:2px 0 7px}.cf-confirm-content p{margin:0;color:var(--muted);font-size:10.5px;line-height:1.58;white-space:pre-line}.cf-confirm-foot{display:flex;justify-content:flex-end;gap:8px;padding:13px 18px;border-top:1px solid var(--line);background:rgba(255,255,255,.018)}
.cf-confirm-btn{height:39px;padding:0 15px;border-radius:11px;border:1px solid var(--line);background:var(--panel2);color:var(--soft);font-size:10px;font-weight:800;cursor:pointer}.cf-confirm-btn:hover{filter:brightness(1.08)}.cf-confirm-btn.primary{border:0;color:#fff;background:linear-gradient(135deg,var(--blue),var(--purple));box-shadow:0 8px 22px rgba(71,91,255,.20)}.cf-confirm-btn.danger{border:0;color:#fff;background:linear-gradient(135deg,#ff526c,#e63e58);box-shadow:0 8px 22px rgba(255,82,108,.18)}
@keyframes cfFadeIn{from{opacity:0}to{opacity:1}}@keyframes cfConfirmIn{from{opacity:0;transform:translateY(7px) scale(.975)}to{opacity:1;transform:none}}
html[data-theme=light] .cf-confirm-card{background:linear-gradient(180deg,#fff,#f8faff);border-color:#e4e9f1;box-shadow:0 24px 70px rgba(36,50,75,.20)}
@media(max-width:520px){.cf-confirm-main{padding:19px 17px 15px}.cf-confirm-foot{padding:12px 14px}.cf-confirm-btn{flex:1}.cf-confirm-icon{width:41px;height:41px;flex-basis:41px}}
.cf-msg-meta .cf-send-check{display:inline-block;transition:color .18s ease;color:#aebbd0}.cf-msg-meta .cf-send-check.is-double{animation:none}.cf-msg-meta .cf-send-check.is-read{color:#55b8ff!important}


/* ===== ConectFlow: composer compacto em uma linha ===== */
#cfCompose{
  align-items:center !important;
}
#cfComposer{
  height:42px !important;
  min-height:42px !important;
  max-height:42px !important;
  line-height:20px !important;
  padding:10px 12px !important;
  overflow-y:hidden !important;
  resize:none !important;
}


/* ===== ConectFlow: seletor de emojis moderno ===== */
.cf-emoji-picker{
  position:absolute !important;
  left:0 !important;
  bottom:50px !important;
  width:320px !important;
  max-height:360px !important;
  padding:0 !important;
  border:1px solid rgba(255,255,255,.09) !important;
  border-radius:18px !important;
  background:rgba(17,23,34,.98) !important;
  box-shadow:0 24px 60px rgba(0,0,0,.48) !important;
  backdrop-filter:blur(18px) !important;
  display:none !important;
  grid-template-columns:none !important;
  gap:0 !important;
  overflow:hidden !important;
  z-index:80 !important;
}
.cf-emoji-picker.open{display:block !important}
.cf-emoji-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:11px 13px 9px;
  border-bottom:1px solid var(--line);
}
.cf-emoji-head strong{font-size:10px;color:var(--soft)}
.cf-emoji-head span{font-size:8px;color:var(--muted)}
.cf-emoji-section{padding:9px 10px 6px}
.cf-emoji-section-title{
  display:flex;
  align-items:center;
  gap:6px;
  margin:0 2px 7px;
  font-size:8px;
  font-weight:850;
  color:var(--muted);
  text-transform:uppercase;
  letter-spacing:.08em;
}
.cf-emoji-grid{
  display:grid;
  grid-template-columns:repeat(8,1fr);
  gap:3px;
}
.cf-emoji-grid.all{
  max-height:230px;
  overflow:auto;
  padding-right:3px;
  scrollbar-width:thin;
  scrollbar-color:rgba(120,135,160,.35) transparent;
}
.cf-emoji-grid button{
  width:34px !important;
  height:34px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:10px !important;
  background:transparent !important;
  font-size:19px !important;
  line-height:34px !important;
  display:grid !important;
  place-items:center !important;
  cursor:pointer !important;
  transition:background .13s,transform .13s !important;
}
.cf-emoji-grid button:hover{
  background:rgba(255,255,255,.07) !important;
  transform:scale(1.10);
}
.cf-emoji-empty{
  grid-column:1/-1;
  padding:7px 2px 9px;
  color:var(--muted);
  font-size:8.5px;
}
.cf-emoji-divider{height:1px;background:var(--line);margin:2px 10px}
html[data-theme=light] .cf-emoji-picker{
  background:rgba(255,255,255,.98) !important;
  border-color:#e3e8f1 !important;
  box-shadow:0 22px 55px rgba(40,55,80,.18) !important;
}
@media(max-width:520px){
  .cf-emoji-picker{
    width:min(320px,calc(100vw - 22px)) !important;
    left:-142px !important;
  }
}


/* ===== ConectFlow: imagem colada com Ctrl+V ===== */
.cf-paste-preview{
  grid-column:1/-1;
  display:none;
  align-items:center;
  gap:10px;
  padding:8px 10px;
  margin:0 0 2px;
  border:1px solid rgba(96,132,255,.18);
  border-radius:13px;
  background:rgba(37,140,255,.055);
}
.cf-paste-preview.show{display:flex}
.cf-paste-thumb{
  width:54px;
  height:54px;
  flex:0 0 54px;
  object-fit:cover;
  border-radius:10px;
  border:1px solid var(--line);
  background:#0a0d14;
}
.cf-paste-info{
  min-width:0;
  flex:1;
}
.cf-paste-info strong{
  display:block;
  font-size:9.5px;
  color:var(--soft);
}
.cf-paste-info span{
  display:block;
  margin-top:3px;
  font-size:8.5px;
  color:var(--muted);
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.cf-paste-remove{
  width:34px;
  height:34px;
  flex:0 0 34px;
  border:1px solid rgba(255,97,118,.18);
  border-radius:10px;
  background:rgba(255,97,118,.06);
  color:var(--red);
  cursor:pointer;
}
@media(max-width:780px){
  .cf-paste-thumb{width:48px;height:48px;flex-basis:48px}
}



.cf-paste-visual{width:54px;height:54px;flex:0 0 54px;display:grid;place-items:center}
.cf-paste-fileicon{width:54px;height:54px;border-radius:10px;border:1px solid var(--line);background:var(--panel2);display:grid;place-items:center;font-size:23px;color:var(--blue)}
@media(max-width:780px){.cf-paste-visual,.cf-paste-fileicon{width:48px;height:48px;flex-basis:48px}}

/* ===== A\E7 \F5 es compactas / resposta / rea\E7 \E3 o ===== */
.cf-media-actions{display:none!important}
.cf-msg-menu{
  position:fixed;z-index:1900;width:190px;padding:6px;border:1px solid var(--line);
  border-radius:14px;background:rgba(17,23,34,.98);backdrop-filter:blur(18px);
  box-shadow:0 18px 50px rgba(0,0,0,.42);display:none
}
.cf-msg-menu.show{display:block}
.cf-msg-menu button{
  width:100%;height:36px;border:0;border-radius:9px;background:transparent;color:var(--soft);
  display:flex;align-items:center;gap:9px;padding:0 10px;font-size:9.5px;font-weight:750;text-align:left
}
.cf-msg-menu button:hover{background:var(--panel2);color:var(--text)}
.cf-msg-menu button.danger{color:var(--red)}
.cf-reaction-picker{
  position:fixed;z-index:1910;display:none;align-items:center;gap:3px;padding:7px 9px;
  border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.97);
  box-shadow:0 16px 44px rgba(0,0,0,.35)
}
.cf-reaction-picker.show{display:flex}
.cf-reaction-picker button{
  width:38px;height:38px;border:0;border-radius:50%;background:transparent;font-size:22px;cursor:pointer
}
.cf-reaction-picker button:hover{background:#eef1f6;transform:scale(1.08)}
.cf-reaction-picker .more{background:#f0f2f6;color:#606b7c;font-size:18px}
.cf-reaction-all{
  position:absolute;right:0;bottom:50px;width:280px;max-height:250px;overflow:auto;padding:9px;
  border:1px solid var(--line);border-radius:16px;background:var(--panel);
  box-shadow:0 18px 50px rgba(0,0,0,.40);display:none;grid-template-columns:repeat(7,1fr);gap:3px
}
.cf-reaction-picker.expanded .cf-reaction-all{display:grid}
.cf-reaction-all button{width:34px;height:34px;font-size:19px}
.cf-msg-reaction{
  position:absolute;bottom:-13px;right:9px;min-width:26px;height:25px;padding:0 7px;border-radius:999px;
  display:flex;align-items:center;justify-content:center;background:var(--panel2);
  border:2px solid var(--bg);box-shadow:0 5px 13px rgba(0,0,0,.22);font-size:14px;z-index:2
}
.cf-msg.in .cf-msg-reaction{left:9px;right:auto}
.cf-msg.has-reaction{margin-bottom:12px}
.cf-reply-preview{
  grid-column:1/-1;display:none;align-items:center;gap:9px;padding:8px 10px;
  border-left:3px solid var(--blue);border-radius:10px;background:rgba(37,140,255,.055);
  min-width:0
}
.cf-reply-preview.show{display:flex}
.cf-reply-preview .body{flex:1;min-width:0}
.cf-reply-preview strong{display:block;font-size:9px;color:#75b8ff;margin-bottom:2px}
.cf-reply-preview span{display:block;font-size:9px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cf-reply-preview button{width:30px;height:30px;border:0;border-radius:9px;background:transparent;color:var(--muted)}
.cf-msg-quote{
  margin:1px 0 7px;padding:7px 9px;border-left:3px solid rgba(93,166,255,.75);
  border-radius:8px;background:rgba(7,11,18,.28);font-size:9px;line-height:1.35
}
.cf-msg-quote strong{display:block;color:#8fc5ff;font-size:8.5px;margin-bottom:2px}
.cf-msg-quote span{display:block;color:rgba(235,240,250,.72);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:280px}
.cf-msg-quote.cf-msg-quote-image{display:grid;grid-template-columns:48px minmax(0,1fr);gap:8px;align-items:center;min-width:170px}
.cf-msg-quote-thumb{width:48px;height:48px;border-radius:7px;object-fit:cover;background:color-mix(in srgb,var(--panel2) 92%,transparent);display:block}
.cf-msg-quote-thumb-fallback{display:grid!important;place-items:center!important;background:color-mix(in srgb,var(--panel2) 92%,transparent)!important;color:var(--muted)!important;font-size:19px!important;border:1px solid var(--line)!important}
.cf-msg-quote-copy{min-width:0}.cf-msg-quote-copy span{max-width:220px}
.cf-msg-more{background:rgba(255,255,255,.12)}
.cf-msg.in:hover .cf-msg-actions,.cf-msg.out:hover .cf-msg-actions{opacity:1}


/* ===== Rea\E7 \E3 o colada \E0  mensagem ===== */
.cf-msg-actions{
  top:5px !important;
  right:6px !important;
  display:flex !important;
  align-items:center !important;
  gap:4px !important;
}
.cf-msg.out .cf-msg-actions,
.cf-msg.in .cf-msg-actions{
  opacity:.18;
}
.cf-msg:hover .cf-msg-actions{
  opacity:1 !important;
}
.cf-msg-react{
  width:27px;
  height:27px;
  border:0;
  border-radius:50%;
  background:rgba(255,255,255,.10);
  color:inherit;
  cursor:pointer;
  display:grid;
  place-items:center;
  font-size:12px;
  transition:.15s;
}
.cf-msg-react:hover,
.cf-msg-more:hover{
  background:rgba(255,255,255,.24);
  transform:scale(1.04);
}
.cf-reaction-picker{
  padding:7px 9px !important;
  border-radius:999px !important;
  gap:2px !important;
}
.cf-reaction-picker button{
  width:36px !important;
  height:36px !important;
  font-size:21px !important;
}
.cf-msg-reaction{
  cursor:pointer;
  user-select:none;
}
.cf-msg-reaction:hover{
  transform:scale(1.05);
}
@media(max-width:780px){
  .cf-msg-actions{opacity:.48 !important}
}


/* ===== FIX rea\E7 \E3 o: popup sempre colado \E0  mensagem ===== */
.cf-reaction-picker{
  position:fixed !important;
  left:auto;
  top:auto;
  transform:none !important;
  visibility:hidden;
}
.cf-reaction-picker.show{visibility:visible}


.cf-msg.cf-reaction-pending .cf-msg-reaction{opacity:.58}


/* ===== ConectFlow: exclus\E3 o / edi\E7 \E3 o / rea\E7 \E3 o otimistas ===== */
.cf-msg-deleted{
  display:flex;
  align-items:center;
  gap:7px;
  min-height:24px;
  color:var(--muted);
  font-style:italic;
  font-size:10.5px;
}
.cf-msg-deleted i{font-size:10px;opacity:.78}
.cf-msg-deleted-wrap{
  display:flex;
  flex-direction:column;
  gap:7px;
}
.cf-msg-deleted-original{
  color:inherit;
  opacity:.68;
  text-decoration:line-through;
  text-decoration-thickness:1px;
  text-decoration-color:rgba(160,170,190,.7);
  font-style:normal;
  white-space:pre-wrap;
  word-break:break-word;
}
.cf-msg-deleted-note{
  display:flex;
  align-items:center;
  gap:6px;
  color:var(--muted);
  font-size:9.5px;
  font-style:italic;
}
.cf-msg-deleted-note i{
  font-size:9px;
  opacity:.82;
}
.cf-msg.deleted{
  opacity:.82;
  box-shadow:none!important;
}
.cf-msg.deleted .cf-msg-sender{opacity:.58}
.cf-msg.deleted .cf-msg-meta{opacity:.48!important}
/* Conteudo original de mensagens excluidas permanece legivel no historico interno. */
.cf-msg.deleted{opacity:1!important;font-style:normal!important}
.cf-msg.deleted .cf-msg-deleted-wrap{gap:8px}
.cf-msg.deleted .cf-msg-deleted-note{order:0;display:inline-flex;align-self:flex-start;padding:5px 8px;border-radius:8px;border:1px solid var(--line);background:color-mix(in srgb,var(--panel2) 75%,transparent);font-size:9px}
.cf-msg.deleted .cf-msg-deleted-content{order:1;min-width:0;max-width:100%}
.cf-msg.deleted .cf-msg-deleted-original{opacity:1;text-decoration:none;font-style:normal;white-space:pre-wrap;overflow-wrap:anywhere}
.cf-msg.deleted .cf-msg-deleted-content .cf-msg-file{opacity:1}
.cf-msg.deleted .cf-msg-deleted-unavailable{color:var(--muted);font-size:9.5px;font-style:italic}
.cf-msg.cf-edit-pending{box-shadow:0 0 0 1px rgba(37,140,255,.13),0 7px 22px rgba(0,0,0,.12)}
.cf-msg.cf-reaction-pending .cf-msg-reaction{opacity:1!important}



/* ===== CONECT FLOW 2026: LIGHT THEME REFINEMENT ===== */
html[data-theme=light]{
  --bg:#f6f8fc;--bg2:#eef3f9;--panel:#ffffff;--panel2:#f3f6fb;
  --line:#dfe6f0;--text:#172033;--soft:#40506a;--muted:#74839a;
  --shadow:0 12px 34px rgba(35,52,80,.08)
}
html[data-theme=light] body{background:#f6f8fc}
html[data-theme=light] .cf-shell{background:linear-gradient(180deg,#f9fbfe 0,#f5f8fc 46%,#f3f6fb 100%)}
html[data-theme=light] .cf-rail{background:rgba(255,255,255,.96);border-right-color:#e1e7f0;box-shadow:8px 0 28px rgba(45,61,87,.035)}
html[data-theme=light] .cf-navbtn{color:#7b899e}
html[data-theme=light] .cf-navbtn:hover{background:#f1f5fa;color:#24324a}
html[data-theme=light] .cf-navbtn.active{color:#315fa8;background:linear-gradient(135deg,#edf5ff,#f1efff);box-shadow:inset 0 0 0 1px #dce7f8}
html[data-theme=light] .cf-operator{background:#f5f8fc;border-color:#dde5ef;color:#33445f}
html[data-theme=light] .cf-top{background:#fff;border-bottom-color:#e2e8f1;box-shadow:0 1px 0 rgba(38,54,80,.06);backdrop-filter:none;-webkit-backdrop-filter:none}
html[data-theme=light] .cf-title-icon{background:#f3f7fc;border-color:#dfe7f1;color:#267fdc}
html[data-theme=light] .cf-btn,html[data-theme=light] .cf-icon{background:#fff;border-color:#dce4ef;box-shadow:0 2px 7px rgba(35,52,80,.035)}
html[data-theme=light] .cf-btn:hover,html[data-theme=light] .cf-icon:hover{background:#f7f9fc;border-color:#ccd7e5}
html[data-theme=light] .cf-btn.primary{background:linear-gradient(135deg,#258cff,#7955ff);border:0;color:#fff;box-shadow:0 9px 22px rgba(70,90,255,.18)}
html[data-theme=light] .cf-stage{scrollbar-width:none}html[data-theme=light] .cf-stage::-webkit-scrollbar{display:none}
html[data-theme=light] .cf-hero{background:linear-gradient(120deg,#f5faff 0%,#f7f5ff 52%,#fff 100%);border-color:#dfe7f2;box-shadow:0 10px 30px rgba(36,53,81,.055)}
html[data-theme=light] .cf-hero:after{background:radial-gradient(circle,rgba(121,85,255,.11),transparent 68%)}
html[data-theme=light] .cf-eyebrow{color:#5273c8}
html[data-theme=light] .cf-kpi,html[data-theme=light] .cf-card,html[data-theme=light] .cf-struct,html[data-theme=light] .cf-setting-card{border-color:#e0e7f0;background:#fff;box-shadow:0 7px 24px rgba(38,54,80,.045)}
html[data-theme=light] .cf-kpi-top span:last-child,html[data-theme=light] .cf-card-head span{background:#f2f6fb}
html[data-theme=light] .cf-queue-row{background:#f7f9fc;border-color:#e3e9f1}
html[data-theme=light] .cf-queue-row:hover{background:#f1f5fa}
html[data-theme=light] .cf-inbox{background:#f4f7fb}
html[data-theme=light] .cf-inbox-list{background:#fff;border-right-color:#e1e7ef}
html[data-theme=light] .cf-inbox-tools{border-bottom-color:#e4e9f1}
html[data-theme=light] .cf-search input{background:#f4f7fb;border-color:#dfe6ef;color:#243149}
html[data-theme=light] .cf-search input:focus{background:#fff;border-color:#9fc8f5;box-shadow:0 0 0 3px rgba(37,140,255,.08)}
html[data-theme=light] .cf-chip{background:#fff;border-color:#dfe6ef;color:#697991}
html[data-theme=light] .cf-chip.active{background:#edf6ff;color:#2777c9;border-color:#cfe4f9}.cf-contact-picker{position:relative}.cf-contact-search{display:flex;align-items:center;gap:10px;height:46px;padding:0 14px;border:1px solid var(--line);background:var(--panel2);border-radius:15px;transition:border-color .18s,box-shadow .18s}.cf-contact-search:focus-within{border-color:rgba(37,140,255,.5);box-shadow:0 0 0 4px rgba(37,140,255,.08)}.cf-contact-search i{color:var(--muted);font-size:12px}.cf-contact-search input{border:0!important;background:transparent!important;min-height:auto!important;height:auto!important;padding:0!important;box-shadow:none!important}.cf-contact-list{margin-top:8px;max-height:220px;overflow:auto;border:1px solid var(--line);border-radius:16px;background:var(--panel2)}.cf-contact-option{width:100%;display:flex;align-items:center;gap:10px;padding:10px 12px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--text);text-align:left}.cf-contact-option:last-child{border-bottom:0}.cf-contact-option:hover,.cf-contact-option.active{background:rgba(37,140,255,.08)}.cf-contact-option .cf-avatar{width:38px;height:38px;border-radius:13px;flex:0 0 38px}.cf-contact-option strong{display:block;font-size:11px;color:var(--soft)}.cf-contact-option small{display:block;font-size:9px;color:var(--muted);margin-top:3px}.cf-contact-empty{padding:16px 14px;text-align:center;color:var(--muted);font-size:10px}.cf-inline-note{display:block;margin-top:8px;font-size:9px;color:var(--muted);line-height:1.5}.cf-subject-wrap textarea{min-height:130px}.cf-subject-presets{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.cf-subject-chip{border:1px solid var(--line);background:var(--panel2);color:var(--soft);border-radius:999px;padding:8px 11px;font-size:9px;font-weight:700}.cf-subject-chip:hover{border-color:rgba(37,140,255,.35);background:rgba(37,140,255,.09);color:var(--text)}.cf-modal-compose{width:min(940px,100%)}.cf-modal-compose .cf-modal-body{padding:18px 18px 16px}.cf-modal-compose .cf-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.cf-modal-compose .cf-field.full{grid-column:1/-1}.cf-modal-compose .cf-modal-foot .cf-btn.primary{min-width:120px}html[data-theme=light] .cf-contact-option:hover,html[data-theme=light] .cf-contact-option.active{background:#eef6ff}html[data-theme=light] .cf-subject-chip{background:#fff;border-color:#dfe6ef;color:#52627d}html[data-theme=light] .cf-subject-chip:hover{background:#edf6ff;border-color:#cae0f4;color:#274c73}
html[data-theme=light] .cf-conv{border-bottom-color:#edf0f5}
html[data-theme=light] .cf-conv:hover{background:#f7f9fc}
html[data-theme=light] .cf-conv.active{background:linear-gradient(90deg,#edf6ff,#f7f5ff);box-shadow:inset 3px 0 #258cff}
html[data-theme=light] .cf-chat{background:radial-gradient(circle at 15% 0,rgba(37,140,255,.045),transparent 30%),radial-gradient(circle at 92% 86%,rgba(121,85,255,.035),transparent 30%),#f5f7fb}
html[data-theme=light] .cf-msg.in{background:#fff;border-color:#dfe6ef;color:#26344b;box-shadow:0 5px 16px rgba(42,57,82,.07)}
html[data-theme=light] .cf-msg.out{background:linear-gradient(145deg,#eaf3ff 0%,#eceaff 100%);border-color:#cfdcf2;color:#24344f;box-shadow:0 5px 16px rgba(52,76,119,.08)}
html[data-theme=light] .cf-msg.in .cf-msg-sender{color:#287fcf}html[data-theme=light] .cf-msg.out .cf-msg-sender{color:#6553b8}
html[data-theme=light] .cf-compose{background:rgba(255,255,255,.94);border-top:1px solid #e0e6ef;box-shadow:0 -8px 25px rgba(38,54,80,.035)}
html[data-theme=light] .cf-compose textarea{background:#f5f8fc;border-color:#dce4ee;color:#243149}
html[data-theme=light] .cf-compose textarea::placeholder{color:#8996a9}
html[data-theme=light] .cf-day-separator{background:rgba(255,255,255,.96);border-color:#dfe5ee;box-shadow:0 3px 12px rgba(38,54,80,.05)}
html[data-theme=light] .cf-history-pill{background:rgba(255,255,255,.97);border-color:#dce4ef;box-shadow:0 16px 42px rgba(45,60,86,.13)}
html[data-theme=light] .cf-msg-more{background:rgba(57,75,105,.09);color:#53647d}html[data-theme=light] .cf-msg-more:hover{background:rgba(57,75,105,.15)}
html[data-theme=light] .cf-msg-menu{background:rgba(255,255,255,.98)!important;border-color:#dce4ef!important;box-shadow:0 18px 45px rgba(35,50,75,.16)!important}
html[data-theme=light] .cf-tablewrap{background:#fff;border-color:#dfe6ef;box-shadow:0 7px 24px rgba(38,54,80,.045)}
html[data-theme=light] .cf-table th{background:#f6f8fb;color:#687991;border-bottom-color:#dfe6ef}
html[data-theme=light] .cf-table td{border-bottom-color:#edf1f5;color:#33435a}
html[data-theme=light] .cf-table tbody tr:hover td{background:#f8fafd}
html[data-theme=light] .cf-mini{background:#f5f8fc;border-color:#dce4ee;color:#5f7088}
html[data-theme=light] .cf-mini:hover{background:#edf3f9;color:#277acb}
html[data-theme=light] .cf-field input,html[data-theme=light] .cf-field select,html[data-theme=light] .cf-field textarea{background:#fff;border-color:#d8e1ec;color:#26354d;box-shadow:inset 0 1px 2px rgba(36,52,78,.025)}
html[data-theme=light] .cf-field input:focus,html[data-theme=light] .cf-field select:focus,html[data-theme=light] .cf-field textarea:focus{border-color:#91bff0;box-shadow:0 0 0 3px rgba(37,140,255,.08)}
html[data-theme=light] .cf-modal-back{background:rgba(29,42,62,.28)}
html[data-theme=light] .cf-modal{background:#fff;border-color:#dce4ee;box-shadow:0 28px 75px rgba(35,50,75,.20)}
html[data-theme=light] .cf-modal-head,html[data-theme=light] .cf-modal-foot{border-color:#e5eaf1;background:#fbfcfe}
html[data-theme=light] .cf-toast{background:rgba(255,255,255,.98);border-color:#dce4ee;color:#243149;box-shadow:0 16px 42px rgba(35,50,75,.16)}
html[data-theme=light] .cf-check,html[data-theme=light] .cf-hour-row,html[data-theme=light] .cf-struct-item{background:#f8fafd;border-color:#e2e8f0}
html[data-theme=light] .cf-check:hover,html[data-theme=light] .cf-struct-item:hover{background:#f2f6fb}
html[data-theme=light] #cfLoginGate{background:radial-gradient(circle at 50% 0,#edf5ff 0,#f6f8fc 45%,#eef2f7 100%)}
html[data-theme=light] .cf-login-card{background:rgba(255,255,255,.97);border-color:#dce4ef;box-shadow:0 24px 70px rgba(35,50,75,.16)}
html[data-theme=light] .cf-login-card input{background:#f6f8fb;border-color:#dce4ee;color:#243149}

/* ===== Tema claro: cabe\E7 alho da conversa integrado ao layout ===== */
html[data-theme=light] .cf-chathead{
  background:linear-gradient(90deg,#ffffff 0%,#fbfcff 100%);
  border-bottom:1px solid #e7ebf2;
  box-shadow:0 1px 0 rgba(30,45,70,.02);
}
html[data-theme=light] .cf-chathead strong{color:var(--text)}
html[data-theme=light] .cf-chathead small{color:var(--muted)}
html[data-theme=light] .cf-chathead .cf-icon{
  background:#ffffff;
  border-color:#e4e9f1;
  color:#4a5870;
  box-shadow:0 3px 10px rgba(38,52,78,.05);
}
html[data-theme=light] .cf-chathead .cf-icon:hover{
  background:#f5f8fc;
  color:var(--blue);
}


/* ===== M\ED dia / grava\E7 \E3 o de \E1 udio ===== */
.cf-compose{position:relative}
.cf-recordbar{
  display:none;
  position:absolute;
  left:12px;right:12px;bottom:calc(11px + var(--safe-bottom));
  height:44px;
  z-index:30;
  align-items:center;
  gap:10px;
  padding:0 8px 0 12px;
  border:1px solid var(--line);
  border-radius:13px;
  background:var(--panel2);
  box-shadow:0 10px 28px rgba(0,0,0,.16)
}
.cf-recordbar.open{display:flex}
.cf-compose.recording-active>.cf-compose-tool,
.cf-compose.recording-active>.cf-emoji-wrap,
.cf-compose.recording-active>textarea,
.cf-compose.recording-active>.cf-send{
  visibility:hidden;
  pointer-events:none
}
.cf-compose.recording-active .cf-recordbar{
  visibility:visible;
  pointer-events:auto
}
.cf-record-dot{
  width:9px;height:9px;min-width:9px;border-radius:50%;
  background:#ef4b5f;
  box-shadow:0 0 0 5px rgba(239,75,95,.12);
  animation:pulseRec 1s infinite
}
.cf-record-main{display:flex;align-items:center;gap:9px;min-width:0}
.cf-record-title{display:flex;align-items:center;gap:7px;white-space:nowrap}
.cf-record-title strong{font-size:10px;color:var(--soft)}
.cf-record-time{
  min-width:36px;
  font-size:10px!important;
  font-variant-numeric:tabular-nums;
  color:var(--muted)!important
}
.cf-record-wave{
  height:18px;
  display:flex;align-items:center;gap:2px;
  margin-left:2px;opacity:.78
}
.cf-record-wave i{
  display:block;width:2px;border-radius:999px;
  background:linear-gradient(180deg,var(--blue),var(--purple));
  animation:cfWave .8s ease-in-out infinite alternate
}
.cf-record-wave i:nth-child(1){height:6px;animation-delay:.05s}
.cf-record-wave i:nth-child(2){height:12px;animation-delay:.18s}
.cf-record-wave i:nth-child(3){height:8px;animation-delay:.31s}
.cf-record-wave i:nth-child(4){height:15px;animation-delay:.12s}
.cf-record-wave i:nth-child(5){height:9px;animation-delay:.26s}
.cf-record-wave i:nth-child(6){height:13px;animation-delay:.38s}
@keyframes cfWave{from{transform:scaleY(.55);opacity:.5}to{transform:scaleY(1);opacity:1}}
.cf-recordbar .cf-grow{min-width:0;flex:1}
.cf-record-actions{display:flex;align-items:center;gap:7px}
.cf-record-cancel,.cf-record-send{
  height:34px;border-radius:10px;padding:0 12px;
  cursor:pointer;font-size:9.5px;font-weight:850;
  display:inline-flex;align-items:center;justify-content:center;gap:6px
}
.cf-record-cancel{
  border:1px solid var(--line);
  background:transparent;
  color:var(--muted)
}
.cf-record-cancel:hover{background:rgba(239,75,95,.07);color:#ef6a7b;border-color:rgba(239,75,95,.22)}
.cf-record-send{
  min-width:84px;border:0;
  background:linear-gradient(135deg,var(--blue),var(--purple));
  color:#fff;
  box-shadow:0 7px 18px rgba(80,90,255,.22)
}
.cf-record-send:disabled{opacity:.65;cursor:wait}
.cf-recordbar.sending .cf-record-wave i{animation-duration:.38s}
.cf-recordbar.sending .cf-record-dot{background:#7d8aa3;box-shadow:none;animation:none}
.cf-msg-file audio{display:block;max-width:min(360px,68vw)}
html[data-theme=light] .cf-recordbar{background:#fff;border-color:#dfe6ef;box-shadow:0 10px 24px rgba(27,40,65,.10)}

/* Inbox: setor usa a mesma cor cadastrada e atendente assumido ganha destaque */
.cf-conv-info .cf-sector-pill{font-weight:850;color:var(--soft)!important;text-shadow:none!important}
.cf-conv-info .cf-sector-swatch{width:8px;height:8px;min-width:8px;border-radius:50%;display:inline-block;box-shadow:0 0 0 1px rgba(15,23,42,.28),0 1px 4px rgba(15,23,42,.18)}
html[data-theme=light] .cf-conv-info .cf-sector-pill{color:#44546d!important}
html[data-theme=dark] .cf-conv-info .cf-sector-pill{color:#d2d9e6!important}
.cf-conv-info .cf-agent-pill.assigned{color:#168f69;border-color:rgba(22,143,105,.22);background:rgba(22,143,105,.08);font-weight:850}
.cf-conv-info .cf-agent-pill.assigned i{color:#168f69}
html[data-theme=dark] .cf-conv-info .cf-agent-pill.assigned{color:#54d9ad;border-color:rgba(84,217,173,.22);background:rgba(84,217,173,.08)}
html[data-theme=dark] .cf-conv-info .cf-agent-pill.assigned i{color:#54d9ad}

/* ===== Ajuste UX: loader suave + avatares redondos ===== */
.cf-avatar,.cf-avatar img{border-radius:50% !important}
.cf-profile .cf-avatar{border-radius:50% !important}
.cf-messages{transition:opacity .14s ease}
.cf-messages.cf-history-preparing{opacity:.98 !important}
/* ===== Cadastro de contato: Brasil + foto do WhatsApp ===== */
.cf-contact-country{height:40px;border:1px solid var(--line);background:var(--panel2);color:var(--text);border-radius:11px;padding:0 10px;font-size:10px;display:flex;align-items:center;gap:7px;font-weight:750}
.cf-contact-country .flag{font-size:17px}.cf-contact-country small{color:var(--muted);font-size:9px;font-weight:700}
.cf-contact-photo-box{grid-column:1/-1;display:flex;align-items:center;gap:11px;margin-top:2px;padding:10px 11px;border:1px solid var(--line);border-radius:13px;background:rgba(37,140,255,.035);min-height:68px}
.cf-contact-photo-avatar{width:48px;height:48px;flex:0 0 48px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#243554,#17243a);display:grid;place-items:center;color:#fff;font-weight:850;font-size:12px}
.cf-contact-photo-avatar img{width:100%;height:100%;object-fit:cover;display:block}.cf-contact-photo-copy{min-width:0;flex:1}.cf-contact-photo-copy strong{display:block;font-size:10px;color:var(--soft)}.cf-contact-photo-copy span{display:block;margin-top:4px;font-size:8.8px;color:var(--muted);line-height:1.4}.cf-contact-photo-copy .ok{color:var(--green)}
.cf-contact-photo-spin{width:14px;height:14px;border:2px solid rgba(120,135,160,.20);border-top-color:var(--blue);border-radius:50%;animation:spin .65s linear infinite}

.cf-contact-name-click{
  display:inline-flex;align-items:center;justify-content:center;gap:5px;
  cursor:pointer;transition:color .16s,opacity .16s,transform .16s;
  user-select:none
}
.cf-contact-name-click:hover{
  color:var(--blue);transform:translateY(-1px)
}
.cf-contact-name-click:active{transform:translateY(0)}
.cf-contact-name-click::after{
  content:'\f304';font-family:'Font Awesome 6 Free';font-weight:900;
  font-size:8px;opacity:0;transform:translateX(-2px);
  transition:opacity .16s,transform .16s;color:var(--blue)
}
.cf-contact-name-click:hover::after{opacity:.85;transform:translateX(0)}




html[data-theme=light] .cf-contact-country{background:#f5f8fc;border-color:#dfe6ef}html[data-theme=light] .cf-contact-photo-box{background:#f8fbff;border-color:#e0e7f0}



/* Logo do splash espec\ED fica por tema */
.cf-fs-logo-light{
  display:block;
  width:clamp(400px,33vw,560px);
  max-width:86vw;
  margin:0 auto 22px;
  filter:drop-shadow(0 16px 34px rgba(42,77,155,.10));
}
.cf-fs-logo-dark{display:none}
html[data-theme=dark] .cf-fs-logo-light{display:none}
html[data-theme=dark] .cf-fs-logo-dark{
  display:block;
  width:clamp(500px,37vw,700px);
  max-width:88vw;
  margin:0 auto 18px;
  background:transparent;
  filter:drop-shadow(0 12px 28px rgba(0,0,0,.18));
}
@media(max-height:800px) and (min-width:700px){html[data-theme=dark] .cf-fs-logo-dark{width:610px}}
@media(max-width:620px){html[data-theme=dark] .cf-fs-logo-dark{width:min(88vw,520px)}}
@media(max-height:800px) and (min-width:700px){.cf-fs-logo-light{width:500px;margin-bottom:18px}}
@media(max-width:620px){.cf-fs-logo-light{width:min(84vw,430px);margin-bottom:16px}}

.cf-shared-contact{min-width:250px;max-width:330px;border:1px solid var(--line);border-radius:13px;background:var(--panel);overflow:hidden}
.cf-shared-contact-main{display:flex;align-items:center;gap:10px;padding:11px 12px}
.cf-shared-contact-avatar{width:42px;height:42px;flex:0 0 42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--blue),var(--purple));color:#fff;font-size:11px;font-weight:900}
.cf-shared-contact-copy{min-width:0;display:flex;flex-direction:column;gap:3px}.cf-shared-contact-copy strong{font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cf-shared-contact-copy span{font-size:9px;color:var(--muted)}
.cf-shared-contact-actions{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}.cf-shared-contact-actions button{min-height:36px;border:0;background:transparent;color:var(--blue);font-size:8.5px;font-weight:850;display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer}.cf-shared-contact-actions button+button{border-left:1px solid var(--line)}

/* Estilo original: cf-form-splash-premium-style */

#cf-form-splash{position:fixed;inset:0;z-index:2147483646;overflow:hidden;display:flex;align-items:center;justify-content:center;font-family:Inter,"Segoe UI",Roboto,Arial,sans-serif;color:#173166;background:radial-gradient(circle at 50% 40%,rgba(255,255,255,1) 0 27%,rgba(255,255,255,.95) 47%,rgba(255,255,255,.28) 70%,transparent 78%),radial-gradient(circle at 0% 0%,rgba(46,128,255,.27),transparent 30%),radial-gradient(circle at 100% 52%,rgba(151,76,255,.18),transparent 34%),linear-gradient(145deg,#f8fbff 0%,#fff 47%,#f7f1ff 100%);transition:opacity .45s ease,visibility .45s ease}
#cf-form-splash *{box-sizing:border-box}
.cf-fs-rings{position:absolute;left:-42px;top:-55px;width:250px;height:250px;border-radius:50%;border:3px solid rgba(255,255,255,.72)}
.cf-fs-rings:before,.cf-fs-rings:after{content:"";position:absolute;border-radius:50%;border:2px solid rgba(255,255,255,.64)}
.cf-fs-rings:before{inset:30px}.cf-fs-rings:after{inset:62px}
.cf-fs-dots{position:absolute;width:190px;height:84px;opacity:.8;background-image:radial-gradient(circle,#6c66ff 2.1px,transparent 2.5px);background-size:24px 24px}
.cf-fs-dots.top{right:5%;top:5%}.cf-fs-dots.bottom{left:2.5%;bottom:29%}
.cf-fs-glow{position:absolute;width:9px;height:9px;border-radius:50%;background:#fff;box-shadow:0 0 20px 9px rgba(99,74,255,.35);animation:cfFsPulse 2.8s ease-in-out infinite}
.cf-fs-glow.g1{left:16%;top:24%}.cf-fs-glow.g2{right:16%;top:34%;animation-delay:-1.1s}.cf-fs-glow.g3{left:13%;bottom:25%;animation-delay:-1.8s}
.cf-fs-orbit{position:absolute;left:50%;top:46%;width:min(77vh,860px);height:min(77vh,860px);transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(72,92,190,.055)}
.cf-fs-orbit:before,.cf-fs-orbit:after{content:"";position:absolute;border-radius:50%;inset:9%;border:1px solid rgba(72,92,190,.045)}.cf-fs-orbit:after{inset:18%;border-style:dashed;animation:cfFsSpin 30s linear infinite}
.cf-fs-center{position:relative;z-index:5;width:min(94vw,880px);padding:0 20px 120px;text-align:center;animation:cfFsIn .7s cubic-bezier(.2,.8,.2,1)}
.cf-fs-logo{display:block;width:clamp(540px,39vw,740px);max-width:90vw;height:auto;margin:0 auto 17px;object-fit:contain;mix-blend-mode:normal;filter:drop-shadow(0 10px 22px rgba(34,70,150,.05))}
.cf-fs-features{display:flex;align-items:flex-start;justify-content:center;gap:14px;margin:2px auto 15px}
.cf-fs-feature{width:88px;font-size:10.5px;color:#2e4780;font-weight:500}
.cf-fs-icon{width:40px;height:40px;margin:0 auto 6px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.96);border:1px solid rgba(88,108,190,.10);box-shadow:0 8px 22px rgba(58,75,140,.09);color:#5d56ff}
.cf-fs-icon svg{width:19px;height:19px;fill:currentColor}
.cf-fs-sep{width:1px;height:30px;background:linear-gradient(transparent,rgba(91,106,180,.16),transparent);margin-top:5px}
.cf-fs-progress{width:min(58vw,430px);height:9px;margin:0 auto;border-radius:999px;background:#e9ecf6;box-shadow:inset 0 1px 4px rgba(20,40,90,.06);overflow:hidden}
.cf-fs-progress>span{display:block;height:100%;width:12%;border-radius:inherit;background:linear-gradient(90deg,#2b8ef8 0%,#536cff 48%,#7c35f5 100%);box-shadow:0 0 18px rgba(92,76,255,.24);animation:cfFsProgress 4.1s cubic-bezier(.2,.7,.2,1) forwards}
.cf-fs-status{margin-top:10px;font-size:11.5px;color:#173166;font-weight:500}
.cf-fs-version{position:absolute;left:50%;bottom:24px;transform:translateX(-50%);z-index:8;color:rgba(23,49,102,.55);font-size:12px;letter-spacing:.01em;white-space:nowrap;text-shadow:0 1px 4px rgba(28,31,90,.2)}
.cf-fs-wave1,.cf-fs-wave2,.cf-fs-wave3{display:none!important}
.cf-fs-wave1{bottom:-62px;height:215px;background:linear-gradient(90deg,rgba(42,142,246,.72),rgba(88,93,230,.62) 48%,rgba(151,62,240,.62));transform:rotate(-1deg) scaleX(1.08);z-index:1}
.cf-fs-wave2{bottom:-83px;height:190px;background:linear-gradient(90deg,#1988ef 0%,#4653de 37%,#7138e7 69%,#9327e5 100%);transform:rotate(1.7deg) scaleX(1.12);z-index:2;box-shadow:0 -18px 50px rgba(91,73,229,.18)}
.cf-fs-wave3{bottom:-126px;height:170px;background:linear-gradient(90deg,#153ca6 0%,#413fc8 36%,#602bd0 70%,#7024d5 100%);transform:rotate(-.6deg) scaleX(1.15);z-index:3;opacity:.98}
.cf-fs-line1,.cf-fs-line2{display:none!important}
.cf-fs-sidearc{position:absolute;right:-120px;bottom:70px;width:410px;height:410px;border-radius:50%;border:2px solid rgba(255,255,255,.75);z-index:4}.cf-fs-sidearc:before,.cf-fs-sidearc:after{content:"";position:absolute;inset:44px;border-radius:50%;border:2px solid rgba(255,255,255,.66)}.cf-fs-sidearc:after{inset:90px}
@keyframes cfFsProgress{0%{width:11%}38%{width:46%}72%{width:75%}100%{width:93%}}
/* Progresso real do boot + efeito sequencial nos icones */
#cf-form-splash .cf-fs-progress>span{animation:none!important;width:8%;transition:width .42s cubic-bezier(.2,.75,.2,1)}
#cf-form-splash .cf-fs-feature{transition:transform .28s ease,color .28s ease,opacity .28s ease;opacity:.58}
#cf-form-splash .cf-fs-feature .cf-fs-icon{transition:transform .32s cubic-bezier(.2,.8,.2,1),box-shadow .32s ease,background .32s ease,color .32s ease,border-color .32s ease}
#cf-form-splash .cf-fs-feature.cf-step-active{opacity:1;transform:translateY(-3px);font-weight:800}
#cf-form-splash .cf-fs-feature.cf-step-active .cf-fs-icon{transform:scale(1.14);color:#fff;background:linear-gradient(135deg,#2b8ef8,#7955ff);border-color:transparent;box-shadow:0 0 0 6px rgba(83,108,255,.10),0 12px 28px rgba(83,108,255,.30);animation:cfFsIconPulse .9s ease-in-out infinite alternate}
#cf-form-splash .cf-fs-feature.cf-step-done{opacity:1;color:var(--text,#173166);font-weight:700}
#cf-form-splash .cf-fs-feature.cf-step-done .cf-fs-icon{color:#fff;background:linear-gradient(135deg,#22b889,#2b8ef8);border-color:transparent;box-shadow:0 8px 20px rgba(34,184,137,.18);transform:scale(1.04)}
#cf-form-splash .cf-fs-feature.cf-step-done .cf-fs-icon:after{content:'✓';position:absolute;width:15px;height:15px;border-radius:50%;right:-3px;top:-3px;display:grid;place-items:center;background:#22b889;color:#fff;font-size:9px;font-weight:900;border:2px solid var(--panel,#fff)}
#cf-form-splash .cf-fs-icon{position:relative}
html[data-theme=dark] #cf-form-splash .cf-fs-feature.cf-step-done{color:#eef3ff}
@keyframes cfFsIconPulse{from{transform:translateY(-1px) scale(1.10)}to{transform:translateY(-3px) scale(1.17)}}@keyframes cfFsPulse{0%,100%{opacity:.42;transform:scale(.72)}50%{opacity:1;transform:scale(1.15)}}@keyframes cfFsSpin{to{transform:rotate(360deg)}}@keyframes cfFsIn{from{opacity:0;transform:translateY(12px) scale(.99)}to{opacity:1;transform:none}}
@media(max-height:800px) and (min-width:700px){.cf-fs-center{padding-bottom:100px;transform:scale(.86)}.cf-fs-logo{width:650px;margin-bottom:12px}.cf-fs-features{margin:2px auto 15px}.cf-fs-wave1{height:180px}.cf-fs-wave2{height:165px}.cf-fs-wave3{height:145px}.cf-fs-line1{bottom:92px}.cf-fs-line2{bottom:73px}.cf-fs-sidearc{bottom:40px}}
@media(max-width:620px){.cf-fs-center{padding:0 8px 96px}.cf-fs-logo{width:min(92vw,560px);margin-bottom:10px}.cf-fs-features{gap:3px;margin:6px auto 15px}.cf-fs-feature{width:72px;font-size:9.5px}.cf-fs-sep{display:none}.cf-fs-icon{width:38px;height:38px;margin-bottom:5px}.cf-fs-icon svg{width:18px;height:18px}.cf-fs-progress{width:76vw;height:9px}.cf-fs-status{font-size:11px;margin-top:10px}.cf-fs-dots{display:none}.cf-fs-wave1{height:130px}.cf-fs-wave2{height:118px}.cf-fs-wave3{height:104px}.cf-fs-line1{bottom:69px}.cf-fs-line2{bottom:55px}.cf-fs-version{bottom:13px;font-size:11px}.cf-fs-sidearc{display:none}}

/* ===== Splash: mesma identidade, somente cores seguindo o tema ===== */
html[data-theme=dark] #cf-form-splash{
  color:#eef3ff;
  background:
    radial-gradient(circle at 50% 40%,rgba(20,27,42,1) 0 27%,rgba(15,21,33,.96) 47%,rgba(10,14,23,.42) 70%,transparent 78%),
    radial-gradient(circle at 0% 0%,rgba(46,128,255,.20),transparent 30%),
    radial-gradient(circle at 100% 52%,rgba(151,76,255,.16),transparent 34%),
    linear-gradient(145deg,#0a0d14 0%,#0f1520 47%,#151223 100%);
}
html[data-theme=dark] .cf-fs-rings{border-color:rgba(125,149,200,.14)}
html[data-theme=dark] .cf-fs-rings:before,
html[data-theme=dark] .cf-fs-rings:after{border-color:rgba(125,149,200,.11)}
html[data-theme=dark] .cf-fs-dots{
  opacity:.48;
  background-image:radial-gradient(circle,#706cff 2.1px,transparent 2.5px);
}
html[data-theme=dark] .cf-fs-glow{
  background:#aab8ff;
  box-shadow:0 0 20px 9px rgba(99,74,255,.26);
}
html[data-theme=dark] .cf-fs-orbit{border-color:rgba(126,145,210,.08)}
html[data-theme=dark] .cf-fs-orbit:before,
html[data-theme=dark] .cf-fs-orbit:after{border-color:rgba(126,145,210,.065)}
html[data-theme=dark] .cf-fs-logo{
  filter:drop-shadow(0 12px 28px rgba(0,0,0,.22));
}
html[data-theme=dark] .cf-fs-feature{color:#b7c4de}
html[data-theme=dark] .cf-fs-icon{
  background:rgba(22,30,46,.96);
  border-color:rgba(126,145,210,.13);
  box-shadow:0 8px 22px rgba(0,0,0,.20);
  color:#8d83ff;
}
html[data-theme=dark] .cf-fs-sep{
  background:linear-gradient(transparent,rgba(138,153,210,.16),transparent);
}
html[data-theme=dark] .cf-fs-progress{
  background:#20283a;
  box-shadow:inset 0 1px 4px rgba(0,0,0,.20);
}
html[data-theme=dark] .cf-fs-status{color:#dce5f8}
html[data-theme=dark] .cf-fs-version{
  color:rgba(189,201,225,.55);
  text-shadow:0 1px 4px rgba(0,0,0,.35);
}
html[data-theme=dark] .cf-fs-sidearc{border-color:rgba(125,149,200,.11)}
html[data-theme=dark] .cf-fs-sidearc:before,
html[data-theme=dark] .cf-fs-sidearc:after{border-color:rgba(125,149,200,.09)}

/* Login j\E1  acompanha o tema; estes seletores s\F3  deixam o dark expl\ED cito
   desde o primeiro paint, sem mudar layout ou funcionamento. */
html[data-theme=dark] #cfLoginGate{
  background:
    radial-gradient(circle at 30% 10%,rgba(38,140,255,.18),transparent 35%),
    radial-gradient(circle at 80% 90%,rgba(117,87,255,.16),transparent 38%),
    #080d18;
}
html[data-theme=dark] .cf-login-card{
  background:#111a2b;
  border-color:rgba(148,163,184,.16);
}
html[data-theme=dark] .cf-login-card input{
  background:#162136;
  color:#fff;
  border-color:rgba(148,163,184,.16);
}


/* Estilo original: cf-splash-single-logo-fix */

/* Splash: exatamente UMA logo por tema. Este bloco fica por \FA ltimo para n\E3 o ser sobrescrito. */
#cf-form-splash .cf-fs-logo-light{display:block !important;}
#cf-form-splash .cf-fs-logo-dark{display:none !important;}
html[data-theme="dark"] #cf-form-splash .cf-fs-logo-light{display:none !important;}
html[data-theme="dark"] #cf-form-splash .cf-fs-logo-dark{display:block !important;}
html[data-theme="light"] #cf-form-splash .cf-fs-logo-light{display:block !important;}
html[data-theme="light"] #cf-form-splash .cf-fs-logo-dark{display:none !important;}

/* Estilo original: cf-company-global-v2 */

#cfCompanyChip{display:none!important}
.cf-company-global{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:20;display:flex;align-items:center;gap:11px;min-width:250px;max-width:390px;height:54px;padding:6px 14px 6px 7px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,rgba(37,140,255,.09),rgba(121,85,255,.08)),var(--panel);box-shadow:0 10px 28px rgba(0,0,0,.09);cursor:pointer;transition:.16s}
.cf-company-global:hover{transform:translate(-50%,-51%);border-color:rgba(83,125,255,.32);box-shadow:0 14px 34px rgba(55,78,130,.14)}
.cf-company-global-logo{width:41px;height:41px;flex:0 0 41px;border-radius:13px;overflow:hidden;display:grid;place-items:center;background:linear-gradient(135deg,var(--blue),var(--purple));color:#fff;font-size:11px;font-weight:900}
.cf-company-global-logo img{width:100%;height:100%;object-fit:contain;display:block;background:#fff}
.cf-company-global-copy{min-width:0;flex:1}.cf-company-global-copy small{display:block;font-size:7.5px;font-weight:850;color:#7184a5;text-transform:uppercase;letter-spacing:.11em;margin-bottom:3px}.cf-company-global-copy strong{display:block;font-size:12px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cf-company-global-edit{margin-left:auto;color:var(--muted);font-size:10px;opacity:.58}
.cf-company-branding-preview{display:flex;align-items:center;gap:14px;padding:14px;border:1px solid var(--line);border-radius:15px;background:var(--panel2)}
.cf-company-branding-preview-logo{width:76px;height:76px;flex:0 0 76px;border-radius:19px;overflow:hidden;display:grid;place-items:center;background:linear-gradient(135deg,var(--blue),var(--purple));color:#fff;font-size:17px;font-weight:900}
.cf-company-branding-preview-logo img{width:100%;height:100%;object-fit:contain;background:#fff}.cf-company-branding-preview strong{display:block;font-size:12px}.cf-company-branding-preview span{display:block;margin-top:5px;color:var(--muted);font-size:9px;line-height:1.45}
.cf-company-upload{margin-top:12px;padding:13px;border:1px dashed rgba(75,112,255,.28);border-radius:14px;background:rgba(37,140,255,.035)}.cf-company-upload input{width:100%;font-size:10px}
html[data-theme=light] .cf-company-global{background:linear-gradient(135deg,#eef6ff,#f5f1ff);border-color:#dce5f2}
@media(max-width:1180px){.cf-company-global{min-width:210px;max-width:260px}}
@media(max-width:960px){.cf-company-global{left:auto;right:126px;transform:translateY(-50%);min-width:0;width:50px;padding:5px}.cf-company-global:hover{transform:translateY(-51%)}.cf-company-global-copy,.cf-company-global-edit{display:none}}
@media(max-width:780px){.cf-company-global{display:none}}

/* Estilo original: cf-logo-format-fix */

.cf-company-global.format-horizontal .cf-company-global-logo{width:76px;flex-basis:76px;border-radius:10px;background:#fff}
.cf-company-global.format-redonda .cf-company-global-logo{width:41px;flex-basis:41px;border-radius:50%}
.cf-company-global.format-horizontal .cf-company-global-logo img{object-fit:contain;padding:3px}
.cf-company-global.format-redonda .cf-company-global-logo img{object-fit:cover;padding:0}
.cf-logo-format-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.cf-logo-format-option{border:1px solid var(--line);border-radius:14px;padding:11px;cursor:pointer;background:var(--panel);transition:.15s}
.cf-logo-format-option.active{border-color:var(--blue);box-shadow:0 0 0 2px rgba(37,140,255,.10)}
.cf-logo-format-option strong{display:block;font-size:9.5px;margin-bottom:6px}.cf-logo-format-option span{display:block;color:var(--muted);font-size:8px;line-height:1.35}
.cf-logo-shape-demo{height:48px;display:flex;align-items:center;justify-content:center;margin-bottom:7px}
.cf-logo-shape-demo .round{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--purple))}
.cf-logo-shape-demo .horizontal{width:94px;height:38px;border-radius:9px;background:linear-gradient(135deg,var(--blue),var(--purple))}
.cf-company-branding-preview-logo.format-redonda{border-radius:50%}
.cf-company-branding-preview-logo.format-horizontal{width:132px;flex-basis:132px;border-radius:12px}

/* Estilo original: cf-company-actions-integrated */

.cf-top-actions{display:flex!important;align-items:center!important;gap:8px!important;flex:0 0 auto!important}
#cfCompanyGlobal{
  position:static!important;left:auto!important;right:auto!important;top:auto!important;transform:none!important;
  display:flex!important;align-items:center!important;gap:8px!important;
  min-width:185px!important;max-width:230px!important;width:auto!important;height:40px!important;
  margin:0 3px 0 0!important;padding:4px 9px 4px 5px!important;border-radius:12px!important;
  border:1px solid rgba(120,138,170,.18)!important;background:rgba(255,255,255,.82)!important;
  box-shadow:0 4px 12px rgba(38,55,88,.06)!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)
}
html[data-theme="dark"] #cfCompanyGlobal{background:rgba(20,26,38,.82)!important}
#cfCompanyGlobal:hover{transform:none!important;border-color:rgba(84,116,255,.30)!important;box-shadow:0 6px 16px rgba(38,55,88,.10)!important}
#cfCompanyGlobal .cf-company-global-logo{width:31px!important;height:31px!important;flex:0 0 31px!important}
#cfCompanyGlobal.format-horizontal .cf-company-global-logo{width:50px!important;flex-basis:50px!important;border-radius:8px!important}
#cfCompanyGlobal.format-redonda .cf-company-global-logo{width:31px!important;height:31px!important;flex-basis:31px!important;border-radius:50%!important}
#cfCompanyGlobal .cf-company-global-copy small{font-size:6.4px!important;letter-spacing:.07em!important;margin-bottom:1px!important}
#cfCompanyGlobal .cf-company-global-copy strong{font-size:9px!important;line-height:1.1!important}
#cfCompanyGlobal .cf-company-global-edit{font-size:7px!important;opacity:.35!important}
@media(max-width:1180px){#cfCompanyGlobal{min-width:150px!important;max-width:175px!important}}
@media(max-width:980px){
  #cfCompanyGlobal{width:40px!important;min-width:40px!important;max-width:40px!important;padding:4px!important}
  #cfCompanyGlobal .cf-company-global-copy,#cfCompanyGlobal .cf-company-global-edit{display:none!important}
}
@media(max-width:820px){#cfCompanyGlobal{display:none!important}}

/* Estilo original: cf-global-plan-status */

#cfPlanGlobal{display:flex;align-items:center;gap:7px;height:40px;padding:0 10px;border:1px solid var(--line);border-radius:12px;background:var(--panel);white-space:nowrap}
#cfPlanGlobal .pg-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(43,210,156,.08)}
#cfPlanGlobal .pg-copy{display:flex;flex-direction:column;line-height:1.08}
#cfPlanGlobal strong{font-size:9px;color:var(--soft)}
#cfPlanGlobal small{font-size:7.5px;color:var(--muted);margin-top:3px}
#cfPlanGlobal.warn .pg-dot{background:#f5a524;box-shadow:0 0 0 4px rgba(245,165,36,.10)}
#cfPlanGlobal.due{border-color:rgba(245,165,36,.34);background:rgba(245,165,36,.055);cursor:pointer}
#cfPlanGlobal.due .pg-dot{background:#f5a524}
#cfPlanGlobal.due small{color:#f5b94f}
@media(max-width:1260px){#cfPlanGlobal{max-width:185px}.pg-copy{overflow:hidden}.pg-copy strong,.pg-copy small{overflow:hidden;text-overflow:ellipsis}}
@media(max-width:1040px){#cfPlanGlobal{display:none}}

/* Estilo original: cf-logo-horizontal-fill */

/* Logo horizontal: usa toda a \E1 rea retangular dispon\ED vel no cabe\E7 alho */
#cfCompanyGlobal.format-horizontal .cf-company-global-logo{
  width:72px !important;
  height:34px !important;
  flex:0 0 72px !important;
  padding:0 !important;
  border-radius:8px !important;
  overflow:hidden !important;
  background:transparent !important;
}

#cfCompanyGlobal.format-horizontal .cf-company-global-logo img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center !important;
  padding:0 !important;
  margin:0 !important;
  display:block !important;
  background:transparent !important;
}

/* No preview de configura\E7 \E3 o, mant\E9 m o mesmo conceito visual */
.cf-company-branding-preview-logo.format-horizontal{
  width:150px !important;
  height:72px !important;
  flex:0 0 150px !important;
  border-radius:12px !important;
  overflow:hidden !important;
  padding:0 !important;
  background:transparent !important;
}

.cf-company-branding-preview-logo.format-horizontal img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center !important;
  padding:0 !important;
  margin:0 !important;
  display:block !important;
}

/* Estilo original: cf-chat-header-mobile-responsive */

.cf-chat-wait-actions{
  display:flex;
  align-items:center;
  gap:7px;
}
.cf-chat-cancel{
  color:#ef4444!important;
  border-color:#fecaca!important;
}

/* Celular: organiza cabe\E7 alho em 2 linhas, sem esmagar nome/status */
@media(max-width:780px){
  .cf-chathead{
    height:auto!important;
    min-height:66px;
    flex:0 0 auto!important;
    padding:8px 9px!important;
    gap:7px!important;
    display:grid!important;
    grid-template-columns:38px 38px minmax(0,1fr) 38px 38px;
    grid-template-areas:
      "back avatar identity trash more"
      "actions actions actions actions actions";
    align-items:center!important;
  }

  .cf-chathead .cf-mobileback{
    grid-area:back;
    width:38px!important;
    height:38px!important;
    display:inline-flex!important;
  }

  .cf-chathead > .cf-avatar{
    grid-area:avatar;
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
  }

  .cf-chathead > .cf-grow{
    grid-area:identity;
    min-width:0!important;
    overflow:hidden;
    padding-right:2px;
  }

  .cf-chathead > .cf-grow strong{
    display:block;
    font-size:11px!important;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }

  .cf-chathead > .cf-grow small{
    display:block;
    max-width:100%;
    margin-top:2px!important;
    font-size:7.6px!important;
    line-height:1.25;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }

  .cf-chathead .cf-chat-delete{
    grid-area:trash;
    width:38px!important;
    height:38px!important;
    justify-self:end;
  }

  .cf-chathead > .cf-icon:last-child{
    grid-area:more;
    width:38px!important;
    height:38px!important;
    justify-self:end;
  }

  .cf-chat-wait-actions{
    grid-area:actions;
    width:100%;
    gap:7px;
    padding-top:2px;
  }

  .cf-chat-wait-actions .cf-btn{
    flex:1 1 0;
    min-width:0;
    height:39px;
    justify-content:center;
    padding:0 9px!important;
    font-size:10px!important;
    border-radius:11px;
  }

  .cf-chat-wait-actions .cf-btn i{
    margin-right:5px;
  }
}

/* Celulares bem estreitos: mant\E9 m tudo utiliz\E1 vel */
@media(max-width:420px){
  .cf-chathead{
    grid-template-columns:36px 36px minmax(0,1fr) 36px 36px;
    padding:7px 7px!important;
    gap:5px!important;
  }

  .cf-chathead .cf-mobileback,
  .cf-chathead .cf-chat-delete,
  .cf-chathead > .cf-icon:last-child{
    width:36px!important;
    height:36px!important;
  }

  .cf-chathead > .cf-avatar{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
  }

  .cf-chat-wait-actions .cf-btn{
    height:37px;
    font-size:9.5px!important;
  }
}

/* Estilo original: cf-dashboard-recent-clickable */

#cfRecent .cf-activity-row{
  cursor:pointer !important;
  user-select:none;
  transition:background .15s ease, transform .15s ease, box-shadow .15s ease;
}
#cfRecent .cf-activity-row:hover{
  background:var(--panel2) !important;
  transform:translateY(-1px);
}
#cfRecent .cf-activity-row:active{
  transform:translateY(0);
}

/* Estilo original: cf-cancel-dark-visual-fix */

/* Somente apar\EA ncia do bot\E3 o Cancelar no tema escuro */
html[data-theme="dark"] .cf-chat-cancel{
  border:1.5px solid rgba(255,97,118,.72) !important;
  background:rgba(255,97,118,.085) !important;
  color:#ff7184 !important;
  font-weight:800 !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,97,118,.035),
    0 6px 16px rgba(255,97,118,.075) !important;
  transition:
    background .16s ease,
    border-color .16s ease,
    color .16s ease,
    box-shadow .16s ease,
    transform .16s ease !important;
}
html[data-theme="dark"] .cf-chat-cancel i{
  color:#ff6176 !important;
}
html[data-theme="dark"] .cf-chat-cancel:hover{
  background:rgba(255,97,118,.15) !important;
  border-color:rgba(255,97,118,.96) !important;
  color:#ff91a0 !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,97,118,.06),
    0 8px 22px rgba(255,97,118,.13) !important;
}
html[data-theme="dark"] .cf-chat-cancel:active{
  transform:scale(.985) !important;
}

/* Estilo original: cf-theme-icon-state-fix */

/* Tema claro = mostra lua. Tema escuro = mostra sol. */
.cf-theme-toggle .cf-theme-icon-light,
.cf-theme-toggle .cf-theme-icon-dark{
  font-size:13px;
}
html[data-theme="light"] .cf-theme-toggle .cf-theme-icon-light{display:inline-block!important}
html[data-theme="light"] .cf-theme-toggle .cf-theme-icon-dark{display:none!important}
html[data-theme="dark"] .cf-theme-toggle .cf-theme-icon-light{display:none!important}
html[data-theme="dark"] .cf-theme-toggle .cf-theme-icon-dark{
  display:inline-block!important;
  color:#f7c95c;
}

/* Estilo original: cf-chat-switch-bottom-stable */

/* Troca de conversa: conte\FA do s\F3  aparece quando j\E1  est\E1  estabilizado no final. */
.cf-messages{
  scroll-behavior:auto !important;
}
.cf-messages:not(.cf-history-preparing){
  transition:opacity .16s ease !important;
}

/* Estilo original: cf-history-loader-complete-fix */

/* Loader permanece at\E9  a conversa estar pronta e estabilizada no final. */
.cf-history-overlay.show{opacity:1!important;visibility:visible!important}

/* Estilo original: cf-inbox-nav-four-buttons-fix */

/* Inbox: quatro botoes na mesma linha, incluindo Busca. */
.cf-inbox-nav{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important}
.cf-inbox-nav-btn{min-width:0!important;height:42px!important;padding:0 5px!important;gap:4px!important;font-size:8.2px!important;white-space:nowrap!important}
.cf-inbox-nav-btn i{font-size:11px!important;flex:0 0 auto}
.cf-inbox-nav-btn span{min-width:0;overflow:hidden;text-overflow:ellipsis}

/* Estilo original: cf-soft-realtime-no-flicker */

/* Atualizacoes em tempo real sem piscar foto, bolhas ou painel lateral. */
#cfChatHead .cf-avatar,
#cfChatHead .cf-avatar img,
#cfDetail .cf-avatar,
#cfDetail .cf-avatar img,
#cfMessages .cf-msg,
#cfMessages .cf-bubble{transition:none!important;animation:none!important}
#cfMessages:not(.cf-history-preparing){opacity:1!important;visibility:visible!important}
.cf-conv .cf-avatar,
.cf-conv .cf-avatar img{transition:none!important;animation:none!important}
.cf-detail-sec.cf-contact-labels-sec{display:flex;flex-direction:column;gap:9px}
.cf-contact-labels-title{display:flex;align-items:center;justify-content:space-between;gap:8px}
.cf-contact-labels-title label{margin:0}
.cf-contact-labels-count{font-size:8px;font-weight:900;color:var(--muted);background:var(--panel2);border:1px solid var(--line);border-radius:999px;padding:3px 7px}
.cf-contact-labels-wrap{display:flex;flex-wrap:wrap;gap:6px}
.cf-contact-label-chip-modern{--cl:#7955FF;display:inline-flex;align-items:center;gap:6px;max-width:100%;border:1px solid color-mix(in srgb,var(--cl) 24%,var(--line));background:color-mix(in srgb,var(--cl) 10%,var(--panel));color:var(--text);border-radius:999px;padding:6px 9px;font-size:9px;font-weight:850;line-height:1.1}
.cf-contact-label-chip-modern:before{content:"";width:7px;height:7px;border-radius:999px;background:var(--cl);box-shadow:0 0 0 2px color-mix(in srgb,var(--cl) 15%,transparent);flex:0 0 7px}
.cf-contact-label-chip-modern span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* Estilo original: sem-id */


/* ===== Cabe\E7 alho institucional - layout inspirado na primeira proposta ===== */
.cf-top{height:82px;flex:0 0 82px;padding:0 20px}
.cf-top-left{display:flex;align-items:center;min-width:0;gap:12px}
.cf-title{flex:0 0 auto}
.cf-title .cf-title-text{display:none}
.cf-welcome-global{display:flex;flex-direction:column;justify-content:center;min-width:260px;max-width:520px}
.cf-welcome-global strong{display:block;font-size:14.5px;line-height:1.2;color:var(--text);font-weight:850;letter-spacing:-.015em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cf-welcome-global .cf-welcome-page{margin-top:3px;font-size:8px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cf-top-actions{gap:9px}

/* Empresa maior, limpa e sem apar\EA ncia de card */
.cf-company-global{
  position:static!important;left:auto!important;top:auto!important;transform:none!important;
  display:flex;align-items:center;gap:12px;min-width:250px;max-width:390px;height:64px;
  padding:0 10px;border:0!important;border-radius:0!important;background:transparent!important;
  box-shadow:none!important;cursor:pointer;transition:.16s
}
.cf-company-global:hover{transform:none!important;background:rgba(255,255,255,.018)!important}
.cf-company-global-logo{
  width:54px;height:54px;flex:0 0 54px;border-radius:50%;overflow:hidden;
  display:grid;place-items:center;background:transparent;color:#fff;font-size:12px;font-weight:900
}
.cf-company-global-logo img{width:100%;height:100%;object-fit:contain;display:block;background:transparent!important}
.cf-company-global-copy{min-width:0;flex:1;line-height:1.08}
.cf-company-global-copy small{display:block;font-size:7.2px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.10em;margin:0 0 4px}
.cf-company-global-copy strong{display:block;font-size:13px;font-weight:900;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cf-company-global-edit{display:none}

/* Plano passa a ser informa\E7 \E3 o da sauda\E7 \E3 o, sem card */
#cfPlanGlobal{
  display:flex!important;align-items:center;gap:7px;height:auto!important;min-height:0!important;
  margin-top:7px;padding:0!important;border:0!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;max-width:none!important
}
#cfPlanGlobal .pg-dot{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#29d79b;box-shadow:0 0 0 4px rgba(41,215,155,.08)}
#cfPlanGlobal .pg-copy{display:flex;align-items:center;gap:6px;min-width:0;flex-direction:row!important}
#cfPlanGlobal .pg-copy strong{font-size:9px;color:#39dda5;white-space:nowrap}
#cfPlanGlobal .pg-copy small{font-size:8.2px;color:var(--muted);margin:0!important;white-space:nowrap}
#cfPlanGlobal.warn .pg-dot,#cfPlanGlobal.due .pg-dot{background:#f5a524}
#cfPlanGlobal.warn .pg-copy strong,#cfPlanGlobal.due .pg-copy strong{color:#f5b94f}
#cfPlanGlobal.due{cursor:pointer}

/* O chip pequeno antigo deixa de existir */
.cf-company-chip{display:none!important}

@media(max-width:1280px){
  .cf-welcome-global{min-width:220px;max-width:360px}
  .cf-company-global{min-width:210px;max-width:280px}
  .cf-company-global-logo{width:48px;height:48px;flex-basis:48px}
}
@media(max-width:1080px){
  .cf-company-global-copy{display:none}
  .cf-company-global{min-width:54px;width:54px;padding:0}
  .cf-welcome-global{min-width:190px;max-width:290px}
}
@media(max-width:820px){.cf-welcome-global{display:none}.cf-company-global{display:none!important}}


/* Estilo original: sem-id */


/* ===== Logo da empresa no canto do cabe\E7 alho ===== */
.cf-top{padding-left:12px}
.cf-title{display:none!important}
.cf-top-left{gap:14px}
.cf-header-brand{
  display:flex;align-items:center;justify-content:center;flex:0 0 auto;
  width:78px;height:62px;overflow:hidden;background:transparent;border:0;
  cursor:pointer
}
.cf-header-brand img{display:block;max-width:100%;max-height:100%;object-fit:contain;background:transparent}
.cf-header-brand.is-horizontal{width:190px;height:62px;justify-content:flex-start}
.cf-header-brand.is-horizontal img{width:100%;height:100%;object-fit:contain;object-position:left center}
.cf-header-brand.is-round{width:62px;height:62px;border-radius:50%}
.cf-header-brand.is-round img{width:58px;height:58px;object-fit:cover;border-radius:50%}
.cf-header-brand .brand-fallback{
  width:54px;height:54px;border-radius:16px;display:grid;place-items:center;
  background:linear-gradient(135deg,#2488ff,#704cff);color:white;font-size:13px;font-weight:900
}
.cf-company-global{display:none!important}
.cf-welcome-global{min-width:260px;max-width:600px}
@media(max-width:1080px){.cf-header-brand.is-horizontal{width:150px}.cf-welcome-global{min-width:190px}}
@media(max-width:820px){.cf-header-brand.is-horizontal{width:120px}.cf-welcome-global{display:flex!important}}


/* Estilo original: cf-header-final-adjustments */

/* Empresa aparece somente pela logo do canto esquerdo */
.cf-company-global,
.cf-company-chip{display:none!important}

/* Cabe\E7 alho aproveita o espa\E7 o sem criar um v\E3 o gigante */
.cf-top{justify-content:space-between!important}
.cf-top-left{
  flex:1 1 auto!important;
  min-width:0!important;
  max-width:none!important;
}
.cf-welcome-global{
  flex:1 1 auto!important;
  min-width:0!important;
  max-width:none!important;
}
.cf-top-actions{
  flex:0 0 auto!important;
  margin-left:auto!important;
}

/* Logo no canto: mant\E9 m exatamente o formato escolhido no cadastro */
.cf-header-brand{
  flex:0 0 auto!important;
  background:transparent!important;
  overflow:hidden!important;
}
.cf-header-brand.is-horizontal{
  width:154px!important;
  height:58px!important;
  border-radius:0!important;
}
.cf-header-brand.is-horizontal img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:left center!important;
  border-radius:0!important;
}
.cf-header-brand.is-round{
  width:58px!important;
  height:58px!important;
  border-radius:50%!important;
}
.cf-header-brand.is-round img{
  width:58px!important;
  height:58px!important;
  object-fit:cover!important;
  border-radius:50%!important;
}
.cf-header-brand.is-round .brand-fallback{
  width:58px!important;
  height:58px!important;
  border-radius:50%!important;
}

/* Plano j\E1  est\E1  no header: esconder o card duplicado da Vis\E3 o geral */
.cf-plan-strip{display:none!important}

/* Em telas menores a horizontal encolhe, mas n\E3 o quebra o cabe\E7 alho */
@media(max-width:1100px){
  .cf-header-brand.is-horizontal{width:128px!important}
}
@media(max-width:850px){
  .cf-header-brand.is-horizontal{width:105px!important}
  .cf-welcome-global strong{font-size:12px!important}
}

/* Estilo original: cf-remove-company-duplicate-final */

#cfCompanyGlobal,
.cf-company-global,
#cfCompanyChip,
.cf-company-chip{
  display:none !important;
  visibility:hidden !important;
  width:0 !important;
  min-width:0 !important;
  max-width:0 !important;
  height:0 !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  overflow:hidden !important;
}

/* Estilo original: cf-header-logo-compact-final */

/* Logo mais compacta no canto e sem ocupar espa\E7 o desnecess\E1 rio */
.cf-top{
  height:68px!important;
  flex:0 0 68px!important;
  padding-left:10px!important;
}
.cf-top-left{
  flex:0 1 auto!important;
  width:auto!important;
  max-width:none!important;
  gap:10px!important;
}
.cf-header-brand{
  flex:0 0 auto!important;
  margin:0!important;
  padding:0!important;
}
.cf-header-brand.is-horizontal{
  width:118px!important;
  height:50px!important;
  border-radius:8px!important;
  overflow:hidden!important;
}
.cf-header-brand.is-horizontal img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:left center!important;
  border-radius:8px!important;
}
.cf-header-brand.is-round{
  width:50px!important;
  height:50px!important;
  border-radius:50%!important;
  overflow:hidden!important;
}
.cf-header-brand.is-round img{
  width:50px!important;
  height:50px!important;
  object-fit:cover!important;
  border-radius:50%!important;
}
.cf-header-brand.is-round .brand-fallback{
  width:50px!important;
  height:50px!important;
  border-radius:50%!important;
}
.cf-welcome-global{
  flex:0 1 auto!important;
  width:auto!important;
  min-width:0!important;
  max-width:520px!important;
  margin:0!important;
}
.cf-top-actions{
  margin-left:auto!important;
}
@media(max-width:900px){
  .cf-header-brand.is-horizontal{width:100px!important;height:46px!important}
  .cf-header-brand.is-round,.cf-header-brand.is-round img{width:46px!important;height:46px!important}
}

/* Estilo original: cf-image1-safe-visual */

/* Ajuste SOMENTE VISUAL \2014  nenhuma rotina de carregamento/API foi alterada */

/* Empresa duplicada da direita */
#cfCompanyGlobal,
.cf-company-global,
#cfCompanyChip,
.cf-company-chip{
  display:none!important;
}

/* Card duplicado do plano no dashboard */
.cf-plan-strip{
  display:none!important;
}

/* Header mais compacto e responsivo */
.cf-top{
  height:68px!important;
  min-height:68px!important;
  padding:0 12px!important;
  gap:10px!important;
  justify-content:space-between!important;
}
.cf-top-left{
  display:flex!important;
  align-items:center!important;
  flex:1 1 auto!important;
  min-width:0!important;
  width:auto!important;
  max-width:none!important;
  gap:12px!important;
}
.cf-top-actions{
  flex:0 0 auto!important;
  margin-left:auto!important;
}

/* Logo horizontal com TODAS as pontas arredondadas */
.cf-header-brand.is-horizontal{
  width:112px!important;
  height:50px!important;
  min-width:112px!important;
  border-radius:10px!important;
  overflow:hidden!important;
  clip-path:inset(0 round 10px)!important;
  background:transparent!important;
}
.cf-header-brand.is-horizontal img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:10px!important;
}

/* Logo redonda continua redonda */
.cf-header-brand.is-round{
  width:50px!important;
  height:50px!important;
  min-width:50px!important;
  border-radius:50%!important;
  overflow:hidden!important;
  clip-path:circle(50%)!important;
}
.cf-header-brand.is-round img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  border-radius:50%!important;
}

/* Dados ficam pr\F3 ximos da logo, sem aquele espa\E7 o morto */
.cf-welcome-global{
  flex:0 1 auto!important;
  width:auto!important;
  min-width:0!important;
  max-width:520px!important;
  margin:0!important;
}

/* Responsividade */
@media(max-width:1100px){
  .cf-header-brand.is-horizontal{
    width:102px!important;
    min-width:102px!important;
  }
  .cf-welcome-global{max-width:420px!important}
}
@media(max-width:850px){
  .cf-header-brand.is-horizontal{
    width:90px!important;
    min-width:90px!important;
    height:46px!important;
  }
  .cf-header-brand.is-round{
    width:46px!important;
    height:46px!important;
    min-width:46px!important;
  }
  .cf-welcome-global{max-width:300px!important}
}

/* Estilo original: cf-subscription-mobile-20260903 */

/* ===== Bloqueio de assinatura / renovacao ===== */
#cfSubscriptionGate{position:fixed;inset:0;z-index:200000;display:none;align-items:center;justify-content:center;padding:24px max(18px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));background:radial-gradient(circle at 20% 0,rgba(37,140,255,.16),transparent 34%),radial-gradient(circle at 90% 90%,rgba(121,85,255,.15),transparent 38%),rgba(7,10,17,.96);backdrop-filter:blur(12px)}
#cfSubscriptionGate.show{display:flex}
.cf-subscription-card{width:min(94vw,520px);border:1px solid rgba(148,163,184,.16);border-radius:26px;padding:28px;background:#111827;color:#f8fafc;box-shadow:0 32px 100px rgba(0,0,0,.48)}
.cf-subscription-icon{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#268cff,#7557ff);font-size:22px;box-shadow:0 14px 35px rgba(65,93,255,.25)}
.cf-subscription-card h2{font-size:24px;letter-spacing:-.035em;margin:18px 0 7px}.cf-subscription-card>p{margin:0;color:#93a0b5;font-size:12px;line-height:1.55}
.cf-subscription-info{margin:20px 0 16px;padding:14px;border:1px solid rgba(148,163,184,.12);border-radius:15px;background:#172033;display:grid;gap:9px}
.cf-subscription-row{display:flex;justify-content:space-between;gap:14px;font-size:11px}.cf-subscription-row span{color:#8e9bb0}.cf-subscription-row strong{text-align:right}
.cf-subscription-actions{display:grid;gap:9px;margin-top:17px}.cf-subscription-pay{height:48px;border:0;border-radius:13px;background:linear-gradient(135deg,#268cff,#7557ff);color:#fff;font-weight:850;cursor:pointer}
.cf-subscription-check{height:43px;border:1px solid rgba(148,163,184,.16);border-radius:12px;background:#172033;color:#dce5f4;font-weight:750;cursor:pointer}
.cf-subscription-msg{min-height:19px;margin-top:11px;font-size:10px;color:#8fa0b8;text-align:center}.cf-subscription-msg.ok{color:#38d5a0}.cf-subscription-msg.err{color:#ff7184}
.cf-subscription-foot{text-align:center;margin-top:14px;color:#718099;font-size:9px;line-height:1.5}

/* Login realmente responsivo no celular */
@media(max-width:600px){
  #cfLoginGate{padding:max(18px,env(safe-area-inset-top)) 14px max(18px,env(safe-area-inset-bottom));align-items:flex-start;overflow:auto}
  .cf-login-card{width:100%!important;max-width:390px!important;margin:5vh auto 0!important;padding:22px 20px!important;border-radius:20px!important}
  .cf-login-logo{width:48px!important;height:48px!important;border-radius:15px!important;margin-bottom:14px!important}
  .cf-login-card h2{font-size:22px!important}.cf-login-card p{margin-bottom:18px!important}
  .cf-login-card input{height:48px!important;font-size:16px!important}.cf-login-card button{height:49px!important}
  .cf-signup-shell{width:100%!important;min-height:auto!important;grid-template-columns:1fr!important;border-radius:20px!important;overflow:visible!important}
  .cf-signup-formpane{padding:22px 18px!important;overflow:visible!important}
  .cf-signup-side{display:none!important}.cf-signup-grid{grid-template-columns:1fr!important}.cf-signup-field.full{grid-column:auto!important}
  .cf-subscription-card{width:100%;padding:22px 18px;border-radius:21px}.cf-subscription-card h2{font-size:21px}
}
/* Uso geral mobile */
@media(max-width:780px){
  .cf-stage{padding:10px 9px calc(76px + var(--safe-bottom))!important}
  .cf-page{max-width:none!important;width:100%!important}
  .cf-hero{padding:18px!important;border-radius:18px!important}.cf-hero h2{font-size:22px!important}
  .cf-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.cf-kpi{min-height:102px!important;padding:12px!important}.cf-kpi strong{font-size:22px!important;margin-top:10px!important}
  .cf-grid2{grid-template-columns:1fr!important;gap:8px!important}
  .cf-card{padding:13px!important;border-radius:15px!important}
  .cf-top{height:62px!important;flex-basis:62px!important;padding:0 8px!important}
  .cf-top-actions{gap:5px!important}.cf-top-actions .cf-btn.primary{padding:0 10px!important}.cf-top-actions .cf-btn.primary span{display:none}
  .cf-welcome-global strong{font-size:11px!important}.cf-welcome-global .cf-welcome-page{display:none!important}
  #cfPlanGlobal{margin-top:4px!important}
}
@media(max-width:420px){
  .cf-kpis{grid-template-columns:1fr 1fr!important}.cf-kpi{min-width:0!important}.cf-kpi-top{font-size:8px!important}.cf-kpi small{font-size:8.5px!important}
  .cf-activity-row{padding:8px 4px!important}.cf-activity-row .cf-avatar{width:32px!important;height:32px!important;flex-basis:32px!important}
}

/* Estilo original: cf-subscription-theme-inherit-20260903 */

/* Tela de renova\E7 \E3 o acompanha automaticamente o tema atual do ConectFlow */
#cfSubscriptionGate{
  background:
    radial-gradient(circle at 20% 0,rgba(37,140,255,.11),transparent 34%),
    radial-gradient(circle at 90% 90%,rgba(121,85,255,.10),transparent 38%),
    color-mix(in srgb,var(--bg) 96%,transparent)!important;
}
.cf-subscription-card{
  background:var(--panel)!important;
  color:var(--text)!important;
  border-color:var(--line)!important;
  box-shadow:var(--shadow)!important;
}
.cf-subscription-card>p,
.cf-subscription-msg,
.cf-subscription-foot,
.cf-subscription-row span{
  color:var(--muted)!important;
}
.cf-subscription-info,
.cf-subscription-check{
  background:var(--panel2)!important;
  border-color:var(--line)!important;
  color:var(--text)!important;
}
.cf-subscription-row strong{color:var(--text)!important}
.cf-subscription-msg.ok{color:var(--green)!important}
.cf-subscription-msg.err{color:var(--red)!important}

html[data-theme="light"] #cfSubscriptionGate{
  background:
    radial-gradient(circle at 18% 0,rgba(37,140,255,.08),transparent 36%),
    radial-gradient(circle at 88% 90%,rgba(121,85,255,.06),transparent 40%),
    rgba(244,246,250,.97)!important;
}
html[data-theme="light"] .cf-subscription-card{
  background:#fff!important;
  box-shadow:0 24px 70px rgba(31,45,72,.14)!important;
}
html[data-theme="light"] .cf-subscription-info,
html[data-theme="light"] .cf-subscription-check{
  background:#f7f9fc!important;
}

/* Estilo original: cf-drag-attachment-modern-20260904 */

/* Arrastar e soltar moderno: overlay sobre TODA a conversa */
.cf-chat{position:relative}
.cf-chat-drop-overlay{
  position:absolute;inset:64px 10px 72px;z-index:120;display:flex;align-items:center;justify-content:center;
  opacity:0;visibility:hidden;pointer-events:none;transition:opacity .16s ease,visibility .16s ease;
  border:2px dashed rgba(92,132,255,.62);border-radius:22px;
  background:rgba(10,15,27,.82);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)
}
.cf-chat.cf-file-drag .cf-chat-drop-overlay{opacity:1;visibility:visible}
.cf-chat-drop-card{text-align:center;padding:28px 34px;color:#eaf0ff}
.cf-chat-drop-icon{width:66px;height:66px;margin:0 auto 14px;border-radius:20px;display:grid;place-items:center;font-size:25px;color:#fff;background:linear-gradient(135deg,var(--blue),var(--purple));box-shadow:0 14px 35px rgba(70,90,255,.28)}
.cf-chat-drop-card strong{display:block;font-size:16px;letter-spacing:-.02em}
.cf-chat-drop-card span{display:block;margin-top:7px;font-size:10px;color:#aab7ce}
html[data-theme=light] .cf-chat-drop-overlay{background:rgba(247,250,255,.88);border-color:rgba(67,117,240,.48)}
html[data-theme=light] .cf-chat-drop-card{color:#20304a}
html[data-theme=light] .cf-chat-drop-card span{color:#74839a}

/* Confirma\E7 \E3 o de envio de anexo */
.cf-attach-preview-back{position:fixed;inset:0;z-index:2100;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(3,7,15,.74);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.cf-attach-preview-back.show{display:flex;animation:cfFadeIn .15s ease-out}
.cf-attach-preview-card{width:min(560px,calc(100vw - 28px));max-height:min(88dvh,760px);overflow:hidden;border:1px solid var(--line);border-radius:24px;background:var(--panel);box-shadow:0 30px 90px rgba(0,0,0,.55);display:flex;flex-direction:column}
.cf-attach-preview-head{display:flex;align-items:center;justify-content:space-between;padding:15px 17px;border-bottom:1px solid var(--line)}
.cf-attach-preview-head strong{font-size:13px}
.cf-attach-preview-close{width:36px;height:36px;border:1px solid var(--line);border-radius:11px;background:var(--panel2);color:var(--muted)}
.cf-attach-preview-body{padding:18px;overflow:auto}
.cf-attach-preview-visual{min-height:250px;max-height:430px;border:1px solid var(--line);border-radius:17px;background:var(--bg2);display:flex;align-items:center;justify-content:center;overflow:hidden}
.cf-attach-preview-visual img,.cf-attach-preview-visual video{display:block;max-width:100%;max-height:430px;object-fit:contain}
.cf-attach-preview-file{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:34px 22px}
.cf-attach-preview-file i{font-size:48px;color:#718cff;margin-bottom:14px}
.cf-attach-preview-file strong{font-size:12px;max-width:360px;word-break:break-word}
.cf-attach-preview-file span{margin-top:7px;font-size:9px;color:var(--muted)}
.cf-attach-preview-meta{display:flex;align-items:center;gap:9px;margin-top:12px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--panel2);min-width:0}
.cf-attach-preview-meta i{color:#7da5ff}.cf-attach-preview-meta div{min-width:0;flex:1}.cf-attach-preview-meta strong{display:block;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cf-attach-preview-meta span{display:block;margin-top:3px;font-size:8.5px;color:var(--muted)}
.cf-attach-preview-foot{display:flex;justify-content:flex-end;gap:8px;padding:13px 17px;border-top:1px solid var(--line)}
.cf-attach-preview-foot button{height:41px;padding:0 16px;border-radius:11px;font-size:10px;font-weight:850}
.cf-attach-cancel{border:1px solid var(--line);background:var(--panel2);color:var(--soft)}
.cf-attach-send{border:0;background:linear-gradient(135deg,var(--blue),var(--purple));color:#fff;box-shadow:0 8px 22px rgba(71,91,255,.20)}
.cf-attach-send:disabled{opacity:.55;cursor:wait}
html[data-theme=light] .cf-attach-preview-back{background:rgba(38,51,75,.30)}
@media(max-width:780px){.cf-chat-drop-overlay{inset:66px 7px 70px}.cf-attach-preview-body{padding:13px}.cf-attach-preview-visual{min-height:190px}.cf-attach-preview-foot button{flex:1}}

/* Estilo original: cf-plan-management-20260904 */

.cf-plan-page-current{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;margin-bottom:14px;padding:20px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(135deg,rgba(37,140,255,.10),rgba(121,85,255,.07)),var(--panel);box-shadow:var(--shadow)}
.cf-plan-page-current small{display:block;color:var(--muted);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.cf-plan-page-current h3{margin:5px 0 3px;font-size:21px;letter-spacing:-.035em}.cf-plan-page-current p{margin:0;color:var(--muted);font-size:10px;line-height:1.55}.cf-plan-page-current .value{text-align:right}.cf-plan-page-current .value strong{display:block;font-size:18px}.cf-plan-page-current .value span{display:block;color:var(--muted);font-size:9px;margin-top:3px}.cf-plan-management-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.cf-plan-management-card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:var(--panel);padding:17px;box-shadow:0 8px 24px rgba(30,45,70,.045);display:flex;flex-direction:column;min-height:236px}.cf-plan-management-card.current{border-color:rgba(55,214,161,.34);box-shadow:0 0 0 2px rgba(55,214,161,.06)}.cf-plan-management-card .tag{position:absolute;right:12px;top:12px;padding:5px 8px;border-radius:999px;background:rgba(55,214,161,.09);color:var(--green);font-size:8px;font-weight:900}.cf-plan-management-card h4{margin:0 0 4px;font-size:14px}.cf-plan-management-card .code{font-size:8px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.cf-plan-management-price{margin:16px 0 12px;font-size:25px;font-weight:900;letter-spacing:-.04em}.cf-plan-management-price span{font-size:9px;font-weight:700;color:var(--muted);letter-spacing:0}.cf-plan-management-features{display:grid;gap:7px;margin:0 0 16px;padding:0;list-style:none}.cf-plan-management-features li{display:flex;align-items:center;gap:7px;color:var(--soft);font-size:9.5px}.cf-plan-management-features i{width:15px;color:#6f91ff}.cf-plan-management-actions{margin-top:auto}.cf-plan-management-actions .cf-btn{width:100%;justify-content:center}.cf-plan-management-actions .cf-btn.current{color:var(--green);background:rgba(55,214,161,.07);border-color:rgba(55,214,161,.20);cursor:default}.cf-plan-internal-card{border-style:dashed;background:linear-gradient(135deg,rgba(55,214,161,.05),rgba(37,140,255,.04)),var(--panel)}.cf-plan-page-note{margin-top:12px;padding:11px 13px;border:1px solid var(--line);border-radius:13px;background:var(--panel2);color:var(--muted);font-size:9px;line-height:1.55}.cf-plan-page-note i{color:#6f91ff;margin-right:6px}@media(max-width:1150px){.cf-plan-management-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.cf-plan-management-grid{grid-template-columns:1fr}.cf-plan-page-current{grid-template-columns:1fr}.cf-plan-page-current .value{text-align:left}}

/* Estilo original: cf-inbox-last-message-preview-20260904 */

/* Inbox: ultima mensagem no lugar do telefone */
.cf-conv-preview{
  display:flex;align-items:center;gap:5px;min-width:0;margin-top:4px;
  color:var(--muted);font-size:9.4px;line-height:1.25;white-space:nowrap;
}
.cf-conv-preview .cf-conv-preview-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cf-conv-preview .cf-conv-preview-you{font-weight:850;color:var(--soft);flex:0 0 auto}
.cf-conv-preview .cf-conv-preview-check{flex:0 0 auto;font-size:8px;color:#9aa8bc}
.cf-conv-preview .cf-conv-preview-check.is-read{color:#34a8ff}
.cf-conv-preview .cf-conv-preview-media{flex:0 0 auto;color:var(--muted)}
html[data-theme=light] .cf-conv-preview .cf-conv-preview-check{color:#8b98aa}
html[data-theme=light] .cf-conv-preview .cf-conv-preview-check.is-read{color:#168cff}

/* Estilo original: cf-login-mobile-final-20260904 */

/* ===== Login mobile final: iPhone/Android ===== */
@media(max-width:600px){
  html,body{min-height:100%;height:100%;}
  #cfLoginGate{
    inset:0!important;
    min-height:100dvh!important;
    height:100dvh!important;
    display:none;
    align-items:center!important;
    justify-content:center!important;
    padding:
      max(14px,env(safe-area-inset-top,0px))
      max(12px,env(safe-area-inset-right,0px))
      max(14px,env(safe-area-inset-bottom,0px))
      max(12px,env(safe-area-inset-left,0px))!important;
    overflow:auto!important;
    overscroll-behavior:none;
  }
  #cfLoginGate.show{display:flex!important;}
  .cf-login-card{
    width:100%!important;
    max-width:380px!important;
    min-width:0!important;
    margin:0 auto!important;
    padding:20px 18px 18px!important;
    border-radius:20px!important;
    max-height:calc(100dvh - 28px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));
    overflow:auto;
    -webkit-overflow-scrolling:touch;
  }
  .cf-login-logo{
    width:46px!important;
    height:46px!important;
    margin-bottom:13px!important;
    border-radius:14px!important;
    font-size:11px!important;
  }
  .cf-login-card h2{font-size:21px!important;line-height:1.15!important;}
  .cf-login-card p{margin:6px 0 16px!important;font-size:11px!important;line-height:1.4!important;}
  .cf-login-card label{margin:10px 0 6px!important;font-size:10px!important;}
  .cf-login-card input{
    height:45px!important;
    min-height:45px!important;
    font-size:16px!important;
    border-radius:11px!important;
    padding:0 12px!important;
  }
  .cf-login-card button{
    height:46px!important;
    min-height:46px!important;
    margin-top:16px!important;
    border-radius:11px!important;
    font-size:12px!important;
  }
  .cf-login-card small{min-height:16px!important;margin-top:8px!important;font-size:9.5px!important;}
  .cf-login-create{margin-top:10px!important;font-size:10.5px!important;line-height:1.35!important;}
}
@media(max-width:380px){
  .cf-login-card{max-width:none!important;padding:18px 16px 16px!important;}
  .cf-login-logo{width:43px!important;height:43px!important;margin-bottom:11px!important;}
  .cf-login-card h2{font-size:20px!important;}
  .cf-login-card p{margin-bottom:14px!important;}
}
@media(max-height:640px) and (max-width:600px){
  #cfLoginGate{align-items:flex-start!important;}
  .cf-login-card{margin-top:4px!important;}
  .cf-login-logo{width:40px!important;height:40px!important;margin-bottom:9px!important;}
  .cf-login-card p{margin-bottom:11px!important;}
  .cf-login-card label{margin-top:8px!important;}
  .cf-login-card button{margin-top:12px!important;}
}

/* Estilo original: cf-mobile-inbox-clean-20260904 */

/* ===== Inbox mobile: visual limpo + est\E1 vel ===== */
@media(max-width:780px){

  /* A lista ocupa a tela sem parecer um desktop espremido */
  .cf-inbox{
    height:calc(100dvh - 62px - 62px - var(--safe-top) - var(--safe-bottom))!important;
  }
  .cf-inbox-list{
    background:var(--bg)!important;
  }

  .cf-inbox-tools{
    padding:10px 10px 8px!important;
    background:var(--panel)!important;
    border-bottom:1px solid var(--line)!important;
  }

  /* Abertas / Resolvidos / Busca: os 3 aparecem sempre */
  .cf-inbox-nav{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:6px!important;
    margin:0 0 8px!important;
  }
  .cf-inbox-nav-btn{
    display:flex!important;
    width:100%!important;
    min-width:0!important;
    height:39px!important;
    padding:0 6px!important;
    border-radius:11px!important;
    font-size:8.5px!important;
    gap:5px!important;
  }
  .cf-inbox-nav-btn i{font-size:11px!important}
  .cf-inbox-nav-btn span{
    display:block!important;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }

  /* Setor ocupa uma linha s\F3  e fica mais compacto */
  .cf-inbox-controls{gap:6px!important}
  .cf-inbox-sector{
    height:38px!important;
    border-radius:10px!important;
    padding:0 10px!important;
    font-size:9px!important;
  }

  /* Atendendo / Aguardando: dois bot\F5 es de verdade, lado a lado */
  .cf-inbox-lanes{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
    margin-top:8px!important;
  }
  .cf-inbox-lane{
    display:flex!important;
    width:100%!important;
    height:38px!important;
    min-width:0!important;
    padding:0 8px!important;
    border:1px solid var(--line)!important;
    border-radius:11px!important;
    background:var(--panel2)!important;
    box-shadow:none!important;
    font-size:8.8px!important;
  }
  .cf-inbox-lane.active{
    color:#8fc0ff!important;
    border-color:rgba(37,140,255,.34)!important;
    background:rgba(37,140,255,.085)!important;
  }
  .cf-inbox-lane[data-lane="WAITING"].cf-hot{
    color:#ffad45!important;
    border-color:rgba(255,159,47,.24)!important;
  }
  .cf-inbox-lane[data-lane="WAITING"].cf-hot.active{
    background:rgba(255,159,47,.075)!important;
  }
  .cf-inbox-lane-count{
    min-width:18px!important;
    height:18px!important;
    padding:0 5px!important;
    font-size:7.5px!important;
  }

  /* Texto explicativo n\E3 o precisa ocupar tanta \E1 rea no celular */
  .cf-inbox-hint{
    margin:6px 1px 0!important;
    font-size:7px!important;
    line-height:1.3!important;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    opacity:.8;
  }

  /* Cards das conversas mais compactos, mas leg\ED veis */
  .cf-conv{
    gap:9px!important;
    padding:10px 10px!important;
    min-height:66px!important;
    max-height:none!important;
    transition:background .12s ease!important;
  }
  .cf-conv .cf-avatar{
    width:38px!important;
    height:38px!important;
    flex-basis:38px!important;
  }
  .cf-conv-title strong{font-size:10.5px!important}
  .cf-conv-title time{font-size:7.3px!important}
  .cf-conv-preview{
    margin-top:3px!important;
    font-size:8.3px!important;
    gap:4px!important;
  }
  .cf-conv-meta-row{
    margin-top:5px!important;
    gap:4px!important;
    flex-wrap:nowrap!important;
    overflow:hidden;
  }
  .cf-conv-state{
    padding:2px 6px!important;
    font-size:7px!important;
    flex:0 0 auto;
  }
  .cf-conv-info{
    flex-wrap:nowrap!important;
    min-width:0!important;
    overflow:hidden;
  }
  .cf-conv-info span{
    max-width:108px!important;
    padding:2px 5px!important;
    font-size:6.8px!important;
  }

  /* Sem anima\E7 \F5 es de troca de lista no mobile: evita qualquer flash visual */
  .cf-conv,
  .cf-convlist,
  .cf-inbox-tools,
  .cf-inbox-lane,
  .cf-inbox-nav-btn{
    animation:none!important;
  }
  .cf-convlist{
    overflow-y:auto!important;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
  }
}

@media(max-width:390px){
  .cf-inbox-tools{padding-left:8px!important;padding-right:8px!important}
  .cf-inbox-nav-btn{font-size:8px!important}
  .cf-inbox-lane{font-size:8.2px!important;padding:0 6px!important}
  .cf-conv{padding-left:9px!important;padding-right:9px!important}
  .cf-conv-info span{max-width:96px!important}
}

/* Estilo original: cf-mobile-inbox-stable-final-20260904 */

/* ===== MOBILE FINAL: largura real da viewport + zero flash ===== */
@media(max-width:780px){

  /* O problema visual da captura era o painel manter largura intr\ED nseca maior
     que o viewport. Isso empurrava Resolvidos/Busca e Aguardando para fora. */
  .cf-main,
  .cf-stage,
  .cf-inbox,
  .cf-inbox-list,
  .cf-inbox-tools,
  .cf-inbox-controls,
  .cf-convlist{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }

  .cf-main,
  .cf-stage,
  .cf-inbox,
  .cf-inbox-list,
  .cf-inbox-tools,
  .cf-convlist{
    overflow-x:hidden!important;
  }

  .cf-inbox{
    grid-template-columns:minmax(0,1fr)!important;
  }

  .cf-inbox-list{
    flex:1 1 auto!important;
  }

  /* Topo da Inbox: sempre cabe inteiro no celular */
  .cf-inbox-tools{
    padding:9px 9px 7px!important;
  }

  .cf-inbox-nav{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:5px!important;
    margin:0 0 7px!important;
    overflow:hidden!important;
  }

  .cf-inbox-nav-btn{
    width:auto!important;
    min-width:0!important;
    max-width:100%!important;
    height:38px!important;
    padding:0 4px!important;
    gap:4px!important;
    overflow:hidden!important;
    white-space:nowrap!important;
  }

  .cf-inbox-nav-btn span{
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }

  .cf-inbox-controls,
  .cf-inbox-sector{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }

  .cf-inbox-lanes{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:5px!important;
    overflow:hidden!important;
  }

  .cf-inbox-lane{
    width:auto!important;
    min-width:0!important;
    max-width:100%!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    justify-content:center!important;
  }

  /* Lista est\E1 vel: nada de transi\E7 \E3 o em altura/posi\E7 \E3 o durante polling */
  .cf-conv{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    transform:none!important;
    transition:background-color .10s linear!important;
    will-change:auto!important;
  }

  .cf-conv .cf-grow{
    min-width:0!important;
    overflow:hidden!important;
  }

  .cf-conv-title,
  .cf-conv-preview,
  .cf-conv-meta-row{
    min-width:0!important;
    max-width:100%!important;
  }

  .cf-conv-title strong,
  .cf-conv-preview-text{
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }

  /* Evita recomposi\E7 \E3 o visual cara no Safari/iPhone durante polling */
  .cf-convlist{
    contain:layout paint!important;
    backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
  }

  .cf-inbox-tools,
  .cf-conv,
  .cf-conv *,
  .cf-inbox-nav-btn,
  .cf-inbox-lane{
    animation:none!important;
  }
}

@media(max-width:390px){
  .cf-inbox-tools{padding-left:7px!important;padding-right:7px!important}
  .cf-inbox-nav{gap:4px!important}
  .cf-inbox-nav-btn{font-size:7.8px!important}
  .cf-inbox-lanes{gap:4px!important}
  .cf-inbox-lane{font-size:8px!important}
}

/* Estilo original: cf-mobile-photo-stable-20260904 */

@media(max-width:780px){
  .cf-conv .cf-avatar{
    overflow:hidden!important;
    flex-shrink:0!important;
    contain:layout paint!important;
    transform:translateZ(0);
    -webkit-transform:translateZ(0);
    backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
  }
  .cf-conv .cf-avatar img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    opacity:1!important;
    animation:none!important;
    transition:none!important;
    transform:translateZ(0);
    -webkit-transform:translateZ(0);
  }
}

/* Estilo original: cf-photo-no-flicker-global-20260904 */

.cf-avatar,
.cf-avatar img,
.cf-profile .cf-avatar,
.cf-profile .cf-avatar img{
  animation:none!important;
  transition:none!important;
}
.cf-avatar{
  overflow:hidden!important;
}
.cf-avatar img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  opacity:1!important;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
}

/* Estilo original: cf-mobile-chat-responsive-final-20260904 */

@media(max-width:780px){

  /* Chat ocupa exatamente a largura dispon\ED vel */
  .cf-inbox.chat-open,
  .cf-inbox.chat-open .cf-chat,
  .cf-inbox.chat-open .cf-chathead,
  .cf-inbox.chat-open .cf-messages,
  .cf-inbox.chat-open .cf-compose{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }

  .cf-inbox.chat-open .cf-chat{
    overflow:hidden!important;
  }

  /* Cabe\E7 alho: bot\E3 o voltar + avatar + contato + a\E7 \F5 es em linha separada */
  .cf-chathead{
    min-height:66px!important;
    height:auto!important;
    padding:7px 8px!important;
    display:grid!important;
    grid-template-columns:36px 36px minmax(0,1fr) 36px 36px!important;
    grid-template-areas:
      "back avatar identity trash more"
      "actions actions actions actions actions"!important;
    gap:5px!important;
    overflow:hidden!important;
  }

  .cf-chathead .cf-mobileback{grid-area:back!important}
  .cf-chathead > .cf-avatar{grid-area:avatar!important}
  .cf-chathead > .cf-grow{
    grid-area:identity!important;
    min-width:0!important;
    overflow:hidden!important;
  }
  .cf-chathead .cf-chat-delete{grid-area:trash!important}
  .cf-chathead > .cf-icon:last-child{grid-area:more!important}

  .cf-chathead > .cf-grow strong{
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }

  .cf-chathead > .cf-grow small{
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }

  /* Atender / Cancelar: nunca ultrapassam a tela */
  .cf-chat-wait-actions{
    grid-area:actions!important;
    width:100%!important;
    min-width:0!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:6px!important;
    padding-top:3px!important;
  }

  .cf-chat-wait-actions .cf-btn{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:37px!important;
    padding:0 7px!important;
    justify-content:center!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
    font-size:9px!important;
  }

  /* Mensagens usam a largura do celular de verdade */
  .cf-messages{
    padding:10px 8px 8px!important;
    overflow-x:hidden!important;
  }

  .cf-msg{
    max-width:88%!important;
    min-width:0!important;
    font-size:11px!important;
    word-break:break-word!important;
    overflow-wrap:anywhere!important;
  }

  .cf-media-card,
  .cf-media-video,
  .cf-msg-file audio{
    max-width:100%!important;
  }

  /* Composer em DUAS linhas no celular:
     1\AA  linha: campo + enviar
     2\AA  linha: ferramentas
     Assim o campo n\E3 o fica esmagado como na captura. */
  #cfCompose.cf-compose,
  .cf-compose{
    display:grid!important;
    grid-template-columns:repeat(4,36px) minmax(0,1fr) 42px!important;
    grid-template-rows:auto auto!important;
    gap:6px!important;
    align-items:center!important;
    padding:7px 8px calc(7px + var(--safe-bottom))!important;
    overflow:visible!important;
  }

  #cfComposer{
    grid-column:1 / 6!important;
    grid-row:1!important;
    width:100%!important;
    min-width:0!important;
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
    padding:10px 11px!important;
    font-size:10.5px!important;
  }

  .cf-send{
    grid-column:6!important;
    grid-row:1!important;
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
  }

  #cfCompose > .cf-compose-tool:nth-of-type(1){
    grid-column:1!important;
    grid-row:2!important;
  }
  #cfCompose > .cf-compose-tool:nth-of-type(2){
    grid-column:2!important;
    grid-row:2!important;
  }
  #cfCompose > .cf-compose-tool:nth-of-type(3){
    grid-column:3!important;
    grid-row:2!important;
  }

  #cfCompose > .cf-emoji-wrap{
    grid-column:4!important;
    grid-row:2!important;
    width:36px!important;
    height:36px!important;
  }

  #cfCompose .cf-compose-tool,
  #cfCompose .cf-emoji-wrap > .cf-compose-tool{
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
  }

  /* Preview de resposta/anexo ocupa linha inteira */
  #cfCompose .cf-reply-preview,
  #cfCompose .cf-paste-preview{
    grid-column:1 / 7!important;
  }

  /* Barra de grava\E7 \E3 o usa toda a largura */
  .cf-recordbar{
    left:8px!important;
    right:8px!important;
    bottom:calc(7px + var(--safe-bottom))!important;
    max-width:calc(100% - 16px)!important;
  }

  .cf-record-main{min-width:0!important}
  .cf-record-wave{display:none!important}
  .cf-record-actions{margin-left:auto!important}

  /* Picker de emoji n\E3 o pode sair da viewport */
  .cf-emoji-picker{
    position:fixed!important;
    left:8px!important;
    right:8px!important;
    bottom:calc(70px + var(--safe-bottom))!important;
    width:auto!important;
    max-width:none!important;
  }
}

@media(max-width:390px){
  .cf-chathead{
    grid-template-columns:34px 34px minmax(0,1fr) 34px 34px!important;
    padding-left:6px!important;
    padding-right:6px!important;
  }

  .cf-chat-wait-actions .cf-btn{
    font-size:8.5px!important;
  }

  #cfCompose.cf-compose,
  .cf-compose{
    grid-template-columns:repeat(4,34px) minmax(0,1fr) 40px!important;
    gap:5px!important;
    padding-left:6px!important;
    padding-right:6px!important;
  }

  #cfCompose .cf-compose-tool,
  #cfCompose .cf-emoji-wrap,
  #cfCompose .cf-emoji-wrap > .cf-compose-tool{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
  }

  .cf-send{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
  }

  #cfComposer{
    height:40px!important;
    min-height:40px!important;
    max-height:40px!important;
  }
}

/* Estilo original: cf-mobile-chat-layout-rebuild-20260904 */

/* ===== MOBILE CHAT: reconstru\E7 \E3 o somente visual, sem tocar no realtime/fotos ===== */
@media(max-width:780px){

  /* A conversa inteira respeita a viewport */
  .cf-inbox.chat-open{
    grid-template-columns:minmax(0,1fr)!important;
    width:100%!important;
    max-width:100%!important;
    overflow:hidden!important;
  }
  .cf-inbox.chat-open .cf-chat{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    overflow:hidden!important;
  }

  /* CABE\C7 ALHO: identidade nunca mais fica cortada */
  .cf-chathead{
    box-sizing:border-box!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:auto!important;
    min-height:0!important;
    flex:0 0 auto!important;
    padding:7px 8px 8px!important;
    display:grid!important;
    grid-template-columns:36px 36px minmax(0,1fr) 36px 36px!important;
    grid-template-rows:42px auto!important;
    grid-template-areas:
      "back avatar identity trash more"
      "actions actions actions actions actions"!important;
    gap:5px!important;
    align-items:center!important;
    overflow:visible!important;
    position:relative!important;
    z-index:20!important;
  }

  .cf-chathead .cf-mobileback{
    grid-area:back!important;
    width:36px!important;height:36px!important;
    min-width:36px!important;
    display:inline-flex!important;
  }

  .cf-chathead > .cf-avatar{
    grid-area:avatar!important;
    width:36px!important;height:36px!important;
    min-width:36px!important;flex-basis:36px!important;
  }

  .cf-chathead > .cf-grow{
    grid-area:identity!important;
    display:block!important;
    min-width:0!important;
    width:100%!important;
    overflow:hidden!important;
  }

  .cf-chathead > .cf-grow strong{
    display:block!important;
    width:100%!important;
    font-size:10.5px!important;
    line-height:1.2!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  .cf-chathead > .cf-grow small{
    display:block!important;
    width:100%!important;
    margin-top:2px!important;
    font-size:7px!important;
    line-height:1.25!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  .cf-chathead .cf-chat-delete{
    grid-area:trash!important;
    width:36px!important;height:36px!important;
    min-width:36px!important;
  }

  .cf-chathead > .cf-icon:last-child{
    grid-area:more!important;
    width:36px!important;height:36px!important;
    min-width:36px!important;
  }

  /* Atender / Cancelar: segunda linha inteira, sem cortar */
  .cf-chat-wait-actions{
    grid-area:actions!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    gap:6px!important;
    padding:3px 0 0!important;
    margin:0!important;
  }

  .cf-chat-wait-actions .cf-btn{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:36px!important;
    min-height:36px!important;
    padding:0 7px!important;
    margin:0!important;
    justify-content:center!important;
    border-radius:10px!important;
    font-size:8.5px!important;
    overflow:hidden!important;
    white-space:nowrap!important;
  }

  /* Hist\F3 rico fica entre header e composer sem sobreposi\E7 \E3 o */
  .cf-messages{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    flex:1 1 auto!important;
    padding:10px 8px!important;
    overflow-x:hidden!important;
  }

  .cf-msg{
    max-width:86%!important;
    min-width:0!important;
    font-size:10.5px!important;
  }

  /* COMPOSER: uma \FA nica linha compacta, como app de mensagem */
  #cfCompose.cf-compose,
  .cf-compose{
    box-sizing:border-box!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    display:grid!important;
    grid-template-columns:32px 32px 32px 32px minmax(0,1fr) 40px!important;
    grid-template-rows:auto!important;
    gap:5px!important;
    align-items:center!important;
    padding:7px 7px calc(7px + var(--safe-bottom))!important;
    overflow:visible!important;
  }

  #cfCompose > .cf-compose-tool:nth-of-type(1){
    grid-column:1!important;grid-row:1!important;
  }
  #cfCompose > .cf-compose-tool:nth-of-type(2){
    grid-column:2!important;grid-row:1!important;
  }
  #cfCompose > .cf-compose-tool:nth-of-type(3){
    grid-column:3!important;grid-row:1!important;
  }

  #cfCompose > .cf-emoji-wrap{
    grid-column:4!important;grid-row:1!important;
    width:32px!important;height:32px!important;
  }

  #cfCompose .cf-compose-tool,
  #cfCompose .cf-emoji-wrap > .cf-compose-tool{
    width:32px!important;height:32px!important;
    min-width:32px!important;
    padding:0!important;
    border-radius:9px!important;
    font-size:10px!important;
  }

  #cfComposer{
    grid-column:5!important;
    grid-row:1!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:40px!important;
    min-height:40px!important;
    max-height:40px!important;
    padding:9px 10px!important;
    margin:0!important;
    font-size:9.5px!important;
    line-height:20px!important;
    border-radius:12px!important;
  }

  .cf-send{
    grid-column:6!important;
    grid-row:1!important;
    width:40px!important;height:40px!important;
    min-width:40px!important;
    margin:0!important;
    border-radius:11px!important;
  }

  /* Reply / imagem colada aparecem acima do composer inteiro */
  #cfCompose .cf-reply-preview,
  #cfCompose .cf-paste-preview{
    grid-column:1 / 7!important;
    grid-row:auto!important;
    width:100%!important;
    min-width:0!important;
  }

  /* Grava\E7 \E3 o cobre corretamente a barra inteira */
  .cf-recordbar{
    left:7px!important;
    right:7px!important;
    bottom:calc(7px + var(--safe-bottom))!important;
    width:auto!important;
    max-width:none!important;
    height:40px!important;
  }

  .cf-record-wave{display:none!important}

  /* Emoji nunca escapa da tela */
  .cf-emoji-picker{
    position:fixed!important;
    left:8px!important;
    right:8px!important;
    bottom:calc(58px + 62px + var(--safe-bottom))!important;
    width:auto!important;
    max-width:none!important;
  }
}

@media(max-width:390px){
  .cf-chathead{
    grid-template-columns:34px 34px minmax(0,1fr) 34px 34px!important;
    grid-template-rows:40px auto!important;
    padding-left:6px!important;
    padding-right:6px!important;
  }

  .cf-chathead .cf-mobileback,
  .cf-chathead > .cf-avatar,
  .cf-chathead .cf-chat-delete,
  .cf-chathead > .cf-icon:last-child{
    width:34px!important;height:34px!important;min-width:34px!important;
  }

  #cfCompose.cf-compose,
  .cf-compose{
    grid-template-columns:30px 30px 30px 30px minmax(0,1fr) 38px!important;
    gap:4px!important;
    padding-left:6px!important;
    padding-right:6px!important;
  }

  #cfCompose .cf-compose-tool,
  #cfCompose .cf-emoji-wrap,
  #cfCompose .cf-emoji-wrap > .cf-compose-tool{
    width:30px!important;height:30px!important;min-width:30px!important;
  }

  #cfComposer{
    height:38px!important;min-height:38px!important;max-height:38px!important;
    font-size:9px!important;
    padding-left:8px!important;padding-right:8px!important;
  }

  .cf-send{
    width:38px!important;height:38px!important;min-width:38px!important;
  }
}

/* Estilo original: cf-mobile-composer-visible-final-20260904 */

@media(max-width:780px){

  /* Reserva real para a barra inferior do app.
     Antes o composer terminava atr\E1 s da .cf-mobilebar e parecia cortado. */
  .cf-inbox{
    height:calc(
      100dvh
      - 62px
      - 62px
      - var(--safe-top)
      - var(--safe-bottom)
    )!important;
  }

  .cf-inbox.chat-open .cf-chat{
    height:100%!important;
    min-height:0!important;
    padding-bottom:0!important;
  }

  .cf-inbox.chat-open .cf-messages{
    min-height:0!important;
    padding-bottom:12px!important;
  }

  /* Composer sempre inteiro acima da navega\E7 \E3 o inferior */
  #cfCompose.cf-compose,
  .cf-compose{
    position:relative!important;
    z-index:25!important;
    flex:0 0 auto!important;
    margin:0!important;
    padding:
      8px
      7px
      calc(9px + var(--safe-bottom))
      7px!important;
    border-bottom:0!important;
    background:var(--panel)!important;
  }

  /* Garante que a barra inferior nunca sobreponha o composer */
  .cf-mobilebar{
    z-index:80!important;
  }

  /* Em iPhone Safari, 100dvh pode oscilar com a barra do navegador.
     Esta folga evita cortar o bot\E3 o de enviar na transi\E7 \E3 o. */
  @supports (-webkit-touch-callout:none){
    .cf-inbox.chat-open .cf-chat{
      padding-bottom:2px!important;
    }
    #cfCompose.cf-compose,
    .cf-compose{
      padding-bottom:calc(12px + var(--safe-bottom))!important;
    }
  }
}

@media(max-width:390px){
  #cfCompose.cf-compose,
  .cf-compose{
    padding-left:6px!important;
    padding-right:6px!important;
    padding-top:7px!important;
  }
}

/* Estilo original: cf-mobile-chat-final-fix-20260904 */

@media(max-width:780px){

  /* O stage j\E1  perde a altura da topbar e da barra inferior.
     Portanto a inbox deve ocupar 100% dele, sem subtrair 62px novamente. */
  .cf-stage.no-pad{
    min-height:0!important;
    overflow:hidden!important;
  }

  .cf-inbox{
    height:100%!important;
    min-height:0!important;
    max-height:100%!important;
  }

  .cf-inbox.chat-open .cf-chat{
    display:flex!important;
    flex-direction:column!important;
    height:100%!important;
    min-height:0!important;
    max-height:100%!important;
    overflow:hidden!important;
  }

  /* HEADER DA CONVERSA \2014  sempre vis\ED vel */
  .cf-chathead{
    display:grid!important;
    position:relative!important;
    top:auto!important;
    z-index:30!important;
    flex:0 0 auto!important;
    width:100%!important;
    min-width:0!important;
    min-height:58px!important;
    height:auto!important;
    padding:7px 8px!important;
    grid-template-columns:36px 36px minmax(0,1fr) 36px 36px!important;
    grid-template-areas:
      "back avatar identity trash more"
      "actions actions actions actions actions"!important;
    gap:5px!important;
    align-items:center!important;
    overflow:visible!important;
    background:var(--panel)!important;
    border-bottom:1px solid var(--line)!important;
  }

  .cf-chathead .cf-mobileback{grid-area:back!important}
  .cf-chathead > .cf-avatar{grid-area:avatar!important}
  .cf-chathead > .cf-grow{
    grid-area:identity!important;
    min-width:0!important;
    overflow:hidden!important;
  }
  .cf-chathead .cf-chat-delete{grid-area:trash!important}
  .cf-chathead > .cf-icon:last-child{grid-area:more!important}

  .cf-chathead > .cf-grow strong,
  .cf-chathead > .cf-grow small{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  .cf-chathead > .cf-grow strong{font-size:10.5px!important}
  .cf-chathead > .cf-grow small{font-size:7px!important;margin-top:2px!important}

  .cf-chat-wait-actions{
    grid-area:actions!important;
    width:100%!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:6px!important;
    padding-top:3px!important;
  }

  .cf-chat-wait-actions .cf-btn{
    width:100%!important;
    min-width:0!important;
    height:36px!important;
    min-height:36px!important;
    padding:0 8px!important;
    justify-content:center!important;
    font-size:8.5px!important;
  }

  /* HIST\D3 RICO ocupa s\F3  o espa\E7 o entre header e composer */
  .cf-messages{
    flex:1 1 auto!important;
    min-height:0!important;
    width:100%!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding:10px 8px 10px!important;
  }

  /* COMPOSER volta para o rodap\E9  do chat, sem v\E3 o */
  #cfCompose.cf-compose,
  .cf-compose{
    position:relative!important;
    bottom:auto!important;
    z-index:35!important;
    flex:0 0 auto!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
    display:grid!important;
    grid-template-columns:32px 32px 32px 32px minmax(0,1fr) 40px!important;
    grid-template-rows:auto!important;
    gap:5px!important;
    align-items:center!important;
    padding:7px 7px calc(7px + var(--safe-bottom))!important;
    background:var(--panel)!important;
    border-top:1px solid var(--line)!important;
  }

  #cfCompose > .cf-compose-tool:nth-of-type(1){grid-column:1!important;grid-row:1!important}
  #cfCompose > .cf-compose-tool:nth-of-type(2){grid-column:2!important;grid-row:1!important}
  #cfCompose > .cf-compose-tool:nth-of-type(3){grid-column:3!important;grid-row:1!important}

  #cfCompose > .cf-emoji-wrap{
    grid-column:4!important;
    grid-row:1!important;
    width:32px!important;
    height:32px!important;
  }

  #cfCompose .cf-compose-tool,
  #cfCompose .cf-emoji-wrap > .cf-compose-tool{
    width:32px!important;
    height:32px!important;
    min-width:32px!important;
    padding:0!important;
    border-radius:9px!important;
  }

  #cfComposer{
    grid-column:5!important;
    grid-row:1!important;
    width:100%!important;
    min-width:0!important;
    height:40px!important;
    min-height:40px!important;
    max-height:40px!important;
    margin:0!important;
    padding:9px 10px!important;
    font-size:9.5px!important;
    line-height:20px!important;
    border-radius:12px!important;
  }

  .cf-send{
    grid-column:6!important;
    grid-row:1!important;
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    margin:0!important;
  }

  /* SWIPE DA MENSAGEM */
  .cf-msg[data-msg-mine="1"]:not(.deleted){
    touch-action:pan-y!important;
    transition:transform .15s ease!important;
  }

  .cf-msg[data-msg-mine="1"]:not(.deleted)::after{
    content:'Excluir';
    position:absolute;
    top:0;
    right:-78px;
    width:68px;
    height:100%;
    border-radius:12px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(135deg,#ff526c,#dc334f);
    color:#fff;
    font-size:8px;
    font-weight:900;
    opacity:0;
    pointer-events:none;
  }

  .cf-msg.cf-msg-swiping::after,
  .cf-msg.cf-msg-swipe-ready::after{
    opacity:1!important;
  }

  .cf-msg.cf-msg-swipe-ready::after{
    background:linear-gradient(135deg,#ff334f,#c91f3b)!important;
  }
}

@media(max-width:390px){
  .cf-chathead{
    grid-template-columns:34px 34px minmax(0,1fr) 34px 34px!important;
    padding-left:6px!important;
    padding-right:6px!important;
  }

  #cfCompose.cf-compose,
  .cf-compose{
    grid-template-columns:30px 30px 30px 30px minmax(0,1fr) 38px!important;
    gap:4px!important;
    padding-left:6px!important;
    padding-right:6px!important;
  }

  #cfCompose .cf-compose-tool,
  #cfCompose .cf-emoji-wrap,
  #cfCompose .cf-emoji-wrap > .cf-compose-tool{
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
  }

  #cfComposer{
    height:38px!important;
    min-height:38px!important;
    max-height:38px!important;
  }

  .cf-send{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
  }
}

/* Estilo original: cf-swipe-conversa-pointer-20260904 */

.cf-conv{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
  touch-action:pan-y!important;
  user-select:none;
  -webkit-user-select:none;
}

/* \C1 rea vermelha atr\E1 s do card, igual ao SaldoX */
.cf-conv::after{
  content:'Cancelar';
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  width:112px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding-top:28px;
  background:linear-gradient(135deg,#ff5269,#df334d);
  color:#fff;
  font-size:10px;
  font-weight:900;
  letter-spacing:.01em;
  opacity:0;
  pointer-events:none;
  z-index:0;
  transition:opacity .10s ease;
}

.cf-conv::before{
  content:'\f1f8';
  font-family:'Font Awesome 6 Free';
  font-weight:900;
  position:absolute;
  right:47px;
  top:50%;
  transform:translateY(-68%);
  color:#fff;
  font-size:19px;
  opacity:0;
  z-index:1;
  pointer-events:none;
}

.cf-conv.cf-swipe-dragging::after,
.cf-conv.cf-swipe-ready::after,
.cf-conv.cf-swipe-canceling::after,
.cf-conv.cf-swipe-dragging::before,
.cf-conv.cf-swipe-ready::before,
.cf-conv.cf-swipe-canceling::before{
  opacity:1!important;
}

.cf-conv.cf-swipe-ready::after{
  background:linear-gradient(135deg,#ff3f59,#c9233f);
}

.cf-conv.cf-swipe-ready::before{
  content:'\f00d';
}

/* O conte\FA do do card fica por cima e desliza inteiro para a esquerda */
.cf-conv > *{
  position:relative!important;
  z-index:2!important;
}

.cf-conv.cf-swipe-dragging,
.cf-conv.cf-swipe-ready{
  will-change:transform;
  cursor:grabbing!important;
}

.cf-conv[data-conv-id]{
  cursor:grab;
}

.cf-conv.cf-swipe-canceling::after{
  content:'Cancelando...';
  padding-top:0;
}

.cf-conv.cf-swipe-canceling::before{
  display:none;
}

/* Estilo original: cf-swipe-conversa-elegante-final-20260904 */

/* Swipe mais elegante: a\E7 \E3 o vermelha fica POR CIMA de todo o conte\FA do do card */
.cf-conv{
  position:relative!important;
  overflow:hidden!important;
}

/* Painel de cancelamento */
.cf-conv::after{
  content:'Cancelar'!important;
  position:absolute!important;
  top:6px!important;
  right:6px!important;
  bottom:6px!important;
  width:96px!important;

  display:flex!important;
  align-items:flex-end!important;
  justify-content:center!important;

  padding:0 8px 13px!important;
  border-radius:15px!important;

  background:
    linear-gradient(145deg,rgba(255,92,112,.98),rgba(216,44,70,.98))!important;

  color:#fff!important;
  font-size:9px!important;
  font-weight:900!important;
  letter-spacing:.015em!important;

  box-shadow:
    0 10px 24px rgba(218,47,73,.24),
    inset 0 1px 0 rgba(255,255,255,.16)!important;

  opacity:0!important;
  transform:scale(.96)!important;
  transition:opacity .10s ease,transform .12s ease!important;

  pointer-events:none!important;
  z-index:80!important;
}

/* \CD cone em c\ED rculo, separado do texto */
.cf-conv::before{
  content:'\f1f8'!important;
  font-family:'Font Awesome 6 Free'!important;
  font-weight:900!important;

  position:absolute!important;
  right:36px!important;
  top:16px!important;

  width:30px!important;
  height:30px!important;
  border-radius:50%!important;

  display:grid!important;
  place-items:center!important;

  background:rgba(255,255,255,.16)!important;
  border:1px solid rgba(255,255,255,.18)!important;

  color:#fff!important;
  font-size:13px!important;

  opacity:0!important;
  transform:none!important;
  transition:opacity .10s ease,transform .12s ease!important;

  pointer-events:none!important;
  z-index:81!important;
}

/* Mostra a\E7 \E3 o */
.cf-conv.cf-swipe-dragging::after,
.cf-conv.cf-swipe-ready::after,
.cf-conv.cf-swipe-canceling::after,
.cf-conv.cf-swipe-dragging::before,
.cf-conv.cf-swipe-ready::before,
.cf-conv.cf-swipe-canceling::before{
  opacity:1!important;
}

.cf-conv.cf-swipe-dragging::after,
.cf-conv.cf-swipe-ready::after{
  transform:scale(1)!important;
}

/* Ao atingir o limite, deixa visualmente mais evidente */
.cf-conv.cf-swipe-ready::after{
  background:
    linear-gradient(145deg,#ff455f,#c91f3d)!important;
  box-shadow:
    0 12px 28px rgba(201,31,61,.32),
    inset 0 1px 0 rgba(255,255,255,.18)!important;
}

.cf-conv.cf-swipe-ready::before{
  content:'\f00d'!important;
  transform:scale(1.06)!important;
}

/* Durante o cancelamento */
.cf-conv.cf-swipe-canceling::after{
  content:'Cancelando...'!important;
  align-items:center!important;
  padding-bottom:0!important;
}

.cf-conv.cf-swipe-canceling::before{
  display:none!important;
}

/* Conte\FA do normal abaixo do bot\E3 o de a\E7 \E3 o */
.cf-conv > *{
  position:relative!important;
  z-index:2!important;
}

/* O painel fica acima de absolutamente tudo dentro do card */
.cf-conv.cf-swipe-dragging::after,
.cf-conv.cf-swipe-ready::after,
.cf-conv.cf-swipe-canceling::after{
  z-index:100!important;
}
.cf-conv.cf-swipe-dragging::before,
.cf-conv.cf-swipe-ready::before,
.cf-conv.cf-swipe-canceling::before{
  z-index:101!important;
}

@media(max-width:780px){
  .cf-conv::after{
    top:5px!important;
    right:5px!important;
    bottom:5px!important;
    width:90px!important;
    border-radius:13px!important;
    padding-bottom:11px!important;
  }

  .cf-conv::before{
    right:35px!important;
    top:14px!important;
    width:28px!important;
    height:28px!important;
    font-size:12px!important;
  }
}

/* Estilo original: cf-swipe-cancelar-finalizar-20260904 */

/* ===== Swipe contextual: Aguardando = Cancelar | Atendendo = Finalizar ===== */

/* Por padr\E3 o, Aguardando mant\E9 m o vermelho j\E1  aprovado */
.cf-conv[data-swipe-action="cancel"]::after,
.cf-conv:not([data-swipe-action])::after{
  content:'Cancelar'!important;
}

.cf-conv[data-swipe-action="cancel"]::before,
.cf-conv:not([data-swipe-action])::before{
  content:'\f1f8'!important; /* trash */
}

/* Em atendimento: verde, mesmo padr\E3 o visual */
.cf-conv[data-swipe-action="finish"]::after{
  content:'Finalizar'!important;
  background:
    linear-gradient(145deg,rgba(54,212,155,.98),rgba(23,166,116,.98))!important;

  box-shadow:
    0 10px 24px rgba(24,170,117,.22),
    inset 0 1px 0 rgba(255,255,255,.16)!important;
}

.cf-conv[data-swipe-action="finish"]::before{
  content:'\f00c'!important; /* check */
  background:rgba(255,255,255,.17)!important;
}

/* Quando passa do limite */
.cf-conv[data-swipe-action="finish"].cf-swipe-ready::after{
  background:
    linear-gradient(145deg,#2fd398,#149769)!important;
  box-shadow:
    0 12px 28px rgba(20,151,105,.30),
    inset 0 1px 0 rgba(255,255,255,.18)!important;
}

.cf-conv[data-swipe-action="finish"].cf-swipe-ready::before{
  content:'\f00c'!important;
  transform:scale(1.06)!important;
}

/* Estado final */
.cf-conv.cf-swipe-finishing::after{
  content:'Finalizando...'!important;
  align-items:center!important;
  padding-bottom:0!important;
  background:
    linear-gradient(145deg,#2fd398,#149769)!important;
}

.cf-conv.cf-swipe-finishing::before{
  display:none!important;
}

.cf-conv.cf-swipe-finishing::after{
  opacity:1!important;
  z-index:100!important;
}

/* Seguran\E7 a visual: status n\E3 o suportados n\E3 o exibem a\E7 \E3 o */
.cf-conv[data-swipe-action="none"]::after,
.cf-conv[data-swipe-action="none"]::before{
  display:none!important;
}

/* Estilo original: cf-header-action-buttons */

.cf-chathead .cf-header-action{height:38px!important;padding:0 12px!important;font-size:10px!important;white-space:nowrap}
.cf-detail-sec:has(button[onclick*="transferConversation"]) button[onclick*="transferConversation"],.cf-detail-sec:has(button[onclick*="transferConversation"]) button[onclick*="conversationMenu"]{display:none!important}
.cf-detail-sec:has(button[onclick*="transferConversation"]) button[onclick*="transferConversation"]+div,.cf-detail-sec:has(button[onclick*="transferConversation"]) button[onclick*="conversationMenu"]+div{display:none!important}

/* Estilo original: cf-header-action-layout */
.cf-chat-head-actions{display:flex;align-items:center;gap:7px;margin-left:auto}.cf-chat-head-actions .cf-header-action{height:38px!important;padding:0 11px!important;font-size:10px!important;white-space:nowrap}.cf-detail-sec:has(button[onclick*="transferConversation"]) button[onclick*="transferConversation"],.cf-detail-sec:has(button[onclick*="transferConversation"]) button[onclick*="conversationMenu"]{display:none!important}.cf-detail-sec:has(button[onclick*="transferConversation"]) button[onclick*="transferConversation"]+div,.cf-detail-sec:has(button[onclick*="transferConversation"]) button[onclick*="conversationMenu"]+div{display:none!important}
/* Estilo original: cf-tag-history-style */
.cf-tag-history{margin:0 0 12px;padding:10px;border:1px solid var(--line);border-radius:12px;background:rgba(127,127,127,.035)}.cf-tag-history-title{display:flex;align-items:center;gap:7px;font-size:9px;font-weight:800;color:var(--text);margin-bottom:8px;text-transform:uppercase}.cf-tag-history-list{display:grid;gap:7px}.cf-tag-history-row{display:grid;grid-template-columns:24px minmax(0,1fr);gap:8px}.cf-tag-history-icon{width:24px;height:24px;border-radius:8px;display:grid;place-items:center;background:rgba(107,140,255,.12);color:var(--tag-color,#6b8cff)}.cf-tag-history-row strong{font-size:9.5px;display:block}.cf-tag-history-row small{font-size:8px;color:var(--muted);display:block;margin-top:2px}.cf-tag-history-row em{font-style:normal;font-weight:800;color:var(--tag-color,#6b8cff)}.cf-tag-history-empty{font-size:8.5px;color:var(--muted)}
/* Estilo original: cf-live-timeline-style */

.cf-timeline{display:grid;gap:12px;max-height:320px;overflow-y:auto;overflow-x:hidden;padding:4px 4px 4px 0}
.cf-timeline-row{display:grid;grid-template-columns:24px minmax(0,1fr);gap:8px;position:relative;min-width:0}
.cf-timeline-row:not(:last-child)::before{content:"";position:absolute;left:11px;top:25px;bottom:-14px;width:1px;background:var(--line)}
.cf-timeline-dot{width:24px;height:24px;border-radius:8px;display:grid;place-items:center;font-size:9px;z-index:1}
.cf-timeline-dot.in{color:#71a8ff;background:rgba(70,139,255,.14)}
.cf-timeline-dot.out{color:#70dfb4;background:rgba(55,214,161,.14)}
.cf-timeline-row strong{display:block;font-size:9.5px}
.cf-timeline-row small{display:block;color:var(--muted);font-size:8px;margin-top:2px}
.cf-timeline-row p{margin:4px 0 0;color:var(--soft);font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cf-chat-head-actions{display:flex;align-items:center;gap:7px;margin-left:auto}
.cf-chat-head-actions .cf-header-action{height:38px!important;padding:0 11px!important;font-size:10px!important;white-space:nowrap}
.cf-chat-head-actions .cf-header-finish{color:#18b989;border-color:rgba(24,185,137,.35);background:rgba(24,185,137,.08)}

/* Estilo original: cf-timeline-fill-right-panel-20260907 */

/* ===== Painel lateral: linha do tempo ocupa TODO o espa\E7 o restante ===== */
@media (min-width:1181px){
  #cfDetail.cf-detail{
    display:flex !important;
    flex-direction:column !important;
    min-height:0 !important;
    height:100% !important;
    overflow:hidden !important;
  }

  #cfDetail > .cf-profile,
  #cfDetail > .cf-detail-sec:not(.cf-timeline-sec){
    flex:0 0 auto !important;
  }

  #cfDetail > .cf-timeline-sec{
    flex:1 1 auto !important;
    min-height:0 !important;
    display:flex !important;
    flex-direction:column !important;
    overflow:hidden !important;
    border-bottom:0 !important;
    padding-bottom:0 !important;
  }

  #cfDetail > .cf-timeline-sec > label{
    flex:0 0 auto !important;
  }

  #cfDetail .cf-timeline{
    flex:1 1 auto !important;
    min-height:0 !important;
    max-height:none !important;
    height:auto !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    padding:4px 4px 14px 0 !important;
    scrollbar-width:thin;
  }
}

/* Estilo original: cf-timeline-order-live-safe-20260907 */

.cf-timeline-sec > label{display:flex!important;align-items:center;justify-content:space-between;gap:8px}
.cf-timeline-title{display:inline-flex;align-items:center;gap:6px;min-width:0}
.cf-timeline-order{border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:8px;height:26px;padding:0 8px;display:inline-flex;align-items:center;gap:6px;font-size:8px;font-weight:700;letter-spacing:0;text-transform:none;cursor:pointer;white-space:nowrap;transition:background .16s ease,color .16s ease,border-color .16s ease,transform .16s ease}
.cf-timeline-order:hover{background:rgba(127,127,127,.08);color:var(--text)}
.cf-timeline-order:active{transform:scale(.98)}
.cf-timeline-order i{font-size:9px}
.cf-timeline-row.cf-timeline-new{animation:cfTimelineSoftIn .12s ease-out both}
@keyframes cfTimelineSoftIn{from{opacity:.82}to{opacity:1}}
@media (prefers-reduced-motion:reduce){.cf-timeline-row.cf-timeline-new{animation:none}}

/* Estilo original: cf-action-intelligent-nudge-20260907 */

/* ===== Lembrete inteligente de a\E7 \E3 o ap\F3 s nova mensagem recebida ===== */
.cf-action-nudge{
  flex:0 0 auto;
  margin:0 10px 8px;
  border:1px solid color-mix(in srgb,var(--purple) 34%,var(--line));
  border-radius:14px;
  background:
    linear-gradient(90deg,
      color-mix(in srgb,var(--purple) 10%,var(--panel)),
      color-mix(in srgb,var(--blue) 7%,var(--panel)));
  box-shadow:0 8px 24px rgba(55,70,130,.10);
  overflow:hidden;
  animation:cfActionNudgeIn .22s ease-out;
}
.cf-action-nudge-inner{
  min-height:48px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:8px 10px;
}
.cf-action-nudge-icon{
  width:31px;height:31px;flex:0 0 31px;
  display:grid;place-items:center;
  border-radius:10px;
  color:var(--purple);
  background:color-mix(in srgb,var(--purple) 13%,transparent);
}
.cf-action-nudge-copy{min-width:0;flex:1 1 auto}
.cf-action-nudge-copy strong{
  display:block;font-size:10px;color:var(--text);line-height:1.25
}
.cf-action-nudge-copy span{
  display:block;margin-top:2px;font-size:8.5px;color:var(--muted);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}
.cf-action-nudge-btn{
  height:30px;padding:0 10px;border:1px solid color-mix(in srgb,var(--purple) 34%,var(--line));
  border-radius:9px;background:color-mix(in srgb,var(--purple) 10%,var(--panel));
  color:var(--text);font-size:9px;font-weight:850;cursor:pointer;white-space:nowrap
}
.cf-action-nudge-btn:hover{border-color:var(--purple);color:var(--purple)}
.cf-action-nudge-close{
  width:28px;height:28px;flex:0 0 28px;border:0;border-radius:8px;
  background:transparent;color:var(--muted);cursor:pointer
}
.cf-action-nudge-close:hover{background:var(--panel2);color:var(--text)}

.cf-msg.cf-action-attention{
  position:relative;
  animation:cfActionMessageAttention 2.4s ease-out 1;
}
.cf-msg.cf-action-attention .cf-msg-bubble,
.cf-msg.cf-action-attention .cf-bubble{
  border-color:color-mix(in srgb,var(--purple) 48%,var(--line))!important;
  box-shadow:0 0 0 2px color-mix(in srgb,var(--purple) 10%,transparent),
             0 8px 26px rgba(84,77,180,.10)!important;
}
@keyframes cfActionNudgeIn{
  from{opacity:0;transform:translateY(5px)}
  to{opacity:1;transform:translateY(0)}
}
@keyframes cfActionMessageAttention{
  0%,100%{transform:none}
  22%{transform:translateY(-1px)}
}
@media(max-width:700px){
  .cf-action-nudge{margin:0 7px 7px}
  .cf-action-nudge-inner{gap:7px;padding:7px 8px}
  .cf-action-nudge-btn{padding:0 8px}
}

/* Estilo original: cf-action-suggestion-on-message-20260907 */

/* ===== Sugest\E3 o de a\E7 \E3 o diretamente na mensagem recebida ===== */
.cf-msg.in.cf-action-suggested{
  border-color:color-mix(in srgb,var(--purple) 42%,var(--line))!important;
  background:
    linear-gradient(90deg,
      color-mix(in srgb,var(--purple) 8%,var(--panel2)),
      var(--panel))!important;
  box-shadow:
    inset 3px 0 0 color-mix(in srgb,var(--purple) 72%,var(--blue)),
    0 7px 22px rgba(0,0,0,.10)!important;
}
.cf-action-msg-chip{
  display:flex;
  align-items:center;
  gap:5px;
  width:max-content;
  max-width:100%;
  margin:-1px 0 6px;
  padding:4px 7px;
  border:1px solid color-mix(in srgb,var(--purple) 32%,var(--line));
  border-radius:999px;
  background:color-mix(in srgb,var(--purple) 10%,transparent);
  color:color-mix(in srgb,var(--purple) 72%,var(--text));
  font-size:7.8px;
  font-weight:900;
  letter-spacing:.02em;
  cursor:pointer;
  user-select:none;
  transition:transform .15s ease,background .15s ease,border-color .15s ease;
}
.cf-action-msg-chip:hover{
  transform:translateY(-1px);
  background:color-mix(in srgb,var(--purple) 16%,transparent);
  border-color:color-mix(in srgb,var(--purple) 55%,var(--line));
}
.cf-action-msg-chip i{font-size:7.5px}
.cf-msg.cf-action-attention{
  animation:cfActionMessageGlow 2.2s ease-out 1!important;
}
@keyframes cfActionMessageGlow{
  0%{
    box-shadow:
      inset 3px 0 0 color-mix(in srgb,var(--purple) 82%,var(--blue)),
      0 0 0 0 color-mix(in srgb,var(--purple) 25%,transparent),
      0 7px 22px rgba(0,0,0,.10)
  }
  35%{
    box-shadow:
      inset 3px 0 0 color-mix(in srgb,var(--purple) 82%,var(--blue)),
      0 0 0 4px color-mix(in srgb,var(--purple) 10%,transparent),
      0 10px 28px rgba(84,77,180,.13)
  }
  100%{
    box-shadow:
      inset 3px 0 0 color-mix(in srgb,var(--purple) 72%,var(--blue)),
      0 7px 22px rgba(0,0,0,.10)
  }
}
html[data-theme=light] .cf-msg.in.cf-action-suggested{
  background:linear-gradient(90deg,#f5f0ff,#fff)!important;
  border-color:#d9c9ff!important;
}
@media (prefers-reduced-motion:reduce){
  .cf-msg.cf-action-attention{animation:none!important}
}

/* Estilo original: cf-smart-action-v2 */

.cf-msg.in.cf-action-possible{border-color:color-mix(in srgb,var(--blue) 35%,var(--line))!important;box-shadow:inset 3px 0 0 color-mix(in srgb,var(--blue) 60%,transparent)!important}
.cf-action-msg-chip.possible{color:var(--blue);border-color:color-mix(in srgb,var(--blue) 35%,var(--line));background:color-mix(in srgb,var(--blue) 9%,transparent)}

/* Estilo original: cf-timeline-no-empty-gap-20260908 */

@media (min-width:1181px){
  #cfDetail .cf-timeline{
    display:flex !important;
    flex-direction:column !important;
    justify-content:flex-start !important;
    align-content:flex-start !important;
    gap:12px !important;
  }
  #cfDetail .cf-timeline-row{
    flex:0 0 auto !important;
    min-height:0 !important;
    height:auto !important;
    margin:0 !important;
  }
}

/* Estilo original: cf-smart-action-consistent-highlight-20260908 */

.cf-msg.in.cf-action-suggested{
  border:1px solid color-mix(in srgb,var(--purple) 48%,var(--line))!important;
  background:linear-gradient(90deg,color-mix(in srgb,var(--purple) 11%,var(--panel)),var(--panel))!important;
  box-shadow:inset 4px 0 0 var(--purple),0 8px 24px rgba(80,72,170,.12)!important;
}
.cf-msg.in.cf-action-possible{
  border:1px solid color-mix(in srgb,var(--blue) 42%,var(--line))!important;
  background:linear-gradient(90deg,color-mix(in srgb,var(--blue) 9%,var(--panel)),var(--panel))!important;
  box-shadow:inset 4px 0 0 var(--blue),0 8px 22px rgba(60,110,180,.10)!important;
}

/* Estilo original: cf-action-highlight-immediate-20260908 */

.cf-msg.in.cf-action-possible,
.cf-msg.in.cf-action-suggested{
  position:relative;
  border-radius:12px!important;
}
.cf-msg.in.cf-action-possible{
  border:2px solid color-mix(in srgb,var(--blue) 58%,#b8d7ff)!important;
  background:linear-gradient(90deg,color-mix(in srgb,var(--blue) 7%,var(--panel)),var(--panel))!important;
  box-shadow:0 5px 18px rgba(56,124,220,.10)!important;
}
.cf-msg.in.cf-action-suggested{
  border:2px solid color-mix(in srgb,var(--purple) 58%,#d5c7ff)!important;
  background:linear-gradient(90deg,color-mix(in srgb,var(--purple) 8%,var(--panel)),var(--panel))!important;
  box-shadow:0 5px 18px rgba(95,75,210,.11)!important;
}
.cf-msg.in .cf-action-msg-chip{
  margin:0 0 5px 0!important;
  padding:3px 7px!important;
  min-height:20px;
  font-size:7.5px!important;
  line-height:1;
}

/* Estilo original: cf-actions-modal-polish-20260908 */

.cf-modal.cf-modal-actions{
  width:min(720px,100%)!important;
  max-height:min(88dvh,820px)!important;
}
.cf-modal.cf-modal-actions .cf-modal-body{
  padding:16px 18px 18px!important;
}
.cf-modal.cf-modal-actions .cf-action-toolbar{
  margin-bottom:14px!important;
  padding-bottom:12px;
  border-bottom:1px solid var(--line);
}
.cf-modal.cf-modal-actions .cf-action-toolbar .cf-inline-note{
  margin:0!important;
  font-size:9px;
  line-height:1.4;
}
.cf-modal.cf-modal-actions .cf-action-list{
  gap:10px!important;
}
.cf-modal.cf-modal-actions .cf-action-item{
  position:relative;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:stretch;
  gap:0!important;
  padding:0!important;
  border:1px solid var(--line)!important;
  border-radius:14px!important;
  background:var(--panel2)!important;
  overflow:hidden;
  transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease;
}
.cf-modal.cf-modal-actions .cf-action-item:hover{
  border-color:color-mix(in srgb,var(--blue) 30%,var(--line))!important;
  box-shadow:0 8px 24px rgba(20,35,70,.08);
}
.cf-modal.cf-modal-actions .cf-action-item > .cf-action-content{
  min-width:0;
  padding:12px 14px 13px;
}
.cf-modal.cf-modal-actions .cf-action-item-head{
  display:flex;
  align-items:center;
  gap:7px!important;
  flex-wrap:wrap;
  margin-bottom:5px;
}
.cf-modal.cf-modal-actions .cf-action-item-head strong{
  font-size:12px!important;
  line-height:1.35;
  color:var(--text);
  margin-right:2px;
}
.cf-modal.cf-modal-actions .cf-action-chip{
  padding:4px 7px!important;
  font-size:7.7px!important;
  letter-spacing:.35px!important;
}
.cf-modal.cf-modal-actions .cf-action-meta{
  display:flex;
  align-items:center;
  gap:5px;
  margin-top:3px!important;
  font-size:8.8px!important;
  line-height:1.4;
}
.cf-modal.cf-modal-actions .cf-action-desc{
  margin-top:9px!important;
  padding:8px 10px;
  border-radius:9px;
  background:color-mix(in srgb,var(--panel) 66%,transparent);
  font-size:9.6px!important;
  line-height:1.45;
}
.cf-modal.cf-modal-actions .cf-action-origin{
  position:relative;
  margin-top:9px!important;
  padding:8px 10px 8px 27px!important;
  border-left:0!important;
  border-radius:9px;
  background:color-mix(in srgb,var(--purple) 7%,var(--panel));
  color:var(--muted)!important;
  font-size:8.8px!important;
  line-height:1.45;
  white-space:normal;
  word-break:break-word;
}
.cf-modal.cf-modal-actions .cf-action-origin::before{
  content:"\f10d";
  font-family:"Font Awesome 6 Free";
  font-weight:900;
  position:absolute;
  left:10px;
  top:9px;
  color:var(--purple);
  opacity:.8;
  font-size:8px;
}
.cf-modal.cf-modal-actions .cf-action-buttons{
  width:48px;
  padding:9px 8px;
  border-left:1px solid var(--line);
  display:flex!important;
  flex-direction:column;
  align-items:center!important;
  justify-content:center;
  gap:7px!important;
  background:color-mix(in srgb,var(--panel) 55%,transparent);
}
.cf-modal.cf-modal-actions .cf-action-buttons button{
  width:32px!important;
  height:32px!important;
  flex:0 0 32px;
  border-radius:9px!important;
}
.cf-modal.cf-modal-actions .cf-action-buttons button:first-child:hover{
  color:var(--green)!important;
  border-color:color-mix(in srgb,var(--green) 45%,var(--line))!important;
  background:color-mix(in srgb,var(--green) 8%,var(--panel))!important;
}
.cf-modal.cf-modal-actions .cf-action-buttons button:last-child:hover{
  color:var(--red)!important;
  border-color:color-mix(in srgb,var(--red) 45%,var(--line))!important;
  background:color-mix(in srgb,var(--red) 8%,var(--panel))!important;
}
.cf-modal.cf-modal-actions .cf-modal-foot .cf-btn:not(.primary){
  display:none!important;
}
.cf-modal.cf-modal-actions .cf-modal-foot .cf-btn.primary{
  min-width:92px;
}
@media(max-width:620px){
  .cf-modal.cf-modal-actions .cf-action-toolbar{
    align-items:flex-start;
    flex-direction:column;
  }
  .cf-modal.cf-modal-actions .cf-action-toolbar .cf-btn{
    width:100%;
    justify-content:center;
  }
}

/* Estilo original: cf-chat-switch-micro-loader-20260908 */

/* Micro feedback visual ao trocar de conversa.
   N\E3 o bloqueia, n\E3 o esconde mensagens e n\E3 o interfere no carregamento r\E1 pido. */
.cf-chat-switch-pulse{
  position:absolute;
  left:50%;
  top:76px;
  transform:translateX(-50%) translateY(-3px);
  z-index:35;
  display:flex;
  align-items:center;
  gap:7px;
  padding:6px 9px;
  border:1px solid var(--line);
  border-radius:999px;
  background:color-mix(in srgb,var(--panel) 92%,transparent);
  color:var(--muted);
  box-shadow:0 8px 22px rgba(0,0,0,.10);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  font-size:8.5px;
  font-weight:800;
  pointer-events:none;
  opacity:0;
  visibility:hidden;
  transition:opacity .08s ease, transform .08s ease, visibility .08s ease;
}
.cf-chat-switch-pulse.show{
  opacity:0!important;
  visibility:visible;
  transform:translateX(-50%) translateY(0);
}
.cf-chat-switch-pulse .dot{
  width:10px;
  height:10px;
  border:2px solid rgba(120,135,160,.20);
  border-top-color:var(--blue);
  border-radius:50%;
  animation:spin .55s linear infinite;
}
html[data-theme=light] .cf-chat-switch-pulse{
  background:rgba(255,255,255,.96);
  border-color:#dfe6ef;
  box-shadow:0 8px 20px rgba(35,52,80,.10);
}
@media(max-width:780px){
  .cf-chat-switch-pulse{
    top:74px;
    padding:5px 8px;
    font-size:8px;
  }
}

/* Estilo original: cf-contact-display-highlight-20260908 */

/* Nome de exibi\E7 \E3 o mais evidente no cadastro de contato. */
.cf-contact-display-field{
  grid-column:auto!important;
  margin:12px 0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
}
.cf-contact-display-field>label{
  display:block!important;
  color:var(--blue)!important;
  font-size:9px!important;
  font-weight:700!important;
  text-align:left!important;
  margin-bottom:6px!important;
}
.cf-contact-display-field>label:before{
  content:none!important;
}
.cf-contact-display-field input{
  background:var(--panel)!important;
  border-color:rgba(37,140,255,.45)!important;
  box-shadow:0 0 0 2px rgba(37,140,255,.035)!important;
  text-align:left!important;
}
.cf-contact-display-field input:focus{
  border-color:rgba(37,140,255,.62)!important;
  box-shadow:0 0 0 3px rgba(37,140,255,.08)!important;
}
html[data-theme=light] .cf-contact-display-field{
  background:transparent!important;
  border-color:transparent!important;
}
@media(max-width:700px){
  .cf-contact-display-field{grid-column:1/-1!important}
}

/* Estilo original: cf-reminder-global-header-20260908 */

.cf-reminder-header-slot{
  display:flex;
  align-items:center;
  flex:0 0 auto;
  position:relative;
}
#cfReminderRoot.cf-reminder-header{
  position:relative!important;
  inset:auto!important;
  z-index:120!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
}
#cfReminderRoot.cf-reminder-header .cf-rem-bell{
  float:none!important;
  height:38px!important;
  padding:0 11px!important;
  border-radius:10px!important;
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
  white-space:nowrap!important;
  box-shadow:none!important;
}
#cfReminderRoot.cf-reminder-header .cf-rem-panel{
  position:absolute!important;
  top:46px!important;
  right:0!important;
  bottom:auto!important;
  z-index:10000!important;
}
@media(max-width:780px){
  #cfReminderRoot.cf-reminder-header .cf-rem-bell span{display:none!important}
  #cfReminderRoot.cf-reminder-header .cf-rem-bell{width:38px!important;padding:0!important;justify-content:center!important}
}

/* Estilo original: cf-swipe-confirm-20260908 */

.cf-swipe-action,
.cf-conv-swipe-action{
  border-radius:14px!important;
  box-shadow:0 8px 22px rgba(16,24,40,.12)!important;
  font-weight:800!important;
  letter-spacing:.01em!important;
}
.cf-swipe-action i,
.cf-conv-swipe-action i{
  width:28px!important;
  height:28px!important;
  border-radius:9px!important;
  display:grid!important;
  place-items:center!important;
  background:rgba(255,255,255,.20)!important;
}
.cf-swipe-action.finalize,
.cf-conv-swipe-action.finalize{
  background:linear-gradient(135deg,#20c997,#12b886)!important;
}
.cf-swipe-action.cancel,
.cf-conv-swipe-action.cancel{
  background:linear-gradient(135deg,#ff6b6b,#fa5252)!important;
}

/* modal leve e consistente com o restante do ConectFlow */
.cf-confirm-overlay{
  position:fixed;
  inset:0;
  z-index:20000;
  background:rgba(15,23,42,.22);
  backdrop-filter:blur(5px);
  display:grid;
  place-items:center;
  padding:18px;
}
.cf-confirm-card{
  width:min(390px,calc(100vw - 30px));
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:20px;
  box-shadow:0 22px 70px rgba(15,23,42,.22);
  padding:20px;
}
.cf-confirm-icon{
  width:42px;height:42px;border-radius:13px;
  display:grid;place-items:center;
  margin-bottom:14px;font-size:16px;
}
.cf-confirm-icon.finalize{background:rgba(32,201,151,.13);color:#12b886}
.cf-confirm-icon.cancel{background:rgba(250,82,82,.12);color:#fa5252}
.cf-confirm-title{font-size:15px;font-weight:900;color:var(--text);margin-bottom:6px}
.cf-confirm-text{font-size:10px;line-height:1.55;color:var(--muted);margin-bottom:18px}
.cf-confirm-actions{display:flex;justify-content:flex-end;gap:9px}
.cf-confirm-btn{
  height:38px;padding:0 15px;border-radius:11px;border:1px solid var(--line);
  background:var(--panel);color:var(--text);font-size:10px;font-weight:800;cursor:pointer
}
.cf-confirm-btn.primary.finalize{
  border-color:transparent;background:linear-gradient(135deg,#20c997,#12b886);color:white
}
.cf-confirm-btn.primary.cancel{
  border-color:transparent;background:linear-gradient(135deg,#ff6b6b,#fa5252);color:white
}

/* Estilo original: cf-swipe-color-toast-confirm-20260908 */

/* Sem bot\E3 o lateral: a pr\F3 pria conversa muda de cor durante o gesto. */
.cf-conv.cf-swipe-dragging::before,
.cf-conv.cf-swipe-ready::before{
  display:none!important;
}

.cf-conv.cf-swipe-dragging::after,
.cf-conv.cf-swipe-ready::after{
  content:''!important;
  inset:0!important;
  width:auto!important;
  top:0!important;
  right:0!important;
  bottom:0!important;
  left:0!important;
  padding:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  transform:none!important;
  opacity:1!important;
  z-index:1!important;
}

/* Aguardando -> cancelar = vermelho */
.cf-conv[data-swipe-action="cancel"].cf-swipe-dragging::after,
.cf-conv[data-swipe-action="cancel"].cf-swipe-ready::after{
  background:rgba(250,82,82,.16)!important;
  box-shadow:inset 4px 0 0 #fa5252!important;
}

/* Em atendimento -> finalizar = verde */
.cf-conv[data-swipe-action="finish"].cf-swipe-dragging::after,
.cf-conv[data-swipe-action="finish"].cf-swipe-ready::after{
  background:rgba(32,201,151,.16)!important;
  box-shadow:inset 4px 0 0 #12b886!important;
}

/* Se voltar o gesto, reset() remove as classes e a cor some. */
.cf-conv > *{
  position:relative!important;
  z-index:2!important;
}

/* Toast de confirma\E7 \E3 o */
.cf-swipe-confirm-toast{
  position:fixed;
  top:82px;
  left:50%;
  transform:translateX(-50%);
  z-index:25000;
  width:min(430px,calc(100vw - 28px));
  display:flex;
  align-items:center;
  gap:12px;
  padding:12px 13px;
  border:1px solid var(--line);
  border-radius:15px;
  background:var(--panel);
  box-shadow:0 16px 48px rgba(15,23,42,.20);
  animation:cfSwipeConfirmIn .16s ease-out;
}
@keyframes cfSwipeConfirmIn{
  from{opacity:0;transform:translate(-50%,-8px)}
  to{opacity:1;transform:translate(-50%,0)}
}
.cf-swipe-confirm-icon{
  width:34px;height:34px;border-radius:10px;
  display:grid;place-items:center;flex:0 0 auto;
}
.cf-swipe-confirm-icon.finish{background:rgba(32,201,151,.13);color:#12b886}
.cf-swipe-confirm-icon.cancel{background:rgba(250,82,82,.12);color:#fa5252}
.cf-swipe-confirm-copy{min-width:0;flex:1}
.cf-swipe-confirm-title{font-size:10.5px;font-weight:900;color:var(--text);margin-bottom:2px}
.cf-swipe-confirm-text{font-size:8.7px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cf-swipe-confirm-actions{display:flex;gap:7px;flex:0 0 auto}
.cf-swipe-confirm-btn{
  height:32px;padding:0 10px;border-radius:9px;border:1px solid var(--line);
  background:var(--panel);color:var(--text);font-size:9px;font-weight:800;cursor:pointer
}
.cf-swipe-confirm-btn.primary.finish{background:#12b886;color:#fff;border-color:#12b886}
.cf-swipe-confirm-btn.primary.cancel{background:#fa5252;color:#fff;border-color:#fa5252}

/* Estilo original: cf-contact-bulk-delete-20260909 */

.cf-contact-bulkbar{min-height:52px;padding:8px 12px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--panel2)}
.cf-contact-bulk-info{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:10px}.cf-contact-bulk-info i{font-size:14px}.cf-contact-bulkbar.has-selection .cf-contact-bulk-info{color:var(--text)}
.cf-contact-bulk-delete{min-height:34px!important;color:var(--red)!important;border-color:rgba(255,97,118,.25)!important;background:rgba(255,97,118,.07)!important}
.cf-contact-bulk-delete:not(:disabled):hover{color:#fff!important;background:var(--red)!important;border-color:var(--red)!important}.cf-contact-bulk-delete:disabled{opacity:.42;cursor:not-allowed}
.cf-contact-check-col{width:42px!important;min-width:42px!important;padding-left:14px!important;padding-right:6px!important;text-align:center!important}
.cf-contact-check{width:20px;height:20px;display:inline-grid;place-items:center;cursor:pointer;position:relative}.cf-contact-check input{position:absolute;opacity:0;pointer-events:none}
.cf-contact-check span{width:17px;height:17px;border:1px solid var(--line);border-radius:5px;background:var(--panel);display:grid;place-items:center;transition:.14s}
.cf-contact-check input:checked+span,.cf-contact-check input:indeterminate+span{background:var(--blue);border-color:var(--blue)}
.cf-contact-check input:checked+span:after{content:'\2713';color:#fff;font-size:11px;font-weight:900;line-height:1}.cf-contact-check input:indeterminate+span:after{content:'';width:8px;height:2px;border-radius:2px;background:#fff}
.cf-contact-table tbody tr.cf-contact-selected td{background:rgba(37,140,255,.055)}.cf-contact-table tbody tr.cf-contact-selected td:first-child{box-shadow:inset 3px 0 var(--blue)}
html[data-theme=light] .cf-contact-bulkbar{background:#f7f9fc}.cf-contact-table .cf-contact-check:focus-within span{box-shadow:0 0 0 3px rgba(37,140,255,.12)}
@media(max-width:780px){.cf-contact-bulkbar{position:sticky;left:0;min-width:650px}.cf-contact-bulk-delete{margin-right:8px}}

/* Estilo original: cf-professional-ui-20260908 */

/* Refinamento visual institucional: reduz efeitos decorativos sem alterar estrutura ou comportamento. */
:root{
  --shadow:0 12px 30px rgba(0,0,0,.18);
  --r:14px;
}

/* Superficies mais solidas e previsiveis */
.cf-shell,.cf-chat{background:var(--bg)!important}
.cf-rail,.cf-top,.cf-chathead,.cf-mobilebar{
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.cf-rail{background:var(--bg2)!important}
.cf-top{background:var(--bg)!important}
.cf-chathead,.cf-mobilebar{background:var(--panel)!important}

/* Hierarquia visual consistente */
.cf-hero{
  border-radius:14px!important;
  background:var(--panel)!important;
  border-left:3px solid var(--blue)!important;
  box-shadow:none!important;
}
.cf-hero:after{display:none!important}
.cf-kpi,.cf-card,.cf-struct,.cf-setting-card,.cf-tablewrap{
  border-radius:12px!important;
  box-shadow:none!important;
}
.cf-kpi-top span:last-child,.cf-title-icon,.cf-struct-icon{
  border-radius:8px!important;
}

/* Cor da marca reservada para acao e selecao */
.cf-btn.primary,.cf-send,.cf-plan-pay,.cf-confirm-btn.primary,
.cf-unread,.cf-inbox-lane.active .cf-inbox-lane-count{
  background:var(--blue)!important;
  color:#fff!important;
  box-shadow:none!important;
}
.cf-navbtn.active{
  color:#fff!important;
  background:rgba(37,140,255,.16)!important;
  box-shadow:inset 0 0 0 1px rgba(37,140,255,.24)!important;
}
.cf-navbtn.active:after{background:var(--blue)!important}
.cf-brandmark{box-shadow:none!important}

/* Controles com desenho de produto, sem efeito de vitrine */
.cf-btn,.cf-icon,.cf-mini,.cf-modal-close,.cf-search input,
.cf-compose textarea,.cf-field input,.cf-field select,.cf-field textarea,
.cf-inbox-sector,.cf-tab,.cf-inbox-nav-btn{
  border-radius:9px!important;
  box-shadow:none!important;
}
.cf-btn,.cf-icon,.cf-mini,.cf-modal-close,.cf-tab,.cf-inbox-nav-btn{
  transition:background-color .14s,border-color .14s,color .14s!important;
}
.cf-btn:hover,.cf-icon:hover,.cf-mini:hover,.cf-modal-close:hover{
  border-color:rgba(37,140,255,.32)!important;
}
.cf-chip,.cf-tag,.cf-status,.cf-conv-state,.cf-sector-chip,
.cf-bot-state,.cf-plan-badge{box-shadow:none!important}

/* Conversas: aparencia limpa e focada no conteudo */
.cf-conv.active{
  background:rgba(37,140,255,.09)!important;
  box-shadow:inset 3px 0 var(--blue)!important;
}
.cf-msg{box-shadow:none!important;border-radius:12px!important}
.cf-msg.in{border-bottom-left-radius:4px!important}
.cf-msg.out{
  background:#27364f!important;
  border-color:rgba(132,157,202,.22)!important;
  border-bottom-right-radius:4px!important;
  box-shadow:none!important;
}
.cf-compose{box-shadow:none!important}

/* Modais, avisos e menus mais discretos */
.cf-modal-back,.cf-confirm-back{
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.cf-modal,.cf-confirm-card,.cf-toast,.cf-msg-menu,
.cf-reaction-picker,.cf-reaction-all,.cf-loader-card{
  border-radius:12px!important;
  box-shadow:0 16px 40px rgba(0,0,0,.28)!important;
}
.cf-confirm-card{background:var(--panel)!important}
.cf-company-global,.cf-company-branding-preview{
  background:var(--panel)!important;
  box-shadow:none!important;
  border-radius:11px!important;
}
.cf-company-global:hover{transform:translate(-50%,-50%)!important;box-shadow:none!important}

/* Splash institucional: mantem o carregamento, remove ornamentos genericos. */
#cf-form-splash{background:var(--bg)!important}
.cf-fs-rings,.cf-fs-glow,.cf-fs-orbit,.cf-fs-wave,
.cf-fs-wave1,.cf-fs-wave2,.cf-fs-wave3,.cf-fs-sidearc{display:none!important}
.cf-fs-progress{height:6px!important;background:var(--panel2)!important;box-shadow:none!important}
.cf-fs-progress>span{background:var(--blue)!important;box-shadow:none!important}
.cf-fs-icon{box-shadow:none!important;border-radius:10px!important}

/* Tema claro: mesma linguagem, sem excesso de sombras ou degrad\EA s. */
html[data-theme=light] .cf-shell,
html[data-theme=light] .cf-top,
html[data-theme=light] .cf-chat{background:#f5f7fa!important}
html[data-theme=light] .cf-rail,
html[data-theme=light] .cf-chathead,
html[data-theme=light] .cf-mobilebar{background:#fff!important}
html[data-theme=light] .cf-hero,
html[data-theme=light] .cf-kpi,
html[data-theme=light] .cf-card,
html[data-theme=light] .cf-struct,
html[data-theme=light] .cf-setting-card,
html[data-theme=light] .cf-tablewrap{background:#fff!important;box-shadow:none!important}
html[data-theme=light] .cf-msg.out{
  background:#e8f1fc!important;
  color:#20324c!important;
  border-color:#cbd9eb!important;
}
html[data-theme=light] #cf-form-splash{background:#f7f9fc!important}

@media(max-width:780px){
  .cf-hero{border-radius:12px!important}
  .cf-modal,.cf-confirm-card{border-radius:12px!important}
}

/* Estilo original: cf-splash-conectclinic-style-20261007 */

#cf-form-splash{
  --cf-fs-bg:#f6f9ff;
  --cf-fs-panel:rgba(255,255,255,.78);
  --cf-fs-panel2:rgba(255,255,255,.54);
  --cf-fs-text:#15233b;
  --cf-fs-muted:#66748c;
  --cf-fs-line:rgba(72,102,150,.14);
  --cf-fs-blue:#258cff;
  --cf-fs-purple:#7955ff;
  background:
    linear-gradient(180deg,rgba(255,255,255,.78),rgba(255,255,255,.34)),
    radial-gradient(circle at 18% 18%,rgba(37,140,255,.14),transparent 30%),
    radial-gradient(circle at 82% 32%,rgba(121,85,255,.12),transparent 28%),
    linear-gradient(145deg,#f4f8ff 0%,#ffffff 48%,#f6f2ff 100%)!important;
  color:var(--cf-fs-text)!important;
}
#cf-form-splash:before{
  content:"";position:absolute;inset:18px;border:1px solid rgba(92,118,164,.10);
  border-radius:30px;pointer-events:none;
}
#cf-form-splash:after{
  content:"";position:absolute;inset:0;opacity:.42;pointer-events:none;
  background-image:
    linear-gradient(rgba(75,105,150,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(75,105,150,.055) 1px,transparent 1px);
  background-size:46px 46px;
  mask-image:radial-gradient(circle at 50% 44%,transparent 0 210px,#000 430px);
}
#cf-form-splash .cf-fs-rings,
#cf-form-splash .cf-fs-orbit,
#cf-form-splash .cf-fs-sidearc{display:block!important}
#cf-form-splash .cf-fs-rings{
  left:calc(50% - 390px);top:calc(50% - 260px);width:190px;height:190px;
  border-color:rgba(37,140,255,.10);opacity:.9;
}
#cf-form-splash .cf-fs-rings:before{inset:28px;border-color:rgba(121,85,255,.10)}
#cf-form-splash .cf-fs-rings:after{inset:58px;border-color:rgba(37,140,255,.09)}
#cf-form-splash .cf-fs-orbit{
  width:min(76vw,760px);height:min(76vw,760px);top:48%;
  border-color:rgba(37,140,255,.065);
}
#cf-form-splash .cf-fs-orbit:before{border-color:rgba(121,85,255,.06)}
#cf-form-splash .cf-fs-orbit:after{border-color:rgba(37,140,255,.055);animation:cfFsSpin 46s linear infinite}
#cf-form-splash .cf-fs-sidearc{
  right:calc(50% - 500px);bottom:calc(50% - 285px);width:230px;height:230px;
  border-color:rgba(121,85,255,.10);opacity:.85;
}
#cf-form-splash .cf-fs-sidearc:before{inset:34px;border-color:rgba(37,140,255,.09)}
#cf-form-splash .cf-fs-sidearc:after{inset:72px;border-color:rgba(121,85,255,.08)}
#cf-form-splash .cf-fs-dots{
  display:block!important;opacity:.42;width:145px;height:70px;
  background-image:radial-gradient(circle,var(--cf-fs-purple) 1.7px,transparent 2.1px);
  background-size:19px 19px;
}
#cf-form-splash .cf-fs-dots.top{right:7%;top:8%}
#cf-form-splash .cf-fs-dots.bottom{left:5%;bottom:13%}
#cf-form-splash .cf-fs-glow{
  display:block!important;width:7px;height:7px;background:#fff;
  box-shadow:0 0 0 7px rgba(37,140,255,.08),0 0 28px 9px rgba(121,85,255,.18);
}
#cf-form-splash .cf-fs-center{
  width:min(92vw,760px);padding:34px 44px 42px!important;border:1px solid var(--cf-fs-line);
  border-radius:28px;background:linear-gradient(180deg,var(--cf-fs-panel),var(--cf-fs-panel2));
  box-shadow:0 28px 80px rgba(36,57,102,.14);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
}
#cf-form-splash .cf-fs-center:before{
  content:"CONECTCHAT";display:inline-flex;margin:0 auto 18px;padding:7px 12px;border-radius:999px;
  background:rgba(37,140,255,.08);border:1px solid rgba(37,140,255,.13);
  color:var(--cf-fs-blue);font-size:10px;font-weight:900;letter-spacing:.18em;
}
#cf-form-splash .cf-fs-logo,
#cf-form-splash .cf-fs-logo-light,
#cf-form-splash .cf-fs-logo-dark{
  width:clamp(280px,31vw,460px)!important;max-width:78vw!important;margin:0 auto 20px!important;
  filter:drop-shadow(0 14px 26px rgba(40,67,128,.10))!important;
}
#cf-form-splash .cf-fs-features{gap:12px;margin:4px auto 22px!important}
#cf-form-splash .cf-fs-feature{
  width:104px;color:var(--cf-fs-muted)!important;font-size:10px!important;font-weight:760!important;
}
#cf-form-splash .cf-fs-icon{
  width:42px!important;height:42px!important;border-radius:14px!important;
  background:rgba(255,255,255,.82)!important;border:1px solid rgba(85,111,160,.14)!important;
  color:var(--cf-fs-blue)!important;box-shadow:0 10px 24px rgba(37,70,130,.08)!important;
}
#cf-form-splash .cf-fs-sep{height:38px;background:linear-gradient(transparent,rgba(103,121,164,.18),transparent)!important}
#cf-form-splash .cf-fs-progress{
  width:min(430px,70vw)!important;height:8px!important;background:rgba(82,107,150,.13)!important;
  border:1px solid rgba(82,107,150,.08);box-shadow:inset 0 1px 3px rgba(30,45,80,.05)!important;
}
#cf-form-splash .cf-fs-progress>span{
  background:linear-gradient(90deg,var(--cf-fs-blue),#536cff,var(--cf-fs-purple))!important;
  box-shadow:0 0 20px rgba(83,108,255,.25)!important;
}
#cf-form-splash .cf-fs-status{color:var(--cf-fs-text)!important;font-size:11px!important;font-weight:760!important}
#cf-form-splash .cf-fs-version{bottom:28px!important;color:rgba(80,97,126,.62)!important;font-size:11px!important}
html[data-theme=dark] #cf-form-splash{
  --cf-fs-bg:#080d18;--cf-fs-panel:rgba(17,25,41,.82);--cf-fs-panel2:rgba(14,20,34,.66);
  --cf-fs-text:#edf4ff;--cf-fs-muted:#a4b0c4;--cf-fs-line:rgba(148,163,184,.14);
  background:
    radial-gradient(circle at 18% 18%,rgba(37,140,255,.16),transparent 30%),
    radial-gradient(circle at 82% 35%,rgba(121,85,255,.14),transparent 28%),
    linear-gradient(145deg,#080d18 0%,#0d1422 48%,#141126 100%)!important;
}
html[data-theme=dark] #cf-form-splash:before{border-color:rgba(148,163,184,.10)}
html[data-theme=dark] #cf-form-splash:after{
  opacity:.30;background-image:
    linear-gradient(rgba(148,163,184,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(148,163,184,.055) 1px,transparent 1px);
}
html[data-theme=dark] #cf-form-splash .cf-fs-center{
  box-shadow:0 34px 90px rgba(0,0,0,.34);
}
html[data-theme=dark] #cf-form-splash .cf-fs-center:before{
  background:rgba(37,140,255,.10);border-color:rgba(120,152,255,.18);color:#8fbfff;
}
html[data-theme=dark] #cf-form-splash .cf-fs-icon{
  background:rgba(24,34,53,.88)!important;border-color:rgba(148,163,184,.16)!important;
  color:#8fbfff!important;box-shadow:none!important;
}
html[data-theme=dark] #cf-form-splash .cf-fs-progress{
  background:rgba(148,163,184,.13)!important;border-color:rgba(148,163,184,.09);
}
@media(max-width:780px){
  #cf-form-splash:before{inset:10px;border-radius:22px}
  #cf-form-splash .cf-fs-center{width:min(92vw,440px);padding:28px 18px 32px!important;border-radius:22px}
  #cf-form-splash .cf-fs-center:before{margin-bottom:14px;font-size:9px}
  #cf-form-splash .cf-fs-logo,
  #cf-form-splash .cf-fs-logo-light,
  #cf-form-splash .cf-fs-logo-dark{width:min(76vw,330px)!important;margin-bottom:16px!important}
  #cf-form-splash .cf-fs-features{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 8px!important}
  #cf-form-splash .cf-fs-feature{width:auto!important}
  #cf-form-splash .cf-fs-sep{display:none!important}
  #cf-form-splash .cf-fs-dots,#cf-form-splash .cf-fs-rings,#cf-form-splash .cf-fs-sidearc{display:none!important}
  #cf-form-splash .cf-fs-version{bottom:16px!important}
}
@media(prefers-reduced-motion:reduce){
  #cf-form-splash .cf-fs-orbit:after,
  #cf-form-splash .cf-fs-glow,
  #cf-form-splash .cf-fs-progress>span{animation:none!important}
}

/* Estilo original: cf-conectchat-brand-style */

.cf-brandmark.cf-conectchat-mark{display:flex!important;align-items:center!important;justify-content:center!important;overflow:visible!important;padding:0!important}
.cf-brandmark.cf-conectchat-mark svg{width:34px!important;height:34px!important;display:block!important;overflow:visible}
.cf-conectchat-mark .cc-bubble{fill:none;stroke:#fff;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}
.cf-conectchat-mark .cc-c{fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round}
.cf-conectchat-mark .cc-line{fill:none;stroke:#fff;stroke-width:2.6;stroke-linecap:round}

/* Estilo original: cf-inbox-compact-dark-fix */

/* Inbox: filtros mais compactos para devolver altura \E0  lista de conversas */
.cf-inbox-tools{padding:10px 10px 7px!important}
.cf-inbox-nav{margin-bottom:7px!important}
.cf-inbox-controls{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:6px!important;
  padding:5px!important;
  border-radius:10px!important;
}
.cf-inbox-searchrow{grid-column:1/-1!important}
.cf-inbox-sector,
.cf-inbox-tag-trigger{
  width:100%!important;
  height:32px!important;
  min-height:32px!important;
  padding:0 9px!important;
  border-radius:9px!important;
  font-size:8.7px!important;
  line-height:32px!important;
}
.cf-inbox-tag-trigger{line-height:normal!important}
.cf-inbox-tag-trigger #cfInboxTagLabel{font-size:8.7px!important}
.cf-inbox-lanes{margin-top:7px!important}
.cf-inbox-hint{margin-top:5px!important}

/* Tema escuro: campos leg\ED veis e coerentes com o painel */
html:not([data-theme="light"]) .cf-inbox-controls{
  background:linear-gradient(180deg,rgba(37,140,255,.055),rgba(121,85,255,.025))!important;
  border-color:rgba(92,164,255,.22)!important;
}
html:not([data-theme="light"]) .cf-inbox-sector,
html:not([data-theme="light"]) .cf-inbox-tag-trigger{
  background:#151d2a!important;
  color:#eaf2ff!important;
  border-color:#33445d!important;
  -webkit-text-fill-color:#eaf2ff!important;
  color-scheme:dark;
}
html:not([data-theme="light"]) .cf-inbox-sector option{
  background:#151d2a!important;
  color:#f2f6fc!important;
}
html:not([data-theme="light"]) .cf-inbox-sector:hover,
html:not([data-theme="light"]) .cf-inbox-tag-trigger:hover{
  background:#192438!important;
  border-color:#4b78aa!important;
}
html:not([data-theme="light"]) .cf-inbox-sector:focus,
html:not([data-theme="light"]) .cf-inbox-tag-trigger:focus{
  background:#192438!important;
  border-color:#268cff!important;
  box-shadow:0 0 0 2px rgba(38,140,255,.16)!important;
}
html:not([data-theme="light"]) .cf-inbox-tag-trigger #cfInboxTagLabel,
html:not([data-theme="light"]) .cf-inbox-tag-trigger i{color:#dce8f8!important}
html:not([data-theme="light"]) .cf-inbox-tag-menu{
  background:#111925!important;
  border-color:#2d3b50!important;
}
html:not([data-theme="light"]) .cf-inbox-tag-option{color:#e8eff9!important}
html:not([data-theme="light"]) .cf-inbox-tag-option:hover{background:#192438!important}

/* Progresso real de anexos; confirmacao do WhatsApp e separada do upload. */
.cf-upload-progress{margin-top:10px;padding:9px 10px;border:1px solid rgba(69,111,174,.2);border-radius:9px;background:rgba(255,255,255,.7);font-size:11px;color:#29456b;min-width:180px;max-width:100%}
.cf-upload-progress-copy{display:flex;gap:12px;justify-content:space-between;align-items:center;margin-bottom:6px}.cf-upload-stage{overflow-wrap:anywhere}.cf-upload-percent{font-weight:700;flex-shrink:0;font-variant-numeric:tabular-nums}
.cf-upload-track{height:5px;border-radius:6px;background:rgba(69,111,174,.15);overflow:hidden}.cf-upload-fill{display:block;height:100%;background:#2688ff;border-radius:6px;transition:width .15s linear}.cf-upload-progress.is-indeterminate .cf-upload-fill{width:35%!important;animation:cf-upload-moving 1.2s ease-in-out infinite}
.cf-upload-progress[data-stage="complete"] .cf-upload-fill{background:#189c68}.cf-upload-progress[data-stage="failed"]{color:#a72f3e}.cf-upload-progress[data-stage="uncertain"]{color:#88651b}
@keyframes cf-upload-moving{from{transform:translateX(-100%)}to{transform:translateX(350%)}}
@media(prefers-reduced-motion:reduce){.cf-upload-progress.is-indeterminate .cf-upload-fill{animation:none;width:100%!important;opacity:.5}}

html:not([data-theme="light"]) .cf-upload-progress{background:rgba(18,31,49,.85);color:#dce8f8;border-color:#34465e}
html:not([data-theme="light"]) .cf-upload-progress[data-stage="failed"]{color:#ffadb7}html:not([data-theme="light"]) .cf-upload-progress[data-stage="uncertain"]{color:#f2d48d}


/* Mantem o video e sua imagem no historico apos confirmar o envio. */
.cf-msg-file.cf-video-inline{display:block!important;width:min(360px,62vw);max-width:100%;min-width:180px;padding:0;overflow:hidden}
.cf-inline-video{display:block;width:100%;max-height:300px;aspect-ratio:16/9;object-fit:contain;background:#070e1b;border-radius:10px}
.cf-video-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;aspect-ratio:16/9;min-height:150px;background:#0b1424;color:#b3c4df;border-radius:10px;position:relative}.cf-video-placeholder>i{font-size:34px;color:#2688ff}.cf-video-placeholder>span{font-size:11px}.cf-video-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.cf-video-placeholder:has(.cf-video-poster)>span{z-index:1;background:rgba(0,0,0,.65);padding:5px 8px;border-radius:5px}
.cf-inline-video-footer{display:flex;align-items:center;gap:6px;padding:7px 1px 1px}.cf-inline-video-footer>span{font-size:10px;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cf-inline-video-footer .cf-mini{flex-shrink:0}

/* Em telas estreitas mant\E9 m os dois filtros utiliz\E1 veis sem aumentar a altura. */
@media(max-width:1180px){
  .cf-inbox-controls{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
  .cf-inbox-sector,.cf-inbox-tag-trigger{font-size:8.2px!important;padding:0 7px!important}
}

/* Estilo original: cf-official-conect-logo-fix */

/* Logo oficial ConectChat: transparente, n\ED tida e vis\ED vel em temas claro/escuro. */
.cf-brandmark.cf-official-logo{
  width:48px!important;height:48px!important;min-width:48px!important;flex:0 0 48px!important;
  padding:6px!important;border-radius:14px!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;
}
.cf-brandmark.cf-official-logo img{
  width:100%!important;height:100%!important;display:block!important;object-fit:contain!important;background:transparent!important;
  filter:drop-shadow(0 2px 5px rgba(0,0,0,.18));
}
html[data-theme="dark"] .cf-brandmark.cf-official-logo img{
  filter:drop-shadow(0 0 1px rgba(255,255,255,.55)) drop-shadow(0 3px 8px rgba(0,0,0,.32));
}
.cf-login-logo.cf-official-login-logo{
  width:74px!important;height:58px!important;margin-bottom:18px!important;padding:3px!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;overflow:visible!important;
}
.cf-login-logo.cf-official-login-logo img{
  width:100%!important;height:100%!important;display:block!important;object-fit:contain!important;object-position:left center!important;background:transparent!important;
  filter:drop-shadow(0 0 1px rgba(255,255,255,.55)) drop-shadow(0 3px 10px rgba(0,0,0,.30));
}
html[data-theme="light"] .cf-login-logo.cf-official-login-logo img{
  filter:drop-shadow(0 2px 6px rgba(20,45,95,.16));
}

/* Estilo original: cf-chat-mobile-responsive-20260914-final */

/* ===== Conversa mobile: cabeçalho, ações e composer realmente responsivos ===== */
@media(max-width:780px){
  /* Cabeçalho da conversa em duas linhas estáveis */
  .cf-chathead{
    height:auto!important;
    min-height:112px!important;
    flex:0 0 auto!important;
    display:grid!important;
    grid-template-columns:38px 38px minmax(0,1fr) 38px 38px!important;
    grid-template-areas:
      "back avatar identity trash more"
      "headacts headacts headacts headacts quickact"!important;
    grid-template-rows:auto auto!important;
    gap:7px!important;
    padding:8px 9px!important;
    align-items:center!important;
    overflow:visible!important;
  }

  .cf-chathead .cf-mobileback{
    grid-area:back!important;
    width:38px!important;height:38px!important;
    min-width:38px!important;
    display:inline-flex!important;
  }

  .cf-chathead > .cf-avatar{
    grid-area:avatar!important;
    width:36px!important;height:36px!important;
    min-width:36px!important;
  }

  .cf-chathead > .cf-grow{
    grid-area:identity!important;
    min-width:0!important;
    overflow:hidden!important;
  }

  .cf-chathead > .cf-grow strong{
    display:block!important;
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:11px!important;
  }

  .cf-chathead > .cf-grow small{
    display:block!important;
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:7.8px!important;
    line-height:1.3!important;
    margin-top:2px!important;
  }

  .cf-chathead .cf-chat-delete{
    grid-area:trash!important;
    width:38px!important;height:38px!important;
    min-width:38px!important;
    justify-self:end!important;
  }

  .cf-chathead > .cf-icon:last-child{
    grid-area:more!important;
    width:38px!important;height:38px!important;
    min-width:38px!important;
    justify-self:end!important;
  }

  /* Transferir / Gerenciar / Finalizar */
  .cf-chat-head-actions{
    grid-area:headacts!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:6px!important;
    align-items:center!important;
  }

  .cf-chat-head-actions .cf-header-action{
    width:100%!important;
    min-width:0!important;
    height:39px!important;
    padding:0 6px!important;
    margin:0!important;
    justify-content:center!important;
    gap:5px!important;
    border-radius:11px!important;
    font-size:9.4px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
  }

  .cf-chat-head-actions .cf-header-action i{
    flex:0 0 auto!important;
    margin:0!important;
  }

  /* Botão de ações/pendências fica separado à direita, sem entrar por cima dos outros */
  .cf-chathead .cf-chat-actions-btn{
    grid-area:quickact!important;
    width:38px!important;height:39px!important;
    min-width:38px!important;
    margin:0!important;
    justify-self:end!important;
  }

  /* Estado aguardando/atender */
  .cf-chat-wait-actions{
    grid-area:headacts!important;
    width:100%!important;
    min-width:0!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:6px!important;
    margin:0!important;
    padding:0!important;
  }
  .cf-chat-wait-actions .cf-btn{
    width:100%!important;
    min-width:0!important;
    height:39px!important;
    padding:0 7px!important;
    justify-content:center!important;
    font-size:9.5px!important;
  }

  /* Área de mensagens */
  .cf-messages{
    padding:12px 9px!important;
  }
  .cf-msg{
    max-width:88%!important;
    font-size:11.5px!important;
  }

  /* Composer não pode ultrapassar a largura da tela */
  #cfCompose.cf-compose{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
    display:grid!important;
    grid-template-columns:34px 34px 34px 34px minmax(0,1fr) 42px!important;
    align-items:center!important;
    gap:5px!important;
    padding:8px 8px calc(8px + var(--safe-bottom))!important;
    overflow:visible!important;
  }

  #cfCompose .cf-compose-tool,
  #cfCompose .cf-emoji-wrap,
  #cfCompose .cf-emoji-wrap>.cf-compose-tool{
    width:34px!important;
    height:38px!important;
    min-width:34px!important;
    margin:0!important;
    padding:0!important;
    border-radius:11px!important;
  }

  #cfComposer{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
    padding:10px 11px!important;
    margin:0!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
    font-size:10.5px!important;
  }

  #cfSend.cf-send{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    margin:0!important;
    padding:0!important;
    border-radius:12px!important;
  }

  /* Elementos flutuantes ligados ao composer acompanham a largura */
  .cf-quick-picker,
  .cf-quick-attachment-bar{
    left:8px!important;
    right:8px!important;
    max-width:calc(100vw - 16px)!important;
  }
}

/* iPhone e celulares estreitos: ferramentas embaixo, campo de texto confortável */
@media(max-width:460px){
  .cf-chathead{
    grid-template-columns:36px 34px minmax(0,1fr) 36px 36px!important;
    padding:7px!important;
    gap:5px!important;
  }

  .cf-chathead .cf-mobileback,
  .cf-chathead .cf-chat-delete,
  .cf-chathead > .cf-icon:last-child,
  .cf-chathead .cf-chat-actions-btn{
    width:36px!important;height:36px!important;min-width:36px!important;
  }

  .cf-chathead > .cf-avatar{
    width:34px!important;height:34px!important;min-width:34px!important;
  }

  .cf-chat-head-actions{
    gap:4px!important;
  }

  .cf-chat-head-actions .cf-header-action{
    height:36px!important;
    padding:0 4px!important;
    font-size:8.7px!important;
    gap:4px!important;
  }

  /* Composer em duas linhas:
     1ª: campo + enviar
     2ª: anexar / assinatura / áudio / emoji */
  #cfCompose.cf-compose{
    grid-template-columns:repeat(4,36px) minmax(0,1fr) 42px!important;
    grid-template-rows:42px 38px!important;
    gap:6px!important;
  }

  #cfComposer{
    grid-column:1/6!important;
    grid-row:1!important;
    height:42px!important;
  }

  #cfSend.cf-send{
    grid-column:6!important;
    grid-row:1!important;
  }

  #cfCompose .cf-compose-tool:nth-of-type(1),
  #cfCompose .cf-emoji-wrap{
    grid-row:2!important;
  }

  #cfCompose .cf-compose-tool,
  #cfCompose .cf-emoji-wrap,
  #cfCompose .cf-emoji-wrap>.cf-compose-tool{
    width:36px!important;
    height:36px!important;
  }
}

/* Telas muito pequenas: mantém nomes das ações sem quebrar layout */
@media(max-width:370px){
  .cf-chat-head-actions .cf-header-action{
    font-size:8px!important;
    padding:0 2px!important;
  }
  .cf-chat-head-actions .cf-header-action i{
    display:none!important;
  }
}

/* Estilo original: cfQuickResponseFinalFix */

.cf-modal-back.show{padding:20px!important;overflow:hidden!important}
#cfModal.cf-modal-quick{width:min(720px,100%)!important;height:auto!important;max-height:calc(100dvh - 40px)!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;margin:0!important}
#cfModal.cf-modal-quick .cf-modal-head{flex:0 0 auto!important}
#cfModal.cf-modal-quick .cf-modal-body{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;padding:18px 18px 22px!important}
#cfModal.cf-modal-quick .cf-modal-foot{flex:0 0 auto!important;position:relative!important;inset:auto!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important;min-height:70px!important;padding:12px 18px 16px!important;margin:0!important;background:var(--panel)!important;border-top:1px solid var(--line)!important;z-index:20!important}
#cfModal.cf-modal-quick .cf-modal-foot .cf-btn{min-height:42px!important;margin:0!important;flex:0 0 auto!important}
#cfModal.cf-modal-quick .cf-qr-row{grid-template-columns:1fr!important}
#cfModal.cf-modal-quick #mQuickColor{display:none!important}
#cfModal.cf-modal-quick .cf-qr-row>div:has(#mQuickColor){display:none!important}
@media(max-width:700px){
 .cf-modal-back.show{padding:8px!important}
 #cfModal.cf-modal-quick{width:100%!important;max-height:calc(100dvh - 16px)!important}
 #cfModal.cf-modal-quick .cf-modal-body{padding:14px 14px 18px!important}
 #cfModal.cf-modal-quick .cf-modal-foot{min-height:66px!important;padding:10px 14px max(14px,env(safe-area-inset-bottom,0px))!important}
}

/* Estilo original: cfQuickComposerColorFix */

#cfQuickPicker .cf-quick-item{
  border-left:5px solid var(--qr-color,#4f6df5)!important;
}
#cfQuickPicker .cf-quick-item .cf-quick-shortcut{
  color:var(--qr-color,#4f6df5)!important;
}
#cfQuickPicker .cf-quick-item.active{
  background:color-mix(in srgb,var(--qr-color,#4f6df5) 12%,white)!important;
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--qr-color,#4f6df5) 35%,transparent)!important;
}



/* ./styles/02-estrutura/10-cf-mobile-inbox-urgent-20260916.css */
/* Estilo original: cf-mobile-inbox-urgent-20260916 */

@media (max-width:780px){
  /* Estrutura da conversa sem estouro lateral */
  .cf-inbox.chat-open,.cf-inbox.chat-open .cf-chat{width:100%!important;max-width:100%!important;min-width:0!important;overflow:hidden!important}
  .cf-inbox.chat-open .cf-chat{display:flex!important;flex-direction:column!important;height:100%!important;min-height:0!important}

  /* Cabeçalho mobile: identidade em cima, ações abaixo */
  .cf-chathead{
    width:100%!important;max-width:100%!important;box-sizing:border-box!important;
    height:auto!important;min-height:0!important;flex:0 0 auto!important;
    display:grid!important;
    grid-template-columns:40px 38px minmax(0,1fr) 40px 40px!important;
    grid-template-areas:
      "back avatar identity trash more"
      "headacts headacts headacts headacts quickact"!important;
    grid-auto-rows:auto!important;
    gap:7px!important;padding:9px 10px!important;
    align-items:center!important;overflow:visible!important;
  }
  .cf-chathead:has(> .cf-chat-cancel){
    grid-template-areas:
      "back avatar identity trash more"
      "headacts headacts headacts headacts quickact"
      "cancel cancel cancel cancel cancel"!important;
  }
  .cf-chathead .cf-mobileback{grid-area:back!important;width:40px!important;height:40px!important;min-width:40px!important}
  .cf-chathead>.cf-avatar{grid-area:avatar!important;width:38px!important;height:38px!important;min-width:38px!important}
  .cf-chathead>.cf-grow{grid-area:identity!important;min-width:0!important;overflow:hidden!important}
  .cf-chathead>.cf-grow strong{font-size:14px!important;line-height:1.2!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .cf-chathead>.cf-grow small{font-size:10px!important;line-height:1.25!important;margin-top:3px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .cf-chathead .cf-chat-delete{grid-area:trash!important;width:40px!important;height:40px!important;min-width:40px!important;margin:0!important}
  .cf-chathead>.cf-icon:last-child{grid-area:more!important;width:40px!important;height:40px!important;min-width:40px!important;margin:0!important}
  .cf-chathead .cf-chat-actions-btn{grid-area:quickact!important;width:40px!important;height:40px!important;min-width:40px!important;margin:0!important;justify-self:end!important}

  /* Transferir / Gerenciar / Finalizar cabem na tela */
  .cf-chat-head-actions{
    grid-area:headacts!important;width:100%!important;min-width:0!important;
    display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:7px!important;margin:0!important;padding:0!important;
  }
  .cf-chat-head-actions:has(.cf-header-action:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .cf-chat-head-actions .cf-header-action{
    width:100%!important;min-width:0!important;height:40px!important;min-height:40px!important;
    margin:0!important;padding:0 7px!important;border-radius:11px!important;
    display:flex!important;align-items:center!important;justify-content:center!important;
    gap:6px!important;font-size:10.5px!important;line-height:1!important;
    white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
  }

  /* Cancelar que o JS move para fora do grupo: linha própria e limpa */
  .cf-chathead>.cf-chat-cancel{
    grid-area:cancel!important;width:100%!important;max-width:100%!important;
    min-width:0!important;height:40px!important;min-height:40px!important;
    margin:0!important;padding:0 12px!important;border-radius:11px!important;
    display:flex!important;align-items:center!important;justify-content:center!important;
    gap:7px!important;font-size:11px!important;box-sizing:border-box!important;
  }
  .cf-chat-wait-actions{grid-area:headacts!important;width:100%!important;min-width:0!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;margin:0!important;padding:0!important}
  .cf-chat-wait-actions .cf-btn{width:100%!important;min-width:0!important;height:40px!important;margin:0!important;justify-content:center!important}

  /* Histórico usa todo o espaço restante */
  .cf-messages{flex:1 1 auto!important;min-height:0!important;width:100%!important;max-width:100%!important;padding:10px 9px 12px!important;overflow-x:hidden!important;box-sizing:border-box!important}
  .cf-msg{max-width:88%!important;min-width:0!important;font-size:13px!important;overflow-wrap:anywhere!important;word-break:break-word!important}

  /* Composer: campo inteiro em cima; ferramentas embaixo. Nada sobreposto. */
  #cfCompose.cf-compose{
    flex:0 0 auto!important;width:100%!important;max-width:100%!important;min-width:0!important;
    box-sizing:border-box!important;display:grid!important;
    grid-template-columns:repeat(4,42px) minmax(0,1fr) 46px!important;
    grid-template-rows:46px 42px!important;gap:7px!important;align-items:center!important;
    padding:8px 10px calc(10px + var(--safe-bottom))!important;margin:0!important;
    overflow:visible!important;background:var(--panel)!important;
  }
  #cfComposer{
    grid-column:1 / 6!important;grid-row:1!important;width:100%!important;min-width:0!important;max-width:100%!important;
    height:46px!important;min-height:46px!important;max-height:46px!important;margin:0!important;
    padding:12px!important;box-sizing:border-box!important;font-size:12px!important;line-height:20px!important;
  }
  #cfSend.cf-send{grid-column:6!important;grid-row:1!important;width:46px!important;height:46px!important;min-width:46px!important;margin:0!important}
  #cfCompose>.cf-compose-tool:nth-of-type(1){grid-column:1!important;grid-row:2!important}
  #cfCompose>.cf-compose-tool:nth-of-type(2){grid-column:2!important;grid-row:2!important}
  #cfCompose>.cf-compose-tool:nth-of-type(3){grid-column:3!important;grid-row:2!important}
  #cfCompose>.cf-emoji-wrap{grid-column:4!important;grid-row:2!important}
  #cfCompose .cf-compose-tool,#cfCompose .cf-emoji-wrap,#cfCompose .cf-emoji-wrap>.cf-compose-tool{width:42px!important;height:42px!important;min-width:42px!important;margin:0!important;padding:0!important}
  #cfCompose .cf-reply-preview,#cfCompose .cf-paste-preview{grid-column:1 / 7!important;width:100%!important;min-width:0!important}

  /* A barra inferior permanece fora da área de digitação */
  .cf-mobilebar{z-index:90!important}
}

@media (max-width:430px){
  .cf-chathead{grid-template-columns:40px 36px minmax(0,1fr) 40px 40px!important;padding:8px!important;gap:6px!important}
  .cf-chathead>.cf-grow strong{font-size:13px!important}
  .cf-chathead>.cf-grow small{font-size:9px!important}
  .cf-chat-head-actions{gap:5px!important}
  .cf-chat-head-actions .cf-header-action{height:39px!important;min-height:39px!important;padding:0 5px!important;font-size:10px!important;gap:5px!important}
  #cfCompose.cf-compose{grid-template-columns:repeat(4,40px) minmax(0,1fr) 44px!important;grid-template-rows:44px 40px!important;padding-left:8px!important;padding-right:8px!important;gap:6px!important}
  #cfComposer{height:44px!important;min-height:44px!important;max-height:44px!important;font-size:11.5px!important}
  #cfSend.cf-send{width:44px!important;height:44px!important;min-width:44px!important}
  #cfCompose .cf-compose-tool,#cfCompose .cf-emoji-wrap,#cfCompose .cf-emoji-wrap>.cf-compose-tool{width:40px!important;height:40px!important;min-width:40px!important}
}

/* Estilo original: cf-login-remember-style */

.cf-login-pass-wrap{position:relative;width:100%}.cf-login-pass-wrap #cfLoginSenha{padding-right:46px!important}.cf-login-pass-toggle{position:absolute!important;right:7px!important;top:50%!important;transform:translateY(-50%)!important;width:34px!important;height:34px!important;margin:0!important;padding:0!important;border:0!important;border-radius:9px!important;background:transparent!important;color:#8ea0ba!important;box-shadow:none!important;display:grid!important;place-items:center!important;z-index:2}.cf-login-pass-toggle:hover{background:rgba(79,110,247,.09)!important;color:#4f6ef7!important}.cf-login-options{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:9px}.cf-login-options .cf-login-forgot{margin:0!important;white-space:nowrap}.cf-login-remember{display:flex!important;align-items:center;gap:7px!important;margin:0!important;cursor:pointer;color:#7c8ca5!important;font-size:10.5px!important;font-weight:700!important;user-select:none}.cf-login-remember>input{position:absolute!important;opacity:0!important;pointer-events:none!important;width:1px!important;height:1px!important}.cf-login-check{width:17px;height:17px;flex:0 0 17px;border:1px solid #cad5e5;border-radius:5px;background:#f7f9fc;display:grid;place-items:center;transition:.15s}.cf-login-check i{font-size:9px;color:#fff;opacity:0;transform:scale(.6);transition:.15s}.cf-login-remember>input:checked+.cf-login-check{border-color:#4d70ff;background:linear-gradient(135deg,#268cff,#7557ff)}.cf-login-remember>input:checked+.cf-login-check i{opacity:1;transform:scale(1)}html[data-theme=dark] .cf-login-check{background:#14213b;border-color:#34425d}html[data-theme=dark] .cf-login-remember{color:#aab7ca!important}@media(max-width:420px){.cf-login-options{align-items:flex-start;gap:8px}.cf-login-remember{font-size:10px!important;line-height:1.25}.cf-login-options .cf-login-forgot{font-size:10px!important}}

/* Estilo original: cf-login-eye-mobile-fix */

/* Evita duplicar o botao proprio com o controle nativo do Edge. */
#cfLoginSenha::-ms-reveal,
#cfSignupPass::-ms-reveal{
  display:none;
}

/* Botão de visualizar senha — correção mobile */
.cf-login-pass-wrap{
  position:relative!important;
  width:100%!important;
}
.cf-login-pass-wrap #cfLoginSenha{
  width:100%!important;
  box-sizing:border-box!important;
  padding-right:48px!important;
}
.cf-login-pass-wrap .cf-login-pass-toggle{
  position:absolute!important;
  right:6px!important;
  top:50%!important;
  bottom:auto!important;
  left:auto!important;
  transform:translateY(-50%)!important;
  width:36px!important;
  min-width:36px!important;
  max-width:36px!important;
  height:36px!important;
  min-height:36px!important;
  max-height:36px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:9px!important;
  background:transparent!important;
  box-shadow:none!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  line-height:1!important;
  z-index:10!important;
  appearance:none!important;
  -webkit-appearance:none!important;
}
.cf-login-pass-wrap .cf-login-pass-toggle i{
  position:static!important;
  margin:0!important;
  padding:0!important;
  font-size:15px!important;
  line-height:1!important;
  width:auto!important;
  height:auto!important;
  pointer-events:none!important;
}

@media (max-width:600px){
  .cf-login-pass-wrap #cfLoginSenha{
    padding-right:50px!important;
  }
  .cf-login-pass-wrap .cf-login-pass-toggle{
    right:5px!important;
    top:50%!important;
    width:38px!important;
    min-width:38px!important;
    max-width:38px!important;
    height:38px!important;
    min-height:38px!important;
    max-height:38px!important;
    transform:translateY(-50%)!important;
  }
}

/* Estilo original: cf-stickers-favorites-20260916 */

.cf-sticker-wrap{position:relative;display:inline-block}.cf-sticker-fav{position:absolute;right:-7px;top:-7px;width:28px;height:28px;border:1px solid var(--line);border-radius:50%;background:var(--panel);color:#f6b800;display:grid;place-items:center;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.22);opacity:0;transform:scale(.9);transition:.15s;z-index:3}.cf-sticker-wrap:hover .cf-sticker-fav,.cf-sticker-fav.is-fav{opacity:1;transform:scale(1)}
.cf-sticker-picker-wrap{position:relative}.cf-sticker-picker{display:none;position:absolute;bottom:48px;left:0;width:min(360px,88vw);max-height:390px;background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 55px rgba(0,0,0,.32);z-index:80;overflow:hidden}.cf-sticker-picker.open{display:block}.cf-sticker-picker-head{display:flex;align-items:center;gap:4px;padding:8px;border-bottom:1px solid var(--line)}.cf-sticker-tab{border:0;background:transparent;color:var(--muted);font-size:10px;font-weight:800;padding:8px 10px;border-radius:8px;cursor:pointer}.cf-sticker-tab.active{background:var(--panel2);color:var(--text)}.cf-sticker-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;padding:10px;max-height:320px;overflow:auto}.cf-sticker-item{position:relative;aspect-ratio:1;border:0;background:transparent;border-radius:10px;cursor:pointer;padding:5px}.cf-sticker-item:hover{background:var(--panel2)}.cf-sticker-item img{width:100%;height:100%;object-fit:contain}.cf-sticker-empty{grid-column:1/-1;padding:30px 12px;text-align:center;color:var(--muted);font-size:10px;line-height:1.5}.cf-sticker-remove{position:absolute;right:1px;top:1px;width:20px;height:20px;border:0;border-radius:50%;background:rgba(0,0,0,.65);color:white;display:none;place-items:center;font-size:9px}.cf-sticker-item:hover .cf-sticker-remove{display:grid}

/* Menu + do compositor — compacto no padrão de mensageiros */
.cf-more-wrap{position:relative;display:inline-flex;align-items:center;flex:0 0 auto}
.cf-more-btn i{transition:transform .18s ease}.cf-more-btn.is-open i{transform:rotate(45deg)}
.cf-more-menu{display:none;position:absolute;left:0;bottom:48px;width:250px;padding:7px;background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:0 16px 46px rgba(0,0,0,.25);z-index:95}
.cf-more-menu.open{display:grid;gap:2px;animation:cfMoreIn .14s ease-out}
@keyframes cfMoreIn{from{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1;transform:none}}
.cf-more-menu>button{width:100%;border:0;background:transparent;color:var(--text);display:flex;align-items:center;gap:10px;text-align:left;padding:9px;border-radius:10px;cursor:pointer}
.cf-more-menu>button:hover{background:var(--panel2)}
.cf-more-menu>button.active{background:rgba(38,140,255,.12);color:var(--blue)}
.cf-more-menu>button.active .cf-more-icon{background:linear-gradient(135deg,var(--blue),var(--purple));color:#fff}
.cf-more-menu>button .cf-more-check{display:none;margin-left:auto;color:var(--green);font-size:12px}
.cf-more-menu>button.active .cf-more-check{display:grid}
.cf-more-menu>button .cf-more-icon{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--panel2);font-size:13px;flex:0 0 auto}
.cf-more-menu>button span:nth-child(2){display:flex;flex-direction:column;min-width:0;flex:1}.cf-more-menu>button strong{font-size:11px}.cf-more-menu>button small{font-size:9px;color:var(--muted);margin-top:2px}
.cf-sticker-picker-only{position:relative;width:0!important;min-width:0!important;flex:0 0 0!important}.cf-sticker-picker-only .cf-sticker-picker{left:-42px}
#cfCompose #cfComposer{flex:1 1 auto!important;min-width:120px!important;width:auto!important}
@media(max-width:720px){.cf-more-menu{width:min(250px,82vw);left:0}.cf-more-menu>button{padding:10px 9px}}

/* Estilo original: cf-ios-viewport-pixel-fix-20260916 */

@media (max-width:780px){
 @supports (-webkit-touch-callout:none){
  html,body{height:var(--cf-ios-vh,100dvh)!important;min-height:var(--cf-ios-vh,100dvh)!important;max-height:var(--cf-ios-vh,100dvh)!important;overflow:hidden!important;}
  #cfShell.cf-shell{height:calc(var(--cf-ios-vh,100dvh) - 50px - env(safe-area-inset-bottom,0px))!important;min-height:0!important;}
  .cf-main{height:100%!important;min-height:0!important;}
  .cf-inbox{height:calc(var(--cf-ios-vh,100dvh) - 62px - 50px - env(safe-area-inset-bottom,0px))!important;min-height:0!important;}
  #cfMobilebar.cf-mobilebar{position:fixed!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;height:calc(50px + env(safe-area-inset-bottom,0px))!important;margin:0!important;transform:none!important;}
  .cf-top{background:#fff!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;filter:none!important;transform:none!important;}
  .cf-top,.cf-top *{filter:none!important;-webkit-filter:none!important;}
  .cf-header-brand.is-horizontal,.cf-header-brand.is-round{clip-path:none!important;}
  .cf-header-brand.is-horizontal img{object-fit:contain!important;object-position:left center!important;}
 }
}



/* ./styles/02-estrutura/11-cf-contact-photo-zoom-20260917.css */
/* Estilo original: cf-contact-photo-zoom-20260917 */

.cf-avatar.cf-avatar-zoom{cursor:zoom-in;transition:transform .16s ease,box-shadow .16s ease}
.cf-avatar.cf-avatar-zoom:hover{transform:scale(1.05);box-shadow:0 0 0 3px rgba(37,140,255,.12)}
#cfImageViewer .cf-image-viewer-img{width:auto;height:auto;max-width:min(88vw,1100px);max-height:78vh;object-fit:contain;object-position:center;background:transparent}
@media(max-width:780px){#cfImageViewer .cf-image-viewer-img{max-width:92vw;max-height:76vh}}

/* Estilo original: cf-image-viewer-loading-fix-20261013 */

#cfImageViewerStage .cf-image-viewer-status{position:absolute;inset:0;z-index:1;display:none;align-items:center;justify-content:center;padding:24px;text-align:center;color:#e8edf7;font-size:13px;font-weight:650;line-height:1.5;pointer-events:none}
#cfImageViewerStage .cf-image-viewer-status[data-kind="error"]{color:#ffc3c3}

/* Estilo original: cf-image-viewer-zoom-20261007 */

#cfImageViewer .cf-image-viewer-card{max-width:min(96vw,1280px);max-height:94dvh}
.cf-image-viewer-stage{position:relative;display:flex;align-items:center;justify-content:center;min-width:min(88vw,1100px);max-width:calc(100vw - 72px);height:min(78dvh,780px);max-height:78dvh;overflow:hidden;border-radius:12px;background:#05080f;touch-action:none;user-select:none}
.cf-image-viewer-stage.is-zoomed{cursor:grab}
.cf-image-viewer-stage.is-dragging{cursor:grabbing}
#cfImageViewer .cf-image-viewer-img{flex:0 0 auto;max-width:100%;max-height:100%;transition:transform .12s ease;will-change:transform}
#cfImageViewer .cf-image-viewer-stage.is-dragging .cf-image-viewer-img{transition:none}
.cf-image-zoom-tools{display:flex;align-items:center;gap:6px;flex:0 0 auto}
.cf-image-zoom-tools button,.cf-image-zoom-tools span{height:36px;border:1px solid var(--line);border-radius:9px;background:var(--panel2);color:var(--text);padding:0 10px;font-size:10px;font-weight:850}
.cf-image-zoom-tools button{cursor:pointer;min-width:36px}
.cf-image-zoom-tools span{display:inline-flex;align-items:center;justify-content:center;min-width:54px;color:var(--muted)}
.cf-image-zoom-hint{font-size:9px;color:var(--muted);margin-top:8px;text-align:center;display:none}
#cfImageViewer.cf-zoomable .cf-image-zoom-hint{display:block}
@media(max-width:780px){
  .cf-image-viewer-stage{min-width:0;width:calc(100vw - 42px);height:min(70dvh,620px);max-width:calc(100vw - 42px)}
  .cf-image-viewer-bar{align-items:stretch;flex-direction:column}
  .cf-image-viewer-actions{width:100%;justify-content:space-between}
  .cf-image-zoom-tools{overflow-x:auto;padding-bottom:2px}
  .cf-image-zoom-tools button,.cf-image-viewer-actions>button{min-width:40px}
}

/* Estilo original: sem-id */

.cf-lead-person{display:flex!important;align-items:center;gap:10px}
.cf-lead-person-text{min-width:0;display:flex;flex-direction:column}
.cf-lead-avatar{width:38px;height:38px;min-width:38px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:#eef3f8;border:1px solid #e3eaf2;font-size:11px;font-weight:800;color:#536174}
.cf-lead-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.cf-lead-avatar-fallback{grid-area:1/1}
.cf-lead-avatar img{grid-area:1/1;z-index:1;background:#eef3f8}

/* Estilo original: sem-id */


/* ===== ConectChat 18/09: lista mais limpa + ações das mensagens visíveis ===== */

/* Ações da mensagem: não ficam mais "sumidas" aguardando hover */
.cf-msg .cf-msg-actions{
  opacity:.72 !important;
  visibility:visible !important;
  pointer-events:auto !important;
  z-index:8 !important;
}
.cf-msg:hover .cf-msg-actions{opacity:1 !important}
.cf-msg .cf-msg-react,
.cf-msg .cf-msg-more{
  width:24px !important;
  height:24px !important;
  border:1px solid rgba(120,135,160,.12) !important;
  background:rgba(255,255,255,.38) !important;
  box-shadow:none !important;
  backdrop-filter:blur(8px);
}
[data-theme="dark"] .cf-msg .cf-msg-react,
[data-theme="dark"] .cf-msg .cf-msg-more,
body.dark .cf-msg .cf-msg-react,
.dark .cf-msg .cf-msg-more{
  background:rgba(25,34,48,.72) !important;
  border-color:rgba(255,255,255,.08) !important;
}
.cf-msg .cf-msg-react:hover,.cf-msg .cf-msg-more:hover{
  opacity:1 !important;
  transform:none !important;
}

/* Lista: chips menos gritantes, mantendo a identidade de cada informação */
.cf-conv-card .cf-chip,
.cf-conv-card .cf-badge,
.cf-conv-card [class*="sector"],
.cf-conv-card [class*="owner"]{
  box-shadow:none !important;
}
.cf-conv-card{
  transition:background .14s ease,border-color .14s ease !important;
}
.cf-conv-card:hover{
  transform:none !important;
}

/* reduz saturação visual sem eliminar as cores de status/setor/responsável */
.cf-conv-card .cf-pill,
.cf-conv-card .cf-tag,
.cf-conv-card .cf-sector,
.cf-conv-card .cf-owner{
  filter:saturate(.78);
}
[data-theme="dark"] .cf-conv-card .cf-pill,
[data-theme="dark"] .cf-conv-card .cf-tag,
[data-theme="dark"] .cf-conv-card .cf-sector,
[data-theme="dark"] .cf-conv-card .cf-owner{
  filter:saturate(.62) brightness(.92);
}

/* Mobile: Leads continua existindo no desktop, mas não aparece na navegação mobile */
@media(max-width:780px){
  [data-page="leads"],
  [data-nav="leads"],
  .cf-nav-leads,
  #cfNavLeads,
  #cfMobileLeads{
    display:none !important;
  }
  .cf-msg .cf-msg-actions{opacity:.88 !important}
}


/* Estilo original: sem-id */


.cf-channel-pill{
  display:inline-flex;align-items:center;gap:4px;
  height:20px;padding:0 7px;border-radius:999px;
  font-size:10px;font-weight:650;line-height:1;
  color:#55708f;background:rgba(72,126,176,.07);
  border:1px solid rgba(72,126,176,.13);
  white-space:nowrap;max-width:112px;
}
.cf-channel-pill i{font-size:10px;opacity:.82}
.cf-channel-pill{overflow:hidden;text-overflow:ellipsis}
[data-theme="dark"] .cf-channel-pill,body.dark .cf-channel-pill,.dark .cf-channel-pill{
  color:#9fb3c9;background:rgba(112,145,180,.08);
  border-color:rgba(148,163,184,.12);
}


/* Estilo original: cf-ui-refinement-20260918 */


/* ===== ConectChat UI Refinement 18/09 =====
   Referência aprovada: mais limpo, compacto e profissional.
   Somente visual: não altera regras, realtime, mensagens ou Leads.
*/

/* Lista de conversas */
#cfConvList .cf-conv{
  min-height:72px!important;
  padding:9px 10px!important;
  border-radius:0!important;
  border-left:3px solid transparent!important;
  border-bottom:1px solid rgba(128,145,166,.10)!important;
  background:transparent!important;
  box-shadow:none!important;
  transition:background .14s ease,border-color .14s ease!important;
}
#cfConvList .cf-conv:hover{background:rgba(65,125,220,.045)!important}
#cfConvList .cf-conv.active,
#cfConvList .cf-conv.selected{
  background:rgba(43,123,246,.085)!important;
  border-left-color:#2f80ed!important;
}
#cfConvList .cf-avatar{width:38px!important;height:38px!important;min-width:38px!important}
#cfConvList .cf-conv-title strong{font-size:12.5px!important;font-weight:720!important;letter-spacing:-.08px}
#cfConvList .cf-conv-title time{font-size:9.5px!important;opacity:.66}
#cfConvList .cf-conv-preview{font-size:10.5px!important;opacity:.78!important;line-height:1.25!important;margin-top:2px!important}
#cfConvList .cf-conv-meta-row{margin-top:5px!important;gap:5px!important}
#cfConvList .cf-conv-info{gap:4px!important;display:flex!important;align-items:center!important;min-width:0!important;flex-wrap:nowrap!important}

/* Chips: cores continuam existindo, mas sem competir com o conteúdo */
#cfConvList .cf-conv-state,
#cfConvList .cf-sector-pill,
#cfConvList .cf-agent-pill,
#cfConvList .cf-channel-pill{
  height:18px!important;
  min-height:18px!important;
  padding:0 6px!important;
  border-radius:999px!important;
  font-size:8.8px!important;
  font-weight:650!important;
  box-shadow:none!important;
  line-height:17px!important;
  white-space:nowrap!important;
}
#cfConvList .cf-sector-pill,
#cfConvList .cf-agent-pill,
#cfConvList .cf-channel-pill{filter:saturate(.68)!important}
#cfConvList .cf-sector-swatch{width:6px!important;height:6px!important}
#cfConvList .cf-conv-info i{font-size:8px!important}
#cfConvList .cf-unread{
  min-width:18px!important;height:18px!important;padding:0 5px!important;
  font-size:9px!important;box-shadow:none!important
}

/* Barra superior da lista */
#cfInbox .cf-inbox-tabs button,
#cfInbox .cf-tab,
#cfInbox .cf-filter,
#cfInbox select{
  box-shadow:none!important;
}
#cfInbox .cf-inbox-tabs button,
#cfInbox .cf-tab{font-weight:650!important}

/* Área central da conversa */
#cfChat{background:#f4f7fb!important}
#cfChatHead{
  min-height:58px!important;
  border-bottom:1px solid rgba(126,143,166,.12)!important;
  box-shadow:none!important;
}
#cfChatHead .cf-avatar{width:36px!important;height:36px!important;min-width:36px!important}
#cfChatHead strong{font-size:13px!important}
#cfChatHead small{font-size:9.5px!important;opacity:.72}

/* Balões */
.cf-msg{
  box-shadow:none!important;
  border-width:1px!important;
  border-radius:10px!important;
}
.cf-msg:not(.mine){
  background:#fff!important;
  border-color:rgba(122,140,163,.15)!important;
}
.cf-msg.mine{
  background:#e8f2ff!important;
  border-color:rgba(64,133,224,.16)!important;
}
.cf-msg .cf-msg-name{font-weight:700!important;font-size:10px!important}
.cf-msg time,.cf-msg .cf-msg-time{font-size:8.5px!important;opacity:.58!important}

/* Composer mais leve */
#cfCompose{
  background:rgba(255,255,255,.96)!important;
  border-top:1px solid rgba(125,143,165,.12)!important;
  box-shadow:none!important;
}
#cfCompose input,#cfCompose textarea{
  box-shadow:none!important;
  border-color:rgba(126,145,168,.16)!important;
}

/* Painel lateral */
#cfDetail{border-left:1px solid rgba(126,143,166,.11)!important}
#cfDetail .cf-profile{padding-top:16px!important}
#cfDetail .cf-detail-sec{border-top-color:rgba(126,143,166,.10)!important}

/* DARK: grafite/azul escuro, reduzindo o excesso de cores */
[data-theme="dark"] #cfChat,body.dark #cfChat,.dark #cfChat{background:#111820!important}
[data-theme="dark"] #cfConvList .cf-conv,body.dark #cfConvList .cf-conv,.dark #cfConvList .cf-conv{
  border-bottom-color:rgba(255,255,255,.045)!important
}
[data-theme="dark"] #cfConvList .cf-conv:hover,body.dark #cfConvList .cf-conv:hover,.dark #cfConvList .cf-conv:hover{
  background:rgba(74,132,214,.075)!important
}
[data-theme="dark"] #cfConvList .cf-conv.active,
[data-theme="dark"] #cfConvList .cf-conv.selected,
body.dark #cfConvList .cf-conv.active,
body.dark #cfConvList .cf-conv.selected,
.dark #cfConvList .cf-conv.active,.dark #cfConvList .cf-conv.selected{
  background:rgba(43,113,207,.14)!important;
  border-left-color:#3887f5!important
}
[data-theme="dark"] #cfConvList .cf-sector-pill,
[data-theme="dark"] #cfConvList .cf-agent-pill,
[data-theme="dark"] #cfConvList .cf-channel-pill,
body.dark #cfConvList .cf-sector-pill,
body.dark #cfConvList .cf-agent-pill,
body.dark #cfConvList .cf-channel-pill{
  filter:saturate(.52) brightness(.88)!important
}
[data-theme="dark"] .cf-msg:not(.mine),body.dark .cf-msg:not(.mine),.dark .cf-msg:not(.mine){
  background:#202a35!important;border-color:rgba(255,255,255,.055)!important
}
[data-theme="dark"] .cf-msg.mine,body.dark .cf-msg.mine,.dark .cf-msg.mine{
  background:#173f77!important;border-color:rgba(82,145,235,.17)!important
}
[data-theme="dark"] #cfCompose,body.dark #cfCompose,.dark #cfCompose{
  background:#151d26!important;border-top-color:rgba(255,255,255,.055)!important
}
[data-theme="dark"] #cfChatHead,body.dark #cfChatHead,.dark #cfChatHead{
  border-bottom-color:rgba(255,255,255,.05)!important
}

/* Não apertar demais em telas estreitas */
@media(max-width:1100px){
  #cfConvList .cf-channel-pill span{max-width:62px;overflow:hidden;text-overflow:ellipsis}
}


/* Estilo original: cf-actions-calendar-modern-20260921 */

/* ===== AÇÕES • calendário moderno ===== */
.cf-actions-shell{display:flex;flex-direction:column;gap:14px}
.cf-actions-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.cf-actions-kpis{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:10px;flex:1}
.cf-action-kpi{border:1px solid var(--line);background:var(--panel);border-radius:15px;padding:12px 14px;min-width:0}
.cf-action-kpi small{display:block;color:var(--muted);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.5px}
.cf-action-kpi strong{display:block;margin-top:4px;font-size:20px;line-height:1}
.cf-action-kpi.late strong{color:var(--red)}
.cf-action-kpi.today strong{color:var(--blue)}
.cf-action-kpi.done strong{color:#35b779}
.cf-actions-filters{display:grid;grid-template-columns:2fr repeat(3,1fr) repeat(2,minmax(125px,1fr));gap:10px;padding:12px;border:1px solid var(--line);background:var(--panel);border-radius:16px}
.cf-actions-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:0}
.cf-actions-tabs .cf-btn{border-radius:999px}
.cf-actions-tabs span{margin-left:6px;opacity:.75}
.cf-calendar-wrap{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:14px;align-items:start}
.cf-calendar-card,.cf-calendar-day-panel{border:1px solid var(--line);background:var(--panel);border-radius:18px;overflow:hidden}
.cf-calendar-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 14px;border-bottom:1px solid var(--line)}
.cf-calendar-title{display:flex;align-items:center;gap:10px;min-width:0}
.cf-calendar-title strong{font-size:16px;text-transform:capitalize}
.cf-calendar-nav{display:flex;align-items:center;gap:6px}
.cf-calendar-nav .cf-icon{width:34px;height:34px}
.cf-calendar-today{height:34px;padding:0 11px;border:1px solid var(--line);border-radius:10px;background:var(--panel2);color:var(--text);font-size:10px;font-weight:800;cursor:pointer}
.cf-calendar-today:hover{border-color:var(--blue)}
.cf-calendar-weekdays,.cf-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}
.cf-calendar-weekdays{border-bottom:1px solid var(--line);background:var(--panel2)}
.cf-calendar-weekdays div{padding:8px 6px;text-align:center;color:var(--muted);font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.55px}
.cf-calendar-day{position:relative;min-height:104px;padding:8px;border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:transparent;color:var(--text);text-align:left;cursor:pointer;overflow:hidden}
.cf-calendar-day:nth-child(7n){border-right:0}
.cf-calendar-day:hover{background:rgba(38,140,255,.045)}
.cf-calendar-day.outside{opacity:.32}
.cf-calendar-day.selected{background:rgba(38,140,255,.08);box-shadow:inset 0 0 0 2px var(--blue)}
.cf-calendar-day.today .cf-calendar-number{background:var(--blue);color:#fff}
.cf-calendar-number{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;font-size:10px;font-weight:900}
.cf-calendar-count{position:absolute;right:8px;top:9px;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--panel2);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:8px;font-weight:900;color:var(--muted)}
.cf-calendar-events{display:flex;flex-direction:column;gap:4px;margin-top:6px}
.cf-calendar-event{display:flex;align-items:center;gap:5px;min-width:0;padding:4px 6px;border-radius:7px;background:var(--panel2);font-size:8px;line-height:1.2}
.cf-calendar-event::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--blue);flex:0 0 auto}
.cf-calendar-event.late::before{background:var(--red)}
.cf-calendar-event.done::before{background:#35b779}
.cf-calendar-event span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cf-calendar-more{font-size:8px;color:var(--muted);padding-left:6px;font-weight:800}
.cf-calendar-day-panel{position:sticky;top:12px}
.cf-calendar-day-head{padding:14px;border-bottom:1px solid var(--line)}
.cf-calendar-day-head small{display:block;color:var(--muted);font-size:9px;font-weight:800;text-transform:uppercase}
.cf-calendar-day-head strong{display:block;margin-top:4px;font-size:15px;text-transform:capitalize}
.cf-calendar-day-head span{display:inline-flex;margin-top:7px;padding:4px 7px;border-radius:999px;background:var(--panel2);color:var(--muted);font-size:8px;font-weight:900}
.cf-calendar-day-list{display:flex;flex-direction:column;gap:8px;padding:10px;max-height:610px;overflow:auto}
.cf-calendar-action{position:relative;border:1px solid var(--line);background:var(--panel2);border-radius:13px;overflow:hidden}
.cf-calendar-action.done{opacity:.62}
.cf-calendar-action-main{display:block;width:100%;border:0;background:transparent;color:inherit;text-align:left;padding:11px 38px 11px 11px;cursor:pointer}
.cf-calendar-action-main:hover{background:rgba(255,255,255,.018)}
.cf-calendar-action-time{display:flex;align-items:center;gap:6px;color:var(--blue);font-size:9px;font-weight:900;margin-bottom:5px}
.cf-calendar-action-title{display:block;font-size:11px;line-height:1.3}
.cf-calendar-action-meta{margin-top:5px;color:var(--muted);font-size:8px;line-height:1.45}
.cf-calendar-action-status{display:inline-flex;margin-top:7px;padding:3px 6px;border-radius:999px;background:rgba(38,140,255,.12);color:var(--blue);font-size:7px;font-weight:900;text-transform:uppercase}
.cf-calendar-action-status.late{background:rgba(255,97,118,.12);color:var(--red)}
.cf-calendar-action-status.done{background:rgba(53,183,121,.12);color:#35b779}
.cf-calendar-action-delete{position:absolute;right:6px;top:6px;width:29px;height:29px;border:0;border-radius:9px;background:transparent;color:var(--muted);cursor:pointer}
.cf-calendar-action-delete:hover{background:rgba(255,97,118,.09);color:var(--red)}
.cf-calendar-empty{padding:28px 14px;text-align:center;color:var(--muted);font-size:10px}
@media(max-width:1180px){
  .cf-actions-filters{grid-template-columns:repeat(3,1fr)}
  .cf-calendar-wrap{grid-template-columns:minmax(0,1fr) 290px}
}
@media(max-width:900px){
  .cf-actions-kpis{grid-template-columns:repeat(2,1fr);width:100%}
  .cf-calendar-wrap{grid-template-columns:1fr}
  .cf-calendar-day-panel{position:static}
  .cf-calendar-day-list{max-height:none}
}
@media(max-width:650px){
  .cf-actions-filters{grid-template-columns:repeat(2,minmax(0,1fr));padding:9px}
  .cf-actions-filters .cf-field:first-child{grid-column:1/-1}
  .cf-calendar-head{padding:10px}
  .cf-calendar-day{min-height:70px;padding:5px}
  .cf-calendar-event{display:none}
  .cf-calendar-count{right:5px;top:6px}
  .cf-calendar-weekdays div{font-size:7px;padding:7px 2px}
}

/* Estilo original: cf-actions-calendar-editor-20260921 */

.cf-actions-add{height:38px;padding:0 14px;border:0;border-radius:11px;background:var(--blue);color:#fff;font-size:10px;font-weight:900;cursor:pointer;display:inline-flex;align-items:center;gap:7px;box-shadow:0 8px 22px rgba(38,140,255,.18)}
.cf-actions-add:hover{filter:brightness(1.06)}
.cf-calendar-day-tools{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px}
.cf-calendar-day-tools .cf-actions-add{height:32px;padding:0 10px;font-size:9px}
.cf-calendar-action-edit{position:absolute;right:39px;top:6px;width:29px;height:29px;border:0;border-radius:9px;background:transparent;color:var(--muted);cursor:pointer}
.cf-calendar-action-edit:hover{background:rgba(38,140,255,.09);color:var(--blue)}
.cf-action-conflict{grid-column:1/-1;display:none;padding:10px 12px;border:1px solid rgba(255,97,118,.32);background:rgba(255,97,118,.08);border-radius:11px;color:var(--red);font-size:9px;font-weight:800;line-height:1.45}
.cf-action-conflict.show{display:block}

/* Estilo original: cf-waiting-card-status-fix-20260921 */

/* Cards da coluna Aguardando: impede corte dos chips/status */
.cf-list .cf-card,
.cf-list .cf-conv-card,
.cf-conversations .cf-card,
.cf-conversations .cf-conv-card{
  overflow:visible !important;
  height:auto !important;
  min-height:max-content;
}
.cf-card .cf-badges,
.cf-card .cf-tags,
.cf-card .cf-meta,
.cf-card .cf-card-tags,
.cf-conv-card .cf-badges,
.cf-conv-card .cf-tags,
.cf-conv-card .cf-meta,
.cf-conv-card .cf-card-tags{
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:center;
  gap:5px !important;
  max-width:100%;
  overflow:visible !important;
  white-space:normal !important;
}
.cf-card .cf-badge,
.cf-card .cf-tag,
.cf-card .cf-chip,
.cf-conv-card .cf-badge,
.cf-conv-card .cf-tag,
.cf-conv-card .cf-chip{
  flex:0 0 auto;
  max-width:100%;
}

/* Estilo original: cf-inbox-pills-real-fix-20260921 */

/* FIX REAL: os chips usados no card são .cf-conv-info.
   Regras antigas no fim do HTML forçavam nowrap e por isso o último chip era cortado. */
#cfConvList .cf-conv{
  max-height:none !important;
  height:auto !important;
  overflow:visible !important;
  padding-bottom:11px !important;
}
#cfConvList .cf-conv > .cf-grow{
  min-width:0 !important;
  padding-right:48px !important;
}
#cfConvList .cf-conv-meta-row{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  gap:5px !important;
  min-width:0 !important;
  max-width:100% !important;
  overflow:visible !important;
}
#cfConvList .cf-conv-info{
  display:flex !important;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  gap:4px !important;
  overflow:visible !important;
}
#cfConvList .cf-conv-info > span,
#cfConvList .cf-channel-pill,
#cfConvList .cf-sector-pill,
#cfConvList .cf-agent-pill{
  flex:0 0 auto !important;
  width:auto !important;
  max-width:100% !important;
  overflow:visible !important;
  text-overflow:clip !important;
  white-space:nowrap !important;
}
@media(max-width:780px){
  #cfConvList .cf-conv > .cf-grow{padding-right:44px !important}
  #cfConvList .cf-conv-info{flex-wrap:wrap !important;overflow:visible !important}
}

/* Estilo original: cf-ios-header-sharp-final-20260921 */

/*
  iOS/Safari/PWA — header nítido.
  O cabeçalho deixa de participar de qualquer composição com blur/clip/filter
  e vira uma camada opaca própria. Também evita object-fit:cover na logo.
*/
@media (max-width:780px){
 @supports (-webkit-touch-callout:none){
  .cf-top{
    position:relative!important;
    z-index:50!important;
    height:62px!important;
    min-height:62px!important;
    flex:0 0 62px!important;
    padding:0 10px!important;
    margin:0!important;
    background:#fff!important;
    background-image:none!important;
    opacity:1!important;
    filter:none!important;
    -webkit-filter:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    transform:none!important;
    -webkit-transform:none!important;
    perspective:none!important;
    mix-blend-mode:normal!important;
    isolation:isolate!important;
    overflow:visible!important;
    box-shadow:0 1px 0 #e6ebf2!important;
    -webkit-font-smoothing:antialiased!important;
    text-rendering:optimizeLegibility!important;
  }

  .cf-top::before,.cf-top::after{display:none!important}

  .cf-top-left,
  .cf-top-actions,
  .cf-welcome-global,
  .cf-header-brand,
  .cf-header-brand img{
    opacity:1!important;
    filter:none!important;
    -webkit-filter:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    transform:none!important;
    -webkit-transform:none!important;
    perspective:none!important;
    mix-blend-mode:normal!important;
  }

  .cf-top-left{
    min-width:0!important;
    height:62px!important;
    gap:8px!important;
    overflow:visible!important;
  }

  .cf-header-brand.is-horizontal{
    width:82px!important;
    min-width:82px!important;
    height:42px!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    clip-path:none!important;
    -webkit-clip-path:none!important;
    overflow:visible!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  .cf-header-brand.is-horizontal img{
    width:82px!important;
    height:42px!important;
    max-width:none!important;
    max-height:none!important;
    object-fit:contain!important;
    object-position:left center!important;
    border-radius:0!important;
    image-rendering:auto!important;
  }

  .cf-header-brand.is-round{
    width:40px!important;
    min-width:40px!important;
    height:40px!important;
    border-radius:50%!important;
    clip-path:none!important;
    -webkit-clip-path:none!important;
    overflow:hidden!important;
  }
  .cf-header-brand.is-round img{
    width:40px!important;
    height:40px!important;
    object-fit:cover!important;
  }

  .cf-welcome-global{
    min-width:0!important;
    max-width:none!important;
    flex:1 1 auto!important;
    overflow:hidden!important;
  }
  .cf-welcome-global strong{
    display:block!important;
    font-size:11px!important;
    line-height:1.18!important;
    font-weight:800!important;
    letter-spacing:0!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    color:#111827!important;
  }
  .cf-welcome-global small,
  .cf-welcome-global span{
    font-size:7.5px!important;
    line-height:1.2!important;
  }

  .cf-top-actions{
    gap:5px!important;
    height:62px!important;
  }
  .cf-top-actions .cf-icon,
  .cf-top-actions .cf-btn{
    transform:none!important;
    -webkit-transform:none!important;
  }
 }
}

/* Estilo original: cf-ios-header-final-no-raster-20260921 */

/*
 FIX definitivo do cabeçalho mobile:
 - não depende de @supports do Safari;
 - remove composição/rasterização de toda a árvore do header;
 - aumenta texto/logo para não serem desenhados em tamanho subpixel;
 - não usa backdrop/opacity/transform.
*/
@media (max-width:820px){
  .cf-top{
    height:68px!important;
    min-height:68px!important;
    flex:0 0 68px!important;
    padding:0 10px!important;
    display:flex!important;
    align-items:center!important;
    background:#fff!important;
    background-image:none!important;
    opacity:1!important;
    filter:none!important;
    -webkit-filter:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    transform:none!important;
    -webkit-transform:none!important;
    will-change:auto!important;
    contain:none!important;
    perspective:none!important;
    isolation:auto!important;
    box-shadow:0 1px 0 #e5eaf1!important;
  }
  html[data-theme="dark"] .cf-top{background:#0f1521!important}

  .cf-top *,
  .cf-top *::before,
  .cf-top *::after{
    filter:none!important;
    -webkit-filter:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    transform:none!important;
    -webkit-transform:none!important;
    will-change:auto!important;
    perspective:none!important;
  }

  .cf-top-left{
    display:flex!important;
    flex:1 1 auto!important;
    min-width:0!important;
    height:68px!important;
    align-items:center!important;
    gap:10px!important;
  }

  .cf-header-brand{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    flex:0 0 auto!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    box-shadow:none!important;
    background:transparent!important;
    clip-path:none!important;
    -webkit-clip-path:none!important;
  }
  .cf-header-brand.is-horizontal{
    width:88px!important;
    min-width:88px!important;
    height:48px!important;
    overflow:visible!important;
    border-radius:0!important;
  }
  .cf-header-brand.is-horizontal img{
    display:block!important;
    width:88px!important;
    height:48px!important;
    max-width:88px!important;
    max-height:48px!important;
    object-fit:contain!important;
    object-position:left center!important;
    border-radius:0!important;
    opacity:1!important;
    image-rendering:auto!important;
  }
  .cf-header-brand.is-round{
    width:44px!important;
    min-width:44px!important;
    height:44px!important;
    overflow:hidden!important;
    border-radius:50%!important;
  }
  .cf-header-brand.is-round img{
    width:44px!important;
    height:44px!important;
    object-fit:cover!important;
  }

  /* No mobile o texto precisa existir em tamanho real, não microtexto escalado. */
  .cf-welcome-global{
    display:flex!important;
    flex:1 1 auto!important;
    min-width:0!important;
    max-width:none!important;
    flex-direction:column!important;
    justify-content:center!important;
    overflow:hidden!important;
    opacity:1!important;
  }
  .cf-welcome-global strong{
    display:block!important;
    margin:0!important;
    font-size:12px!important;
    line-height:16px!important;
    font-weight:800!important;
    letter-spacing:0!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    -webkit-font-smoothing:antialiased!important;
  }
  .cf-welcome-global .cf-welcome-page{
    display:block!important;
    margin-top:2px!important;
    font-size:8px!important;
    line-height:11px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .cf-welcome-global .cf-plan-line{
    margin-top:2px!important;
    font-size:8px!important;
    line-height:11px!important;
  }

  .cf-top-actions{
    display:flex!important;
    flex:0 0 auto!important;
    height:68px!important;
    align-items:center!important;
    gap:5px!important;
    margin-left:5px!important;
  }
  .cf-top-actions .cf-btn,
  .cf-top-actions .cf-icon{
    opacity:1!important;
  }
}

/* iPhone estreito: preserva logo/texto e esconde somente ações secundárias. */
@media (max-width:430px){
  .cf-top-actions .cf-reminders,
  .cf-top-actions .cf-theme-toggle,
  .cf-top-actions .cf-refresh-btn{display:none!important}
  .cf-welcome-global strong{font-size:11px!important}
  .cf-header-brand.is-horizontal{width:82px!important;min-width:82px!important}
  .cf-header-brand.is-horizontal img{width:82px!important;max-width:82px!important}
}

/* Estilo original: cf-ios-header-source-fix-v10 */

@media(max-width:820px){
  .cf-top{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    background:#fff!important;
    background-image:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    filter:none!important;
    -webkit-filter:none!important;
  }
  html[data-theme="dark"] .cf-top{background:#111722!important}
  .cf-top::before,.cf-top::after{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;filter:none!important}
}

/* Estilo original: cf-ios-safe-top-only-20260921 */

/* iOS Safari: respeita a barra de status. No PWA standalone o WebKit ja entrega
   a area util correta; nao somar safe-area novamente para nao empurrar o header. */
@media (max-width:820px){
  @supports (-webkit-touch-callout:none){
    @media (display-mode: browser){
      .cf-top{
        box-sizing:border-box!important;
        padding-top:env(safe-area-inset-top,0px)!important;
        height:calc(68px + env(safe-area-inset-top,0px))!important;
        min-height:calc(68px + env(safe-area-inset-top,0px))!important;
        flex-basis:calc(68px + env(safe-area-inset-top,0px))!important;
      }
    }
    @media (display-mode: standalone){
      /* No PWA iOS, manter o header alguns pixels abaixo da borda evita a
         rasterizacao/turvamento do WebKit, sem repetir toda a safe-area. */
      .cf-top{
        box-sizing:border-box!important;
        padding-top:14px!important;
        height:82px!important;
        min-height:82px!important;
        flex-basis:82px!important;
      }
      .cf-top-left,.cf-top-actions{height:68px!important;}
      .cf-inbox{height:calc(var(--cf-ios-vh,100dvh) - 82px - 50px - env(safe-area-inset-bottom,0px))!important;}
    }
  }
}



/* ./styles/02-estrutura/12-cf-conectteam-style.css */
/* Estilo original: cf-conectteam-style */

.cf-teamapp{height:calc(100dvh - 74px - var(--safe-top));display:grid;grid-template-columns:320px minmax(420px,1fr) 280px;background:var(--bg);overflow:hidden}.cf-teamleft,.cf-teamright{background:var(--panel);min-height:0}.cf-teamleft{border-right:1px solid var(--line);display:flex;flex-direction:column}.cf-teamright{border-left:1px solid var(--line);padding:18px;overflow:auto}.cf-teambrand{padding:18px 16px 13px;border-bottom:1px solid var(--line)}.cf-teambrandline{display:flex;align-items:center;justify-content:space-between}.cf-teambrand strong{font-size:15px}.cf-teambrand small{display:block;color:var(--muted);font-size:9px;margin-top:4px}.cf-teamnew{width:34px;height:34px;border:0;border-radius:11px;background:linear-gradient(135deg,var(--blue),var(--purple));color:white;cursor:pointer}.cf-teamsearch{padding:12px 14px}.cf-teamsearchbox{height:39px;border:1px solid var(--line);border-radius:12px;background:var(--panel2);display:flex;align-items:center;gap:9px;padding:0 12px;color:var(--muted)}.cf-teamsearchbox input{border:0;background:transparent;color:var(--text);outline:0;width:100%;font-size:10px}.cf-teamsection{padding:8px 14px 5px;color:var(--muted);font-size:8px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.cf-teamlist{overflow:auto;flex:1}.cf-teamitem{display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center;padding:10px 14px;cursor:pointer;border-left:3px solid transparent}.cf-teamitem:hover{background:var(--panel2)}.cf-teamitem.active{background:linear-gradient(90deg,rgba(37,140,255,.12),rgba(121,85,255,.05));border-left-color:var(--blue)}.cf-teamavatar{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;font-size:13px;font-weight:900;color:#fff;background:linear-gradient(135deg,#258cff,#7955ff);position:relative}.cf-teamavatar.group{background:linear-gradient(135deg,#6c5ce7,#a55eea)}.cf-teamavatar .online{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--green);right:-1px;bottom:-1px;border:2px solid var(--panel)}.cf-teamitem strong{font-size:10.5px;display:block}.cf-teamitem p{margin:4px 0 0;color:var(--muted);font-size:8.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:175px}.cf-teamitem time{font-size:7.5px;color:var(--muted)}.cf-teamunread{margin-top:5px;margin-left:auto;min-width:17px;height:17px;border-radius:99px;background:#ff5268;color:#fff;display:grid;place-items:center;font-size:7px;font-weight:900}.cf-teamcenter{display:flex;flex-direction:column;min-width:0;min-height:0}.cf-teamhead{height:68px;flex:0 0 68px;border-bottom:1px solid var(--line);background:var(--panel);display:flex;align-items:center;justify-content:space-between;padding:0 18px}.cf-teamhead-main{display:flex;align-items:center;gap:11px}.cf-teamhead-main strong{font-size:12px;display:block}.cf-teamhead-main small{font-size:8.5px;color:var(--muted)}.cf-teamhead-actions{display:flex;gap:5px}.cf-teamiconbtn{width:34px;height:34px;border:1px solid var(--line);border-radius:10px;background:var(--panel2);color:var(--muted)}.cf-teammessages{flex:1;overflow:auto;padding:22px 7%;display:flex;flex-direction:column;gap:12px;background:radial-gradient(circle at 75% 10%,rgba(121,85,255,.06),transparent 30%),var(--bg)}.cf-teamday{align-self:center;border:1px solid var(--line);border-radius:99px;padding:5px 10px;background:var(--panel);font-size:8px;color:var(--muted)}.cf-teammsg{display:flex;gap:9px;max-width:72%;align-self:flex-start}.cf-teammsg.me{align-self:flex-end;flex-direction:row-reverse}.cf-teammsg .mini{width:29px;height:29px;border-radius:10px;background:linear-gradient(135deg,#258cff,#7955ff);display:grid;place-items:center;color:#fff;font-size:8px;font-weight:900;flex:0 0 29px}.cf-teambubble{border:1px solid var(--line);border-radius:5px 16px 16px 16px;background:var(--panel);padding:9px 11px;box-shadow:0 5px 18px rgba(0,0,0,.06)}.cf-teammsg.me .cf-teambubble{background:linear-gradient(135deg,rgba(37,140,255,.18),rgba(121,85,255,.15));border-radius:16px 5px 16px 16px}.cf-teambubble b{font-size:8.5px;color:#7baaff;display:block;margin-bottom:4px}.cf-teambubble p{margin:0;font-size:10.5px;line-height:1.5}.cf-teammeta{display:flex;gap:7px;align-items:center;justify-content:flex-end;margin-top:5px;color:var(--muted);font-size:7px}.cf-teamreact{display:inline-flex;gap:3px;margin-top:6px;padding:3px 7px;border:1px solid var(--line);border-radius:99px;background:var(--panel2);font-size:9px}.cf-teamimage{margin-top:7px;width:220px;height:115px;border-radius:11px;background:linear-gradient(135deg,rgba(37,140,255,.18),rgba(121,85,255,.22));display:grid;place-items:center;color:#9ab8df;border:1px solid var(--line);font-size:24px}.cf-teamcompose{padding:12px 16px calc(12px + var(--safe-bottom));border-top:1px solid var(--line);background:var(--panel)}.cf-teamreply{display:none;padding:7px 10px;margin-bottom:7px;border-left:3px solid var(--blue);background:var(--panel2);border-radius:8px;font-size:8px;color:var(--muted)}.cf-teamcomposer{min-height:48px;border:1px solid var(--line);border-radius:15px;background:var(--panel2);display:flex;align-items:center;padding:5px 7px;gap:3px}.cf-teamcomposer input{flex:1;border:0;background:transparent;outline:0;color:var(--text);font-size:10.5px;padding:0 7px}.cf-teamtool{width:34px;height:34px;border:0;background:transparent;color:var(--muted);border-radius:10px}.cf-teamtool:hover{background:var(--panel);color:var(--text)}.cf-teamsend{width:37px;height:37px;border:0;border-radius:11px;background:linear-gradient(135deg,var(--blue),var(--purple));color:#fff}.cf-teamright h3{font-size:11px;margin:2px 0 13px}.cf-teaminfo{padding:15px;border:1px solid var(--line);border-radius:15px;background:var(--panel2);text-align:center}.cf-teaminfo .cf-teamavatar{margin:0 auto 9px;width:52px;height:52px;border-radius:17px}.cf-teaminfo strong{font-size:11px}.cf-teaminfo p{font-size:8.5px;color:var(--muted);margin:5px 0 0}.cf-teampin{margin-top:14px}.cf-teampincard{padding:11px;border:1px solid var(--line);border-radius:13px;background:var(--panel2);font-size:9px;line-height:1.45}.cf-teampincard i{color:#f4b740;margin-right:5px}.cf-teampeople{display:grid;gap:8px;margin-top:10px}.cf-teamperson{display:flex;align-items:center;gap:8px;font-size:9px}.cf-teamperson span:first-child{width:27px;height:27px;border-radius:9px;background:var(--panel2);display:grid;place-items:center;font-weight:800}.cf-team-toast{position:fixed;right:20px;top:90px;z-index:9999;width:290px;padding:12px;border:1px solid var(--line);border-radius:15px;background:var(--panel);box-shadow:0 18px 50px rgba(0,0,0,.22);display:none}.cf-team-toast.show{display:flex;gap:10px;animation:cfTeamIn .25s ease}.cf-team-toast strong{font-size:10px}.cf-team-toast p{font-size:9px;color:var(--muted);margin:4px 0 0}@keyframes cfTeamIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}@media(max-width:1050px){.cf-teamapp{grid-template-columns:290px 1fr}.cf-teamright{display:none}}@media(max-width:780px){.cf-teamapp{height:calc(100dvh - 74px - var(--safe-top) - 58px);grid-template-columns:1fr}.cf-teamleft{display:none}.cf-teamapp.mobile-list .cf-teamleft{display:flex}.cf-teamapp.mobile-list .cf-teamcenter{display:none}.cf-teamhead{height:58px;flex-basis:58px}.cf-teammessages{padding:15px 11px}.cf-teammsg{max-width:88%}.cf-teamimage{width:190px}.cf-team-toast{left:10px;right:10px;top:82px;width:auto}}

/* Estilo original: cf-team-paste-style */

.cf-teamattach-preview{display:none;align-items:center;gap:10px;margin:0 0 8px;padding:8px 10px;border:1px solid var(--line);border-radius:12px;background:var(--panel2)}
.cf-teamattach-preview.active{display:flex}.cf-teamattach-thumb{width:54px;height:44px;border-radius:9px;object-fit:cover;border:1px solid var(--line)}
.cf-teamattach-fileicon{width:44px;height:44px;border-radius:9px;display:grid;place-items:center;background:var(--panel);color:var(--blue);font-size:18px}
.cf-teamattach-info{min-width:0;flex:1}.cf-teamattach-info strong{display:block;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cf-teamattach-info span{display:block;margin-top:3px;font-size:8px;color:var(--muted)}
.cf-teamattach-remove{width:30px;height:30px;border:0;border-radius:9px;background:var(--panel);color:var(--muted);cursor:pointer}.cf-teamattach-remove:hover{color:#ff5268}

/* Estilo original: cf-support-modal-mobile-fix */

@media(max-width:780px){
  body:has(#cfModalBack.cf-support-modal.show) #cfMobilebar{display:none!important}
  #cfModalBack.cf-support-modal.show{
    position:fixed!important;
    inset:0!important;
    top:var(--cf-support-viewport-top,0px)!important;
    height:var(--cf-support-viewport-height,100dvh)!important;
    width:100%!important;
    box-sizing:border-box!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:16px 12px!important;
    overflow:hidden!important;
    z-index:10010!important;
  }
  #cfModalBack.cf-support-modal #cfModal{
    position:relative!important;
    inset:auto!important;
    transform:none!important;
    margin:0!important;
    width:min(100%,480px)!important;
    max-height:calc(var(--cf-support-viewport-height,100dvh) - 32px)!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch;
  }
  #cfModalBack.cf-support-modal #cfSupportChannel{
    display:block!important;
    width:100%!important;
    min-height:48px!important;
    font-size:16px!important;
    touch-action:manipulation;
  }
}

/* Estilo original: cf-group-author-style-20260929 */
.cf-msg-sender .cf-group-author-mini{display:inline-flex;width:19px;height:19px;min-width:19px;border-radius:7px;overflow:hidden;vertical-align:middle;margin-right:5px;background:var(--panel2)}.cf-msg-sender .cf-group-author-mini img{width:100%;height:100%;object-fit:cover}.cf-msg.in .cf-msg-sender{display:flex;align-items:center;gap:4px}
/* Estilo original: cf-avatar-stable-fallback-20260929 */
.cf-avatar{position:relative}.cf-avatar .cf-avatar-fallback{grid-area:1/1;z-index:0;width:100%;height:100%;display:grid;place-items:center}.cf-avatar img{grid-area:1/1;z-index:1}.cf-avatar img.cf-avatar-broken{display:none!important}
/* Estilo original: cf-avatar-soft-swap-20260929 */
.cf-avatar{overflow:hidden}.cf-avatar img{transition:none!important;animation:none!important;will-change:auto}.cf-avatar img.cf-avatar-fade-in,.cf-avatar img.cf-avatar-fade-out{opacity:1!important;filter:none!important}
/* Estilo original: cf-group-author-avatar-sequence-20260929 */
#cfMessages.cf-group-chat-messages{padding-left:22px!important}#cfMessages.cf-group-chat-messages .cf-msg.in{margin-left:72px!important}#cfMessages.cf-group-chat-messages .cf-msg.in:has(.cf-group-author-mini){overflow:visible!important}.cf-group-author-mini{position:absolute!important;left:-40px!important;top:4px!important;display:inline-grid!important;place-items:center!important;flex:0 0 32px!important;width:32px!important;height:32px!important;border-radius:50%!important;overflow:hidden!important;margin:0!important;background:linear-gradient(135deg,#258cff,#7955ff)!important;color:#fff!important;font-size:10px!important;font-weight:900!important;box-shadow:0 5px 14px rgba(37,140,255,.22)!important;border:2px solid #fff!important}.cf-group-author-mini img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:50%!important;display:block!important}.cf-group-author-fallback{width:100%;height:100%;display:grid;place-items:center}.cf-msg.in .cf-msg-sender{line-height:1.15!important;margin-bottom:6px!important}.cf-msg.in .cf-msg-sender .cf-group-author-mini+*{margin-left:0!important}
/* Estilo original: cf-group-author-stable-first-paint-20261007 */

#cfMessages.cf-group-chat-messages,
#cfMessages[data-cf-layout-mode="group"]{padding-left:22px!important}
#cfMessages.cf-group-chat-messages .cf-msg.in,
#cfMessages[data-cf-layout-mode="group"] .cf-msg.in{position:relative!important;margin-left:72px!important;overflow:visible!important}
#cfMessages.cf-group-chat-messages .cf-msg.in .cf-msg-sender,
#cfMessages[data-cf-layout-mode="group"] .cf-msg.in .cf-msg-sender{display:flex!important;align-items:center!important;min-height:18px!important;line-height:1.15!important;margin-bottom:6px!important}
#cfMessages.cf-group-chat-messages .cf-group-author-mini,
#cfMessages[data-cf-layout-mode="group"] .cf-group-author-mini{position:absolute!important;left:-40px!important;top:4px!important;width:32px!important;height:32px!important;min-width:32px!important;display:grid!important;place-items:center!important;contain:layout paint!important}
#cfMessages.cf-group-chat-messages .cf-group-author-mini img,
#cfMessages.cf-group-chat-messages .cf-group-author-fallback,
#cfMessages[data-cf-layout-mode="group"] .cf-group-author-mini img,
#cfMessages[data-cf-layout-mode="group"] .cf-group-author-fallback{grid-area:1/1!important;width:100%!important;height:100%!important}

/* Estilo original: cf-grupos-avatar-seguro-20261012 */

/* Foto do participante só ocupa o avatar quando está inteiramente carregada. */
#cfMessages .cf-group-author-mini { display:grid!important;place-items:center!important;isolation:isolate!important; }
#cfMessages .cf-group-author-mini .cf-group-author-fallback,
#cfMessages .cf-group-author-mini img { grid-area:1/1!important; }
#cfMessages .cf-group-author-mini .cf-group-author-fallback {
  display:grid!important;place-items:center!important;
  width:100%!important;height:100%!important;
  color:#fff!important;font-size:10px!important;font-weight:850!important;
  visibility:visible!important;
}
#cfMessages .cf-group-author-mini img {
  display:block!important;width:100%!important;height:100%!important;
  object-fit:cover!important;border-radius:inherit!important;
  opacity:0!important;visibility:hidden!important;
  transition:none!important;animation:none!important;
}
#cfMessages .cf-group-author-mini.cf-group-photo-ready img {
  opacity:1!important;visibility:visible!important;
}
#cfMessages .cf-group-author-mini.cf-group-photo-ready .cf-group-author-fallback {
  visibility:hidden!important;
}

/* Estilo original: cf-forward-message-style-20260930 */

#cfModal.cf-modal-forward{width:min(560px,calc(100vw - 24px));max-height:min(720px,calc(100dvh - 24px));overflow:hidden;display:flex;flex-direction:column}
#cfModal.cf-modal-forward .cf-modal-body{min-height:0;overflow:hidden;display:flex;flex-direction:column}
.cf-forward-wrap{display:flex;flex-direction:column;gap:12px;min-height:0}
.cf-forward-source{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--panel2)}
.cf-forward-source>i{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:rgba(37,140,255,.10);color:var(--blue)}
.cf-forward-source div{min-width:0}.cf-forward-source small{display:block;font-size:8px;color:var(--muted);font-weight:800;text-transform:uppercase}.cf-forward-source strong{display:block;margin-top:2px;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cf-forward-search{height:40px;display:flex;align-items:center;gap:8px;padding:0 11px;border:1px solid var(--line);border-radius:11px;background:var(--panel)}
.cf-forward-search i{color:var(--muted);font-size:10px}.cf-forward-search input{flex:1;min-width:0;border:0!important;outline:0!important;background:transparent!important;color:var(--text);font-size:10px;padding:0!important}
.cf-forward-list{min-height:170px;max-height:390px;overflow:auto;border:1px solid var(--line);border-radius:13px;padding:5px;background:var(--panel)}
.cf-forward-conv{width:100%;min-height:58px;border:0;border-radius:10px;background:transparent;color:var(--text);display:flex;align-items:center;gap:10px;padding:7px 9px;text-align:left}
.cf-forward-conv:hover{background:var(--panel2)}.cf-forward-conv.selected{background:rgba(37,140,255,.10);box-shadow:inset 0 0 0 1px rgba(37,140,255,.22)}
.cf-forward-avatar{width:38px;height:38px;flex:0 0 38px;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,#172a4c,#243b64);color:#fff;font-size:9px;font-weight:900}
.cf-forward-avatar img{width:100%;height:100%;object-fit:cover;display:block}.cf-forward-copy{flex:1;min-width:0}.cf-forward-copy strong{display:block;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cf-forward-copy small{display:block;margin-top:3px;color:var(--muted);font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cf-forward-check{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);color:transparent;font-size:8px}.cf-forward-conv.selected .cf-forward-check{background:var(--blue);border-color:var(--blue);color:#fff}
.cf-forward-loading,.cf-forward-empty{min-height:150px;display:flex;align-items:center;justify-content:center;gap:7px;color:var(--muted);font-size:9px}
@media(max-width:700px){#cfModal.cf-modal-forward{width:calc(100vw - 14px);max-height:calc(100dvh - 14px)}.cf-forward-list{max-height:calc(100dvh - 310px)}}

/* Estilo original: cf-forwarded-badge-20260930 */

.cf-forwarded-badge{display:inline-flex;align-items:center;gap:4px;margin-left:7px;font-size:8px;font-weight:700;color:var(--muted);opacity:.9}
.cf-forwarded-badge i{font-size:8px}

/* Estilo original: cf-conectsend-visual-v2-20260930 */

.cf-stage>.cf-send{width:min(100%,1180px)!important;max-width:1180px!important;height:auto!important;min-height:0!important;margin:0 auto!important;gap:18px!important;padding:4px 18px 32px!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:inherit!important}
.cf-send-hero{width:100%!important;padding:30px 34px!important;border-color:color-mix(in srgb,var(--blue) 24%,var(--line))!important;background:linear-gradient(125deg,color-mix(in srgb,var(--blue) 13%,var(--panel)),color-mix(in srgb,var(--purple) 10%,var(--panel)) 58%,var(--panel))!important;box-shadow:0 14px 36px rgba(36,74,145,.08)}
.cf-send-hero-main{display:flex;align-items:center;gap:19px;min-width:0}.cf-send-hero-copy{min-width:0}.cf-send-logo{width:64px!important;height:64px!important;flex:0 0 64px!important;border-radius:19px!important;font-size:25px!important}.cf-send-kicker{display:block;margin-bottom:5px;font-size:8px;font-weight:900;letter-spacing:.14em;color:var(--blue)}
.cf-send-hero h2{font-size:25px!important;letter-spacing:-.035em;color:var(--text)!important}.cf-send-hero p{max-width:690px;margin-top:7px!important;font-size:11.5px!important;line-height:1.55!important;color:var(--soft)!important}.cf-send-plan{padding:8px 12px!important;background:color-mix(in srgb,var(--purple) 12%,var(--panel))!important;border:1px solid color-mix(in srgb,var(--purple) 22%,var(--line));font-size:9.5px!important}
.cf-send-hero-actions{display:flex;align-items:center;gap:10px;margin-left:auto;position:relative;z-index:2}.cf-send-new-btn{min-height:38px!important;padding:0 15px!important;white-space:nowrap}.cf-send-new-btn i{font-size:10px}
.cf-send-benefits{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.cf-send-benefits>div{display:flex;align-items:center;gap:12px;padding:15px 16px;border:1px solid var(--line);border-radius:15px;background:var(--panel);box-shadow:0 6px 18px rgba(30,45,70,.035)}.cf-send-benefits>div>i{width:38px;height:38px;flex:0 0 38px;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb,var(--blue) 9%,var(--panel2));color:var(--blue);font-size:14px}.cf-send-benefits span,.cf-send-benefits strong,.cf-send-benefits small{display:block}.cf-send-benefits strong{font-size:10.5px;color:var(--text)}.cf-send-benefits small{margin-top:3px;font-size:8.8px;line-height:1.35;color:var(--muted)}
.cf-send-use{width:100%;display:flex;align-items:flex-start;gap:11px;padding:13px 15px;border:1px solid color-mix(in srgb,var(--purple) 15%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--purple) 4%,var(--panel));color:var(--soft);font-size:9.5px;line-height:1.5}.cf-send-use>i{margin-top:2px;color:var(--purple);font-size:14px}.cf-send-use strong{color:var(--text)}
.cf-send-lock{width:100%;padding:17px 19px!important;background:color-mix(in srgb,#f59e0b 8%,var(--panel))!important;border-color:color-mix(in srgb,#f59e0b 30%,var(--line))!important}.cf-send-lock strong{font-size:10.5px;color:var(--text)}.cf-send-lock span{font-size:9.3px!important;line-height:1.4}.cf-send-empty{width:100%;padding:40px!important;background:var(--panel);border-style:dashed!important}.cf-send-empty i{color:var(--blue);opacity:.72}
@media(max-width:980px){.cf-send-benefits{grid-template-columns:1fr}.cf-send-hero{align-items:flex-start!important}.cf-send-hero-actions{flex-direction:column;align-items:flex-end}.cf-send-plan{margin-left:0}}
@media(max-width:780px){.cf-send-benefits,.cf-send-use{display:none!important}}

/* Estilo original: cf-ajuste-visual-splash-loader-20261007-final */

#cf-form-splash .cf-fs-feature.cf-step-done .cf-fs-icon:after{content:none!important;display:none!important}
#cf-form-splash .cf-fs-feature.cf-step-done .cf-fs-icon{color:#fff!important;background:#22b889!important;border-color:#22b889!important;box-shadow:0 8px 20px rgba(34,184,137,.22)!important;transform:scale(1.05)!important;animation:none!important}
#cf-form-splash .cf-fs-feature.cf-step-done .cf-fs-icon svg{fill:#fff!important}
#cf-form-splash .cf-fs-feature.cf-step-active .cf-fs-icon{color:#fff!important}
#cfConvList .cf-inbox-list-loading{min-height:190px!important;padding:34px 24px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:0!important;text-align:center!important;color:var(--muted)!important}
#cfConvList .cf-inbox-list-loading>i{width:38px!important;height:38px!important;margin:0 0 15px!important;display:block!important;border:3px solid color-mix(in srgb,var(--blue) 16%,var(--line))!important;border-top-color:var(--blue)!important;border-radius:50%!important;color:transparent!important;font-size:0!important;line-height:0!important;animation:cfInboxLoaderSpin .72s linear infinite!important}
#cfConvList .cf-inbox-list-loading>strong{display:block!important;margin:0!important;color:var(--soft)!important;font-size:11px!important;line-height:1.35!important;font-weight:800!important}
#cfConvList .cf-inbox-list-loading>small{display:block!important;max-width:230px!important;margin:6px auto 0!important;color:var(--muted)!important;font-size:8.5px!important;line-height:1.45!important;font-weight:500!important}
@keyframes cfInboxLoaderSpin{to{transform:rotate(360deg)}}

/* Estilo original: cf-no-image-blink-20261007 */

.cf-avatar img,.cf-media-thumb,.cf-sticker-img,#cfChatHead .cf-avatar img,#cfDetail .cf-avatar img{opacity:1!important;animation:none!important;transition:none!important}
.cf-avatar-fade-in{opacity:1!important;animation:none!important;transition:none!important}

/* Estilo original: cf-splash-mobile-1linha-seguro-20261007 */

/* Ajuste isolado do splash. Inserido antes do BODY real; nenhum JS alterado. */
#cf-form-splash .cf-fs-feature.cf-step-done .cf-fs-icon:after{content:none!important;display:none!important}
#cf-form-splash .cf-fs-feature.cf-step-done .cf-fs-icon{
  color:#536cff!important;
  background:rgba(83,108,255,.11)!important;
  border-color:rgba(83,108,255,.28)!important;
  box-shadow:0 8px 20px rgba(83,108,255,.13)!important;
  transform:scale(1.04)!important;
  animation:none!important;
}
#cf-form-splash .cf-fs-feature.cf-step-done .cf-fs-icon svg{fill:currentColor!important}
#cf-form-splash .cf-fs-feature.cf-step-active .cf-fs-icon{
  color:#2b8ef8!important;
  background:rgba(43,142,248,.10)!important;
  border-color:rgba(43,142,248,.30)!important;
}
#cf-form-splash .cf-fs-feature.cf-step-active .cf-fs-icon svg{fill:currentColor!important}

@media (max-width:780px){
  #cf-form-splash .cf-fs-center{
    width:calc(100vw - 32px)!important;
    max-width:440px!important;
    padding-left:16px!important;
    padding-right:16px!important;
  }
  #cf-form-splash .cf-fs-features{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    width:100%!important;
    max-width:100%!important;
    gap:0!important;
    align-items:start!important;
    justify-items:stretch!important;
    margin:6px auto 15px!important;
  }
  #cf-form-splash .cf-fs-feature{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
    padding:0 1px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
    text-align:center!important;
    white-space:nowrap!important;
    font-size:clamp(7px,2.15vw,9px)!important;
  }
  #cf-form-splash .cf-fs-icon{
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    margin:0 auto 5px!important;
  }
  #cf-form-splash .cf-fs-icon svg{width:17px!important;height:17px!important}
  #cf-form-splash .cf-fs-sep{display:none!important}
  #cf-form-splash .cf-fs-progress{
    width:100%!important;
    max-width:100%!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  #cf-form-splash .cf-fs-status{
    width:100%!important;
    max-width:100%!important;
    margin-left:auto!important;
    margin-right:auto!important;
    text-align:center!important;
  }
}
@media (max-width:360px){
  #cf-form-splash .cf-fs-center{width:calc(100vw - 24px)!important;padding-left:12px!important;padding-right:12px!important}
  #cf-form-splash .cf-fs-feature{font-size:7px!important;padding:0!important}
  #cf-form-splash .cf-fs-icon{width:32px!important;height:32px!important;min-width:32px!important}
  #cf-form-splash .cf-fs-icon svg{width:15px!important;height:15px!important}
}

/* Estilo original: cf-inbox-stable-css-order-20261008 */

/* A ordenação altera só a posição no layout, nunca desconecta o card do DOM. */
#cfConvList{display:flex!important;flex-direction:column!important;align-items:stretch!important;}
#cfConvList > .cf-conv{flex:0 0 auto!important;width:100%;}
#cfConvList > .cf-resolved-more{order:2147483647!important;flex:0 0 auto!important;}
#cfConvList > .cf-empty,#cfConvList > .cf-inbox-list-loading{flex:0 0 auto!important;width:100%;}

/* Estilo original: cf-inbox-card-no-blink-20261008 */

/* Polling: nenhum fade/salto de cartão. Ações explícitas continuam com suas próprias classes. */
#cfConvList .cf-conv:not(.cf-removing):not(.cf-swipe-dragging):not(.cf-card-action-busy){
  transition:background-color .12s ease!important;
  animation:none!important;
}
#cfConvList .cf-conv:not(.cf-removing) .cf-conv-preview,
#cfConvList .cf-conv:not(.cf-removing) .cf-conv-side-meta,
#cfConvList .cf-conv:not(.cf-removing) .cf-conv-meta-row{
  transition:none!important;animation:none!important;
}

/* Estilo original: ct-trial-compact-banner-20261016 */

/* Aviso real do ConectTarefas (fora da pre-visualização de impressão). */
#ctApp .ct-content > .ct-trial-inline {
  display:flex; flex-wrap:wrap; align-items:center; gap:11px;
  min-height:56px; width:100%; max-width:1100px;
  margin:0 0 19px; padding:10px 13px;
  background:var(--ct-panel); color:var(--ct-text);
  border:1px solid var(--ct-line); border-left:3px solid var(--ct-blue);
  border-radius:12px; box-shadow:0 2px 9px rgba(25,43,82,.035);
  font-family:inherit; line-height:1.35;
}
#ctApp .ct-trial-inline .ct-trial-symbol {
  flex:0 0 30px; width:30px; height:30px;
  display:grid; place-items:center; border-radius:9px;
  color:var(--ct-blue); background:color-mix(in srgb,var(--ct-blue) 9%,var(--ct-panel));
}
#ctApp .ct-trial-inline .ct-trial-symbol i {font-size:13px}
#ctApp .ct-trial-inline .ct-trial-copy {min-width:0;flex:1 1 220px}
#ctApp .ct-trial-inline .ct-trial-copy strong {display:block;font-size:11px;line-height:1.3;font-weight:800;margin:0;color:var(--ct-text)}
#ctApp .ct-trial-inline .ct-trial-copy small {display:block;font-size:10px;line-height:1.4;color:var(--ct-muted);margin-top:2px}
#ctApp .ct-trial-inline .ct-trial-chip {
  flex:0 0 auto; display:inline-flex;align-items:center;justify-content:center;
  padding:6px 10px; border:1px solid var(--ct-line);border-radius:999px;
  color:var(--ct-blue); background:color-mix(in srgb,var(--ct-blue) 5%,var(--ct-panel));
  font-weight:800;font-size:9px;white-space:nowrap;
}
#ctApp .ct-trial-inline.expired {border-left-color:#d18d28}
#ctApp .ct-trial-inline.expired .ct-trial-symbol {color:#d18d28;background:color-mix(in srgb,#d18d28 10%,var(--ct-panel))}
#ctApp .ct-trial-inline.expired .ct-trial-upgrade {flex:0 0 auto; min-height:32px; padding:6px 12px}
@media(max-width:620px) {
  #ctApp .ct-content > .ct-trial-inline {padding:10px;gap:9px;margin-bottom:15px}
  #ctApp .ct-trial-inline .ct-trial-symbol {width:28px;height:28px;flex-basis:28px}
  #ctApp .ct-trial-inline .ct-trial-copy {flex:1 1 calc(100% - 50px)}
  #ctApp .ct-trial-inline .ct-trial-chip,
  #ctApp .ct-trial-inline.expired .ct-trial-upgrade {margin-left:37px}
}

/* Estilo original: cf-conecttasks-embedded-style-20261009 */

/* ConectTasks 2026 | Escopo visual isolado: apenas #ctApp */
#ctApp {--ct-bg:#0d1425;--ct-panel:#151e32;--ct-panel2:#1b2840;--ct-line:#2b3953;--ct-text:#e9efff;--ct-muted:#96a6c0;--ct-blue:#478fff;--ct-purple:#9767ef;--ct-good:#40c6a8;--ct-red:#ff858b;--ct-shadow:0 15px 48px rgba(0,0,0,.16);display:flex;min-height:100%;height:100%;max-height:100%;color:var(--ct-text);background:var(--ct-bg);font-family:Inter,'Segoe UI',Arial,sans-serif;font-size:13px;overflow:hidden;position:relative;isolation:isolate}
html[data-theme="light"] #ctApp{--ct-bg:#f5f7fc;--ct-panel:#fff;--ct-panel2:#eff3fa;--ct-line:#dce4ef;--ct-text:#1e2c45;--ct-muted:#75829a;--ct-blue:#3077e9;--ct-purple:#8452d5;--ct-good:#139a79;--ct-red:#db5563;--ct-shadow:0 14px 40px rgba(27,56,97,.09)}
#ctApp *,#ctApp *:before,#ctApp *:after{box-sizing:border-box}#ctApp button,#ctApp input,#ctApp textarea,#ctApp select{font:inherit}#ctApp button{cursor:pointer;color:inherit}#ctApp button:disabled{opacity:.46;cursor:not-allowed}#ctApp input,#ctApp textarea,#ctApp select{outline:none;accent-color:var(--ct-blue);background:var(--ct-panel2);border:1px solid var(--ct-line);border-radius:10px;color:var(--ct-text);padding:10px 12px;width:100%}#ctApp input:focus,#ctApp select:focus,#ctApp textarea:focus{border-color:var(--ct-blue);box-shadow:0 0 0 3px rgba(71,143,255,.1)}#ctApp textarea{resize:vertical;min-height:95px}#ctApp input[type='checkbox']{width:16px;height:16px;padding:0;box-shadow:none}#ctApp input[type='color']{width:45px;height:36px;padding:3px}
#ctApp .ct-side{width:260px;flex:0 0 260px;background:var(--ct-panel);border-right:1px solid var(--ct-line);display:flex;flex-direction:column;min-height:0;z-index:2}#ctApp .ct-sidehead{padding:22px 16px 13px;border-bottom:1px solid var(--ct-line)}#ctApp .ct-brand{display:flex;align-items:center;gap:11px}#ctApp .ct-brandmark{display:grid;place-items:center;background:linear-gradient(135deg,#188fea,#8a53d5);color:white;width:42px;height:42px;border-radius:15px;box-shadow:0 8px 20px rgba(79,116,244,.25);font-size:19px}#ctApp .ct-brand strong{display:block;font-size:17px;letter-spacing:-.4px}#ctApp .ct-brand small{font-size:11px;color:var(--ct-muted)}#ctApp .ct-sidebody{padding:15px 10px;min-height:0;overflow:auto}#ctApp .ct-sidefoot{border-top:1px solid var(--ct-line);padding:14px 12px;font-size:11px;color:var(--ct-muted)}#ctApp .ct-menu-title{font-size:10px;text-transform:uppercase;letter-spacing:1.2px;font-weight:800;color:var(--ct-muted);padding:17px 12px 7px;display:flex;justify-content:space-between}#ctApp .ct-navitem{display:flex;gap:11px;align-items:center;width:100%;padding:11px 12px;border-radius:11px;border:0;background:transparent;text-align:left;margin:3px 0;font-size:12px;font-weight:650}#ctApp .ct-navitem>i{width:16px;text-align:center;color:var(--ct-muted)}#ctApp .ct-navitem:hover{background:var(--ct-panel2)}#ctApp .ct-navitem.active{background:linear-gradient(110deg,rgba(60,142,255,.18),rgba(147,92,248,.12));color:var(--ct-blue)}#ctApp .ct-navitem.active>i{color:var(--ct-blue)}#ctApp .ct-navitem .ct-dot{margin-left:auto;width:8px;height:8px;border-radius:50%}#ctApp .ct-main{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0}#ctApp .ct-head{padding:17px 22px 15px;border-bottom:1px solid var(--ct-line);background:var(--ct-panel);display:flex;align-items:center;gap:15px;justify-content:space-between;flex-wrap:wrap;z-index:1}#ctApp .ct-headtitle{min-width:0;display:flex;gap:10px;align-items:center}#ctApp .ct-headtitle h2{font-size:19px;font-weight:800;line-height:1.1;margin:0}#ctApp .ct-headtitle p{margin:5px 0 0;color:var(--ct-muted);font-size:11px}#ctApp .ct-actions,#ctApp .ct-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap}#ctApp .ct-btn{background:var(--ct-panel2);border:1px solid var(--ct-line);padding:9px 13px;border-radius:10px;font-weight:700;font-size:11px;min-height:36px;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}#ctApp .ct-btn:hover{border-color:var(--ct-blue)}#ctApp .ct-btn.primary{color:white;border:0;background:linear-gradient(115deg,var(--ct-blue),var(--ct-purple))}#ctApp .ct-btn.ghost{border:0;background:transparent}#ctApp .ct-btn.danger{color:var(--ct-red)}#ctApp .ct-iconbtn{width:34px;height:34px;padding:0;border:1px solid var(--ct-line);background:var(--ct-panel2);border-radius:10px;display:inline-grid;place-items:center}#ctApp .ct-iconbtn:hover{border-color:var(--ct-blue)}#ctApp .ct-content{min-height:0;flex:1;overflow:auto;padding:20px 22px 28px}#ctApp .ct-notice{display:flex;gap:10px;align-items:center;background:rgba(250,184,70,.09);border:1px solid rgba(250,184,70,.32);color:var(--ct-text);padding:10px 13px;border-radius:12px;font-size:11px;line-height:1.5;margin-bottom:17px}#ctApp .ct-notice i{color:#e5a43d}#ctApp .ct-notice b{color:#e7ad48}#ctApp .ct-workspace-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:15px}#ctApp .ct-boardcard{background:var(--ct-panel);border:1px solid var(--ct-line);border-radius:17px;overflow:hidden;text-align:left;min-height:145px;display:flex;flex-direction:column;box-shadow:var(--ct-shadow)}#ctApp .ct-boardcover{height:65px;position:relative}#ctApp .ct-boardcover i{position:absolute;right:18px;top:13px;color:rgba(255,255,255,.72);font-size:23px}#ctApp .ct-boardinfo{padding:15px;display:flex;align-items:center;gap:7px}#ctApp .ct-boardinfo strong{font-size:14px;flex:1;text-align:left}#ctApp .ct-boardinfo small{color:var(--ct-muted)}#ctApp .ct-newboard{min-height:146px;border:2px dashed var(--ct-line);background:transparent;border-radius:16px;display:grid;place-content:center;gap:8px;text-align:center;color:var(--ct-muted);font-weight:700}#ctApp .ct-newboard i{font-size:20px;color:var(--ct-blue)}#ctApp .ct-boardstrip{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:0 0 15px}#ctApp .ct-chip{border:1px solid var(--ct-line);background:var(--ct-panel);border-radius:999px;padding:7px 11px;font-size:11px;color:var(--ct-muted);display:inline-flex;gap:7px;align-items:center;font-weight:650}#ctApp .ct-chip.on{border-color:var(--ct-blue);color:var(--ct-blue)}#ctApp .ct-board{display:flex;align-items:flex-start;gap:14px;overflow:auto;min-height:240px;height:calc(100% - 6px);padding-bottom:18px}#ctApp .ct-column{flex:0 0 288px;background:var(--ct-panel);border:1px solid var(--ct-line);border-radius:17px;box-shadow:0 5px 14px rgba(7,15,35,.035);max-height:100%;display:flex;flex-direction:column;overflow:hidden}#ctApp .ct-colhead{display:flex;gap:7px;align-items:center;padding:14px 13px 10px}#ctApp .ct-colhead strong{font-size:12px;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#ctApp .ct-count{background:var(--ct-panel2);padding:3px 7px;border-radius:20px;color:var(--ct-muted);font-size:10px}#ctApp .ct-cards{padding:3px 10px;overflow-y:auto;overflow-x:hidden;min-height:35px;display:flex;flex-direction:column;gap:9px}#ctApp .ct-cards.ct-drop{background:rgba(79,137,255,.12)}#ctApp .ct-card{background:var(--ct-panel2);border:1px solid var(--ct-line);border-radius:12px;padding:0 0 10px;text-align:left;min-height:50px;display:flex;flex-direction:column;gap:8px;box-shadow:0 4px 11px rgba(6,12,30,.06);overflow:hidden}#ctApp .ct-card[draggable=true]{cursor:grab}#ctApp .ct-card:active{cursor:grabbing}#ctApp .ct-card:hover{border-color:var(--ct-blue)}#ctApp .ct-card.dragging{opacity:.5}#ctApp .ct-cardcover{height:34px}#ctApp .ct-cardcontent{padding:1px 11px;display:grid;gap:8px}#ctApp .ct-cardname{font-weight:700;line-height:1.4;font-size:12px;overflow-wrap:anywhere}#ctApp .ct-card-meta{display:flex;gap:9px;align-items:center;flex-wrap:wrap;color:var(--ct-muted);font-size:10px}#ctApp .ct-card-meta span{display:inline-flex;gap:4px;align-items:center}#ctApp .ct-card-meta .overdue{color:var(--ct-red)}#ctApp .ct-card-meta .done{color:var(--ct-good)}#ctApp .ct-labels{display:flex;gap:5px;flex-wrap:wrap}#ctApp .ct-label{display:inline-block;border-radius:4px;padding:4px 7px;color:white;font-size:9px;font-weight:750;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#ctApp .ct-avatar{width:24px;height:24px;border-radius:50%;display:inline-grid;place-items:center;color:white;font-size:9px;font-weight:800;border:2px solid var(--ct-panel2);background:linear-gradient(135deg,#418de9,#865cd6)}#ctApp .ct-addcard{border:0;background:transparent;text-align:left;padding:12px 14px;margin:4px 9px 8px;border-radius:10px;color:var(--ct-muted);font-size:11px}#ctApp .ct-addcard:hover{background:var(--ct-panel2);color:var(--ct-text)}#ctApp .ct-addcol{flex:0 0 280px;border:1px dashed var(--ct-line);background:var(--ct-panel);border-radius:15px;color:var(--ct-muted);padding:18px;text-align:left;min-height:58px;font-weight:700}#ctApp .ct-empty{text-align:center;display:grid;justify-items:center;align-content:center;gap:11px;padding:65px 18px;color:var(--ct-muted)}#ctApp .ct-empty i{font-size:35px;color:var(--ct-blue)}#ctApp .ct-empty h3{color:var(--ct-text);margin:0;font-size:18px}#ctApp .ct-empty p{max-width:430px;line-height:1.5;margin:0}#ctApp .ct-viewtabs{display:flex;gap:7px;flex-wrap:wrap}#ctApp .ct-table{width:100%;border-collapse:collapse;background:var(--ct-panel);border-radius:13px;overflow:hidden;border:1px solid var(--ct-line)}#ctApp .ct-table th,#ctApp .ct-table td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--ct-line);font-size:11px}#ctApp .ct-table th{color:var(--ct-muted);font-size:10px;text-transform:uppercase}#ctApp .ct-table tr:last-child td{border:0}#ctApp .ct-table tbody tr{cursor:pointer}#ctApp .ct-table tbody tr:hover{background:var(--ct-panel2)}#ctApp .ct-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:13px;margin-bottom:20px}#ctApp .ct-stat{background:var(--ct-panel);border:1px solid var(--ct-line);border-radius:16px;padding:17px}#ctApp .ct-stat strong{font-size:25px;display:block;margin:9px 0 0}#ctApp .ct-stat small{color:var(--ct-muted)}#ctApp .ct-stat i{float:right;color:var(--ct-blue)}#ctApp .ct-month{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:1px;border-radius:13px;overflow:hidden;border:1px solid var(--ct-line);background:var(--ct-line)}#ctApp .ct-day{min-height:102px;background:var(--ct-panel);padding:10px 7px;min-width:0}#ctApp .ct-day.out{opacity:.55}#ctApp .ct-day b{font-size:11px}#ctApp .ct-dayhead{padding:9px;background:var(--ct-panel2);text-align:center;font-size:10px;font-weight:800}#ctApp .ct-daytask{font-size:9px;background:rgba(67,136,255,.2);border:0;padding:5px;border-radius:5px;margin-top:4px;display:block;width:100%;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#ctApp .ct-activity{display:flex;gap:13px;padding:11px 0;border-bottom:1px solid var(--ct-line)}#ctApp .ct-activity small{color:var(--ct-muted);font-size:10px}#ctApp .ct-activity p{margin:3px 0;line-height:1.45;font-size:12px}#ctApp .ct-dialogback{position:absolute;inset:0;background:rgba(5,10,21,.69);backdrop-filter:blur(7px);display:grid;place-items:center;padding:12px;z-index:20}#ctApp .ct-dialog{width:min(780px,100%);max-height:min(94%,880px);overflow:hidden;background:var(--ct-panel);border:1px solid var(--ct-line);border-radius:19px;box-shadow:0 28px 80px rgba(0,0,0,.32);display:flex;flex-direction:column}#ctApp .ct-dialog.small{width:min(500px,100%)}#ctApp .ct-dialoghead{padding:18px 20px;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--ct-line)}#ctApp .ct-dialoghead h3{font-size:16px;margin:0;flex:1;line-height:1.4}#ctApp .ct-dialogcontent{overflow:auto;min-height:0;padding:20px}#ctApp .ct-dialogfooter{padding:13px 20px;border-top:1px solid var(--ct-line);display:flex;justify-content:flex-end;gap:10px}#ctApp .ct-form{display:grid;gap:15px}#ctApp .ct-field label{font-weight:700;font-size:11px;display:block;margin-bottom:7px}#ctApp .ct-help{font-size:10px;line-height:1.45;color:var(--ct-muted)}#ctApp .ct-2col{display:grid;grid-template-columns:1fr 1fr;gap:13px}#ctApp .ct-colordots{display:flex;gap:8px;flex-wrap:wrap}#ctApp .ct-colordot{width:30px;height:30px;border-radius:9px;border:2px solid transparent}#ctApp .ct-colordot.active{outline:2px solid var(--ct-text);outline-offset:2px}#ctApp .ct-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:24px}#ctApp .ct-detail-main{min-width:0}#ctApp .ct-detail-aside{min-width:0;display:flex;flex-direction:column;gap:8px}#ctApp .ct-detail-section{margin-bottom:23px}#ctApp .ct-detail-section h4{margin:0 0 10px;font-size:12px;display:flex;align-items:center;gap:7px}#ctApp .ct-detail-section h4 i{color:var(--ct-muted)}#ctApp .ct-checkitem{display:flex;align-items:center;gap:9px;padding:7px 0}#ctApp .ct-checkitem span{flex:1;overflow-wrap:anywhere}#ctApp .ct-checkbar{height:7px;border-radius:6px;background:var(--ct-panel2);overflow:hidden;margin:8px 0}#ctApp .ct-checkbar div{height:100%;background:var(--ct-good);transition:width .15s}#ctApp .ct-inline-form{display:flex;gap:7px;align-items:center;margin-top:8px}#ctApp .ct-inline-form input{min-width:0}#ctApp .ct-comment{padding:10px 12px;background:var(--ct-panel2);border-radius:10px;margin:8px 0;font-size:12px;overflow-wrap:anywhere}#ctApp .ct-comment small{display:block;color:var(--ct-muted);font-size:10px;margin-bottom:5px}#ctApp .ct-link{color:var(--ct-blue);text-decoration:none}#ctApp .ct-link:hover{text-decoration:underline}#ctApp .ct-pill{background:var(--ct-panel2);border:1px solid var(--ct-line);border-radius:6px;padding:5px 7px;display:inline-flex;align-items:center;gap:6px;font-size:10px;margin:2px}#ctApp .ct-floating-hint{font-size:10px;color:var(--ct-muted)}#ctApp .ct-init{margin:auto;display:grid;gap:12px;justify-items:center;padding:30px}#ctApp .ct-init small{color:var(--ct-muted)}#ctApp .ct-spinner{width:26px;height:26px;border-radius:100%;border:3px solid var(--ct-line);border-top-color:var(--ct-blue);animation:ct-spin .7s linear infinite}@keyframes ct-spin{to{transform:rotate(360deg)}}#ctApp .ct-mobile-toggle{display:none}
@media(max-width:1000px){#ctApp .ct-side{width:220px;flex-basis:220px}#ctApp .ct-content{padding:16px}#ctApp .ct-column{flex-basis:265px}#ctApp .ct-detail-grid{grid-template-columns:1fr 180px}}
@media(max-width:780px){#ctApp .ct-side{position:absolute;left:0;top:0;bottom:0;transform:translateX(-105%);transition:transform .2s;width:260px;box-shadow:var(--ct-shadow)}#ctApp.ct-menu-open .ct-side{transform:translateX(0)}#ctApp .ct-mobile-toggle{display:inline-grid}#ctApp .ct-head{padding:12px;gap:10px}#ctApp .ct-headtitle h2{font-size:15px}#ctApp .ct-headtitle p{font-size:10px;max-width:230px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#ctApp .ct-actions{gap:5px}#ctApp .ct-actions .ct-btn:not(.primary){padding:8px}#ctApp .ct-content{padding:12px}#ctApp .ct-board{height:100%}#ctApp .ct-column{flex-basis:85%;max-width:318px}#ctApp .ct-detail-grid,#ctApp .ct-2col{grid-template-columns:1fr}#ctApp .ct-detail-aside{order:-1}#ctApp .ct-dialog{max-height:96%}#ctApp .ct-dialogcontent{padding:13px}#ctApp .ct-day{min-height:62px;padding:3px}#ctApp .ct-daytask{font-size:8px;padding:3px}#ctApp .ct-day b{font-size:9px}#ctApp .ct-table{display:block;overflow:auto}}
#ctApp .ct-column.ct-column-colored{border-top:3px solid var(--ct-list-color);border-color:color-mix(in srgb,var(--ct-list-color) 42%,var(--ct-line));background:color-mix(in srgb,var(--ct-list-color) 14%,var(--ct-panel))}
/* ConectTasks avancado */
#ctApp .ct-setting-list{display:grid;gap:8px}#ctApp .ct-setting-row{display:flex;gap:12px;justify-content:space-between;align-items:center;border:1px solid var(--ct-line);border-radius:12px;padding:11px;background:var(--ct-panel2)}#ctApp .ct-setting-row>div{flex:1;min-width:0}#ctApp .ct-setting-row small{display:block;color:var(--ct-muted);margin-top:4px;font-size:10px}#ctApp .ct-timeline-scroll{overflow:auto;background:var(--ct-panel);border:1px solid var(--ct-line);border-radius:14px}#ctApp .ct-timeline-head{display:flex;align-items:center;height:36px;border-bottom:1px solid var(--ct-line);font-size:9px}#ctApp .ct-timeline-head span{flex:0 0 205px;padding:10px}#ctApp .ct-timeline-head b{width:35px;flex:0 0 35px;text-align:center;font-size:9px}#ctApp .ct-timeline-row{height:48px;display:flex;align-items:center;border-bottom:1px solid var(--ct-line)}#ctApp .ct-timeline-row>button{flex:0 0 205px;width:205px;text-align:left;padding:9px;border:0;background:transparent;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#ctApp .ct-timeline-track{position:relative;height:100%;flex:1;background:repeating-linear-gradient(90deg,transparent 0 34px,var(--ct-line) 34px 35px)}#ctApp .ct-timeline-track i{position:absolute;top:17px;height:14px;border-radius:9px}#ctApp .ct-detail-section .ct-field{margin:10px 0}#ctApp .ct-setting-row .ct-btn{max-width:180px;overflow:hidden;text-overflow:ellipsis}#ctApp .ct-workspace-grid .ct-stat p{font-size:11px;min-height:30px}#ctApp .ct-dialogfooter{flex-wrap:wrap}#ctApp .ct-detail-grid{align-items:start}



/* Menu contextual dos quadros: evita que seja necessário abrir um quadro para administrá-lo. */
#ctApp .ct-boardwrap{position:relative;min-width:0}
#ctApp .ct-boardwrap>.ct-boardcard{width:100%;height:100%}
#ctApp .ct-boardwrap>.ct-boardcard .ct-boardcover i{right:55px}
#ctApp .ct-boardmenu{position:absolute;top:10px;right:10px;z-index:3;width:34px;height:34px;border:1px solid rgba(255,255,255,.35);border-radius:10px;background:rgba(10,16,40,.32);color:white;display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(5px)}
#ctApp .ct-boardmenu:hover,#ctApp .ct-boardmenu:focus-visible{background:rgba(10,16,40,.63);outline:2px solid rgba(255,255,255,.25);outline-offset:1px}
#ctApp .ct-board-actions{display:grid;gap:9px}
#ctApp .ct-board-actions .ct-btn{width:100%;justify-content:flex-start;text-align:left}
#ctApp .ct-board-actions .ct-btn.danger{border-color:rgba(219,85,99,.32);background:rgba(219,85,99,.07)}
#ctApp .ct-board-actions .ct-help{margin:4px 0 0}

/* Estilo original: ct-boardcards-premium-20261009 */

/* Apenas a tela de quadros do ConectTasks. Sem alterar cards de tarefas e Inbox. */
#ctApp .ct-workspace-grid{
  grid-template-columns:repeat(auto-fill,minmax(min(100%,238px),1fr));
  gap:16px;
  align-items:stretch;
}
#ctApp .ct-boardwrap{
  position:relative;
  min-width:0;
  border:1px solid var(--ct-line);
  border-radius:17px;
  background:var(--ct-panel);
  box-shadow:0 3px 12px rgba(16,32,70,.04);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
  isolation:isolate;
}
#ctApp .ct-boardwrap:hover{
  transform:translateY(-3px);
  border-color:color-mix(in srgb,var(--ct-blue) 30%,var(--ct-line));
  box-shadow:0 13px 28px rgba(24,44,83,.12);
}
#ctApp .ct-boardwrap:focus-within{
  border-color:color-mix(in srgb,var(--ct-blue) 55%,var(--ct-line));
}
#ctApp .ct-boardwrap>.ct-boardcard{
  display:flex;
  flex-direction:column;
  width:100%;
  height:100%;
  min-height:151px;
  padding:0;
  border:0;
  border-radius:16px;
  background:transparent;
  box-shadow:none;
  text-align:left;
  overflow:hidden;
}
#ctApp .ct-boardwrap>.ct-boardcard:focus-visible{
  outline:2px solid var(--ct-blue);outline-offset:3px;
}
#ctApp .ct-boardwrap .ct-boardcover{
  height:68px;
  min-height:68px;
  width:100%;
  position:relative;
  overflow:hidden;
}
#ctApp .ct-boardwrap .ct-boardcover:before{
  content:"";
  position:absolute;
  width:148px;
  height:148px;
  border-radius:50%;
  top:-103px;
  right:-10px;
  background:rgba(255,255,255,.085);
  pointer-events:none;
}
#ctApp .ct-boardwrap .ct-boardcover:after{
  content:"";
  position:absolute;
  width:125px;
  height:125px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:50%;
  top:-86px;
  right:38px;
  pointer-events:none;
}
#ctApp .ct-boardwrap .ct-boardcover .ct-boardcover-icon{
  position:absolute;
  top:16px;
  left:16px;
  display:grid;
  place-items:center;
  width:35px;
  height:35px;
  border-radius:11px;
  background:rgba(255,255,255,.17);
  border:1px solid rgba(255,255,255,.20);
  color:rgba(255,255,255,.95);
  z-index:1;
}
#ctApp .ct-boardwrap .ct-boardcover .ct-boardcover-icon i{
  position:static;
  font-size:15px;
  color:inherit;
}
#ctApp .ct-boardwrap .ct-boardinfo{
  display:flex;
  flex:1;
  flex-direction:column;
  align-items:stretch;
  justify-content:space-between;
  gap:12px;
  width:100%;
  padding:13px 15px 14px;
  min-width:0;
}
#ctApp .ct-boardtitleline{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
  width:100%;
}
#ctApp .ct-boardtitleline strong{
  flex:1;
  min-width:0;
  font-size:13px;
  font-weight:800;
  line-height:1.28;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:var(--ct-text);
}
#ctApp .ct-boardstar{font-size:11px;color:#e0a23c;flex:0 0 auto}
#ctApp .ct-boardfooter{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:6px;
  width:100%;
}
#ctApp .ct-boardcount{
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:var(--ct-muted);
  font-size:10px;
  font-weight:600;
  white-space:nowrap;
}
#ctApp .ct-boardcount i{font-size:10px;opacity:.8}
#ctApp .ct-boardopen{
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:var(--ct-blue);
  font-size:9.5px;
  font-weight:800;
  opacity:0;
  transform:translateX(-5px);
  transition:opacity .16s ease, transform .16s ease;
  white-space:nowrap;
}
#ctApp .ct-boardwrap:hover .ct-boardopen,#ctApp .ct-boardwrap:focus-within .ct-boardopen{
  opacity:1;
  transform:none;
}
#ctApp .ct-boardmenu{
  position:absolute;
  top:19px;
  right:15px;
  z-index:3;
  width:29px;
  height:29px;
  min-width:29px;
  padding:0;
  display:grid;
  place-items:center;
  color:#fff;
  background:rgba(255,255,255,.11);
  border:1px solid rgba(255,255,255,.20);
  border-radius:50%;
  box-shadow:none;
  backdrop-filter:blur(5px);
  -webkit-backdrop-filter:blur(5px);
  transition:background .16s ease,border-color .16s ease,transform .16s ease;
}
#ctApp .ct-boardmenu i{font-size:12px}
#ctApp .ct-boardmenu:hover,#ctApp .ct-boardmenu:focus-visible{
  background:rgba(255,255,255,.27);
  border-color:rgba(255,255,255,.60);
  outline:none;
  transform:scale(1.06);
}
#ctApp .ct-boardmenu:focus-visible{box-shadow:0 0 0 3px rgba(255,255,255,.3)}
#ctApp .ct-newboard{
  min-height:153px;
  border:1.5px dashed color-mix(in srgb,var(--ct-blue) 22%,var(--ct-line));
  border-radius:17px;
  background:color-mix(in srgb,var(--ct-panel) 68%,transparent);
  color:var(--ct-muted);
  box-shadow:none;
  transition:border-color .18s ease,background .18s ease,transform .18s ease;
}
#ctApp .ct-newboard i{
  display:grid;
  place-items:center;
  margin:0 auto 2px;
  width:34px;
  height:34px;
  color:#fff;
  font-size:14px;
  background:linear-gradient(135deg,var(--ct-blue),var(--ct-purple));
  border-radius:12px;
}
#ctApp .ct-newboard span{font-size:11px;font-weight:750}
#ctApp .ct-newboard:hover{
  border-color:var(--ct-blue);
  background:color-mix(in srgb,var(--ct-blue) 5%,var(--ct-panel));
  transform:translateY(-2px);
}
@media(hover:none){#ctApp .ct-boardopen{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){
  #ctApp .ct-boardwrap,#ctApp .ct-boardmenu,#ctApp .ct-boardopen,#ctApp .ct-newboard{transition:none}
}
@media(max-width:540px){
  #ctApp .ct-workspace-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,225px),1fr));gap:12px}
  #ctApp .ct-boardwrap .ct-boardcover{height:62px;min-height:62px}
  #ctApp .ct-boardwrap>.ct-boardcard{min-height:142px}
  #ctApp .ct-newboard{min-height:142px}
}

/* Planner: agenda pessoal integrada sem converter compromissos em tarefas. */
#ctApp .ct-planner-top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}
#ctApp .ct-planner-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap}
#ctApp .ct-planner-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(240px,1fr);gap:17px;align-items:start}
#ctApp .ct-planner-panel{background:var(--ct-panel);border:1px solid var(--ct-line);border-radius:17px;overflow:hidden;box-shadow:0 8px 26px rgba(15,23,42,.035)}
#ctApp .ct-planner-panelhead{padding:15px 17px;border-bottom:1px solid var(--ct-line);display:flex;gap:8px;align-items:center;justify-content:space-between}
#ctApp .ct-planner-panelhead strong{font-size:13px}
#ctApp .ct-planner-fullday{padding:10px 16px;color:var(--ct-muted);font-size:10px}
#ctApp .ct-planner-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:0}
#ctApp .ct-planner-day{min-width:0;border-right:1px solid var(--ct-line);min-height:228px;padding:9px 6px 12px}
#ctApp .ct-planner-day:last-child{border-right:0}
#ctApp .ct-planner-day.today{background:color-mix(in srgb,var(--ct-blue) 5%,var(--ct-panel))}
#ctApp .ct-planner-dayhead{display:block;font-size:9px;font-weight:800;text-align:center;color:var(--ct-muted);padding:6px 0 12px}
#ctApp .ct-planner-dayhead b{display:block;font-size:18px;color:var(--ct-text);margin-top:4px}
#ctApp .ct-planner-event{width:100%;display:block;text-align:left;padding:8px 7px;margin-bottom:6px;border:1px solid color-mix(in srgb,var(--ct-blue) 16%,var(--ct-line));border-left:3px solid var(--ct-blue);border-radius:8px;background:color-mix(in srgb,var(--ct-blue) 7%,var(--ct-panel));color:var(--ct-text);text-decoration:none;overflow-wrap:anywhere}
#ctApp .ct-planner-event.focus{border-left-color:var(--ct-purple);background:color-mix(in srgb,var(--ct-purple) 7%,var(--ct-panel))}
#ctApp .ct-planner-event strong{display:block;font-size:10px;font-weight:780;line-height:1.3}
#ctApp .ct-planner-event small{display:block;font-size:9px;color:var(--ct-muted);margin-bottom:4px}
#ctApp .ct-planner-event:hover{filter:brightness(1.04);border-color:var(--ct-blue)}
#ctApp .ct-planner-task{display:flex;align-items:center;gap:9px;padding:11px 13px;border-bottom:1px solid var(--ct-line)}
#ctApp .ct-planner-task:last-child{border-bottom:0}
#ctApp .ct-planner-taskinfo{min-width:0;flex:1}
#ctApp .ct-planner-taskinfo strong{display:block;font-size:11px;white-space:normal;overflow-wrap:anywhere}
#ctApp .ct-planner-taskinfo small{color:var(--ct-muted);font-size:9px;line-height:1.4;display:block;margin-top:3px}
#ctApp .ct-planner-task .ct-btn{font-size:9px;min-height:29px;padding:0 9px}
#ctApp .ct-planner-legend{display:flex;gap:16px;align-items:center;flex-wrap:wrap;font-size:10px;color:var(--ct-muted);margin:0 0 15px}
#ctApp .ct-planner-legend i{font-size:9px;margin-right:3px;color:var(--ct-blue)}
#ctApp .ct-planner-legend .focus i{color:var(--ct-purple)}
#ctApp .ct-planner-link{border:0;background:none;color:var(--ct-blue);cursor:pointer;text-align:left;padding:0;font:inherit;font-size:9px}
#ctApp .ct-planner-link:hover{text-decoration:underline}
#ctApp .ct-planner-day>.ct-planner-link{display:block;font-size:9px;margin:0 0 8px 6px;color:var(--ct-red)}
#ctApp .ct-planner-top{padding:22px;border:1px solid var(--ct-line);border-radius:20px;background:linear-gradient(120deg,color-mix(in srgb,var(--ct-blue) 8%,var(--ct-panel)),var(--ct-panel));margin-bottom:18px;gap:18px}
#ctApp .ct-planner-actions{gap:8px;flex-wrap:wrap}
#ctApp .ct-planner-grid{grid-template-columns:minmax(0,1fr) 260px;gap:20px}
#ctApp .ct-planner-panel{border-radius:20px;box-shadow:0 12px 35px #0f172a08}
#ctApp .ct-planner-panelhead{padding:18px;background:color-mix(in srgb,var(--ct-blue) 3%,var(--ct-panel))}
#ctApp .ct-planner-day{padding:12px 8px;min-height:320px;border-bottom:1px solid var(--ct-line)}
#ctApp .ct-planner-days.month .ct-planner-day{min-height:150px}
#ctApp .ct-planner-day:nth-child(7n){border-right:0}
#ctApp .ct-planner-dayhead{font-size:10px;letter-spacing:.04em;text-transform:uppercase}
#ctApp .ct-planner-dayhead b{font-size:21px;letter-spacing:0;margin:7px auto 0;width:34px;line-height:34px;border-radius:12px}
#ctApp .ct-planner-day.today .ct-planner-dayhead b{background:var(--ct-blue);color:white;box-shadow:0 4px 12px #397de430}
#ctApp .ct-planner-event{cursor:pointer;font-family:inherit;padding:10px 8px;border-radius:11px;transition:transform .15s,box-shadow .15s}
#ctApp .ct-planner-event:hover{transform:translateY(-2px);box-shadow:0 6px 15px #0f172a12}
#ctApp .ct-planner-event:focus-visible{outline:2px solid var(--ct-blue);outline-offset:2px}
#ctApp .ct-planner-event strong{font-size:11px;line-height:1.5}
#ctApp .ct-planner-day>.ct-planner-link{color:var(--ct-blue);padding:5px 7px;border-radius:7px;background:color-mix(in srgb,var(--ct-blue) 6%,var(--ct-panel));margin:0 0 10px;font-size:10px}
#ctApp .ct-colordots{flex-wrap:wrap;gap:8px}
#ctApp .ct-planner-top{padding:26px 28px;background:var(--ct-panel);border-radius:22px;box-shadow:0 6px 30px #0f172a06;align-items:flex-start}
#ctApp .ct-planner-top h3{text-transform:capitalize;font-size:27px!important;letter-spacing:-.8px}
#ctApp .ct-planner-eyebrow{font-size:9px;letter-spacing:1.8px;font-weight:800;color:var(--ct-blue);margin-bottom:9px}
#ctApp .ct-planner-actions{max-width:740px;justify-content:flex-end}
#ctApp .ct-planner-switch{display:flex;gap:3px;padding:4px;background:var(--ct-bg);border:1px solid var(--ct-line);border-radius:12px}
#ctApp .ct-planner-switch .ct-btn{border:0;background:transparent;box-shadow:none;min-height:31px}
#ctApp .ct-planner-switch .active{background:var(--ct-blue);color:white;box-shadow:0 3px 9px #397de425}
#ctApp .ct-planner-summary{display:flex;gap:0;border:1px solid var(--ct-line);border-radius:14px;background:var(--ct-panel);margin-bottom:16px;overflow:hidden}
#ctApp .ct-planner-summary span{padding:13px 20px;font-size:11px;color:var(--ct-muted);border-right:1px solid var(--ct-line)}
#ctApp .ct-planner-summary b{font-size:17px;color:var(--ct-text);margin-right:5px}
#ctApp .ct-planner-summary span:last-child{border:0;margin-left:auto;color:var(--ct-blue)}
#ctApp .ct-planner-grid{grid-template-columns:minmax(0,1fr) 230px}
#ctApp .ct-planner-panelhead{padding:17px 20px}
#ctApp .ct-planner-day{min-height:390px;padding:12px 9px}
#ctApp .ct-planner-days.month .ct-planner-day{min-height:165px}
#ctApp .ct-planner-day.outside{background:color-mix(in srgb,var(--ct-muted) 5%,var(--ct-panel))}
#ctApp .ct-planner-day.outside .ct-planner-dayhead{opacity:.5}
#ctApp .ct-planner-dayhead{display:flex;justify-content:space-between;align-items:center;text-align:left;padding:0 1px 11px;font-size:9px}
#ctApp .ct-planner-dayhead b{margin:0;font-size:18px;width:31px;line-height:31px;text-align:center;border-radius:10px}
#ctApp .ct-planner-event{border-top:0;border-right:0;border-bottom:0;border-left-width:4px;box-shadow:0 2px 5px #0f172a05;padding:11px 9px;margin-bottom:9px}
#ctApp .ct-planner-event small{font-weight:700;letter-spacing:.02em;font-size:9px;margin-bottom:6px}
#ctApp .ct-planner-task{padding:16px 14px;align-items:flex-start;flex-wrap:wrap}
#ctApp .ct-planner-taskinfo strong{font-size:12px;line-height:1.5}
#ctApp .ct-planner-taskinfo{flex-basis:100%}
#ctApp .ct-planner-fullday{font-size:10px;opacity:.6;padding:12px 5px}
@media(max-width:900px){#ctApp .ct-planner-top{padding:20px}#ctApp .ct-planner-actions{justify-content:flex-start}#ctApp .ct-planner-summary span{padding:12px;font-size:10px}}
#ctApp .ct-planner-day.weekend{background:color-mix(in srgb,var(--ct-muted) 6%,var(--ct-panel))}
#ctApp .ct-planner-day.holiday{background:color-mix(in srgb,#ef4444 7%,var(--ct-panel))}
#ctApp .ct-planner-day.today{box-shadow:inset 0 3px var(--ct-blue)}
#ctApp .ct-planner-holiday{font-size:9px;line-height:1.45;color:var(--ct-red);font-weight:750;margin-bottom:9px;padding:6px;border-radius:6px;background:color-mix(in srgb,#ef4444 8%,var(--ct-panel));overflow-wrap:anywhere}
#ctApp .ct-planner-monthnav{display:flex;align-items:center;gap:4px;border:1px solid var(--ct-line);border-radius:12px;padding:3px;background:var(--ct-panel)}
#ctApp .ct-planner-monthnav label{display:flex;align-items:center;gap:7px;font-size:10px;color:var(--ct-muted);padding:0 4px}
#ctApp .ct-planner-monthnav input{background:transparent;border:0;color:var(--ct-text);font:inherit;font-size:12px;min-height:32px;max-width:155px;color-scheme:normal}
/* Planner: acabamento leve, divisorias discretas e hierarquia tipografica */
#ctApp .ct-planner-panel{border:1px solid color-mix(in srgb,var(--ct-line) 55%,transparent);border-radius:22px;box-shadow:0 8px 32px #0f172a04}
#ctApp .ct-planner-panelhead{background:transparent;border-bottom:1px solid color-mix(in srgb,var(--ct-line) 55%,transparent);padding:18px 22px}
#ctApp .ct-planner-panelhead strong{font-size:12px;font-weight:600;letter-spacing:.01em}
#ctApp .ct-planner-day{border-right:1px solid color-mix(in srgb,var(--ct-line) 45%,transparent);border-bottom:1px solid color-mix(in srgb,var(--ct-line) 45%,transparent);padding:15px 11px 18px}
#ctApp .ct-planner-dayhead{font-weight:500;font-size:10px;letter-spacing:.03em;text-transform:capitalize;color:var(--ct-muted);padding:0 2px 15px}
#ctApp .ct-planner-dayhead b{font-size:18px;font-weight:450;width:30px;line-height:30px;border-radius:50%;color:var(--ct-text)}
#ctApp .ct-planner-day.today{box-shadow:none;background:color-mix(in srgb,var(--ct-blue) 3%,var(--ct-panel))}
#ctApp .ct-planner-day.today .ct-planner-dayhead b{background:var(--ct-blue);color:#fff;box-shadow:none;font-weight:600}
#ctApp .ct-planner-day.weekend{background:color-mix(in srgb,var(--ct-muted) 3%,var(--ct-panel))}
#ctApp .ct-planner-day.holiday{background:color-mix(in srgb,#ef4444 3.5%,var(--ct-panel))}
#ctApp .ct-planner-day.outside{background:color-mix(in srgb,var(--ct-muted) 2%,var(--ct-panel))}
#ctApp .ct-planner-holiday{background:transparent;padding:0 2px;margin-bottom:12px;font-size:9px;font-weight:500;line-height:1.55;color:color-mix(in srgb,#df526a 80%,var(--ct-text))}
#ctApp .ct-planner-day>.ct-planner-link{background:transparent;padding:3px 2px;margin:0 0 12px;font-size:9px;font-weight:500;opacity:.6;transition:opacity .15s}
#ctApp .ct-planner-day>.ct-planner-link:hover,#ctApp .ct-planner-day>.ct-planner-link:focus-visible{opacity:1}
#ctApp .ct-planner-event{border-left-width:2px;border-radius:7px;padding:10px 9px;margin-bottom:8px;box-shadow:none}
#ctApp .ct-planner-event strong{font-size:11px;font-weight:550;line-height:1.55}
#ctApp .ct-planner-event small{font-size:9px;font-weight:450;letter-spacing:0;margin-bottom:5px;opacity:.85}
#ctApp .ct-planner-event:hover{transform:translateY(-1px);box-shadow:0 3px 12px #0f172a08}
#ctApp .ct-planner-task{border-bottom-color:color-mix(in srgb,var(--ct-line) 45%,transparent)}
#ctApp .ct-planner-taskinfo strong{font-weight:550}
#ctApp .ct-planner-top{border-color:color-mix(in srgb,var(--ct-line) 55%,transparent);box-shadow:none}
#ctApp .ct-planner-top h3{font-size:25px!important;font-weight:550;letter-spacing:-.6px}
#ctApp .ct-planner-eyebrow{font-size:8px;letter-spacing:1.7px;font-weight:550;opacity:.8}
#ctApp .ct-planner-summary{border-color:color-mix(in srgb,var(--ct-line) 50%,transparent);background:transparent}
#ctApp .ct-planner-summary span{border-right-color:color-mix(in srgb,var(--ct-line) 45%,transparent);font-weight:400}
#ctApp .ct-planner-summary b{font-weight:500;font-size:16px}
#ctApp .ct-planner-monthnav,#ctApp .ct-planner-switch{border-color:color-mix(in srgb,var(--ct-line) 50%,transparent)}
@media(max-width:1250px){#ctApp .ct-planner-grid{grid-template-columns:minmax(0,1fr)}#ctApp .ct-planner-day{min-height:175px}}
@media(max-width:760px){#ctApp .ct-planner-days{grid-template-columns:repeat(7,minmax(110px,1fr));overflow-x:auto}#ctApp .ct-planner-day{border-bottom:1px solid var(--ct-line);min-height:130px}#ctApp .ct-planner-day:last-child{grid-column:auto}#ctApp .ct-planner-task{flex-wrap:wrap}}

/* ConectTarefas: feedback de carregamento sem apagar ou piscar o calendario. */
#ctApp .ct-planner-status{display:flex;align-items:center;gap:8px;min-height:30px;padding:4px 1px;margin:0 0 12px;font-size:10px;color:var(--ct-muted)}
#ctApp .ct-planner-status i{font-size:12px;color:var(--ct-blue)}
#ctApp .ct-planner-status.ready i{color:var(--ct-green,#16a34a)}
#ctApp .ct-planner-status.warn i{color:var(--ct-red,#e25562)}
#ctApp .ct-planner-status.busy i{animation:ctPlannerTurn 1.6s linear infinite}
#ctApp .ct-planner-grid.ct-planner-fetching{pointer-events:none;opacity:.93;transition:opacity .15s ease}
#ctApp .ct-planner-grid.ct-planner-preparing .ct-planner-fullday{visibility:hidden}
#ctApp .ct-planner-grid.ct-planner-preparing .ct-planner-days{min-height:230px}
@keyframes ctPlannerTurn{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){#ctApp .ct-planner-status.busy i{animation:none}}



/* ./styles/02-estrutura/13-cf-company-picker-modern.css */
/* Estilo original: cf-company-picker-modern */

#cfCompanyFilterMount{min-width:210px;max-width:260px;flex:1 1 210px}
.cf-company-picker{display:flex;align-items:center;gap:8px;height:42px;min-width:0;border:1px solid var(--line,#dce5f3);border-radius:12px;background:var(--panel,#fff);padding:0 8px 0 12px;transition:border-color .15s,box-shadow .15s;color:var(--text)}
.cf-company-picker:focus-within{border-color:#268cff;box-shadow:0 0 0 3px rgba(38,140,255,.12)}
.cf-company-picker>i{color:#268cff;font-size:13px}
.cf-company-picker input:not([type=hidden]){width:100%;min-width:0;flex:1;border:0!important;outline:none!important;box-shadow:none!important;background:transparent!important;color:var(--text);height:38px!important;padding:0!important;font:inherit;font-size:11px}
.cf-company-picker>button{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border:0;border-radius:8px;background:transparent;color:var(--muted);cursor:pointer}
.cf-company-picker>button:hover{background:rgba(38,140,255,.09);color:#268cff}.cf-company-picker>button.primary{background:rgba(38,140,255,.12);color:#268cff}
.cf-company-results{position:fixed;z-index:100080;overflow-y:auto;border:1px solid var(--line,#dce5f3);border-radius:14px;background:var(--panel,#fff);color:var(--text);box-shadow:0 14px 40px rgba(12,30,65,.18);padding:6px}
.cf-company-results-head{padding:9px 10px;color:var(--muted);font-size:10px;font-weight:700}
.cf-company-option{width:100%;display:flex;align-items:center;gap:10px;text-align:left;padding:10px;border:0;border-radius:10px;background:transparent;color:var(--text);cursor:pointer}
.cf-company-option:hover,.cf-company-option:focus-visible{background:rgba(38,140,255,.1);outline:none}
.cf-company-option>span:nth-child(2){flex:1;min-width:0}.cf-company-option strong{display:block;font-size:12px;white-space:normal;overflow-wrap:anywhere}.cf-company-option small{display:block;margin-top:4px;color:var(--muted);font-size:10px}.cf-company-option>i{font-size:9px;color:var(--muted)}
.cf-company-symbol{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:10px;background:rgba(38,140,255,.1);color:#268cff}
.cf-company-add{width:100%;padding:12px;text-align:left;border:0;border-top:1px solid var(--line,#dce5f3);background:transparent;color:#268cff;font-weight:700;cursor:pointer;border-radius:8px}
.cf-company-empty{padding:20px 12px;color:var(--muted);font-size:12px}
.cf-company-inline{position:fixed;inset:0;z-index:100090;background:rgba(10,20,40,.45);display:flex;align-items:center;justify-content:center;padding:18px}
.cf-company-dialog{width:min(460px,100%);max-height:calc(100dvh - 36px);overflow:auto;padding:24px;border:1px solid var(--line,#dce5f3);border-radius:20px;background:var(--panel,#fff);color:var(--text);box-shadow:0 24px 70px rgba(0,0,0,.2)}
.cf-company-dialog header{display:flex;align-items:center;gap:12px;margin-bottom:24px}.cf-company-dialog header>div{flex:1}.cf-company-dialog h3{margin:0;font-size:18px}.cf-company-dialog header p{margin:5px 0 0;color:var(--muted);font-size:11px}
.cf-company-dialog label{display:block;margin-top:16px;font-size:12px;font-weight:600}.cf-company-dialog label input{display:block;width:100%;box-sizing:border-box;margin-top:8px;padding:12px;border:1px solid var(--line,#dce5f3);border-radius:10px;background:var(--panel2,var(--panel,#fff));color:var(--text);font-size:13px;outline:none}.cf-company-dialog label input:focus{border-color:#268cff;box-shadow:0 0 0 3px rgba(38,140,255,.1)}
.cf-company-dialog footer{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.cf-company-dialog #cfInlineCompanyError{font-size:12px;color:var(--red,#e34c60)}
@media(max-width:650px){#cfCompanyFilterMount{max-width:none;flex-basis:100%}.cf-company-dialog{padding:20px}.cf-company-picker{width:100%;box-sizing:border-box}}

/* Estilo original: cf-companies-layout-modern */

#cfModal:has(.cf-companies-layout){width:min(920px,calc(100vw - 36px))!important;max-width:920px!important;max-height:90dvh!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;border-radius:18px!important}
#cfModal:has(.cf-companies-layout) .cf-modal-head{flex:0 0 auto;padding:18px 24px!important}
#cfModal:has(.cf-companies-layout) .cf-modal-body{flex:1 1 auto;min-height:0;overflow:hidden!important;padding:22px 24px!important}
#cfModal:has(.cf-companies-layout) .cf-modal-foot{flex:0 0 auto;padding:14px 24px!important;border-top:1px solid var(--line,#dce5f3);display:flex;justify-content:flex-end}
.cf-companies-layout{display:flex;flex-direction:column;gap:18px;min-height:0;color:var(--text)}
.cf-companies-intro{display:flex;align-items:center;gap:12px}.cf-companies-intro .cf-company-symbol{width:42px;height:42px;flex-basis:42px}.cf-companies-intro h3{margin:0;font-size:17px;line-height:1.35}.cf-companies-intro p{margin:5px 0 0;font-size:11px;line-height:1.5;color:var(--muted)}
.cf-companies-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.cf-companies-summary>div{padding:14px 16px;border:1px solid var(--line,#dce5f3);border-radius:12px;background:var(--panel2,var(--panel,#fff))}.cf-companies-summary span{display:block;color:var(--muted);font-size:11px}.cf-companies-summary strong{display:block;margin-top:6px;font-size:23px;line-height:1.15;letter-spacing:-.5px}
.cf-companies-toolbar{display:flex;align-items:center;gap:12px}.cf-companies-toolbar label{flex:1;min-width:0;display:flex;align-items:center;gap:10px;border:1px solid var(--line,#dce5f3);border-radius:11px;height:42px;padding:0 13px;background:var(--panel,#fff)}.cf-companies-toolbar label>i{color:var(--muted)}.cf-companies-toolbar input{width:100%;border:0!important;padding:0!important;outline:none;background:transparent!important;color:var(--text);box-shadow:none!important;font-size:12px}.cf-companies-toolbar>.cf-btn{height:42px;min-height:42px;flex-shrink:0;white-space:nowrap;padding:0 17px}
.cf-companies-table-scroll{overflow:auto;max-height:calc(90dvh - 345px);min-height:110px;border:1px solid var(--line,#dce5f3);border-radius:12px}
.cf-companies-table{width:100%;min-width:610px;border-collapse:collapse;table-layout:fixed;font-size:12px}.cf-companies-table col.company-name{width:39%}.cf-companies-table col.company-cnpj{width:23%}.cf-companies-table col.company-number{width:13%}.cf-companies-table col.company-action{width:12%}
.cf-companies-table th{position:sticky;top:0;background:var(--panel2,#f4f7fc);z-index:1;text-align:left;padding:13px 16px;font-size:10px;font-weight:700;color:var(--muted);letter-spacing:.25px;border-bottom:1px solid var(--line,#dce5f3)}.cf-companies-table td{padding:13px 16px;vertical-align:middle;border-bottom:1px solid var(--line,#dce5f3)}.cf-companies-table tr:last-child td{border-bottom:0}.cf-companies-table tbody tr:hover{background:rgba(38,140,255,.035)}.cf-companies-table th:nth-child(n+3),.cf-companies-table td:nth-child(n+3){text-align:center}
.cf-company-cell{display:flex;align-items:center;gap:10px;min-width:0}.cf-company-cell strong{font-size:12px;line-height:1.45;font-weight:600;overflow-wrap:anywhere}.cf-company-cell .cf-company-symbol{height:32px;width:32px;flex-basis:32px;border-radius:9px;font-size:11px}.cf-company-document{font-size:11px;color:var(--muted);overflow-wrap:anywhere}.cf-company-count{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:26px;padding:0 7px;box-sizing:border-box;border-radius:7px;background:rgba(38,140,255,.07);font-weight:600;font-variant-numeric:tabular-nums}.cf-company-count.calls{background:rgba(111,78,225,.1);color:var(--text)}
.cf-companies-note{display:flex;align-items:flex-start;gap:7px;margin:0;color:var(--muted);font-size:10px;line-height:1.5}.cf-companies-note>i{margin-top:2px;color:#268cff}
@media(max-width:600px){#cfModal:has(.cf-companies-layout){width:calc(100vw - 20px)!important;max-height:94dvh!important}#cfModal:has(.cf-companies-layout) .cf-modal-body{padding:16px!important}.cf-companies-layout{gap:14px}.cf-companies-summary{gap:7px}.cf-companies-summary>div{padding:11px 9px}.cf-companies-summary span{font-size:10px}.cf-companies-summary strong{font-size:20px}.cf-companies-toolbar{flex-wrap:wrap}.cf-companies-toolbar label{flex-basis:100%}.cf-companies-toolbar>.cf-btn{margin-left:auto}.cf-companies-table-scroll{max-height:calc(94dvh - 395px)}.cf-companies-intro p{font-size:10px}}
@media(max-height:650px){.cf-companies-summary{display:none}.cf-companies-table-scroll{max-height:calc(90dvh - 250px)}}

/* Estilo original: sem-id */
.cf-kb-more{padding:14px 8px;display:flex;justify-content:center}.cf-kb-more .cf-btn{width:100%;justify-content:center}
/* Estilo original: cf-company-period-report */

#cfModal:has(.cf-company-report){width:min(1080px,calc(100vw - 32px))!important;max-width:1080px!important;max-height:92dvh!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;border-radius:18px!important}
#cfModal:has(.cf-company-report) .cf-modal-body{overflow:auto!important;min-height:0;padding:24px!important}
#cfModal:has(.cf-company-report) .cf-modal-head,#cfModal:has(.cf-company-report) .cf-modal-foot{flex-shrink:0}
.cf-company-report{display:flex;flex-direction:column;gap:18px}.cf-company-report-intro{display:flex;gap:12px;align-items:center}.cf-company-report-intro h3{margin:0;font-size:18px}.cf-company-report-intro p{margin:5px 0 0;color:var(--muted);font-size:12px}
.cf-company-report-filters{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:14px;padding:16px;border:1px solid var(--line);background:var(--panel2);border-radius:12px}.cf-company-report-filters label{font-size:11px;font-weight:600}.cf-company-report-filters input{display:block;box-sizing:border-box;width:100%;height:42px;margin-top:7px;padding:0 12px;background:var(--panel);border:1px solid var(--line);border-radius:9px;color:var(--text);color-scheme:light dark}.cf-company-report-filters button{height:42px}
#cfCompanyReportContent{display:flex;flex-direction:column;gap:18px}.cf-company-report-leader{font-size:15px!important;line-height:1.4!important;overflow-wrap:anywhere}.cf-companies-summary small{display:block;font-size:11px;color:var(--muted);margin-top:5px}
.cf-company-report-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.cf-company-report-actions>div{flex:1;min-width:180px}.cf-company-report-actions strong{font-size:12px}.cf-company-report-actions small{display:block;font-size:10px;color:var(--muted);margin-top:4px}
.cf-company-report-table{border:1px solid var(--line);border-radius:12px;overflow:auto;max-height:42dvh}.cf-company-report-table table{min-width:850px;table-layout:auto}.cf-company-report-table th:first-child,.cf-company-report-table td:first-child{min-width:210px;text-align:left}.cf-company-report-table th:not(:first-child),.cf-company-report-table td:not(:first-child){text-align:center;white-space:nowrap}.cf-company-report-table td{font-variant-numeric:tabular-nums}.cf-company-report-table tfoot{background:var(--panel2)}
.cf-company-report-share{min-width:75px;font-size:11px}.cf-company-report-share i{display:block;margin-top:6px;height:4px;border-radius:4px;background:linear-gradient(to right,#268cff var(--share),var(--line) var(--share))}
@media(max-width:620px){#cfModal:has(.cf-company-report) .cf-modal-body{padding:16px!important}.cf-company-report-filters{grid-template-columns:1fr 1fr}.cf-company-report-filters button{grid-column:1/-1;width:100%}.cf-company-report-intro h3{font-size:16px}}

/* Estilo original: cf-chat-media-visible-status-20261016 */

/* O estado da imagem deve ser legível; não ocultar o texto do carregamento. */
#cfMessages .cf-media-card.cf-image-fixed{position:relative}
#cfMessages .cf-media-card.cf-image-fixed .cf-media-loading span{
  display:block!important;position:relative;max-width:90%;text-align:center;
  font-size:10px;line-height:1.45;color:var(--muted);font-weight:600;
}
#cfMessages .cf-media-card.cf-image-fixed .cf-media-loading{
  display:flex!important;flex-direction:column;align-items:center;
  justify-content:center;gap:10px;padding:12px 36px;
}
#cfMessages .cf-media-card.cf-image-fixed .cf-media-retry-btn,
#cfMessages .cf-media-card.cf-image-fixed .cf-media-open-btn{
  position:absolute;bottom:10px;z-index:3;min-width:32px;min-height:32px;
  display:flex;justify-content:center;align-items:center;
  border:1px solid var(--line);border-radius:9px;
  background:var(--panel);color:var(--blue);
}
#cfMessages .cf-media-card.cf-image-fixed .cf-media-retry-btn{right:49px}
#cfMessages .cf-media-card.cf-image-fixed .cf-media-open-btn{right:10px}

/* Estilo original: cf-wa-recipients-multi-20261016 */

.cf-action-editor .cf-wa-share{border:1px solid color-mix(in srgb,#22c55e 25%,var(--line));border-radius:16px;overflow:hidden;background:color-mix(in srgb,#22c55e 3%,var(--panel));}
.cf-wa-share-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 17px}
.cf-wa-share-heading{display:flex;align-items:center;gap:11px;min-width:0}
.cf-wa-share-heading>div{min-width:0}.cf-wa-share-heading strong{display:block;font-size:12px;color:var(--text);font-weight:700}.cf-wa-share-heading small{display:block;color:var(--muted);font-size:10px;line-height:1.45;margin-top:3px}
.cf-wa-share-icon{flex:0 0 37px;width:37px;height:37px;display:grid;place-items:center;border-radius:11px;background:color-mix(in srgb,#22c55e 15%,var(--panel));color:#16a34a;font-size:20px}
.cf-wa-share-content{border-top:1px solid var(--line);padding:13px 16px 15px;display:flex;flex-direction:column;gap:13px}
.cf-wa-share-content[hidden],.cf-wa-share-results[hidden]{display:none!important}
.cf-wa-share-primary{display:flex;align-items:center;gap:10px;padding:11px 12px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}
.cf-wa-share-primary>i{font-size:14px;color:var(--blue)}.cf-wa-share-primary>div{min-width:0;flex:1}.cf-wa-share-primary strong,.cf-wa-share-subhead strong{display:block;color:var(--text);font-size:11px;font-weight:650}
.cf-wa-share-primary small,.cf-wa-share-subhead small{display:block;color:var(--muted);font-size:9px;line-height:1.45;margin-top:3px;overflow-wrap:anywhere}
.cf-wa-share-auto{font-size:9px;color:#15803d;background:color-mix(in srgb,#22c55e 11%,var(--panel));padding:5px 7px;border-radius:8px;white-space:nowrap}
.cf-wa-share-subhead{display:flex;align-items:center;justify-content:space-between;gap:12px}.cf-wa-share-counter{font-size:9px;color:var(--muted);white-space:nowrap;background:var(--panel2);padding:5px 8px;border-radius:8px}
.cf-wa-share-recips{display:flex;gap:8px;flex-wrap:wrap}.cf-wa-share-empty{width:100%;padding:12px;border:1px dashed var(--line);border-radius:10px;font-size:10px;color:var(--muted);text-align:center}
.cf-wa-share-chip{display:flex;align-items:center;gap:7px;min-width:0;border:1px solid var(--line);border-radius:11px;background:var(--panel);padding:6px 7px 6px 6px}
.cf-wa-share-avatar{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:color-mix(in srgb,var(--blue) 12%,var(--panel));color:var(--blue);font-weight:750;font-size:11px}
.cf-wa-share-chip>div{min-width:0}.cf-wa-share-chip strong{display:block;color:var(--text);font-size:10px;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cf-wa-share-chip small{display:block;color:var(--muted);font-size:9px;margin-top:2px}
.cf-wa-share-chip button{display:grid;place-items:center;border:0;border-radius:8px;background:transparent;color:var(--muted);width:28px;height:28px;cursor:pointer}.cf-wa-share-chip button:hover{background:color-mix(in srgb,var(--red) 12%,var(--panel));color:var(--red)}
.cf-wa-share-fields{position:relative}.cf-wa-share-search-box{position:relative}.cf-wa-share-search-box i{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:11px;pointer-events:none}
.cf-action-editor .cf-wa-share-search-box input{padding-left:34px!important;background:var(--panel)!important}
.cf-wa-share-results{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:55;max-height:200px;overflow-y:auto;padding:5px;border:1px solid var(--line);border-radius:11px;background:var(--panel);box-shadow:0 12px 28px rgba(0,0,0,.15)}
.cf-wa-share-results button{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:7px 9px;border:0;background:transparent;border-radius:8px;color:var(--text)}.cf-wa-share-results button:hover{background:var(--panel2)}
.cf-wa-share-opt-icon{width:28px;height:28px;flex:0 0 28px;display:grid;place-items:center;border-radius:9px;background:var(--panel2);color:var(--blue)}.cf-wa-share-results button>span:nth-child(2){flex:1;min-width:0}.cf-wa-share-results button strong{display:block;font-size:10px}.cf-wa-share-results button small{display:block;font-size:9px;color:var(--muted);margin-top:3px}
.cf-wa-share-feedback{padding:12px;font-size:10px;color:var(--muted)}
.cf-wa-share-manual{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:8px}
.cf-action-editor .cf-wa-share-manual input{min-width:0;background:var(--panel)!important}.cf-wa-share-manual button{border-radius:10px!important;white-space:nowrap;font-size:10px!important;font-weight:650}
.cf-wa-share-foot{display:flex;align-items:flex-start;gap:8px;font-size:9px;line-height:1.45;color:var(--muted)}.cf-wa-share-foot i{color:var(--blue);margin-top:2px}
@media(max-width:600px){.cf-wa-share-head{padding:12px}.cf-wa-share-content{padding:12px}.cf-wa-share-manual{grid-template-columns:1fr 1fr}.cf-wa-share-manual button{grid-column:1/-1;min-height:38px}.cf-wa-share-auto{display:none}}

/* Formulario de lembrete: estilo real da interface, nao da impressao */
#cfWAShare.cf-wa-share{padding:0!important;min-width:0;overflow:visible!important;border-radius:14px!important;background:var(--panel)!important;border:1px solid color-mix(in srgb,#22c55e 28%,var(--line))!important;box-shadow:0 4px 18px rgba(15,23,42,.035)}
#cfWAShare .cf-wa-share-head{min-height:72px;padding:12px 14px;gap:12px;background:color-mix(in srgb,#22c55e 5%,var(--panel));border-radius:14px 14px 0 0}
#cfWAShare .cf-wa-share-heading{gap:11px;min-width:0;flex:1}
#cfWAShare .cf-wa-share-icon{flex:0 0 39px;width:39px;height:39px;background:color-mix(in srgb,#22c55e 13%,var(--panel));color:#159852;border-radius:12px;box-shadow:inset 0 0 0 1px color-mix(in srgb,#22c55e 20%,transparent)}
#cfWAShare .cf-wa-share-heading strong{display:block;font-size:12px;line-height:1.3;font-weight:750;color:var(--text)}
#cfWAShare .cf-wa-share-heading small{font-size:10px;line-height:1.45;margin-top:4px;color:var(--muted)}
#cfWAShare .cf-toggle{flex:0 0 43px;width:43px;height:25px;align-self:center}
#cfWAShare .cf-toggle span{border-radius:999px}
#cfWAShare .cf-wa-share-content{padding:13px 14px 14px;gap:14px;border-top:1px solid color-mix(in srgb,#22c55e 18%,var(--line));border-radius:0 0 14px 14px}
#cfWAShare .cf-wa-share-primary{padding:10px 12px;min-height:58px;border:1px solid var(--line);background:var(--panel2);border-radius:11px}
#cfWAShare .cf-wa-share-primary>i{width:28px;height:28px;flex:0 0 28px;display:grid;place-items:center;border-radius:9px;background:color-mix(in srgb,var(--blue) 10%,var(--panel));color:var(--blue);font-size:12px}
#cfWAShare .cf-wa-share-primary strong{font-size:10.5px;font-weight:700}
#cfWAShare .cf-wa-share-primary small{font-size:10px;line-height:1.4}
#cfWAShare .cf-wa-share-auto{border:1px solid color-mix(in srgb,#22c55e 25%,var(--line));color:#14834a;font-size:9px;padding:5px 9px;border-radius:99px;font-weight:700}
#cfWAShare .cf-wa-share-subhead{gap:10px;align-items:center}
#cfWAShare .cf-wa-share-subhead strong{font-size:11.5px;font-weight:720}
#cfWAShare .cf-wa-share-subhead small{font-size:9.5px;line-height:1.4}
#cfWAShare .cf-wa-share-counter{font-size:9px;background:var(--panel2);padding:6px 9px;border:1px solid var(--line);border-radius:99px}
#cfWAShare .cf-wa-share-empty{padding:10px 12px;background:color-mix(in srgb,var(--panel2) 55%,var(--panel));font-size:10px;line-height:1.4}
#cfWAShare .cf-wa-share-recips{gap:7px}
#cfWAShare .cf-wa-share-chip{max-width:100%;box-shadow:0 2px 5px rgba(15,23,42,.02)}
#cfWAShare .cf-wa-share-fields{z-index:4}
#cfWAShare .cf-wa-share-search-box input{width:100%!important;padding-left:36px!important;height:41px!important;border-radius:10px!important}
#cfWAShare .cf-wa-share-search-box i{left:14px}
#cfWAShare .cf-wa-share-results{z-index:70;box-shadow:0 16px 32px rgba(15,23,42,.15)}
#cfWAShare .cf-wa-share-or{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:9px;font-weight:650;line-height:1.4;margin:-3px 0 -4px}
#cfWAShare .cf-wa-share-or:after{content:"";height:1px;background:var(--line);flex:1}
#cfWAShare .cf-wa-share-manual{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:8px;align-items:stretch}
#cfWAShare .cf-wa-share-manual input{min-width:0;max-width:100%;height:42px!important;min-height:42px!important;padding:0 11px!important}
#cfWAShare .cf-wa-share-manual button{min-height:42px!important;height:42px!important;padding:0 15px!important;display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap;background:var(--panel2);border:1px solid var(--line);color:var(--text);font-size:10px!important;font-weight:720}
#cfWAShare .cf-wa-share-manual button:hover{border-color:var(--blue);color:var(--blue);background:color-mix(in srgb,var(--blue) 7%,var(--panel))}
#cfWAShare .cf-wa-share-foot{border-top:1px solid var(--line);padding-top:11px;margin-top:1px;align-items:center;gap:8px;font-size:9px;line-height:1.5}
#cfWAShare .cf-wa-share-foot i{color:#149957;margin:0;font-size:12px}
html[data-theme=dark] #cfWAShare .cf-wa-share-auto{color:#6ee7a9}
@media(max-width:720px){
  #cfWAShare .cf-wa-share-manual{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  #cfWAShare .cf-wa-share-manual button{grid-column:1/-1;justify-self:stretch}
}
@media(max-width:480px){
  #cfWAShare .cf-wa-share-head{padding:11px 12px;min-height:68px}
  #cfWAShare .cf-wa-share-heading small{font-size:9px}
  #cfWAShare .cf-wa-share-content{padding:12px;gap:12px}
  #cfWAShare .cf-wa-share-auto{display:none}
  #cfWAShare .cf-wa-share-manual{grid-template-columns:1fr}
  #cfWAShare .cf-wa-share-manual button{grid-column:auto}
  #cfWAShare .cf-wa-share-primary{align-items:center}
}


/* Estilo original: cf-conecttarefas-headers-alinhados-20261016 */

/* Alinha os dois cabecalhos internos: barra lateral e area de trabalho.
   Escopo isolado para nao alterar a Inbox nem o Planner incorporado em outras telas. */
@media (min-width: 781px) {
  #ctApp:not(.ct-agenda-only) .ct-sidehead {
    height: 80px;
    min-height: 80px;
    flex: 0 0 80px;
    display: flex;
    align-items: center;
    padding: 12px 16px;
    box-sizing: border-box;
  }
  #ctApp:not(.ct-agenda-only) .ct-head {
    min-height: 80px;
    padding-top: 12px;
    padding-bottom: 12px;
    box-sizing: border-box;
  }
  #ctApp:not(.ct-agenda-only) .ct-headtitle,
  #ctApp:not(.ct-agenda-only) .ct-actions {
    align-self: center;
  }
}
/* No celular o topo do workspace continua adaptavel, sem altura fixa. */
@media (max-width: 780px) {
  #ctApp:not(.ct-agenda-only) .ct-sidehead {padding: 12px 16px; min-height: 70px; display:flex; align-items:center;}
  #ctApp:not(.ct-agenda-only) .ct-head {min-height: 70px; height:auto;}
}

/* Estilo original: cf-wa-schedule-clear-20261016 */

/* Estilo real da pagina, fora do HTML temporario de impressao do Planner */
#cfWAShare .cf-wa-schedule{
  display:flex!important;flex-direction:column!important;gap:13px!important;
  margin:0!important;padding:14px!important;
  background:var(--panel2)!important;border:1px solid var(--line)!important;
  border-radius:12px!important;min-width:0!important;
}
#cfWAShare .cf-wa-schedule-intro{display:flex!important;gap:10px!important;align-items:center!important;min-width:0!important}
#cfWAShare .cf-wa-schedule-icon{
  width:32px;height:32px;flex:0 0 32px;display:grid;place-items:center;
  background:color-mix(in srgb,var(--blue) 9%,var(--panel));color:var(--blue);border-radius:10px;font-size:13px;
}
#cfWAShare .cf-wa-schedule-intro>div{flex:1;min-width:0}
#cfWAShare .cf-wa-schedule-intro strong{display:block!important;font-size:12px!important;line-height:1.35!important;font-weight:750!important;margin:0!important;color:var(--text)!important}
#cfWAShare .cf-wa-schedule-intro small{display:block!important;font-size:10px!important;line-height:1.5!important;margin:4px 0 0!important;color:var(--muted)!important}
#cfWAShare .cf-wa-schedule-config{display:flex!important;flex-direction:column!important;gap:7px!important;min-width:0!important}
#cfWAShare .cf-wa-schedule-config label{display:block!important;margin:0!important;font-size:10px!important;font-weight:700!important;line-height:1.4!important;color:var(--text)!important}
#cfWAShare #mCalActionWhatsappBefore{display:block!important;width:100%!important;max-width:100%!important;min-height:42px!important;padding:8px 12px!important;margin:0!important;grid-column:auto!important;grid-row:auto!important;border:1px solid var(--line)!important;border-radius:10px!important;background:var(--panel)!important;color:var(--text)!important;font-size:12px!important;line-height:1.4!important}
#cfWAShare .cf-wa-schedule-info{display:flex!important;align-items:flex-start!important;gap:8px!important;padding:10px 11px!important;border-radius:10px!important;background:var(--panel)!important;border:1px solid var(--line)!important}
#cfWAShare .cf-wa-schedule-info i{font-size:12px!important;color:#16a34a!important;flex:0 0 14px!important;line-height:1.5!important;margin-top:1px!important}
#cfWAShare .cf-wa-schedule-info span{display:block!important;font-size:10px!important;line-height:1.55!important;color:var(--muted)!important;flex:1!important;min-width:0!important;overflow-wrap:break-word!important}
@media(max-width:600px){#cfWAShare .cf-wa-schedule{padding:12px!important;gap:11px!important}}

/* Estilo original: cf-wa-alert-settings-v3 */

/* Minimal, isolated layout for WhatsApp reminder schedule. */
#cfWAShare .cf-wa-alert-settings{
  box-sizing:border-box!important;display:flex!important;flex-direction:column!important;
  gap:13px!important;min-width:0!important;padding:15px!important;margin:0!important;
  border:1px solid var(--line)!important;border-radius:12px!important;
  background:var(--panel2)!important;align-items:stretch!important;
}
#cfWAShare .cf-wa-alert-title{display:flex!important;flex-direction:column!important;gap:4px!important;min-width:0!important;margin:0!important;padding:0!important;}
#cfWAShare .cf-wa-alert-title strong{display:block!important;font-size:12px!important;font-weight:750!important;line-height:1.4!important;color:var(--text)!important;}
#cfWAShare .cf-wa-alert-title span{display:block!important;font-size:10px!important;font-weight:400!important;line-height:1.5!important;color:var(--muted)!important;}
#cfWAShare .cf-wa-alert-field{display:flex!important;flex-direction:column!important;gap:7px!important;width:100%!important;min-width:0!important;}
#cfWAShare .cf-wa-alert-field label{display:block!important;margin:0!important;padding:0!important;font-size:11px!important;font-weight:650!important;line-height:1.4!important;color:var(--text)!important;}
#cfWAShare .cf-wa-alert-field select{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;min-height:42px!important;height:42px!important;margin:0!important;padding:8px 12px!important;grid-row:auto!important;grid-column:auto!important;align-self:auto!important;border:1px solid var(--line)!important;border-radius:10px!important;background:var(--panel)!important;color:var(--text)!important;font-size:12px!important;line-height:1.4!important;}
#cfWAShare .cf-wa-alert-explain{display:block!important;margin:0!important;padding:10px 12px!important;border:1px solid var(--line)!important;border-radius:9px!important;background:var(--panel)!important;font-size:10px!important;font-weight:400!important;line-height:1.55!important;color:var(--muted)!important;white-space:normal!important;}
@media(max-width:600px){#cfWAShare .cf-wa-alert-settings{padding:12px!important;gap:11px!important}}


.cf-companies-table col.company-action{width:112px}.cf-companies-table td:last-child{white-space:nowrap}


/* ./styles/02-estrutura/14-base.css */
/* Estilo original: sem-id */
@keyframes cfFormLoad{0%{transform:translateX(-120%)}60%,100%{transform:translateX(225%)}}
/* Estilo original: cf-conecttasks-only-desktop-20261012 */

@media (max-width:780px){
  .cf-rail [data-page="tasks"],#cfMobilebar [data-page="tasks"]{display:none!important}
}



/* ./styles/02-estrutura/15-cf-leads-style.css */
/* Estilo original: cf-leads-style */

.cf-leads{display:grid;gap:14px}.cf-leads-toolbar{display:grid;grid-template-columns:minmax(220px,2fr) repeat(2,minmax(150px,1fr)) auto auto;gap:10px;align-items:center}.cf-leads-toolbar input,.cf-leads-toolbar select{width:100%;height:42px;border:1px solid var(--line);border-radius:11px;background:var(--panel);color:var(--text);padding:0 12px}
.cf-lead-origin-icon{
  width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;
  flex:0 0 28px;font-size:15px;color:#fff;box-shadow:0 1px 3px rgba(15,23,42,.10)
}
.cf-lead-origin-icon.whatsapp{background:#25D366}
.cf-lead-origin-icon.instagram{background:#E1306C}
.cf-lead-origin-icon.facebook,.cf-lead-origin-icon.meta_ad{background:#1877F2}
.cf-lead-origin-icon.google{background:#4285F4}
.cf-lead-origin-icon.site{background:#2563EB}
.cf-lead-origin-icon.qr_code{background:#111827}
.cf-lead-origin-icon.linktree{background:#43E55E;color:#0f172a}
.cf-lead-origin-icon.other{background:#64748B}
.cf-lead-origin-wrap{display:flex;align-items:center;gap:9px;min-width:0}
.cf-lead-origin-copy{min-width:0}
.cf-origin-click-summary{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:10px}.cf-origin-click-kpi{border:1px solid var(--line);background:var(--panel);border-radius:14px;padding:11px 13px;display:flex;align-items:center;gap:10px;min-width:0}.cf-origin-click-kpi i{font-size:17px;width:22px;text-align:center;color:var(--muted)}.cf-origin-click-kpi strong{display:block;font-size:18px;line-height:1}.cf-origin-click-kpi span{display:block;color:var(--muted);font-size:10px;margin-top:4px}.cf-origin-click-title{font-size:11px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:2px 0 -5px 2px}.cf-leads-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.cf-leads-kpi{border:1px solid var(--line);background:var(--panel);border-radius:14px;padding:13px}.cf-leads-kpi strong{display:block;font-size:22px}.cf-leads-kpi span{font-size:11px;color:var(--muted)}.cf-leads-list{display:grid;gap:10px}.cf-lead-card{display:grid;grid-template-columns:minmax(220px,1.5fr) minmax(160px,1fr) minmax(170px,1fr) minmax(150px,.8fr) auto;gap:12px;align-items:center;border:1px solid var(--line);background:var(--panel);border-radius:15px;padding:13px}.cf-lead-person{min-width:0}.cf-lead-person strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cf-lead-person small,.cf-lead-col small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.cf-lead-origin{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700}.cf-lead-origin i{width:20px;text-align:center}.cf-lead-stage{height:36px;border:1px solid var(--line);border-radius:10px;background:var(--panel2);color:var(--text);padding:0 8px}.cf-lead-open{white-space:nowrap}.cf-leads-empty{padding:38px;text-align:center;border:1px dashed var(--line);border-radius:16px;color:var(--muted)}
@media(max-width:1050px){.cf-lead-card{grid-template-columns:1.4fr 1fr 1fr}.cf-lead-card .cf-lead-owner{display:none}.cf-leads-toolbar{grid-template-columns:1fr 1fr}.cf-leads-summary{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.cf-leads-toolbar{grid-template-columns:1fr}.cf-leads-summary{grid-template-columns:1fr 1fr}.cf-lead-card{grid-template-columns:1fr auto}.cf-lead-card .cf-lead-origin-col,.cf-lead-card .cf-lead-campaign{grid-column:1/-1}.cf-lead-stage{max-width:160px}}
@media(max-width:900px){.cf-origin-click-summary{grid-template-columns:repeat(2,1fr)}}

/* Estilo original: cf-acoes-pendencias-style */

#cfReminderRoot{position:fixed;right:calc(300px + 24px);bottom:80px;z-index:9000;font-size:12px;color:var(--text)}
#cfReminderRoot.cf-reminder-header{position:relative!important;right:auto!important;bottom:auto!important;z-index:60!important;margin-left:0;display:flex;align-items:center}
#cfReminderRoot.cf-reminder-header .cf-rem-bell{float:none;height:38px;padding:0 11px;border-radius:10px;display:flex;align-items:center;gap:5px;white-space:nowrap;box-shadow:none}
.cf-rem-bell{float:right;border:1px solid var(--line);border-radius:22px;padding:10px 14px;color:white;background:linear-gradient(120deg,#258cff,#7955ff);box-shadow:0 6px 24px #0003;cursor:pointer}
.cf-rem-panel{clear:both;position:absolute;right:0;bottom:50px;width:min(420px,calc(100vw - 24px));max-height:65dvh;overflow:auto;border:1px solid var(--line);border-radius:18px;background:var(--panel);box-shadow:0 15px 55px #0004;padding:16px}
#cfReminderRoot.cf-reminder-header .cf-rem-panel{top:46px;bottom:auto;right:0}.cf-rem-panel header{display:flex;justify-content:space-between;gap:10px;align-items:center}.cf-rem-list{display:grid;gap:10px;margin-top:12px}.cf-rem-item{border:1px solid var(--line);border-left:3px solid var(--purple);border-radius:12px;padding:12px;background:var(--panel2);overflow-wrap:anywhere}.cf-rem-buttons{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.cf-rem-buttons select{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:10px;padding:7px}.cf-rem-error{color:var(--red)}@media(max-width:600px){#cfReminderRoot{right:12px;bottom:calc(145px + var(--safe-bottom))}.cf-rem-panel{max-height:55dvh}.cf-rem-bell span{display:none}}
@media(max-width:780px){.cf-mobilebar{grid-template-columns:repeat(7,1fr)}}
.cf-actions-filters{display:grid;grid-template-columns:2fr repeat(3,1fr) repeat(2,minmax(125px,1fr));gap:12px}.cf-actions-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.cf-actions-tabs span{margin-left:6px}.cf-action-open{text-align:left;color:var(--text);width:100%;cursor:pointer;align-items:center}.cf-action-open:hover,.cf-action-open:focus-visible{border-color:var(--blue);outline:2px solid var(--blue);outline-offset:2px}.cf-action-context{display:flex;gap:12px;align-items:center;padding:10px 16px;background:var(--panel);border-bottom:1px solid var(--line);flex-shrink:0;max-height:180px;overflow:auto;font-size:12px}.cf-action-context details{margin-top:6px;white-space:pre-wrap}.cf-action-context .cf-grow{min-width:0;overflow-wrap:anywhere}@media(max-width:1100px){.cf-actions-filters{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.cf-actions-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.cf-action-context{flex-wrap:wrap}.cf-actions-tabs .cf-btn{flex:1 1 auto}}
.cf-action-list{display:flex;flex-direction:column;gap:10px}.cf-action-item{border:1px solid var(--line);background:var(--panel2);border-radius:14px;padding:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0;overflow:hidden}.cf-action-item.done{opacity:.62}.cf-action-open-main{min-width:0;width:100%;padding:12px;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.cf-action-open-main:hover{background:rgba(255,255,255,.018)}.cf-action-open-main:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}.cf-action-item-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.cf-action-item-head strong{font-size:12px}.cf-action-chip{font-size:8px;font-weight:900;letter-spacing:.5px;padding:4px 7px;border-radius:999px;background:rgba(38,140,255,.13);color:var(--blue)}.cf-action-chip.urgent{background:rgba(255,97,118,.13);color:var(--red)}.cf-action-meta{font-size:9px;color:var(--muted);margin-top:5px}.cf-action-desc{font-size:10px;color:var(--text);margin-top:7px;white-space:pre-wrap}.cf-action-origin{font-size:9px;color:var(--muted);border-left:3px solid var(--purple);padding-left:8px;margin-top:7px}.cf-action-buttons{display:flex;align-items:center;gap:5px}.cf-action-buttons button{width:30px;height:30px;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--muted);cursor:pointer}.cf-action-buttons button:hover{color:var(--text);border-color:var(--blue)}.cf-action-list-delete{width:46px;border:0;border-left:1px solid var(--line);background:transparent;color:var(--muted);cursor:pointer;display:grid;place-items:center;font-size:13px}.cf-action-list-delete:hover{color:var(--red);background:rgba(255,97,118,.08)}.cf-action-list-delete:focus-visible{outline:2px solid var(--red);outline-offset:-2px}.cf-action-empty{text-align:center;color:var(--muted);padding:28px 12px}.cf-action-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;gap:10px}.cf-chat-actions-btn{position:relative}.cf-chat-actions-count{position:absolute;right:-3px;top:-4px;min-width:15px;height:15px;padding:0 3px;border-radius:99px;background:var(--purple);color:#fff;font-size:8px;font-weight:900;display:none;align-items:center;justify-content:center}.cf-chat-actions-count.show{display:flex}



/* ./styles/02-estrutura/16-cf-conversation-search-20261001.css */
/* Estilo original: cf-conversation-search-20261001 */

/* Busca pertence à conversa: fica logo abaixo do cabeçalho, sem ocupar o topo geral. */
.cf-chat-searchbar{display:none;flex:0 0 auto;width:100%;min-height:46px;align-items:center;gap:7px;padding:5px 12px;border-bottom:1px solid var(--line);background:var(--panel);box-shadow:0 5px 16px rgba(15,23,42,.05);z-index:12}
.cf-chat-searchbar.open{display:flex}.cf-chat-searchbar>i{color:var(--muted);font-size:11px;margin-left:3px}.cf-chat-searchbar input{flex:1;min-width:0;height:34px;border:1px solid var(--line);outline:0;background:var(--panel2);border-radius:10px;color:var(--text);font-size:10.5px;padding:0 11px}.cf-chat-searchbar input:focus{border-color:rgba(37,140,255,.42);box-shadow:0 0 0 3px rgba(37,140,255,.07)}.cf-chat-search-count{min-width:54px;text-align:center;color:var(--muted);font-size:8.5px;font-weight:800;white-space:nowrap}.cf-chat-search-nav,.cf-chat-search-close{width:31px;height:31px;flex:0 0 31px;border:0;border-radius:9px;background:var(--panel2);color:var(--soft);display:grid;place-items:center}.cf-chat-search-nav:disabled{opacity:.35;cursor:default}.cf-chat-search-loading{animation:cfSearchSpin .7s linear infinite}@keyframes cfSearchSpin{to{transform:rotate(360deg)}}
.cf-msg.cf-conversation-search-hit{outline:2px solid color-mix(in srgb,var(--blue) 70%,transparent)!important;outline-offset:3px!important;animation:cfConversationSearchHit 1.8s ease-out 1!important}@keyframes cfConversationSearchHit{0%,35%{filter:brightness(1.08);transform:scale(1.012)}100%{filter:none;transform:none}}
@media(max-width:780px){.cf-chat-searchbar{min-height:50px;padding:6px 8px;gap:5px}.cf-chat-searchbar input{font-size:12px}.cf-chat-search-count{min-width:42px;font-size:8px}.cf-chat-search-nav,.cf-chat-search-close{width:30px;height:30px;flex-basis:30px}.cf-chat-search-btn{display:grid!important}}



/* ./styles/03-modulos/17-cf-onboarding-style.css */
/* Estilo original: cf-onboarding-style */

.cf-onb-backdrop{position:fixed;inset:0;z-index:4000;background:rgba(9,14,26,.62);display:flex;align-items:center;justify-content:center;padding:18px;backdrop-filter:blur(3px)}
.cf-onb-modal{width:min(980px,96vw);max-height:92vh;background:var(--panel);border:1px solid var(--line);border-radius:18px;box-shadow:0 28px 80px rgba(0,0,0,.34);overflow:hidden;display:flex;flex-direction:column}
.cf-onb-head{padding:20px 24px;background:linear-gradient(135deg,#4a8cff,#6a4cff);color:white}.cf-onb-title{display:flex;align-items:center;gap:12px}.cf-onb-title i{font-size:23px}.cf-onb-title strong{font-size:18px;line-height:1.2}.cf-onb-title small{display:block;opacity:.82;margin-top:4px;font-size:11px;line-height:1.25}
.cf-onb-steps{display:flex;align-items:center;gap:8px;margin-top:16px;overflow:auto;padding-bottom:4px}.cf-onb-step{display:flex;align-items:center;gap:6px;white-space:nowrap;font-size:10px;line-height:1.2;font-weight:800;opacity:.62}.cf-onb-step b{width:23px;height:23px;border-radius:999px;display:grid;place-items:center;flex:0 0 23px;background:rgba(255,255,255,.22)}.cf-onb-step.active,.cf-onb-step.done{opacity:1}.cf-onb-step.done b{background:#eafff5;color:#15a56c}.cf-onb-arrow{opacity:.6;flex:0 0 auto}
.cf-onb-body{padding:20px 24px;overflow:auto;min-height:380px}.cf-onb-body h3{margin:0 0 7px;font-size:16px;line-height:1.3}.cf-onb-body>p{margin:0 0 16px;color:var(--muted);font-size:11px;line-height:1.45}
.cf-onb-segments{display:grid;grid-template-columns:1fr 1fr;gap:8px}.cf-onb-segment{border:1px solid var(--line);background:var(--panel2);border-radius:11px;padding:11px 14px;text-align:left;color:var(--text);display:flex;align-items:center;gap:12px;min-height:54px}.cf-onb-segment i{width:24px;flex:0 0 24px;text-align:center;color:var(--blue);font-size:15px}.cf-onb-segment>div{min-width:0;display:flex;flex-direction:column;gap:3px}.cf-onb-segment strong{display:block;font-size:12px;line-height:1.25;white-space:normal}.cf-onb-segment small{display:block;color:var(--muted);font-size:9px;line-height:1.25;white-space:normal}.cf-onb-segment.active{border-color:var(--blue);box-shadow:0 0 0 2px color-mix(in srgb,var(--blue) 14%,transparent)}
.cf-onb-list{border:1px solid var(--line);border-radius:11px;overflow:hidden}.cf-onb-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border-bottom:1px solid var(--line)}.cf-onb-item:last-child{border-bottom:0}.cf-onb-item input{width:18px;height:18px}.cf-onb-item .grow{flex:1}.cf-onb-item strong{display:block;font-size:11px}.cf-onb-item small{color:var(--muted);font-size:9px}
.cf-onb-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 20px;border-top:1px solid var(--line);background:var(--panel)}.cf-onb-foot .left,.cf-onb-foot .right{display:flex;gap:8px}.cf-onb-btn{border:0;border-radius:10px;padding:10px 14px;font-weight:800;font-size:10px;cursor:pointer}.cf-onb-btn.ghost{background:transparent;color:var(--muted)}.cf-onb-btn.primary{background:linear-gradient(135deg,#388dff,#6d50ff);color:#fff}
.cf-onb-success{padding:14px;border-radius:12px;background:rgba(36,198,126,.12);border:1px solid rgba(36,198,126,.25);color:#16a56a;margin-bottom:18px}.cf-onb-success strong{display:block;font-size:13px}
.cf-contact-label-picker{display:flex;flex-wrap:wrap;gap:7px;padding:9px;border:1px solid var(--line);border-radius:10px;min-height:42px;background:var(--panel2)}
.cf-contact-label-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:999px;padding:6px 9px;font-size:9px;cursor:pointer;background:var(--panel)}.cf-contact-label-chip input{margin:0}
.cf-contact-label-card{margin-top:12px}
@media(max-width:700px){.cf-onb-segments{grid-template-columns:1fr}.cf-onb-modal{max-height:96vh;width:96vw}.cf-onb-head,.cf-onb-body{padding-left:15px;padding-right:15px}.cf-onb-step{font-size:9px}.cf-onb-segment{min-height:56px}.cf-onb-segment strong{font-size:12px}.cf-onb-segment small{font-size:9px}}



/* ./styles/03-modulos/18-cf-contact-extras-and-label-filter.css */
/* Estilo original: cf-contact-extras-and-label-filter */

.cf-contact-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;align-items:stretch;width:100%;min-height:46px;margin:0 0 14px;padding:5px;background:var(--panel2);border:1px solid var(--line);border-radius:12px;overflow:hidden}
.cf-contact-tab{appearance:none;-webkit-appearance:none;display:flex;align-items:center;justify-content:center;gap:6px;width:100%;height:34px;min-height:34px;max-height:34px;margin:0;padding:0 8px;border:0;background:transparent;color:var(--muted);border-radius:9px;font-size:10px;font-weight:800;line-height:1;white-space:nowrap;cursor:pointer;box-sizing:border-box}.cf-contact-tab i{margin:0;line-height:1}
.cf-contact-tab.active{background:linear-gradient(135deg,#358dff,#6b54ff);color:#fff;box-shadow:0 5px 14px rgba(66,104,255,.18)}
.cf-contact-tabpane{display:none}.cf-contact-tabpane.active{display:block}
.cf-contact-section-head{display:flex;justify-content:space-between;align-items:center;margin:3px 0 14px}.cf-contact-section-head strong{font-size:12px}.cf-contact-section-head small{display:block;color:var(--muted);font-size:9px;margin-top:3px}
.cf-contact-label-picker{display:flex;flex-wrap:wrap;gap:8px;padding:12px;border:1px solid var(--line);border-radius:11px;background:var(--panel2);min-height:58px}
.cf-contact-label-chip{--label-color:#7955ff;display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid color-mix(in srgb,var(--label-color) 40%,var(--line));border-radius:999px;background:color-mix(in srgb,var(--label-color) 8%,var(--panel));cursor:pointer;font-size:9px;font-weight:700}
.cf-contact-label-chip input{margin:0}.cf-contact-label-dot{width:8px;height:8px;border-radius:99px;background:var(--label-color)}.cf-empty-mini{color:var(--muted);font-size:10px;padding:8px}
.cf-inbox-combined-filter .cf-inbox-tag-trigger{display:flex;align-items:center;gap:7px}.cf-inbox-combined-filter .cf-inbox-tag-trigger>span:first-of-type{flex:1;text-align:left}
.cf-filter-count{display:none;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--blue);color:#fff;font-size:8px;align-items:center;justify-content:center}.cf-filter-count.show{display:inline-flex}
.cf-inbox-combined-menu{min-width:250px}.cf-compact-filter-tabs{display:flex;gap:5px;padding:7px 8px;border-bottom:1px solid var(--line)}
.cf-compact-filter-tabs button{flex:1;border:0;border-radius:8px;padding:7px;background:transparent;color:var(--muted);font-size:9px;font-weight:800;cursor:pointer}.cf-compact-filter-tabs button.active{background:var(--panel2);color:var(--blue)}
.cf-compact-filter-pane{display:none}.cf-compact-filter-pane.active{display:block}
@media(max-width:700px){.cf-contact-tabs{gap:3px;padding:4px}.cf-contact-tab{height:32px;min-height:32px;max-height:32px;padding:0 4px;font-size:8.5px;gap:3px}.cf-contact-tab i{margin:0}}

/* Estilo original: cf-kanban-crm-style */

.cf-kanban-page{min-width:0}.cf-kanban-page .cf-pagehead{align-items:flex-end}
.cf-kanban-summary{display:flex;gap:8px;flex-wrap:wrap;margin:4px 0 12px}.cf-kanban-summary span{padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:var(--panel2);font-size:9px;color:var(--muted)}.cf-kanban-summary b{color:var(--text);margin-right:3px}
.cf-kanban-board{display:flex;gap:12px;align-items:flex-start;overflow-x:auto;padding:2px 1px 14px;scrollbar-width:thin}
.cf-kb-col{width:290px;min-width:290px;border:1px solid var(--line);border-radius:14px;background:var(--panel2);overflow:hidden;transition:border-color .15s ease,background .15s ease}
.cf-kb-col.drag-over{border-color:var(--blue);background:color-mix(in srgb,var(--blue) 5%,var(--panel2))}
.cf-kb-col>header{display:flex;align-items:center;gap:7px;padding:10px;border-bottom:1px solid var(--line);background:var(--panel)}.cf-kb-col>header strong{font-size:10px;flex:1}.cf-kb-col>header>b{font-size:8px;min-width:22px;height:22px;border-radius:999px;display:grid;place-items:center;background:var(--panel2);color:var(--muted)}
.cf-kb-col-dot{width:9px;height:9px;border-radius:99px;background:var(--kb-col);box-shadow:0 0 0 3px color-mix(in srgb,var(--kb-col) 15%,transparent)}
.cf-kb-col-body{padding:8px;display:flex;flex-direction:column;gap:8px;min-height:120px}
.cf-kb-card{border:1px solid var(--line);background:var(--panel);border-radius:11px;padding:10px;cursor:grab;transition:opacity .15s ease,border-color .15s ease}.cf-kb-card:active{cursor:grabbing}.cf-kb-card.dragging{opacity:.45}
.cf-kb-card-top{display:flex;align-items:center;gap:8px}.cf-kb-card-top .cf-avatar{width:32px;height:32px;min-width:32px}.cf-kb-card-top strong{display:block;font-size:10px}.cf-kb-card-top small{display:block;color:var(--muted);font-size:8px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px}
.cf-kb-labels{display:flex;gap:4px;flex-wrap:wrap;margin-top:8px}.cf-kb-labels span{font-size:7.5px;font-weight:800;padding:3px 6px;border-radius:999px;color:var(--kb-label,#64748b);border:1px solid color-mix(in srgb,var(--kb-label,#64748b) 35%,var(--line));background:color-mix(in srgb,var(--kb-label,#64748b) 8%,var(--panel))}
.cf-kb-meta{display:flex;gap:7px;flex-wrap:wrap;margin-top:8px}.cf-kb-meta span{font-size:7.5px;color:var(--muted);display:flex;gap:4px;align-items:center}.cf-kb-note{font-size:8px;color:var(--muted);line-height:1.4;margin:8px 0 0;padding-top:7px;border-top:1px dashed var(--line)}
.cf-kb-card-actions{display:grid;grid-template-columns:34px 1fr 34px;gap:5px;margin-top:9px}.cf-kb-card-actions button{min-height:30px;border:1px solid var(--line);border-radius:8px;background:var(--panel2);color:var(--text);font-size:8px;font-weight:800;cursor:pointer}.cf-kb-card-actions button:disabled{opacity:.3;cursor:not-allowed}
.cf-kb-empty{text-align:center;color:var(--muted);font-size:8px;padding:24px 8px;border:1px dashed var(--line);border-radius:10px}
@media(max-width:700px){.cf-kanban-page .cf-pagehead{align-items:stretch}.cf-kanban-page .cf-toolbar{width:100%;display:grid;grid-template-columns:1fr auto}.cf-kanban-board{margin-left:-6px;margin-right:-6px;padding-left:6px}.cf-kb-col{width:82vw;min-width:82vw}}

/* Estilo original: cf-stage-scroll-fix */

/* Corre\E7 \E3 o de rolagem das telas administrativas (Estrutura, Contatos, Kanban etc.) */
.cf-shell{overflow:hidden!important}
.cf-main{
  height:100%!important;
  min-height:0!important;
  overflow:hidden!important;
}
.cf-stage:not(.no-pad){
  flex:1 1 0!important;
  min-height:0!important;
  height:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior-y:contain;
  scrollbar-width:thin!important;
}
.cf-stage:not(.no-pad)>.cf-page{
  min-height:min-content;
  padding-bottom:34px;
}
.cf-stage:not(.no-pad)::-webkit-scrollbar{width:9px}
.cf-stage:not(.no-pad)::-webkit-scrollbar-track{background:transparent}
.cf-stage:not(.no-pad)::-webkit-scrollbar-thumb{
  background:rgba(110,125,150,.34);
  border-radius:999px;
  border:2px solid transparent;
  background-clip:padding-box;
}
.cf-stage:not(.no-pad)::-webkit-scrollbar-thumb:hover{
  background:rgba(85,105,140,.50);
  border:2px solid transparent;
  background-clip:padding-box;
}
@media(max-width:700px){
  .cf-stage:not(.no-pad){
    height:0!important;
    overflow-y:auto!important;
    padding-bottom:calc(82px + var(--safe-bottom))!important;
  }
}

/* Estilo original: cf-label-click-fix-style */

.cf-struct-title-btn{
  border:0;background:transparent;color:inherit;padding:0;display:flex;align-items:center;
  text-align:left;cursor:pointer;min-width:0
}
.cf-struct-title-btn strong{display:flex;align-items:center;gap:6px}
.cf-label-empty-action{
  width:100%;min-height:116px;border:1px dashed var(--line);border-radius:12px;
  background:var(--panel2);color:var(--muted);display:grid;place-items:center;
  align-content:center;gap:7px;padding:16px;cursor:pointer;transition:.15s ease
}
.cf-label-empty-action:hover{border-color:var(--blue);background:rgba(37,140,255,.05);color:var(--text)}
.cf-label-empty-action>i:first-child{font-size:19px;color:var(--blue)}
.cf-label-empty-action>i:last-child{font-size:11px;color:var(--blue)}
.cf-label-empty-action strong{font-size:10px;color:var(--text)}
.cf-label-empty-action span{font-size:8.5px}
.cf-label-preview-wrap{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:9px}
.cf-label-preview-wrap b{
  --preview-label:#7955FF;display:inline-flex;align-items:center;gap:6px;padding:6px 9px;
  border-radius:999px;color:var(--preview-label);
  border:1px solid color-mix(in srgb,var(--preview-label) 35%,var(--line));
  background:color-mix(in srgb,var(--preview-label) 8%,var(--panel))
}

/* Estilo original: cf-structure-empty-color-picker-style */

.cf-struct-empty-action{
  width:100%;min-height:118px;border:1px dashed var(--line);border-radius:12px;
  background:var(--panel2);color:var(--muted);display:grid;place-items:center;
  align-content:center;gap:7px;padding:16px;cursor:pointer;transition:.16s ease;
}
.cf-struct-empty-action:hover{
  border-color:var(--blue);background:rgba(37,140,255,.055);color:var(--text);
  transform:translateY(-1px);
}
.cf-struct-empty-action>i:first-child{font-size:20px;color:var(--blue)}
.cf-struct-empty-action>i:last-child{font-size:11px;color:var(--blue)}
.cf-struct-empty-action strong{font-size:10px;color:var(--text)}
.cf-struct-empty-action span{font-size:8.5px}
.cf-label-color-picker{
  border:1px solid var(--line);border-radius:12px;background:var(--panel2);
  padding:11px;display:flex;flex-direction:column;gap:10px;
}
.cf-label-color-main{
  display:grid;grid-template-columns:46px 1fr 92px;gap:10px;align-items:center;
}
.cf-label-color-main input[type=color]{
  width:46px;height:42px;padding:3px;border:1px solid var(--line);border-radius:10px;
  background:var(--panel);cursor:pointer;
}
.cf-label-color-main strong{display:block;font-size:10px;color:var(--text)}
.cf-label-color-main span{display:block;font-size:8px;color:var(--muted);margin-top:2px}
.cf-label-color-main input:not([type=color]){
  width:92px;height:36px;border:1px solid var(--line);border-radius:9px;
  background:var(--panel);color:var(--text);padding:0 9px;font-size:9px;text-transform:uppercase;
}
.cf-label-color-swatches{display:flex;flex-wrap:wrap;gap:7px}
.cf-label-color-swatch{
  width:29px;height:29px;padding:0;border-radius:9px;border:2px solid transparent;
  background:transparent;display:grid;place-items:center;cursor:pointer;transition:.13s ease;
}
.cf-label-color-swatch span{
  width:21px;height:21px;border-radius:7px;background:var(--swatch);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.25),0 1px 4px rgba(0,0,0,.12);
}
.cf-label-color-swatch:hover{transform:scale(1.08)}
.cf-label-color-swatch.active{border-color:var(--blue);background:rgba(37,140,255,.08)}
@media(max-width:600px){
  .cf-label-color-main{grid-template-columns:46px 1fr}
  .cf-label-color-main input:not([type=color]){grid-column:1/-1;width:100%}
}

/* Estilo original: cf-kanban-color-picker-extra */

.cf-kanban-color-preview{
  display:flex;align-items:center;gap:9px;padding-top:2px;color:var(--muted);font-size:9px
}
.cf-kanban-color-preview b{
  --kb-preview:#4F7CFF;display:inline-flex;align-items:center;gap:6px;
  padding:6px 9px;border-radius:999px;color:var(--kb-preview);
  border:1px solid color-mix(in srgb,var(--kb-preview) 35%,var(--line));
  background:color-mix(in srgb,var(--kb-preview) 8%,var(--panel))
}

/* Estilo original: cf-dashboard-pro-style */

.cf-dashboard-pro{padding-bottom:34px}
.cf-dash-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:18px 20px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(135deg,var(--panel),color-mix(in srgb,var(--blue) 4%,var(--panel)));margin-bottom:12px}
.cf-dash-intro-copy h2{margin:3px 0 5px;font-size:21px}.cf-dash-intro-copy p{margin:0;color:var(--muted);font-size:10px}.cf-dash-intro .cf-live{margin-top:10px}
.cf-dash-period{min-width:360px}.cf-dash-period>label{display:block;font-size:8.5px;font-weight:800;color:var(--muted);margin-bottom:6px}.cf-dash-period>small{display:block;color:var(--muted);font-size:7.5px;margin-top:6px;text-align:right}
.cf-dash-period-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;padding:4px;border:1px solid var(--line);border-radius:11px;background:var(--panel2)}
.cf-dash-period-buttons button{border:0;border-radius:8px;background:transparent;color:var(--muted);height:31px;font-size:8.5px;font-weight:800;cursor:pointer}.cf-dash-period-buttons button.active{background:var(--panel);color:var(--blue);box-shadow:0 2px 9px rgba(0,0,0,.06)}
.cf-dash-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-bottom:10px}
.cf-dash-kpi{display:flex;align-items:center;gap:10px;min-height:82px;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}
.cf-dash-kpi .ico{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:var(--kbg);color:var(--kc);font-size:14px}
.cf-dash-kpi>div{min-width:0}.cf-dash-kpi small{display:block;font-size:7.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:800}.cf-dash-kpi strong{display:block;font-size:19px;line-height:1.2;margin:3px 0;color:var(--text)}.cf-dash-kpi span:not(.ico){display:block;color:var(--muted);font-size:7.5px}
.cf-dash-kpi.blue{--kc:#258cff;--kbg:rgba(37,140,255,.09)}.cf-dash-kpi.green{--kc:#19b878;--kbg:rgba(25,184,120,.09)}.cf-dash-kpi.amber{--kc:#e59b17;--kbg:rgba(229,155,23,.1)}.cf-dash-kpi.violet{--kc:#7955ff;--kbg:rgba(121,85,255,.09)}.cf-dash-kpi.orange{--kc:#f0782a;--kbg:rgba(240,120,42,.1)}.cf-dash-kpi.pink{--kc:#df5c98;--kbg:rgba(223,92,152,.1)}.cf-dash-kpi.teal{--kc:#14a99a;--kbg:rgba(20,169,154,.1)}.cf-dash-kpi.indigo{--kc:#5366e5;--kbg:rgba(83,102,229,.1)}
.cf-dash-kpi-loading{grid-column:1/-1;border:1px dashed var(--line);border-radius:12px;padding:18px;text-align:center;color:var(--muted);font-size:9px}
.cf-dash-initial-loading .cf-dash-kpis{min-height:173px}
.cf-dash-initial-loading .cf-dash-kpis>*{visibility:hidden}
.cf-dash-initial-loading .cf-dash-kpis{background:linear-gradient(90deg,var(--panel2) 0%,var(--panel) 50%,var(--panel2) 100%);background-size:200% 100%;animation:cfDashShimmer 2s ease-in-out infinite;border-radius:14px}
.cf-dash-initial-loading .cf-dash-card,.cf-dash-initial-loading .cf-dashboard-live-grid .cf-card{position:relative}
.cf-dash-initial-loading .cf-dash-card-head~div,.cf-dash-initial-loading .cf-dashboard-live-grid .cf-card-head~div{visibility:hidden}
.cf-dash-initial-loading .cf-dash-card:after,.cf-dash-initial-loading .cf-dashboard-live-grid .cf-card:after{content:"";position:absolute;left:12px;right:12px;top:55px;height:42%;border-radius:9px;background:linear-gradient(90deg,var(--panel2) 0%,var(--panel) 50%,var(--panel2) 100%);background-size:200% 100%;animation:cfDashShimmer 2s ease-in-out infinite;pointer-events:none}
@keyframes cfDashShimmer{to{background-position-x:-200%}}
@media(prefers-reduced-motion:reduce){.cf-dash-initial-loading .cf-dash-kpis,.cf-dash-initial-loading .cf-dash-card:after,.cf-dash-initial-loading .cf-dashboard-live-grid .cf-card:after{animation:none}}
.cf-dash-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:10px}
.cf-dash-card{border:1px solid var(--line);border-radius:14px;background:var(--panel);padding:12px;min-height:220px;overflow:hidden}.cf-dash-card.cf-dash-wide{grid-column:span 2}
.cf-dash-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:11px}.cf-dash-card-head strong{display:block;font-size:10px}.cf-dash-card-head small{display:block;font-size:7.5px;color:var(--muted);margin-top:2px}.cf-dash-card-icon{width:29px;height:29px;border:1px solid var(--line);border-radius:9px;display:grid;place-items:center;color:var(--blue);background:var(--panel2)}
.cf-chart-evolution{height:185px;color:var(--blue)}.cf-evolution-svg{width:100%;height:100%;overflow:visible}.cf-evolution-svg polyline{stroke:currentColor;stroke-width:2}.cf-evolution-svg circle{fill:var(--panel);stroke:currentColor;stroke-width:2;vector-effect:non-scaling-stroke}.cf-evolution-svg text{fill:var(--muted);font-size:9px}
.cf-mini-bars{display:flex;flex-direction:column;gap:10px}.cf-mini-bar-label{display:flex;justify-content:space-between;gap:8px;margin-bottom:4px;font-size:8px}.cf-mini-bar-label span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cf-mini-bar-label b{color:var(--text)}.cf-mini-bar-track{height:6px;border-radius:999px;background:var(--panel2);overflow:hidden}.cf-mini-bar-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#258cff,#7955ff)}
.cf-status-list{display:flex;flex-direction:column;gap:8px}.cf-status-stat{display:flex;align-items:center;gap:8px;padding:7px 8px;background:var(--panel2);border-radius:9px}.cf-status-stat .dot{width:8px;height:8px;border-radius:50%;background:#94a3b8}.cf-status-stat .dot.live{background:#1dbf83}.cf-status-stat>div{flex:1;min-width:0}.cf-status-stat strong{display:block;font-size:8.5px}.cf-status-stat small{display:block;font-size:7px;color:var(--muted)}.cf-status-stat>b{font-size:9px}
.cf-hour-chart{height:165px;display:grid;grid-template-columns:repeat(24,1fr);gap:3px;align-items:end;padding-top:18px}.cf-hour-col{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:3px;min-width:0}.cf-hour-col b{font-size:6.5px;color:var(--muted);font-weight:600}.cf-hour-col i{display:block;width:70%;min-height:2px;max-height:120px;border-radius:4px 4px 2px 2px;background:linear-gradient(#258cff,#7955ff);opacity:.88}.cf-hour-col span{font-size:6px;color:var(--muted)}
.cf-dash-empty{height:100%;min-height:130px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--muted);gap:6px;padding:12px}.cf-dash-empty>i{font-size:20px;color:color-mix(in srgb,var(--muted) 60%,transparent)}.cf-dash-empty strong{font-size:9px;color:var(--text)}.cf-dash-empty span{font-size:7.5px;max-width:280px}
.cf-dashboard-live-grid{margin-top:0}.cf-dashboard-live-grid .cf-card{min-height:260px}
@media(max-width:1100px){.cf-dash-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.cf-dash-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cf-dash-card.cf-dash-wide{grid-column:span 2}}
@media(max-width:760px){.cf-dash-intro{align-items:stretch;flex-direction:column}.cf-dash-period{min-width:0;width:100%}.cf-dash-kpis{grid-template-columns:1fr 1fr}.cf-dash-grid{grid-template-columns:1fr}.cf-dash-card.cf-dash-wide{grid-column:auto}.cf-hour-chart{overflow-x:auto;grid-template-columns:repeat(24,18px)}}
@media(max-width:460px){.cf-dash-kpis{grid-template-columns:1fr}.cf-dash-period-buttons{grid-template-columns:1fr 1fr}}

/* Estilo original: cf-contacts-crm-columns-style */

.cf-contact-table-scroll{overflow-x:auto;scrollbar-width:thin}
.cf-contact-table{min-width:1180px}
.cf-contact-table td,.cf-contact-table th{vertical-align:middle}
.cf-contact-sub{display:block;color:var(--muted);font-size:7px;margin-top:2px;font-weight:400}
.cf-contact-owner{display:inline-flex;align-items:center;gap:5px;max-width:145px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:8px}
.cf-contact-none{color:var(--muted)}
.cf-contact-label-list{display:flex;align-items:center;gap:4px;flex-wrap:wrap;max-width:220px}
.cf-contact-label-list-chip{--cl:#7955FF;display:inline-flex;align-items:center;max-width:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:3px 6px;border-radius:999px;font-size:7px;font-weight:800;color:var(--cl);border:1px solid color-mix(in srgb,var(--cl) 35%,var(--line));background:color-mix(in srgb,var(--cl) 8%,var(--panel))}
.cf-contact-label-more{font-size:7px;font-weight:800;color:var(--muted);padding:3px 5px;border-radius:999px;background:var(--panel2);border:1px solid var(--line)}

/* Estilo original: cf-kanban-pro-override */

.cf-kanban-pro{height:100%;display:flex;flex-direction:column;min-height:0;padding-bottom:8px}
.cf-kanban-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:4px 2px 10px}
.cf-kanban-toolbar h2{font-size:18px;margin:0}.cf-kanban-toolbar h2 i{color:var(--blue);font-size:15px;margin-right:7px}.cf-kanban-toolbar p{margin:3px 0 0;color:var(--muted);font-size:8px}
.cf-kanban-tools{display:flex;align-items:center;gap:7px}.cf-kanban-tools .cf-search{width:230px}.cf-kanban-tools select{height:38px;min-width:170px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text);padding:0 10px;font-size:8.5px}
.cf-kanban-summary{margin:0 0 8px}.cf-kanban-summary span{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;font-size:7.5px}
.cf-kanban-board{flex:1;min-height:0;align-items:stretch;gap:9px;padding-bottom:8px}
.cf-kb-col{--kb-col:#4F7CFF;width:270px;min-width:270px;height:100%;max-height:100%;display:flex;flex-direction:column;border-radius:10px;background:var(--panel);border:1px solid var(--line);border-top:4px solid var(--kb-col);overflow:hidden}
.cf-kb-col.drag-over{border-color:var(--blue);border-top-color:var(--kb-col);box-shadow:0 0 0 2px color-mix(in srgb,var(--blue) 12%,transparent)}
.cf-kb-col>header{display:block;padding:10px 10px 8px;border-bottom:1px solid var(--line);background:var(--panel)}
.cf-kb-col-title{display:flex;align-items:center;gap:6px}.cf-kb-col-title strong{flex:1;font-size:9.5px}.cf-kb-col-menu{width:25px;height:25px;border:0;border-radius:7px;background:transparent;color:var(--muted);cursor:pointer}.cf-kb-col-menu:hover{background:var(--panel2);color:var(--text)}
.cf-kb-col-stats{display:flex;align-items:center;gap:5px;margin-top:8px}.cf-kb-col-stats span{display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:3px 6px;background:color-mix(in srgb,var(--kb-col) 9%,var(--panel2));color:var(--kb-col);font-size:7px;font-weight:800}
.cf-kb-col-body{flex:1;overflow-y:auto;padding:7px;min-height:90px;background:color-mix(in srgb,var(--panel2) 55%,var(--panel));scrollbar-width:thin}
.cf-kb-card{padding:8px;border-radius:9px;box-shadow:0 2px 8px rgba(0,0,0,.025)}.cf-kb-card:hover{border-color:color-mix(in srgb,var(--blue) 30%,var(--line))}
.cf-kb-card-top .cf-avatar{width:29px;height:29px;min-width:29px}.cf-kb-card-top strong{font-size:9px}.cf-kb-card-top small{font-size:7px;max-width:145px}
.cf-kb-meta{gap:6px;margin-top:6px}.cf-kb-meta span{font-size:6.7px}.cf-kb-labels{margin-top:6px}.cf-kb-labels span{font-size:6.5px;padding:2px 5px}
.cf-kb-note{font-size:7px;margin-top:6px;padding-top:6px}.cf-kb-card-actions{margin-top:7px;grid-template-columns:30px 1fr 30px}.cf-kb-card-actions button{min-height:27px;font-size:7px}
.cf-kb-empty{min-height:95px;display:flex;flex-direction:column;gap:6px;align-items:center;justify-content:center;text-align:center;border:1px dashed var(--line);border-radius:9px;color:var(--muted);font-size:7px}.cf-kb-empty i{color:var(--kb-col)}
@media(max-width:900px){.cf-kanban-toolbar{align-items:stretch;flex-direction:column}.cf-kanban-tools{display:grid;grid-template-columns:1fr 1fr auto}.cf-kanban-tools .cf-search{width:auto}.cf-kanban-tools select{min-width:0}.cf-kb-col{width:78vw;min-width:78vw}}
@media(max-width:600px){.cf-kanban-tools{grid-template-columns:1fr}.cf-kanban-tools .cf-icon{display:none}.cf-kb-col{width:86vw;min-width:86vw}}

/* Estilo original: cf-stable-hover-sidebar */

@media (min-width:781px){
  .cf-shell{grid-template-columns:78px minmax(0,1fr)!important}
  .cf-rail{
    width:78px!important;min-width:78px!important;max-width:none!important;
    overflow:hidden!important;position:relative!important;z-index:90!important;
    padding-left:14px!important;padding-right:14px!important;
    align-items:flex-start!important;
    transition:width .18s ease,box-shadow .18s ease!important;
    will-change:width
  }
  .cf-rail.cf-rail-expanded{
    width:276px!important;
    box-shadow:16px 0 32px rgba(25,40,70,.13)!important
  }
  html[data-theme=dark] .cf-rail.cf-rail-expanded{box-shadow:16px 0 34px rgba(0,0,0,.30)!important}
  .cf-rail .cf-brandmark{width:48px!important;min-width:48px!important;flex:0 0 48px!important}
  .cf-rail .cf-brand-header{width:48px;min-height:48px;display:flex;align-items:center;gap:23px;overflow:hidden;flex:0 0 48px;transition:width .18s ease}
  .cf-rail.cf-rail-expanded .cf-brand-header{width:248px}
  .cf-rail .cf-brand-header .cf-brandmark{margin-bottom:0!important}
  .cf-rail .cf-brand-heading{display:flex;flex-direction:column;justify-content:center;min-width:0;white-space:nowrap;opacity:0;transform:translateX(-9px);filter:blur(2px);transition:opacity .22s ease,transform .26s cubic-bezier(.2,.8,.2,1),filter .26s ease}
  .cf-rail.cf-rail-expanded .cf-brand-heading{opacity:1;transform:translateX(0);filter:blur(0);transition-delay:.06s}
  .cf-rail .cf-brand-heading strong{font-size:15px;font-weight:850;letter-spacing:-.035em;line-height:1.15;color:var(--text)}
  .cf-rail .cf-brand-heading strong span{color:var(--blue)}
  .cf-rail .cf-brand-heading small{font-size:9px;font-weight:650;color:var(--muted);margin-top:3px}
  @media(prefers-reduced-motion:reduce){.cf-rail .cf-brand-header,.cf-rail .cf-brand-heading{transition:none!important;filter:none!important}}
  .cf-rail .cf-nav{width:100%!important;align-items:flex-start!important}
  .cf-rail .cf-navbtn,.cf-rail > .cf-navbtn[data-page="settings"]{
    width:48px!important;min-width:48px!important;max-width:none!important;height:48px!important;
    display:flex!important;align-items:center!important;justify-content:flex-start!important;
    padding:0 15px!important;gap:15px!important;overflow:hidden!important;white-space:nowrap!important;
    transition:width .18s ease,background .14s ease,color .14s ease!important
  }
  .cf-rail.cf-rail-expanded .cf-navbtn,.cf-rail.cf-rail-expanded > .cf-navbtn[data-page="settings"]{width:268px!important;justify-content:flex-start!important;padding:0 15px!important}
  /* No modo compacto o \ED cone fica realmente centralizado e nunca encosta/corta na borda. */
  .cf-rail:not(.cf-rail-expanded) .cf-navbtn,
  .cf-rail:not(.cf-rail-expanded) > .cf-navbtn[data-page="settings"]{
    justify-content:center!important;
    padding:0!important;
    gap:0!important;
    overflow:visible!important;
  }
  .cf-rail .cf-navbtn i{width:20px!important;min-width:20px!important;text-align:center!important;font-size:17px!important;line-height:1!important;overflow:visible!important}
  .cf-rail:not(.cf-rail-expanded) .cf-navbtn .cf-rail-label{position:absolute!important;left:58px!important}
  .cf-rail .cf-navbtn .cf-rail-label{
    opacity:0;transform:translateX(-4px);font-size:10.5px;font-weight:800;color:inherit;
    transition:opacity .10s ease,transform .15s ease;pointer-events:none
  }
  .cf-rail.cf-rail-expanded .cf-navbtn .cf-rail-label{opacity:1;transform:translateX(0);color:#334155!important;font-weight:800!important}
  html[data-theme=light] .cf-rail.cf-rail-expanded .cf-navbtn{color:#64748b!important}
  html[data-theme=light] .cf-rail.cf-rail-expanded .cf-navbtn .cf-rail-label{color:#334155!important}
  html[data-theme=light] .cf-rail.cf-rail-expanded .cf-navbtn:hover{color:#1f2937!important}
  html[data-theme=light] .cf-rail.cf-rail-expanded .cf-navbtn.active{color:#1677ff!important}
  html[data-theme=light] .cf-rail.cf-rail-expanded .cf-navbtn.active .cf-rail-label{color:#1677ff!important}
  .cf-rail .cf-navbtn.active:after{right:0!important}
  .cf-rail .cf-operator{width:44px!important;min-width:44px!important;flex:0 0 44px!important}
  .cf-rail .cf-operator-wrap{display:flex;align-items:center;gap:12px;width:48px;min-height:52px;padding:4px 2px;box-sizing:border-box;border-radius:13px;overflow:hidden;transition:width .18s ease,background .18s ease,border-color .18s ease;border:1px solid transparent}
  .cf-rail.cf-rail-expanded .cf-operator-wrap{width:248px;padding:5px 7px;background:var(--panel2);border-color:var(--line)}
  .cf-rail .cf-operator{width:40px!important;min-width:40px!important;height:40px!important;flex:0 0 40px!important;border-radius:12px!important;overflow:hidden}
  .cf-rail .cf-operator-name{display:flex;flex-direction:column;justify-content:center;min-width:0;flex:1;opacity:0;white-space:nowrap;transition:opacity .12s ease;color:var(--muted);line-height:1.35}
  .cf-rail .cf-operator-name small{font-size:9px;font-weight:650;letter-spacing:.02em}
  .cf-rail .cf-operator-name strong{display:block;overflow:hidden;text-overflow:ellipsis;color:var(--text);font-size:11px;font-weight:800;max-width:100%}
  .cf-rail.cf-rail-expanded .cf-operator-name{opacity:1}
  #cfRailFlyout{display:none!important}
}

/* Estilo original: cf-compact-active-right-extension-20260914 */

@media (min-width:781px){
  .cf-rail:not(.cf-rail-expanded) .cf-navbtn.active{
    width:60px!important;
    min-width:60px!important;
    max-width:60px!important;
    height:48px!important;
    min-height:48px!important;
    margin:0!important;
    padding:0!important;
    justify-content:flex-start!important;
    overflow:visible!important;
    border-radius:15px!important;
    box-sizing:border-box!important;
  }

  /* mant\E9 m o \ED cone exatamente na posi\E7 \E3 o original do bot\E3 o de 48px */
  .cf-rail:not(.cf-rail-expanded) .cf-navbtn.active > i{
    width:48px!important;
    min-width:48px!important;
    height:48px!important;
    flex:0 0 48px!important;
    display:grid!important;
    place-items:center!important;
    margin:0!important;
    padding:0!important;
  }

  /* sem a barrinha vertical adicional */
  .cf-rail:not(.cf-rail-expanded) .cf-navbtn.active::after{
    display:none!important;
    content:none!important;
  }
}



/* ./styles/03-modulos/19-cf-sidebar-dark-contrast-fix.css */
/* Estilo original: cf-sidebar-dark-contrast-fix */

@media (min-width:781px){
  html[data-theme=dark] .cf-rail.cf-rail-expanded .cf-navbtn{color:#94a3b8!important;}
  html[data-theme=dark] .cf-rail.cf-rail-expanded .cf-navbtn .cf-rail-label{color:#cbd5e1!important;font-weight:800!important;}
  html[data-theme=dark] .cf-rail.cf-rail-expanded .cf-navbtn i{color:#94a3b8!important;}
  html[data-theme=dark] .cf-rail.cf-rail-expanded .cf-navbtn:hover{background:#172033!important;color:#f8fafc!important;}
  html[data-theme=dark] .cf-rail.cf-rail-expanded .cf-navbtn:hover .cf-rail-label,
  html[data-theme=dark] .cf-rail.cf-rail-expanded .cf-navbtn:hover i{color:#f8fafc!important;}
  html[data-theme=dark] .cf-rail.cf-rail-expanded .cf-navbtn.active{background:#102d4a!important;color:#4da3ff!important;border-color:#1f6fb2!important;}
  html[data-theme=dark] .cf-rail.cf-rail-expanded .cf-navbtn.active .cf-rail-label,
  html[data-theme=dark] .cf-rail.cf-rail-expanded .cf-navbtn.active i{color:#67b3ff!important;}
  html[data-theme=dark] .cf-rail.cf-rail-expanded .cf-operator-name{color:#cbd5e1!important;}
}

/* Estilo original: cf-inbox-badge-compact-fix-v3 */

/* Badge do Inbox refinado:
   - compacto: badge num\E9 rico no canto SUPERIOR ESQUERDO do bot\E3 o,
     longe da borda externa da barra;
   - expandido: badge fica \E0  direita do item.
   Isso evita apar\EA ncia de badge "cortado" ou pendurado para fora. */
@media (min-width:781px){
  .cf-rail .cf-navbtn[data-page="inbox"]{
    position:relative!important;
    overflow:visible!important;
  }

  /* COMPACTO */
  .cf-rail:not(.cf-rail-expanded) #cfInboxBadge{
    top:5px!important;
    left:5px!important;
    right:auto!important;
    width:auto!important;
    min-width:16px!important;
    height:16px!important;
    padding:0 4px!important;
    border-radius:999px!important;
    font-size:7px!important;
    line-height:12px!important;
    font-weight:900!important;
    text-align:center!important;
    border:2px solid var(--bg)!important;
    box-sizing:border-box!important;
    transform:none!important;
    z-index:7!important;
    box-shadow:0 2px 7px rgba(255,80,100,.28)!important;
  }

  /* EXPANDIDO */
  .cf-rail.cf-rail-expanded #cfInboxBadge{
    top:50%!important;
    left:auto!important;
    right:12px!important;
    transform:translateY(-50%)!important;
    width:auto!important;
    min-width:18px!important;
    height:18px!important;
    padding:0 5px!important;
    border-radius:999px!important;
    font-size:8px!important;
    line-height:14px!important;
    font-weight:900!important;
    border:2px solid var(--bg)!important;
    box-sizing:border-box!important;
    z-index:7!important;
    box-shadow:0 2px 7px rgba(255,80,100,.22)!important;
  }
}

/* Estilo original: cf-inbox-open-count-badge-20261020 */

/* Quantidade total de conversas abertas, separada do badge de não lidas. */
.cf-open-count-badge{display:none;position:absolute;pointer-events:none;align-items:center;justify-content:center;min-width:15px;height:15px;padding:0 4px;border-radius:999px;background:#2563eb;color:#fff;border:2px solid var(--bg);font-size:7px;font-weight:900;line-height:11px;z-index:8;box-sizing:border-box;box-shadow:0 2px 7px rgba(37,99,235,.3)}
.cf-open-count-badge.show{display:inline-flex}
@media (min-width:781px){
  .cf-rail .cf-navbtn[data-page="inbox"] .cf-open-count-badge{top:auto;bottom:4px;left:5px}
  .cf-rail.cf-rail-expanded .cf-navbtn[data-page="inbox"] .cf-open-count-badge{top:50%;bottom:auto;left:38px;transform:translateY(-50%)}
}
@media (max-width:780px){
  #cfInboxOpenCountMobile{top:-7px;right:7px;left:auto;min-width:14px;height:14px;padding:0 3px;font-size:7px;line-height:10px;border-width:1.5px;background:#2563eb}
}

/* Estilo original: cf-forgot-password-style */

.cf-login-forgot{display:block;width:max-content;margin:8px 0 -7px auto;color:#7fa7ff;font-size:10.5px;font-weight:800;text-decoration:none}.cf-login-forgot:hover{color:#a18aff;text-decoration:underline}.cf-forgot-card .cf-login-logo{font-size:20px}.cf-forgot-card small{min-height:20px;line-height:1.45}.cf-forgot-card small.cf-forgot-success{color:#2dd49a}.cf-forgot-card small.cf-forgot-error{color:#ff667a}.cf-forgot-card .cf-login-create i{margin-right:5px;font-size:9px}html[data-theme=light] .cf-login-forgot{color:#356df5}html[data-theme=light] .cf-forgot-card small.cf-forgot-success{color:#159b65}

/* Estilo original: cf-reset-password-integrated-style */

.cf-reset-card #cfResetMsg{margin-top:12px}
.cf-reset-card #cfResetMsg.cf-forgot-success,
.cf-forgot-card #cfForgotMsg.cf-forgot-success{color:#10b981!important}
.cf-reset-card #cfResetMsg.cf-forgot-error,
.cf-forgot-card #cfForgotMsg.cf-forgot-error{color:#ff5f70!important}

/* Estilo original: cf-no-flicker-conversations-style */

#cfConvList .cf-conv{
  contain:layout paint;
}
#cfConvList .cf-conv .cf-conv-preview,
#cfConvList .cf-conv .cf-conv-title,
#cfConvList .cf-conv .cf-conv-meta-row{
  backface-visibility:hidden;
  -webkit-font-smoothing:antialiased;
}

/* Estilo original: cf-stable-document-card-style */

/* O documento rec\E9 m-enviado e o documento j\E1  persistido usam a mesma geometria. */
.cf-msg-file.cf-media-card.cf-optimistic-document{
  min-width:220px;
  max-width:min(360px,68vw);
}
.cf-msg-file.cf-media-card.cf-optimistic-document .cf-mini[aria-disabled="true"]{
  opacity:1;
  cursor:default;
}

/* Estilo original: cf-image-never-generic-media */

/* Print/imagem nunca vira um card gen\E9 rico "M\ED dia" por falha tempor\E1 ria.
   Mant\E9 m o mesmo espa\E7 o e apenas sincroniza silenciosamente. */
.cf-media-retry-loading{
  flex-direction:column!important;
  gap:7px!important;
  color:var(--muted)!important;
  font-size:9px!important;
}
.cf-media-retry-loading>i{
  font-size:20px!important;
  color:var(--blue)!important;
}
.cf-media-retry-loading>span{
  font-size:8.5px!important;
  font-weight:700!important;
}

/* Estilo original: cf-day-separator-compact-fix */

.cf-day-separator{
  margin:4px 0 2px!important;
  padding:4px 10px!important;
}

/* Estilo original: cf-card-action-modern-progress-v2 */

/* Finalizar/Cancelar: mant\E9 m o card inteiro vis\ED vel e mostra apenas um
   feedback compacto, sem "cortar" a conversa ou criar um bloco branco. */
.cf-conv.cf-card-action-busy{
  pointer-events:none!important;
  overflow:hidden!important;
  min-height:unset!important;
  position:relative!important;
}

/* Anula as regras antigas que escondiam nome, foto, badges e conte\FA do. */
.cf-conv.cf-card-action-busy .cf-conv-body > *,
.cf-conv.cf-card-action-busy .cf-conv-main > *,
.cf-conv.cf-card-action-busy .cf-conv-meta,
.cf-conv.cf-card-action-busy .cf-conv-preview,
.cf-conv.cf-card-action-busy .cf-conv-tags,
.cf-conv.cf-card-action-busy .cf-badges,
.cf-conv.cf-card-action-busy .cf-badge,
.cf-conv.cf-card-action-busy .cf-status,
.cf-conv.cf-card-action-busy .cf-conv-time,
.cf-conv.cf-card-action-busy .cf-unread{
  display:revert!important;
}

/* Card fica sutilmente "em processamento", mas continua reconhec\ED vel. */
.cf-conv.cf-card-action-busy > *:not(.cf-card-action-progress){
  opacity:.50!important;
  filter:saturate(.82)!important;
  transition:opacity .14s ease,filter .14s ease!important;
}

.cf-card-action-progress{
  position:absolute!important;
  inset:0!important;
  z-index:220!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  padding:0 10px!important;
  border-radius:inherit!important;
  background:linear-gradient(
    90deg,
    transparent 0%,
    color-mix(in srgb,var(--panel) 20%,transparent) 45%,
    color-mix(in srgb,var(--panel) 88%,transparent) 100%
  )!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  opacity:1!important;
  transform:none!important;
  animation:cfActionSoftIn .14s ease-out both!important;
}

.cf-card-action-progress.finish{--cf-action:#20b886}
.cf-card-action-progress.cancel{--cf-action:#ef6570}

.cf-card-action-progress-pill{
  height:31px!important;
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  padding:0 10px 0 6px!important;
  border-radius:999px!important;
  background:color-mix(in srgb,var(--panel) 94%,var(--cf-action) 6%)!important;
  border:1px solid color-mix(in srgb,var(--cf-action) 26%,var(--line))!important;
  box-shadow:0 6px 18px rgba(15,23,42,.10)!important;
  color:var(--text)!important;
  white-space:nowrap!important;
}

.cf-card-action-progress-pill strong{
  font-size:9px!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:0!important;
}

.cf-card-action-progress-spinner{
  width:20px!important;
  height:20px!important;
  flex:0 0 20px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  color:#fff!important;
  background:var(--cf-action)!important;
  font-size:8px!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--cf-action) 12%,transparent)!important;
  animation:cfActionPulse 1s ease-in-out infinite!important;
}

.cf-card-action-progress-line{
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  height:3px!important;
  overflow:hidden!important;
  background:color-mix(in srgb,var(--cf-action) 8%,transparent)!important;
}

.cf-card-action-progress-line i{
  display:block!important;
  width:36%!important;
  height:100%!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,transparent,var(--cf-action),transparent)!important;
  animation:cfActionLine 1s ease-in-out infinite!important;
}

@keyframes cfActionSoftIn{
  from{opacity:0}
  to{opacity:1}
}
@keyframes cfActionPulse{
  0%,100%{transform:scale(1);opacity:1}
  50%{transform:scale(.9);opacity:.78}
}
@keyframes cfActionLine{
  0%{transform:translateX(-120%)}
  100%{transform:translateX(380%)}
}

/* Tema escuro: evita qualquer bloco claro durante a a\E7 \E3 o. */
html[data-theme="dark"] .cf-card-action-progress-pill{
  background:color-mix(in srgb,#111722 92%,var(--cf-action) 8%)!important;
  box-shadow:0 6px 18px rgba(0,0,0,.22)!important;
}

/* Mobile: mant\E9 m compacto. */
@media(max-width:760px){
  .cf-card-action-progress{padding-right:7px!important}
  .cf-card-action-progress-pill{height:29px!important;padding-right:9px!important}
}

/* Estilo original: cf-signup-responsive-final-20260914 */

/* ===== CADASTRO / TESTE GRÁTIS: RESPONSIVO DE VERDADE ===== */
#cfLoginGate:has(.cf-signup-shell){
  padding:clamp(10px,2vw,28px)!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:auto!important;
}

.cf-signup-shell{
  width:min(1360px,calc(100vw - clamp(20px,4vw,56px)))!important;
  height:min(900px,calc(100dvh - clamp(20px,4vw,56px)))!important;
  min-height:620px!important;
  max-height:900px!important;
  display:grid!important;
  grid-template-columns:minmax(420px,.94fr) minmax(500px,1.06fr)!important;
  overflow:hidden!important;
}
.cf-signup-formpane,
.cf-signup-hero{
  min-width:0!important;
  min-height:0!important;
  overflow:auto!important;
  overscroll-behavior:contain!important;
}
.cf-signup-formpane{
  padding:clamp(24px,4vh,42px) clamp(28px,4vw,54px) clamp(24px,3vh,34px)!important;
}
.cf-signup-hero{
  padding:clamp(32px,5vh,58px) clamp(32px,4vw,58px)!important;
  scrollbar-width:none!important;
}
.cf-signup-hero::-webkit-scrollbar{display:none!important}

/* notebook / desktop menor */
@media (max-width:1280px){
  .cf-signup-shell{
    width:calc(100vw - 24px)!important;
    height:calc(100dvh - 24px)!important;
    min-height:580px!important;
    grid-template-columns:minmax(380px,.95fr) minmax(440px,1.05fr)!important;
    border-radius:22px!important;
  }
  .cf-signup-formpane{padding:26px 32px 22px!important}
  .cf-signup-hero{padding:30px 34px!important}
  .cf-signup-brand{margin-bottom:16px!important}
  .cf-signup-hero h3{font-size:34px!important}
  .cf-signup-hero>p{margin:12px 0 16px!important}
  .cf-feature-row{padding:11px!important}
  .cf-plan-title{margin:14px 0 7px!important}
  .cf-plan-row{padding:7px 10px!important}
  .cf-security{margin-top:11px!important}
}

/* alturas baixas: compacta sem cortar */
@media (max-height:760px) and (min-width:901px){
  #cfLoginGate:has(.cf-signup-shell){padding:8px!important}
  .cf-signup-shell{height:calc(100dvh - 16px)!important;width:calc(100vw - 16px)!important;min-height:0!important}
  .cf-signup-formpane{padding:16px 28px!important}
  .cf-signup-hero{padding:18px 30px!important}
  .cf-signup-brand{margin-bottom:9px!important}
  .cf-signup-brandmark{width:40px!important;height:40px!important}
  .cf-signup-title i{width:34px!important;height:34px!important}
  .cf-signup-title h2{font-size:23px!important}
  .cf-signup-sub{margin-bottom:8px!important}
  .cf-trial-box{padding:8px 10px!important;margin-bottom:8px!important}
  .cf-signup-grid{gap:7px 10px!important}
  .cf-signup-field label{margin-bottom:3px!important}
  .cf-signup-control input,.cf-signup-control select{height:38px!important}
  .cf-signup-btn{height:42px!important;margin-top:9px!important}
  .cf-signup-login,.cf-signup-support{margin-top:4px!important}
  .cf-signup-terms{margin-top:7px!important;padding-top:7px!important}
  .cf-signup-hero h3{font-size:31px!important;margin-top:10px!important}
  .cf-signup-hero>p{margin:8px 0 10px!important}
  .cf-feature-row{padding:8px!important}
  .cf-feature i{margin-bottom:3px!important}
  .cf-plan-title{margin:9px 0 5px!important}
  .cf-plan-row{padding:5px 8px!important}
  .cf-plan-row .icon{width:28px!important;height:28px!important}
  .cf-security{margin-top:7px!important}
}

/* tablet: empilha mantendo as duas partes da tela */
@media (max-width:900px){
  #cfLoginGate:has(.cf-signup-shell){
    padding:0!important;
    display:block!important;
    overflow:auto!important;
    background:#eef3fa!important;
  }
  .cf-signup-shell{
    width:100%!important;
    height:auto!important;
    min-height:100dvh!important;
    max-height:none!important;
    grid-template-columns:1fr!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    overflow:visible!important;
  }
  .cf-signup-formpane{
    width:100%!important;
    max-width:720px!important;
    margin:0 auto!important;
    padding:calc(28px + env(safe-area-inset-top,0px)) 28px 30px!important;
    overflow:visible!important;
  }
  .cf-signup-hero{
    display:block!important;
    width:100%!important;
    min-height:auto!important;
    padding:34px 28px calc(36px + env(safe-area-inset-bottom,0px))!important;
    overflow:hidden!important;
  }
  .cf-signup-hero h3{font-size:34px!important;max-width:620px!important}
  .cf-signup-hero>p{max-width:620px!important}
  .cf-feature-row{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .cf-plan-list{max-width:720px!important}
}

/* celular */
@media (max-width:600px){
  .cf-signup-formpane{
    padding:calc(20px + env(safe-area-inset-top,0px)) 16px 24px!important;
  }
  .cf-signup-brand{margin-bottom:17px!important}
  .cf-signup-brandmark{width:44px!important;height:44px!important;border-radius:14px!important}
  .cf-signup-brandtext strong{font-size:20px!important}
  .cf-signup-title{gap:9px!important}
  .cf-signup-title i{width:36px!important;height:36px!important}
  .cf-signup-title h2{font-size:23px!important}
  .cf-signup-sub{font-size:11px!important;margin-bottom:14px!important}
  .cf-trial-box{padding:11px 12px!important;margin-bottom:15px!important}
  .cf-trial-box strong{font-size:11.5px!important}
  .cf-trial-box span{font-size:10px!important}
  .cf-signup-grid{grid-template-columns:1fr!important;gap:11px!important}
  .cf-signup-field.full{grid-column:auto!important}
  .cf-signup-control input,.cf-signup-control select{
    height:48px!important;
    font-size:16px!important; /* evita zoom do iOS */
  }
  .cf-signup-btn{height:50px!important;margin-top:14px!important}
  .cf-signup-login{margin-top:10px!important}
  .cf-signup-support{flex-wrap:wrap!important;text-align:center!important}
  .cf-signup-terms{font-size:9px!important;margin-top:13px!important;padding-top:12px!important}

  .cf-signup-hero{padding:28px 16px calc(30px + env(safe-area-inset-bottom,0px))!important}
  .cf-signup-trialtag{font-size:8.5px!important}
  .cf-signup-hero h3{font-size:30px!important;margin-top:14px!important}
  .cf-signup-hero>p{font-size:11.5px!important;margin:10px 0 16px!important}
  .cf-feature-row{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
    padding:11px!important;
  }
  .cf-feature{padding:4px 2px!important}
  .cf-plan-title{margin:16px 0 8px!important}
  .cf-plan-row{
    grid-template-columns:34px minmax(0,1fr) auto!important;
    gap:9px!important;
    padding:9px 10px!important;
  }
  .cf-plan-row .icon{width:30px!important;height:30px!important}
  .cf-plan-row strong{font-size:10.5px!important}
  .cf-plan-row small{font-size:8.5px!important}
  .cf-plan-price{font-size:11px!important}
  .cf-security{align-items:flex-start!important;margin-top:14px!important}
}

/* celulares estreitos */
@media (max-width:390px){
  .cf-signup-formpane{padding-left:12px!important;padding-right:12px!important}
  .cf-signup-hero{padding-left:12px!important;padding-right:12px!important}
  .cf-signup-title h2{font-size:21px!important}
  .cf-signup-brandtext strong{font-size:19px!important}
  .cf-plan-row{grid-template-columns:30px minmax(0,1fr) auto!important;gap:7px!important;padding:8px!important}
  .cf-plan-row .icon{width:28px!important;height:28px!important}
  .cf-plan-price{font-size:10.5px!important}
}

/* Estilo original: cf-contact-save-stable-style */

#cfModalSave:disabled{
  opacity:.62!important;
  cursor:wait!important;
  pointer-events:none!important;
}



/* ./styles/03-modulos/20-cf-mobilebar-iphone-final-20260916.css */
/* Estilo original: cf-mobilebar-iphone-final-20260916 */

@media (max-width:780px){

  /* A navegação pertence ao app autenticado, nunca ao login/cadastro/reset. */
  body:has(#cfLoginGate.show) #cfMobilebar{
    display:none!important;
  }

  #cfMobilebar.cf-mobilebar{
    display:grid!important;
    position:fixed!important;
    left:0!important;
    right:0!important;
    top:auto!important;
    bottom:0!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    box-sizing:border-box!important;

    /*
      Safari/iPhone pode manter 100vh com a altura "grande" enquanto 100dvh
      representa a área visual atual. Essa compensação leva a barra até o
      rodapé físico em vez de deixá-la flutuando acima dele.
    */
    transform:none!important;

    height:calc(62px + env(safe-area-inset-bottom,0px))!important;
    min-height:calc(62px + env(safe-area-inset-bottom,0px))!important;
    padding:0 0 env(safe-area-inset-bottom,0px)!important;
    z-index:80!important;
  }

  /* Reserva somente o espaço necessário para a barra no conteúdo autenticado. */
  .cf-shell{
    padding-bottom:calc(62px + env(safe-area-inset-bottom,0px))!important;
  }

  /* Inbox já possui cálculo próprio de altura. */
  .cf-stage:has(.cf-inbox){
    padding-bottom:0!important;
  }
}

/* Fallback para navegadores sem :has(): o JS abaixo também controla a exibição. */



/* ./styles/03-modulos/21-cf-mobile-navbar-clean-final.css */
/* Estilo original: cf-mobile-navbar-clean-final */

@media (max-width: 760px){
  html,body{margin:0!important;min-height:100%!important;}

  /* A barra pertence ao viewport, nunca ao conteúdo da página. */
  #cfMobilebar.cf-mobilebar{
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    top:auto!important;
    width:100%!important;
    height:calc(62px + env(safe-area-inset-bottom,0px))!important;
    min-height:calc(62px + env(safe-area-inset-bottom,0px))!important;
    padding:0 0 env(safe-area-inset-bottom,0px)!important;
    margin:0!important;
    transform:none!important;
    translate:none!important;
    z-index:2147483000!important;
    box-sizing:border-box!important;
  }

  /* Reserva somente a altura da barra para o conteúdo não ficar atrás dela. */
  body:not(.cf-login-open){padding-bottom:calc(62px + env(safe-area-inset-bottom,0px))!important;}

  /* Login/cadastro não exibem a navegação do aplicativo. */
  body.cf-login-open #cfMobilebar,
  #cfLoginGate:not([style*="display: none"]) ~ #cfShell #cfMobilebar{
    display:none!important;
  }
}



/* ./styles/03-modulos/22-cf-mobile-messaging-only-20260916.css */
/* Estilo original: cf-mobile-messaging-only-20260916 */

@media (max-width:780px){
  /* No celular o ConectChat fica focado na operação de mensagens. */
  #cfMobilebar button[data-page="dashboard"],
  #cfMobilebar button[data-page="contacts"],
  #cfMobilebar button[data-page="sectors"],
  #cfMobilebar button[data-page="settings"]{display:none!important}

  #cfMobilebar.cf-mobilebar{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #cfMobilebar button[data-page="inbox"],
  #cfMobilebar button[data-page="actions"]{display:flex!important}

  /* Funções administrativas do cabeçalho ficam para o desktop. */
  .cf-top .cf-theme-toggle{display:none!important}
  .cf-top #cfReminderHeaderSlot{display:none!important}

  /* Mantém o botão Novo atendimento, que é útil no celular. */
  .cf-top #cfPrimary{display:inline-flex!important}
}



/* ./styles/04-mobile/23-cf-mobile-compact-messages-20260916.css */
/* Estilo original: cf-mobile-compact-messages-20260916 */

@media (max-width:780px){
#cfMobilebar.cf-mobilebar{height:54px!important;min-height:54px!important;left:12px!important;right:12px!important;bottom:calc(8px + env(safe-area-inset-bottom,0px))!important;width:auto!important;padding:4px!important;grid-template-columns:repeat(2,1fr)!important;gap:4px!important;border:1px solid var(--line)!important;border-radius:16px!important;background:var(--panel)!important;box-shadow:0 8px 28px rgba(0,0,0,.14)!important;overflow:hidden!important}
#cfMobilebar button{height:44px!important;min-height:44px!important;border-radius:12px!important;gap:2px!important;font-size:9px!important;font-weight:700!important}
#cfMobilebar button i{font-size:15px!important} #cfMobilebar button.active{background:rgba(38,140,255,.10)!important;color:var(--blue)!important}
body:not(.cf-login-open){padding-bottom:calc(70px + env(safe-area-inset-bottom,0px))!important}.cf-stage{padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))!important}.cf-inbox{height:calc(100dvh - 62px - 70px - var(--safe-top) - var(--safe-bottom))!important}
}



/* ./styles/04-mobile/24-cf-ios-mobilebar-bottom-fix-20260916.css */
/* Estilo original: cf-ios-mobilebar-bottom-fix-20260916 */

@media (max-width:780px){
  @supports (-webkit-touch-callout:none){
    #cfMobilebar.cf-mobilebar{position:fixed!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;height:calc(54px + env(safe-area-inset-bottom,0px))!important;min-height:calc(54px + env(safe-area-inset-bottom,0px))!important;padding:4px 8px env(safe-area-inset-bottom,0px)!important;border-left:0!important;border-right:0!important;border-bottom:0!important;border-radius:14px 14px 0 0!important;box-sizing:border-box!important}
    body:not(.cf-login-open){padding-bottom:calc(54px + env(safe-area-inset-bottom,0px))!important}
    .cf-stage{padding-bottom:calc(60px + env(safe-area-inset-bottom,0px))!important}
    .cf-inbox{height:calc(100dvh - 62px - 54px - var(--safe-top) - var(--safe-bottom))!important}
  }
}

/* Estilo original: cf-ios-final-bottom-and-composer-20260916 */

/* iPhone: viewport mais alto/estável e navegação realmente no rodapé */
@media (max-width:780px){
  html,body{min-height:100%!important;}
  @supports (-webkit-touch-callout:none){
    html{height:-webkit-fill-available!important;min-height:-webkit-fill-available!important;}
    body{min-height:-webkit-fill-available!important;height:100%!important;}
    .cf-app{min-height:-webkit-fill-available!important;}
    #cfMobilebar.cf-mobilebar{
      position:fixed!important;left:0!important;right:0!important;bottom:0!important;
      width:100%!important;height:calc(50px + env(safe-area-inset-bottom,0px))!important;
      min-height:calc(50px + env(safe-area-inset-bottom,0px))!important;
      padding:3px 8px env(safe-area-inset-bottom,0px)!important;
      margin:0!important;border-radius:12px 12px 0 0!important;
      transform:none!important;
    }
    #cfMobilebar button{height:42px!important;min-height:42px!important;}
    body:not(.cf-login-open){padding-bottom:calc(50px + env(safe-area-inset-bottom,0px))!important;}
    .cf-stage{padding-bottom:calc(52px + env(safe-area-inset-bottom,0px))!important;}
    .cf-inbox{height:calc(100dvh - 62px - 50px - var(--safe-top) - var(--safe-bottom))!important;}
  }
}
/* Celular estreito: tudo do composer em UMA linha, como WhatsApp */
@media (max-width:460px){
  #cfCompose.cf-compose{
    display:flex!important;flex-wrap:nowrap!important;align-items:center!important;
    width:100%!important;gap:4px!important;padding:6px!important;
  }
  #cfCompose .cf-compose-tool,
  #cfCompose .cf-emoji-wrap,
  #cfCompose .cf-emoji-wrap>.cf-compose-tool{
    flex:0 0 32px!important;width:32px!important;min-width:32px!important;
    height:36px!important;margin:0!important;
  }
  #cfComposer{
    order:-1!important;flex:1 1 auto!important;width:auto!important;min-width:0!important;
    height:38px!important;min-height:38px!important;max-height:38px!important;
    padding:8px 8px!important;font-size:10px!important;
    grid-column:auto!important;grid-row:auto!important;
  }
  #cfSend.cf-send{
    flex:0 0 38px!important;width:38px!important;min-width:38px!important;height:38px!important;
    grid-column:auto!important;grid-row:auto!important;
  }
}



/* ./styles/04-mobile/25-cf-ios-real-screen-bottom-20260916.css */
/* Estilo original: cf-ios-real-screen-bottom-20260916 */

@media (max-width:780px){
  @supports (-webkit-touch-callout:none){
    /* Acompanha o viewport visivel ao abrir e fechar o teclado do login. */
    html{
      width:100%!important;
      height:var(--cf-ios-vh,100dvh)!important;
      min-height:var(--cf-ios-vh,100dvh)!important;
      margin:0!important;
      padding:0!important;
      overflow:hidden!important;
    }
    body{
      width:100%!important;
      height:var(--cf-ios-vh,100dvh)!important;
      min-height:var(--cf-ios-vh,100dvh)!important;
      max-height:var(--cf-ios-vh,100dvh)!important;
      margin:0!important;
      padding:0!important;
      overflow:hidden!important;
    }
    #cfShell.cf-shell{
      height:calc(var(--cf-ios-vh,100dvh) - 50px - env(safe-area-inset-bottom,0px))!important;
      min-height:0!important;
      padding-bottom:0!important;
      overflow:hidden!important;
    }
    .cf-main{height:100%!important;min-height:0!important;overflow:hidden!important}
    .cf-stage{
      min-height:0!important;
      padding-bottom:0!important;
      overflow:auto!important;
    }
    .cf-stage.no-pad{overflow:hidden!important}
    .cf-inbox{
      height:calc(var(--cf-ios-vh,100dvh) - 62px - 50px - env(safe-area-inset-bottom,0px))!important;
      min-height:0!important;
    }
    #cfMobilebar.cf-mobilebar{
      position:fixed!important;
      left:0!important;
      right:0!important;
      top:auto!important;
      bottom:0!important;
      width:100%!important;
      height:calc(50px + env(safe-area-inset-bottom,0px))!important;
      min-height:calc(50px + env(safe-area-inset-bottom,0px))!important;
      margin:0!important;
      padding:3px 8px env(safe-area-inset-bottom,0px)!important;
      border-radius:12px 12px 0 0!important;
      transform:none!important;
      z-index:2147483646!important;
    }
  }
}

/* Composer realmente em uma linha no telefone. */
@media (max-width:460px){
  #cfCompose.cf-compose{
    display:flex!important;
    flex-flow:row nowrap!important;
    align-items:center!important;
    gap:3px!important;
    padding:5px 6px!important;
    width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }
  #cfComposer{
    order:0!important;
    flex:1 1 0!important;
    width:0!important;
    min-width:0!important;
    height:36px!important;
    min-height:36px!important;
    max-height:36px!important;
    padding:7px 7px!important;
    font-size:9px!important;
    line-height:20px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
  }
  #cfCompose .cf-compose-tool,
  #cfCompose .cf-emoji-wrap,
  #cfCompose .cf-emoji-wrap>.cf-compose-tool{
    order:1!important;
    flex:0 0 30px!important;
    width:30px!important;
    min-width:30px!important;
    height:36px!important;
    padding:0!important;
    margin:0!important;
  }
  #cfSend.cf-send{
    order:2!important;
    flex:0 0 36px!important;
    width:36px!important;
    min-width:36px!important;
    height:36px!important;
    padding:0!important;
    margin:0!important;
  }
}

/* Estilo original: cf-mobile-inbox-badge-final-20260916 */
@media (max-width:780px){#cfMobilebar button[data-page="dashboard"]{display:none!important}#cfMobilebar .cf-mobile-nav-icon{position:relative!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:22px!important;height:19px!important;flex:0 0 22px!important}#cfMobilebar .cf-mobile-nav-icon>i{font-size:15px!important;line-height:1!important}#cfInboxBadgeMobile.cf-nav-badge{top:-7px!important;right:-9px!important;left:auto!important;min-width:14px!important;width:auto!important;height:14px!important;padding:0 4px!important;border-width:1.5px!important;font-size:7px!important;line-height:14px!important;z-index:3!important;transform:none!important}}


/* ./styles/04-mobile/26-cf-mobile-actions-badge-polish-20260916.css */
/* Estilo original: cf-mobile-actions-badge-polish-20260916 */

@media (max-width:780px){
  /* Dashboard e demais areas administrativas nao aparecem no celular. */
  .cf-navbtn[data-page="dashboard"],#cfMobilebar button[data-page="dashboard"]{display:none!important}

  /* Badge fica preso ao desenho do Inbox, como no WhatsApp. */
  #cfMobilebar .cf-mobile-nav-icon{position:relative!important;overflow:visible!important}
  #cfInboxBadgeMobile.cf-nav-badge{top:-6px!important;right:-8px!important;left:auto!important;min-width:15px!important;height:15px!important;padding:0 4px!important;border:2px solid var(--panel)!important;font-size:7px!important;line-height:11px!important;z-index:8!important;box-shadow:0 2px 7px rgba(255,70,85,.28)!important}

  /* Acoes: mais respiro e hierarquia no mobile. */
  .cf-page:has(#cfActionsPanel){padding:12px 10px calc(64px + env(safe-area-inset-bottom,0px))!important}
  .cf-page:has(#cfActionsPanel) .cf-pagehead{margin:0 0 10px!important;align-items:center!important}
  .cf-page:has(#cfActionsPanel) .cf-pagehead h2{font-size:22px!important;line-height:1.05!important}
  .cf-page:has(#cfActionsPanel) .cf-pagehead p{font-size:10px!important;margin-top:4px!important}
  #cfActionsPanel{min-width:0!important}
  #cfActionsPanel .cf-actions-filters{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;padding:10px!important;border:1px solid var(--line)!important;border-radius:14px!important;background:var(--panel)!important}
  #cfActionsPanel .cf-actions-filters .cf-field{margin:0!important;min-width:0!important}
  #cfActionsPanel .cf-actions-filters .cf-field:first-child{grid-column:1/-1!important}
  #cfActionsPanel .cf-field label{font-size:8px!important;margin-bottom:5px!important}
  #cfActionsPanel .cf-field input,#cfActionsPanel .cf-field select{height:38px!important;min-height:38px!important;padding:0 9px!important;font-size:10px!important;border-radius:10px!important}
  #cfActionsPanel .cf-actions-tabs{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:5px!important;margin:9px 0 7px!important;overflow:visible!important}
  #cfActionsPanel .cf-actions-tabs .cf-btn{min-width:0!important;width:100%!important;height:38px!important;padding:0 3px!important;font-size:8px!important;gap:2px!important;border-radius:10px!important;white-space:nowrap!important}
  #cfActionsPanel .cf-actions-tabs .cf-btn span{margin-left:2px!important;font-size:8px!important}
  #cfActionsPanel>.cf-action-meta{font-size:8px!important;line-height:1.35!important;margin:0 2px 9px!important}
  #cfActionsPanel .cf-action-list{gap:7px!important}
  #cfActionsPanel .cf-action-item{border-radius:13px!important;background:var(--panel)!important}
  #cfActionsPanel .cf-action-open-main{padding:10px!important}
  #cfActionsPanel .cf-action-item-head{gap:5px!important;flex-wrap:wrap!important}
  #cfActionsPanel .cf-action-item-head strong{font-size:11px!important;line-height:1.25!important}
  #cfActionsPanel .cf-action-chip{font-size:7px!important;padding:3px 6px!important}
  #cfActionsPanel .cf-action-meta{font-size:8px!important;line-height:1.35!important;margin-top:4px!important}
  #cfActionsPanel .cf-action-list-delete{width:40px!important;font-size:12px!important}
}
@media (max-width:390px){
  #cfActionsPanel .cf-actions-tabs{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  #cfActionsPanel .cf-actions-tabs .cf-btn:nth-child(4),#cfActionsPanel .cf-actions-tabs .cf-btn:nth-child(5){grid-column:auto!important}
}



/* ./styles/04-mobile/27-cf-splash-hide-mobilebar-final-20260921.css */
/* Estilo original: cf-splash-hide-mobilebar-final-20260921 */

/* Enquanto o splash existir, a navegacao mobile nao pode aparecer nem reservar espaco. */
@media (max-width:780px){
  body:has(> #cf-form-splash) #cfMobilebar{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}
  body:has(> #cf-form-splash):not(.cf-login-open){padding-bottom:0!important}
}

/* Estilo original: cf-splash-first-frame-final-20260916 */

/* Antes do splash real entrar no DOM, nada da aplicacao pode piscar na tela. */
html:not(.cf-splash-ready) body > *{visibility:hidden!important}
html:not(.cf-splash-ready) body > #cf-form-splash{visibility:visible!important;opacity:1!important}
/* O splash sempre nasce por cima de login/app. */
#cf-form-splash{display:flex!important;visibility:visible;opacity:1}

/* Estilo original: cf-actions-mobile-final-20260916 */

@media (max-width:780px){
  /* Filtros: busca inteira; responsavel/tipo juntos; prioridade inteira; datas juntas. */
  #cfActionsPanel .cf-actions-filters{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px 8px!important;
    padding:11px!important;
  }
  #cfActionsPanel .cf-actions-filters .cf-field:first-child,
  #cfActionsPanel .cf-actions-filters .cf-field:nth-child(4){grid-column:1/-1!important}
  #cfActionsPanel .cf-actions-filters .cf-field:nth-child(5),
  #cfActionsPanel .cf-actions-filters .cf-field:nth-child(6){grid-column:auto!important}
  #cfActionsPanel .cf-field label{
    display:block!important;
    font-size:9px!important;
    font-weight:800!important;
    margin:0 0 6px!important;
    line-height:1.2!important;
  }
  #cfActionsPanel .cf-field input,
  #cfActionsPanel .cf-field select{
    width:100%!important;
    height:42px!important;
    min-height:42px!important;
    padding:0 10px!important;
    font-size:11px!important;
    border-radius:11px!important;
    box-sizing:border-box!important;
  }
  #cfActionsPanel .cf-field input[type="date"]{
    min-width:0!important;
    -webkit-appearance:none;
    appearance:none;
  }

  /* Abas: 3 em cima e 2 maiores embaixo; sem texto espremido. */
  #cfActionsPanel .cf-actions-tabs{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:7px!important;
    margin:11px 0 8px!important;
  }
  #cfActionsPanel .cf-actions-tabs .cf-btn{
    flex:1 1 calc(33.333% - 6px)!important;
    width:auto!important;
    min-width:0!important;
    height:42px!important;
    padding:0 7px!important;
    border-radius:11px!important;
    font-size:9px!important;
    font-weight:800!important;
    justify-content:center!important;
    white-space:nowrap!important;
  }
  #cfActionsPanel .cf-actions-tabs .cf-btn:nth-child(4),
  #cfActionsPanel .cf-actions-tabs .cf-btn:nth-child(5){
    flex-basis:calc(50% - 4px)!important;
  }
  #cfActionsPanel .cf-actions-tabs .cf-btn span{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:19px!important;
    height:19px!important;
    margin-left:5px!important;
    padding:0 5px!important;
    border-radius:999px!important;
    font-size:8px!important;
    line-height:19px!important;
    background:var(--panel2)!important;
    border:1px solid var(--line)!important;
  }
  #cfActionsPanel .cf-actions-tabs .cf-btn.primary span{
    background:rgba(255,255,255,.20)!important;
    border-color:rgba(255,255,255,.28)!important;
    color:#fff!important;
  }
}
@media (max-width:360px){
  #cfActionsPanel .cf-actions-filters{gap:8px 6px!important;padding:9px!important}
  #cfActionsPanel .cf-field input,#cfActionsPanel .cf-field select{font-size:10px!important;padding-left:8px!important;padding-right:8px!important}
  #cfActionsPanel .cf-actions-tabs{gap:6px!important}
  #cfActionsPanel .cf-actions-tabs .cf-btn{font-size:8.5px!important;padding:0 4px!important}
}

/* Estilo original: cf-kanban-modern-20260918 */


/* CONECTCHAT — KANBAN WIDESCREEN MODERNO */
#cfKanban,.cf-kanban-page,[data-page-view="kanban"]{--kb-blue:#2f80ed;--kb-yellow:#f4b400;--kb-green:#16b978;--kb-red:#ef5b5b;--kb-gray:#94a3b8}
#cfKanban,.cf-kanban-page{width:100%!important;max-width:none!important;padding:24px 28px 30px!important;margin:0!important;box-sizing:border-box!important}
#cfKanban .cf-kanban-wrap,.cf-kanban-page .cf-kanban-wrap,#cfKanban .kanban-wrap,.cf-kanban-page .kanban-wrap{width:100%!important;max-width:none!important;margin:0!important}
#cfKanban .cf-kanban-head,.cf-kanban-page .cf-kanban-head,#cfKanban .kanban-head,.cf-kanban-page .kanban-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:18px!important;margin-bottom:14px!important}
#cfKanban h1,#cfKanban h2,.cf-kanban-page h1,.cf-kanban-page h2{font-weight:800!important;letter-spacing:-.4px!important}
#cfKanban input,#cfKanban select,#cfKanban button,.cf-kanban-page input,.cf-kanban-page select,.cf-kanban-page button{box-shadow:none!important}
#cfKanban .cf-kanban-kpis,.cf-kanban-page .cf-kanban-kpis,#cfKanban .kanban-kpis,.cf-kanban-page .kanban-kpis{display:flex!important;flex-wrap:wrap!important;gap:9px!important;margin:10px 0 18px!important}
#cfKanban .cf-kanban-kpi,.cf-kanban-page .cf-kanban-kpi,#cfKanban .kanban-kpi,.cf-kanban-page .kanban-kpi{min-height:40px!important;padding:0 13px!important;border-radius:10px!important;border:1px solid #dce5f0!important;background:#fff!important;box-shadow:0 2px 8px rgba(31,55,84,.035)!important;display:inline-flex!important;align-items:center!important;gap:7px!important}
#cfKanban .cf-kanban-board,.cf-kanban-page .cf-kanban-board,#cfKanban .kanban-board,.cf-kanban-page .kanban-board{display:grid!important;grid-template-columns:repeat(var(--kb-cols,5),minmax(225px,1fr))!important;gap:13px!important;width:100%!important;max-width:none!important;align-items:start!important;overflow-x:auto!important;padding:0 2px 10px!important}
#cfKanban .cf-kanban-column,.cf-kanban-page .cf-kanban-column,#cfKanban .kanban-column,.cf-kanban-page .kanban-column{min-width:225px!important;width:auto!important;border:1px solid #dfe7f1!important;border-radius:12px!important;background:#f8fafc!important;box-shadow:0 3px 12px rgba(33,54,82,.035)!important;overflow:hidden!important}
#cfKanban .cf-kanban-column:nth-child(1),.cf-kanban-page .cf-kanban-column:nth-child(1){border-top:3px solid var(--kb-blue)!important}
#cfKanban .cf-kanban-column:nth-child(2),.cf-kanban-page .cf-kanban-column:nth-child(2){border-top:3px solid var(--kb-yellow)!important}
#cfKanban .cf-kanban-column:nth-child(3),.cf-kanban-page .cf-kanban-column:nth-child(3){border-top:3px solid var(--kb-green)!important}
#cfKanban .cf-kanban-column:nth-child(4),.cf-kanban-page .cf-kanban-column:nth-child(4){border-top:3px solid var(--kb-gray)!important}
#cfKanban .cf-kanban-column:nth-child(5),.cf-kanban-page .cf-kanban-column:nth-child(5){border-top:3px solid var(--kb-red)!important}
#cfKanban .cf-kanban-column-head,.cf-kanban-page .cf-kanban-column-head{min-height:64px!important;padding:12px 13px 10px!important;background:#f5f9ff!important;border-bottom:1px solid #e7edf5!important}
#cfKanban .cf-kanban-column:nth-child(2) .cf-kanban-column-head{background:#fffaf0!important}
#cfKanban .cf-kanban-column:nth-child(3) .cf-kanban-column-head{background:#f0fcf7!important}
#cfKanban .cf-kanban-column:nth-child(5) .cf-kanban-column-head{background:#fff4f4!important}
#cfKanban .cf-kanban-column-body,.cf-kanban-page .cf-kanban-column-body{padding:8px!important;display:flex!important;flex-direction:column!important;gap:8px!important;max-height:calc(100vh - 315px)!important;overflow-y:auto!important;scrollbar-width:thin!important}
#cfKanban .cf-kanban-card,.cf-kanban-page .cf-kanban-card{position:relative!important;padding:10px!important;border:1px solid #e3eaf3!important;border-radius:10px!important;background:#fff!important;box-shadow:0 2px 7px rgba(31,52,80,.045)!important;transition:.14s ease!important}
#cfKanban .cf-kanban-card:hover,.cf-kanban-page .cf-kanban-card:hover{transform:translateY(-1px)!important;border-color:#cddbea!important;box-shadow:0 5px 14px rgba(31,52,80,.07)!important}
#cfKanban .cf-kanban-card img,.cf-kanban-page .cf-kanban-card img{width:38px!important;height:38px!important;border-radius:50%!important;object-fit:cover!important}
#cfKanban .cf-kanban-card strong,.cf-kanban-page .cf-kanban-card strong{font-size:11.5px!important;font-weight:750!important;color:#14213a!important}
#cfKanban .cf-kanban-card small,.cf-kanban-page .cf-kanban-card small{font-size:9.5px!important;color:#718096!important}
#cfKanban .cf-kanban-card button,.cf-kanban-page .cf-kanban-card button{min-height:30px!important;border-radius:8px!important;box-shadow:none!important}
#cfKanban .cf-channel-pill,.cf-kanban-page .cf-channel-pill{height:20px!important;padding:0 7px!important;font-size:9px!important;border-radius:999px!important;filter:saturate(.72)!important}
[data-theme="dark"] #cfKanban .cf-kanban-column,[data-theme="dark"] .cf-kanban-page .cf-kanban-column,body.dark #cfKanban .cf-kanban-column{background:#151d26!important;border-color:#283443!important}
[data-theme="dark"] #cfKanban .cf-kanban-column-head,[data-theme="dark"] .cf-kanban-page .cf-kanban-column-head,body.dark #cfKanban .cf-kanban-column-head{background:#19232e!important;border-bottom-color:#283443!important}
[data-theme="dark"] #cfKanban .cf-kanban-card,[data-theme="dark"] .cf-kanban-page .cf-kanban-card,body.dark #cfKanban .cf-kanban-card{background:#202a35!important;border-color:#2c3948!important;box-shadow:none!important}
[data-theme="dark"] #cfKanban .cf-kanban-card strong,body.dark #cfKanban .cf-kanban-card strong{color:#edf3fb!important}
[data-theme="dark"] #cfKanban .cf-kanban-card small,body.dark #cfKanban .cf-kanban-card small{color:#9aaabd!important}
@media(min-width:1500px){#cfKanban .cf-kanban-board,.cf-kanban-page .cf-kanban-board{overflow-x:hidden!important}}
@media(max-width:900px){#cfKanban,.cf-kanban-page{padding:14px!important}#cfKanban .cf-kanban-board,.cf-kanban-page .cf-kanban-board{grid-template-columns:repeat(var(--kb-cols,5),270px)!important}}




/* ./styles/04-mobile/28-cf-message-actions-fix-20260918.css */
/* Estilo original: cf-message-actions-fix-20260918 */


/* ===== FIX 18/09 — ações das mensagens enviadas =====
   O menu precisa permanecer acessível depois do envio, sem depender de um hover frágil. */
.cf-msg{overflow:visible!important}
.cf-msg .cf-msg-actions{
  display:flex!important;
  align-items:center!important;
  gap:3px!important;
  position:absolute!important;
  top:5px!important;
  right:6px!important;
  z-index:30!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transition:opacity .12s ease!important;
}
.cf-msg.out .cf-msg-actions{
  opacity:.72!important;
}
.cf-msg.in .cf-msg-actions{
  opacity:0!important;
}
.cf-msg.in:hover .cf-msg-actions,
.cf-msg.out:hover .cf-msg-actions{
  opacity:1!important;
}
.cf-msg .cf-msg-react,.cf-msg .cf-msg-more{
  display:grid!important;
  place-items:center!important;
  width:23px!important;height:23px!important;
  min-width:23px!important;
  padding:0!important;
  border:1px solid rgba(90,110,135,.12)!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.74)!important;
  color:inherit!important;
  cursor:pointer!important;
  box-shadow:0 1px 4px rgba(20,35,55,.06)!important;
}
.cf-msg .cf-msg-react:hover,.cf-msg .cf-msg-more:hover{
  background:#fff!important;
  border-color:rgba(47,128,237,.25)!important;
}
[data-theme="dark"] .cf-msg .cf-msg-react,
[data-theme="dark"] .cf-msg .cf-msg-more,
body.dark .cf-msg .cf-msg-react,body.dark .cf-msg .cf-msg-more{
  background:rgba(29,39,51,.90)!important;
  border-color:rgba(255,255,255,.08)!important;
}
@media(max-width:780px){
  .cf-msg .cf-msg-actions{opacity:1!important}
}


/* Estilo original: cf-msg-actions-real-fix-20260918 */


/* FIX DEFINITIVO: mensagem enviada confirmada recebe ações no próprio nó otimista */
.cf-msg.out .cf-msg-actions{
  display:flex!important;
  position:absolute!important;
  top:5px!important;
  right:6px!important;
  gap:3px!important;
  opacity:.72!important;
  visibility:visible!important;
  pointer-events:auto!important;
  z-index:50!important;
}
.cf-msg.out:hover .cf-msg-actions{opacity:1!important}
.cf-msg.out .cf-msg-react,.cf-msg.out .cf-msg-more{
  display:grid!important;place-items:center!important;
  width:23px!important;height:23px!important;min-width:23px!important;
  padding:0!important;border-radius:50%!important;
  cursor:pointer!important;
}


/* Estilo original: cf-force-message-actions-20260918 */

#cfMessages .cf-msg.out{position:relative!important;overflow:visible!important;padding-right:55px!important}
#cfMessages .cf-msg.out>.cf-msg-actions{
 display:flex!important;align-items:center!important;gap:2px!important;
 position:absolute!important;top:5px!important;right:5px!important;
 opacity:1!important;visibility:visible!important;pointer-events:auto!important;
 z-index:999!important;
}
#cfMessages .cf-msg.out>.cf-msg-actions .cf-msg-react,
#cfMessages .cf-msg.out>.cf-msg-actions .cf-msg-more{
 display:grid!important;place-items:center!important;
 width:22px!important;height:22px!important;min-width:22px!important;
 padding:0!important;border:0!important;border-radius:50%!important;
 background:rgba(255,255,255,.68)!important;color:#63758b!important;
 cursor:pointer!important;box-shadow:none!important;
}
#cfMessages .cf-msg.out>.cf-msg-actions .cf-msg-react:hover,
#cfMessages .cf-msg.out>.cf-msg-actions .cf-msg-more:hover{
 background:#fff!important;color:#2563eb!important;
}
[data-theme="dark"] #cfMessages .cf-msg.out>.cf-msg-actions button,
body.dark #cfMessages .cf-msg.out>.cf-msg-actions button{
 background:rgba(17,24,32,.78)!important;color:#b8c5d4!important;
}



/* ./styles/04-mobile/29-cf-kanban-avatar-definitivo-20260921.css */
/* Estilo original: cf-kanban-avatar-definitivo-20260921 */

/* Kanban: avatar realmente quadrado/circular, sem herdar flex-basis ou regras genéricas de imagens */
#cfKanbanBoard .cf-kb-card-top > .cf-avatar,
.cf-kanban-page .cf-kb-card-top > .cf-avatar,
.cf-kb-card .cf-kb-card-top > .cf-avatar{
  box-sizing:border-box!important;
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  max-width:42px!important;
  min-height:42px!important;
  max-height:42px!important;
  flex:0 0 42px!important;
  aspect-ratio:1 / 1!important;
  border-radius:50%!important;
  overflow:hidden!important;
  padding:0!important;
  margin:0!important;
  display:grid!important;
  place-items:center!important;
  line-height:42px!important;
}
#cfKanbanBoard .cf-kb-card-top > .cf-avatar > img,
.cf-kanban-page .cf-kb-card-top > .cf-avatar > img,
.cf-kb-card .cf-kb-card-top > .cf-avatar > img{
  box-sizing:border-box!important;
  display:block!important;
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  max-width:42px!important;
  min-height:42px!important;
  max-height:42px!important;
  aspect-ratio:1 / 1!important;
  object-fit:cover!important;
  object-position:center center!important;
  border-radius:50%!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
}
#cfKanbanBoard .cf-kb-card-top > .cf-grow,
.cf-kanban-page .cf-kb-card-top > .cf-grow,
.cf-kb-card .cf-kb-card-top > .cf-grow{min-width:0!important;flex:1 1 auto!important}

/* Estilo original: cf-card-meta-reference-v3-20260921 */

#cfConvList .cf-conv{
  position:relative !important;
  box-sizing:border-box !important;
  padding-right:66px !important;
}

#cfConvList .cf-conv .cf-grow{
  min-width:0 !important;
  width:100% !important;
}

#cfConvList .cf-conv-title{
  min-width:0 !important;
  padding-right:0 !important;
}

#cfConvList .cf-conv-title strong{
  display:block !important;
  min-width:0 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}

/* COLUNA DA DIREITA: independente do nome, mensagem e etiquetas */
#cfConvList .cf-conv-side-meta{
  position:absolute !important;
  top:12px !important;
  right:12px !important;
  width:46px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-end !important;
  gap:5px !important;
  margin:0 !important;
  padding:0 !important;
  z-index:30 !important;
  pointer-events:none !important;
}

/* HORA / ONTEM / DIA / DATA */
#cfConvList .cf-conv-side-meta time{
  position:static !important;
  display:block !important;
  width:auto !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  white-space:nowrap !important;
  text-align:right !important;
  font-size:9px !important;
  line-height:12px !important;
  font-weight:700 !important;
  color:var(--muted) !important;
}

/* BADGE EXATAMENTE EMBAIXO DA HORA */
#cfConvList .cf-conv-side-meta .cf-unread{
  position:static !important;
  margin:0 !important;
  min-width:19px !important;
  width:auto !important;
  height:19px !important;
  padding:0 5px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:999px !important;
  background:#25d366 !important;
  color:#fff !important;
  font-size:9px !important;
  line-height:19px !important;
  font-weight:800 !important;
  box-shadow:none !important;
}

/* Como no WhatsApp: horário verde quando há mensagem não lida */
#cfConvList .cf-conv-side-meta:has(.cf-unread) time{
  color:#25d366 !important;
}

/* Se a conversa estiver aberta, não mostra contador */
#cfConvList .cf-conv.active .cf-conv-side-meta .cf-unread{
  display:none !important;
}

/* Garante que prévia não invada a coluna lateral */
#cfConvList .cf-conv p,
#cfConvList .cf-conv .cf-conv-phone{
  min-width:0 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}

/* Estilo original: cf-conversation-status-compact-20260921 */

#cfConvList .cf-conv{min-height:66px!important;padding-top:8px!important;padding-bottom:8px!important}
#cfConvList .cf-conv>.cf-grow{padding-right:42px!important}
#cfConvList .cf-conv-meta-row{
 display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;
 align-items:center!important;align-content:flex-start!important;width:100%!important;
 max-width:100%!important;gap:3px 4px!important;margin-top:4px!important;overflow:visible!important
}
/* Canal, setor e atendente passam a participar do mesmo fluxo do status. */
#cfConvList .cf-conv-info{display:contents!important}
#cfConvList .cf-conv-state,
#cfConvList .cf-channel-pill,
#cfConvList .cf-sector-pill,
#cfConvList .cf-agent-pill,
#cfConvList .cf-conv-info>span{
 flex:0 0 auto!important;width:auto!important;height:16px!important;min-height:16px!important;
 padding:0 5px!important;margin:0!important;border-radius:999px!important;font-size:7.7px!important;
 line-height:15px!important;font-weight:700!important;white-space:nowrap!important;
 overflow:hidden!important;text-overflow:ellipsis!important
}
#cfConvList .cf-conv-state{max-width:92px!important}
#cfConvList .cf-channel-pill{max-width:92px!important}
#cfConvList .cf-sector-pill{max-width:105px!important}
#cfConvList .cf-agent-pill{max-width:82px!important}
#cfConvList .cf-conv-info i,
#cfConvList .cf-channel-pill i,
#cfConvList .cf-sector-pill i,
#cfConvList .cf-agent-pill i{font-size:7px!important;flex:0 0 auto!important}
#cfConvList .cf-sector-swatch{width:5px!important;height:5px!important;min-width:5px!important}
@media(max-width:780px){
 #cfConvList .cf-conv>.cf-grow{padding-right:40px!important}
 #cfConvList .cf-conv-meta-row{gap:3px!important}
}



/* ./styles/04-mobile/30-cf-conectteam-mobilebar-20260922.css */
/* Estilo original: cf-conectteam-mobilebar-20260922 */

@media (max-width:780px){
  /* No mobile operacional ficam somente Inbox, Ações e ConectTeam. */
  #cfMobilebar button[data-page="dashboard"],
  #cfMobilebar button[data-page="contacts"],
  #cfMobilebar button[data-page="leads"],
  #cfMobilebar button[data-page="sectors"],
  #cfMobilebar button[data-page="settings"]{
    display:none!important;
  }

  #cfMobilebar button[data-page="inbox"],
  #cfMobilebar button[data-page="actions"],
  #cfMobilebar button[data-page="teamchat"]{
    display:flex!important;
    min-width:0!important;
  }

  #cfMobilebar.cf-mobilebar{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    overflow:visible!important;
  }

  #cfMobilebar button[data-page="teamchat"] .cf-mobile-nav-icon{
    position:relative!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
  }

  #cfTeamBadgeMobile.cf-nav-badge{
    left:auto!important;
    right:-10px!important;
    top:-7px!important;
    z-index:3!important;
  }
}



/* ./styles/04-mobile/31-cf-conectteam-messages-final-20260922.css */
/* Estilo original: cf-conectteam-messages-final-20260922 */

.cf-teammessages{padding:24px clamp(12px,5vw,72px)!important;gap:14px!important}
.cf-teammsg{width:min(760px,78%);max-width:78%!important;align-items:flex-end}
.cf-teammsg.me{margin-left:auto}
.cf-teammsg>div:nth-child(2){min-width:0;max-width:100%}
.cf-teambubble{max-width:min(620px,100%);padding:10px 13px!important;border-radius:14px 16px 16px 4px!important;overflow-wrap:anywhere;word-break:break-word}
.cf-teammsg.me .cf-teambubble{border-radius:16px 14px 4px 16px!important}
.cf-teambubble p{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;line-height:1.48!important}
.cf-teammsg .mini{overflow:hidden;align-self:flex-end}
.cf-teammsg .mini img{width:100%;height:100%;object-fit:cover;display:block}
.cf-teammeta{white-space:nowrap}
@media(max-width:780px){.cf-teammessages{padding:15px 10px!important}.cf-teammsg,.cf-teammsg.me{width:92%;max-width:92%!important}.cf-teambubble{max-width:100%}}



/* ./styles/04-mobile/32-cf-conectteam-reactions-final-20260922.css */
/* Estilo original: cf-conectteam-reactions-final-20260922 */

.cf-team-actions{position:absolute;top:-34px;left:22px;display:none;align-items:center;gap:2px;padding:3px 5px;border:1px solid var(--line);border-radius:12px;background:var(--panel);box-shadow:0 8px 22px rgba(0,0,0,.14);z-index:20}
.cf-teammsg:hover .cf-team-actions{display:flex}
.cf-team-actions button{width:25px;height:25px;border:0;border-radius:8px;background:transparent;cursor:pointer;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;font-size:16px;line-height:1}
.cf-team-actions button:hover{background:var(--panel2);transform:scale(1.15)}
.cf-team-reaction{display:inline-flex;align-items:center;margin-top:5px;padding:2px 6px;border:1px solid var(--line);border-radius:99px;background:var(--panel2);font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;font-size:13px;cursor:pointer}
.cf-teammsg.me .cf-team-actions{left:auto;right:22px}



/* ./styles/04-mobile/33-cf-install-support-style-20260923.css */
/* Estilo original: cf-install-support-style-20260923 */

  #cfInstallApp[hidden]{display:none!important}
  .cf-top-actions .cf-support-link,.cf-top-actions .cf-install-app{width:auto;gap:7px;padding:0 11px;white-space:nowrap;font-size:10px;font-weight:750}
  .cf-top-actions .cf-support-link{text-decoration:none;color:var(--blue)}
  .cf-top-actions .cf-install-app{color:var(--blue)}
  .cf-top-actions .cf-support-link:hover,.cf-top-actions .cf-install-app:hover{background:color-mix(in srgb,var(--blue) 8%,var(--panel));border-color:color-mix(in srgb,var(--blue) 25%,var(--line))}
  .cf-install-help{display:grid;gap:10px;color:var(--text);font-size:12px;line-height:1.55}
  .cf-install-help>i{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;color:var(--blue);background:color-mix(in srgb,var(--blue) 9%,var(--panel))}
  .cf-install-help p{margin:0}
  @media(max-width:780px){.cf-top-actions .cf-support-link,.cf-top-actions .cf-install-app{width:34px;min-width:34px;min-height:34px;padding:0}.cf-top-actions .cf-support-link span,.cf-top-actions .cf-install-app span{display:none}}

/* Estilo original: cf-mobile-header-install-20260924 */

  #cfInstallMobile[hidden],#cfInstallApp[hidden]{display:none!important}
  @media(max-width:780px){
    /* A instalação ocupa um item próprio na barra inferior do Android. */
    #cfInstallApp{display:none!important}
    #cfMobilebar #cfInstallMobile:not([hidden]){
      display:flex!important;min-width:0!important;color:var(--blue)!important;
    }
    #cfMobilebar:has(#cfInstallMobile:not([hidden])).cf-mobilebar{
      grid-template-columns:repeat(4,minmax(0,1fr))!important;
    }
    /* A área segura pertence ao header, uma única vez, também no PWA iOS. */
    #cfShell.cf-shell{padding-top:0!important;}
    #cfShell .cf-main>.cf-top{
      box-sizing:border-box!important;
      height:calc(82px + env(safe-area-inset-top,0px))!important;
      min-height:calc(82px + env(safe-area-inset-top,0px))!important;
      flex:0 0 calc(82px + env(safe-area-inset-top,0px))!important;
      padding:env(safe-area-inset-top,0px) 9px 0!important;gap:6px!important;
    }
    /* O chat ocupa o espaço restante, sem repetir alturas fixas do cabeçalho. */
    #cfStage:has(#cfInbox){min-height:0!important;overflow:hidden!important;padding:0!important;}
    #cfInbox.cf-inbox{height:100%!important;min-height:0!important;max-height:100%!important;}
    .cf-top-left{min-width:0!important;flex:1 1 auto!important;gap:7px!important;height:82px!important}
    .cf-header-brand.is-horizontal,.cf-header-brand.is-horizontal img{
      width:76px!important;min-width:76px!important;height:44px!important;
    }
    .cf-top-actions{height:82px!important;flex:0 0 auto!important;gap:5px!important;margin-left:0!important}
    .cf-top-actions #cfSupportLink,
    .cf-top-actions .cf-icon:not(.cf-install-app):not(.cf-theme-toggle),
    .cf-top-actions #cfPrimary{
      width:36px!important;min-width:36px!important;max-width:36px!important;
      height:36px!important;min-height:36px!important;padding:0!important;
      display:inline-flex!important;align-items:center!important;justify-content:center!important;
      box-sizing:border-box!important;flex:0 0 36px!important;
    }
    .cf-top-actions #cfSupportLink i{font-size:14px!important}
    .cf-welcome-global{flex:1 1 auto!important;min-width:0!important;overflow:visible!important}
    .cf-welcome-global #cfWelcomeGlobal{
      display:block!important;max-height:28px!important;
      white-space:normal!important;overflow:hidden!important;text-overflow:clip!important;
      line-height:1.25!important;font-size:11px!important;
    }
    .cf-welcome-global #cfWelcomePage{display:none!important}
    #cfPlanGlobal{display:flex!important;width:100%!important;max-width:100%!important;height:auto!important;
      min-height:18px!important;margin-top:4px!important;padding:0!important;border:0!important;
      background:transparent!important;white-space:normal!important;overflow:visible!important}
    #cfPlanGlobal .pg-copy{display:flex!important;flex-wrap:wrap!important;gap:0 4px!important;min-width:0!important;overflow:visible!important}
    #cfPlanGlobal .pg-copy strong,#cfPlanGlobal .pg-copy small{
      font-size:8px!important;line-height:1.2!important;white-space:normal!important;
      overflow:visible!important;text-overflow:clip!important;
    }
    #cfPlanGlobal .pg-dot{flex:0 0 6px!important;width:6px!important;height:6px!important}
  }

/* Estilo original: cf-account-switch-20260924 */

  .cf-rail .cf-operator-switch{display:none;align-items:center;justify-content:center;gap:5px;flex:0 0 auto;
    height:31px;padding:0 8px;border:1px solid var(--line);border-radius:9px;background:var(--panel);
    color:var(--blue);font:inherit;font-size:10px;font-weight:800;cursor:pointer;white-space:nowrap}
  .cf-rail.cf-rail-expanded .cf-operator-switch{display:inline-flex}
  .cf-operator-switch:hover,.cf-operator-switch:focus-visible{background:color-mix(in srgb,var(--blue) 9%,var(--panel));outline:2px solid transparent}
  .cf-account-current{display:flex;align-items:center;gap:13px;padding:14px;border:1px solid var(--line);
    border-radius:14px;background:var(--panel2)}
  .cf-account-avatar{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:12px;
    background:color-mix(in srgb,var(--blue) 13%,var(--panel));color:var(--blue)}
  .cf-account-current div{min-width:0;display:flex;flex-direction:column;gap:2px}
  .cf-account-current small,.cf-account-current div span{font-size:11px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .cf-account-current strong{font-size:14px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .cf-account-help{font-size:12px;line-height:1.5;color:var(--muted);margin:15px 2px 3px}
  @media(max-width:780px){
    #cfMobilebar #cfSwitchAccountMobile{display:flex!important;min-width:0!important}
    #cfMobilebar.cf-mobilebar{grid-template-columns:repeat(4,minmax(0,1fr))!important}
    #cfMobilebar:has(#cfInstallMobile:not([hidden])).cf-mobilebar{grid-template-columns:repeat(5,minmax(0,1fr))!important}
  }

/* Estilo original: cf-account-modal-mobile-centered-20260924 */

  @media(max-width:780px){
    body:has(#cfModalBack.cf-account-modal.show) #cfMobilebar{display:none!important}
    #cfModalBack.cf-account-modal.show{
      position:fixed!important;inset:0!important;width:100%!important;height:100dvh!important;
      box-sizing:border-box!important;z-index:10010!important;
      display:flex!important;align-items:center!important;justify-content:center!important;
      padding:16px 12px max(16px,env(safe-area-inset-bottom,0px))!important;
      overflow:hidden!important;
    }
    #cfModalBack.cf-account-modal #cfModal{
      position:relative!important;inset:auto!important;transform:none!important;
      display:flex!important;flex-direction:column!important;
      width:min(100%,440px)!important;height:auto!important;
      max-height:calc(100dvh - 32px - env(safe-area-inset-bottom,0px))!important;
      margin:0!important;overflow:hidden!important;
    }
    #cfModalBack.cf-account-modal .cf-modal-head,
    #cfModalBack.cf-account-modal .cf-modal-foot{flex:0 0 auto!important}
    #cfModalBack.cf-account-modal .cf-modal-body{flex:1 1 auto!important;min-height:0!important;
      overflow-y:auto!important;-webkit-overflow-scrolling:touch}
    #cfModalBack.cf-account-modal .cf-modal-foot{position:relative!important;inset:auto!important;
      display:flex!important;flex-wrap:wrap!important;justify-content:flex-end!important;
      padding:12px 14px!important;background:var(--panel)!important}
    #cfModalBack.cf-account-modal .cf-modal-foot .cf-btn{min-height:42px!important}
  }

/* Estilo original: cf-team-mobile-scroll-20260924 */

  @media(max-width:780px){
    /* O stage já desconta o cabeçalho e a barra inferior no iPhone. */
    #cfStage:has(#cfTeamApp){
      display:flex!important;flex-direction:column!important;
      padding:0!important;overflow:hidden!important;min-height:0!important;
    }
    #cfTeamApp.cf-teamapp{
      flex:1 1 0!important;height:0!important;max-height:100%!important;
      min-height:0!important;overflow:hidden!important;
    }
    #cfTeamApp .cf-teamleft,#cfTeamApp .cf-teamcenter{
      min-height:0!important;max-height:100%!important;overflow:hidden!important;
    }
    #cfTeamApp #cfTeamList{
      flex:1 1 0!important;min-height:0!important;overflow-y:auto!important;
      overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;
      overscroll-behavior-y:contain;touch-action:pan-y;
      padding-bottom:max(12px,env(safe-area-inset-bottom,0px))!important;
    }
    #cfTeamApp #cfTeamMessages{
      min-height:0!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;
      touch-action:pan-y;
    }
  }

/* Estilo original: cf-team-mobile-composer-20260924 */

  @media(max-width:780px){
    #cfTeamApp.cf-teamapp{box-sizing:border-box!important;padding-bottom:var(--cf-team-keyboard-overlap,0px)!important}
    #cfTeamApp:not(.mobile-list) .cf-teamcenter{display:flex!important;flex-direction:column!important;min-height:0!important}
    #cfTeamApp .cf-teamcompose{
      flex:0 0 auto!important;position:relative!important;z-index:3!important;
      padding:9px 10px 8px!important;margin:0!important;
      border-top:1px solid var(--line)!important;background:var(--panel)!important;
    }
    #cfTeamApp .cf-teamcomposer{
      display:flex!important;align-items:center!important;gap:3px!important;
      width:100%!important;min-width:0!important;min-height:50px!important;
      padding:4px 5px!important;box-sizing:border-box!important;
      border-radius:15px!important;
    }
    #cfTeamApp #cfTeamInput{
      flex:1 1 0!important;min-width:0!important;width:0!important;
      height:42px!important;min-height:42px!important;padding:0 7px!important;
      border:0!important;background:transparent!important;color:var(--text)!important;
      font-size:16px!important;line-height:1.3!important;
    }
    #cfTeamApp #cfTeamInput::placeholder{color:var(--muted)!important;opacity:.85}
    #cfTeamApp .cf-teamtool{
      display:grid!important;place-items:center!important;flex:0 0 35px!important;
      width:35px!important;height:40px!important;min-height:40px!important;
      font-size:16px!important;touch-action:manipulation;
    }
    #cfTeamApp .cf-teamsend{
      display:grid!important;place-items:center!important;flex:0 0 42px!important;
      width:42px!important;height:42px!important;min-height:42px!important;
      border-radius:12px!important;touch-action:manipulation;
    }
    body.cf-team-keyboard-open #cfMobilebar{display:none!important}
  }



/* ./styles/04-mobile/34-cf-user-team-photo-final-fix-20260929.css */
/* Estilo original: cf-user-team-photo-final-fix-20260929 */

#cfOperator.photo{background:transparent!important;border-color:var(--line)!important}
#cfOperator.photo img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:inherit!important;display:block!important}
.cf-teamavatar img,.cf-teammsg .mini img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:inherit!important;display:block!important}



/* ./styles/05-ajustes/35-cf-groups-premium-style-20260928.css */
/* Estilo original: cf-groups-premium-style-20260928 */

.cf-inbox-nav-btn{position:relative}.cf-group-nav-badge{display:none;position:absolute;right:5px;top:4px;min-width:15px;height:15px;padding:0 4px;border-radius:999px;background:#16c784;color:#fff;font-size:8px;line-height:15px;text-align:center;box-shadow:0 0 0 2px var(--panel)}.cf-group-nav-badge.show{display:inline-block}.cf-group-card .cf-conv-state,.cf-group-card .cf-agent-pill{display:none!important}.cf-group-card .cf-group-meta{margin-top:5px}.cf-group-unread-pulse{animation:cfGroupPulse 1.25s ease-in-out infinite}.cf-group-unread-pulse.active{animation:none}@keyframes cfGroupPulse{0%,100%{background:transparent}50%{background:rgba(22,199,132,.08)}}.cf-group-card .cf-unread{background:#16c784!important}.cf-group-members-btn{margin-left:auto}.cf-group-members-list{display:flex;flex-direction:column;gap:6px;max-height:58vh;overflow:auto;padding-top:8px}.cf-group-member{display:flex;align-items:center;gap:10px;padding:9px;border:1px solid var(--line);border-radius:12px}.cf-group-member .cf-avatar{width:34px;height:34px;flex:0 0 34px}.cf-group-member .cf-group-member-copy,.cf-group-member>div:not(.cf-avatar){display:flex!important;flex-direction:column!important;align-items:flex-start;justify-content:center;gap:3px;min-width:0;flex:1}.cf-group-member strong,.cf-group-member small{display:block!important;max-width:100%;line-height:1.35;overflow-wrap:anywhere}.cf-group-member small{margin-top:0!important}.cf-group-member .cf-mini{flex:0 0 auto;margin-left:auto}.cf-group-member strong{font-size:12px}.cf-group-member small{font-size:9px;color:var(--muted);margin-top:2px}.cf-group-members-head{padding:2px 0 8px;color:var(--muted)}
.cf-group-unread-pulse{animation:none!important}

/* Estilo original: cf-contact-private-card-style-20260929 */

#cfConversationContactPrivateBox.cf-contact-private-card{margin:12px 0 0;padding:11px;border:1px solid rgba(37,140,255,.16);border-radius:13px;background:linear-gradient(180deg,rgba(37,140,255,.055),rgba(121,85,255,.035));text-align:left;box-shadow:0 6px 20px rgba(20,40,90,.045)}
#cfConversationContactPrivateBox .cf-private-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}
#cfConversationContactPrivateBox .cf-private-head>div:first-child{display:flex;align-items:center;gap:7px;min-width:0;color:var(--soft);font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.07em}
#cfConversationContactPrivateBox .cf-private-head i{color:var(--blue)}
#cfConversationContactPrivateBox .cf-private-actions{display:flex;gap:5px;flex:0 0 auto}
#cfConversationContactPrivateBox .cf-private-actions button{width:28px;height:28px;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--muted);display:grid;place-items:center;cursor:pointer;transition:.15s}
#cfConversationContactPrivateBox .cf-private-actions button:hover{color:var(--blue);border-color:rgba(37,140,255,.35);background:rgba(37,140,255,.08)}
#cfConversationContactPrivateBox .cf-private-body{display:grid;gap:6px}
#cfConversationContactPrivateBox .cf-private-row{display:grid;grid-template-columns:17px minmax(58px,.7fr) minmax(0,1fr);align-items:center;gap:6px;min-height:25px;padding:5px 7px;border-radius:9px;background:rgba(255,255,255,.45);border:1px solid rgba(126,143,166,.12)}
html[data-theme=dark] #cfConversationContactPrivateBox .cf-private-row{background:rgba(255,255,255,.035)}
#cfConversationContactPrivateBox .cf-private-row i{font-size:10px;color:var(--blue);text-align:center}
#cfConversationContactPrivateBox .cf-private-row span{font-size:8.5px;color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.04em}
#cfConversationContactPrivateBox .cf-private-row strong{min-width:0;font-size:10px;color:var(--text);font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:right}
#cfConversationContactPrivateBox .cf-private-note{padding:8px;border-radius:10px;background:rgba(255,255,255,.45);border:1px solid rgba(126,143,166,.12)}
html[data-theme=dark] #cfConversationContactPrivateBox .cf-private-note{background:rgba(255,255,255,.035)}
#cfConversationContactPrivateBox .cf-private-note>span{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:8.5px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;margin-bottom:5px}
#cfConversationContactPrivateBox .cf-private-note p{margin:0;color:var(--text);font-size:10px;line-height:1.4;white-space:pre-wrap;word-break:break-word;max-height:82px;overflow:auto}
#cfConversationContactPrivateBox.is-locked .cf-private-row strong,#cfConversationContactPrivateBox.is-locked .cf-private-mask{letter-spacing:.16em;color:var(--muted);font-weight:900}
#cfConversationContactPrivateBox.is-open{border-color:rgba(37,140,255,.35);box-shadow:0 8px 24px rgba(37,140,255,.08)}

/* Estilo original: cf-timeline-lazy-20260929 */

.cf-timeline-lazy{padding:1px 0}.cf-timeline-open{width:100%;min-height:48px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--panel2) 92%,transparent);color:var(--text);display:grid;grid-template-columns:30px minmax(0,1fr) 18px;align-items:center;gap:8px;padding:8px 10px;text-align:left;cursor:pointer}.cf-timeline-open:hover{border-color:color-mix(in srgb,var(--blue) 35%,var(--line));background:color-mix(in srgb,var(--blue) 5%,var(--panel2))}.cf-timeline-open>i:first-child{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;color:var(--blue);background:color-mix(in srgb,var(--blue) 10%,transparent)}.cf-timeline-open span{min-width:0}.cf-timeline-open strong{display:block;font-size:9.5px}.cf-timeline-open small{display:block;margin-top:2px;color:var(--muted);font-size:7.8px;font-weight:500}.cf-timeline-open>i:last-child{color:var(--muted);font-size:9px}.cf-timeline-lazy-loading{min-height:48px;display:flex;align-items:center;justify-content:center;gap:7px;color:var(--muted);font-size:9px}.cf-timeline-lazy-loading i{color:var(--blue)}.cf-timeline-head-actions{display:inline-flex;align-items:center;gap:5px}

/* Estilo original: cf-inbox-nav-responsive-final-20260929 */

/* Inbox: nunca quebrar Abertas / Grupos / Resolvidos / Busca em outra linha. */
@media(max-width:780px){
  .cf-inbox-nav{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    gap:5px!important;
    overflow:visible!important;
  }
  .cf-inbox-nav-btn{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    padding:0 5px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    justify-content:center!important;
  }
  .cf-inbox-nav-btn i{flex:0 0 auto!important}
}
/* Quando faltar largura, mantém os quatro botões e mostra somente os ícones. */
@media(max-width:560px){
  .cf-inbox-nav-btn{
    height:40px!important;
    padding:0!important;
    gap:0!important;
  }
  .cf-inbox-nav-btn > span{display:none!important}
  .cf-inbox-nav-btn > i{font-size:15px!important;margin:0!important}
  .cf-inbox-nav-btn .cf-group-nav-badge{position:absolute!important}
}

/* Estilo original: cf-mobile-composer-safe-20260929 */

@media(max-width:780px){body:has(.cf-inbox.chat-open) #cfMobilebar{display:none!important}body:has(.cf-inbox.chat-open){padding-bottom:0!important}body:has(.cf-inbox.chat-open) #cfShell{height:100dvh!important;min-height:100dvh!important;max-height:100dvh!important;padding-bottom:0!important}body:has(.cf-inbox.chat-open) .cf-inbox{height:calc(100dvh - 62px - env(safe-area-inset-top,0px))!important;min-height:0!important}body:has(.cf-inbox.chat-open) .cf-chat{height:100%!important;min-height:0!important;overflow:hidden!important}body:has(.cf-inbox.chat-open) #cfCompose{position:relative!important;z-index:300!important;flex:0 0 auto!important;width:100%!important;margin:0!important;padding-bottom:max(8px,env(safe-area-inset-bottom,0px))!important;background:var(--panel)!important}body:has(.cf-inbox.chat-open) #cfSend{display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;visibility:visible!important;opacity:1!important;position:relative!important;z-index:302!important}}
#cfConvList{overscroll-behavior-y:contain}
#cfGroupsPullRefresh{position:absolute;left:50%;top:8px;z-index:260;transform:translate(-50%,-58px);height:38px;padding:0 13px;border-radius:999px;display:flex;align-items:center;gap:8px;background:var(--panel);border:1px solid var(--line);box-shadow:0 10px 28px rgba(15,23,42,.14);font-size:9px;font-weight:800;opacity:0;pointer-events:none;transition:.16s}#cfGroupsPullRefresh.show{opacity:1}#cfGroupsPullRefresh.ready,#cfGroupsPullRefresh.loading{color:var(--blue)}



/* ./styles/05-ajustes/36-cf-conectsend-style-20260930.css */
/* Estilo original: cf-conectsend-style-20260930 */

.cf-desktop-only-send{display:flex}.cf-stage>.cf-send{display:grid;gap:14px;max-width:1180px;margin:0 auto}.cf-send-hero{display:flex;align-items:center;gap:16px;padding:20px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,rgba(37,140,255,.08),rgba(117,87,255,.07)),var(--panel)}.cf-send-logo{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,var(--blue),var(--purple));color:#fff;font-size:21px;box-shadow:0 12px 28px rgba(74,96,255,.25)}.cf-send-hero h2{margin:0;font-size:20px}.cf-send-hero p{margin:5px 0 0;color:var(--muted);font-size:11px}.cf-send-plan{margin-left:auto;white-space:nowrap;padding:7px 10px;border-radius:999px;background:rgba(117,87,255,.10);color:var(--purple);font-size:10px;font-weight:850}.cf-send-lock{display:flex;gap:12px;align-items:center;padding:14px;border:1px solid rgba(245,158,11,.22);border-radius:14px;background:rgba(245,158,11,.07)}.cf-send-lock i{font-size:20px;color:#f59e0b}.cf-send-lock strong,.cf-send-lock span{display:block}.cf-send-lock span{font-size:10px;color:var(--muted);margin-top:3px}.cf-send-list{display:grid;gap:9px}.cf-send-card{display:grid;grid-template-columns:42px minmax(220px,1fr) minmax(150px,.45fr) auto;gap:12px;align-items:center;padding:13px;border:1px solid var(--line);border-radius:15px;background:var(--panel)}.cf-send-status{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--panel2);color:var(--muted)}.cf-send-status.on{background:rgba(37,211,102,.10);color:#25d366}.cf-send-main strong{display:block;font-size:12px}.cf-send-main span,.cf-send-next small{display:block;color:var(--muted);font-size:9px;margin-top:4px}.cf-send-next b{font-size:10px}.cf-send-actions{display:flex;gap:5px}.cf-send-actions button{width:34px;height:34px;border:1px solid var(--line);border-radius:10px;background:var(--panel2);color:var(--muted);cursor:pointer}.cf-send-actions button:hover{color:var(--blue)}.cf-send-actions button.danger:hover{color:var(--red)}.cf-send-empty{padding:40px;text-align:center;border:1px dashed var(--line);border-radius:16px;color:var(--muted)}.cf-send-empty i,.cf-send-empty strong,.cf-send-empty span{display:block}.cf-send-empty i{font-size:26px;margin-bottom:9px}.cf-send-empty strong{color:var(--text);font-size:12px}.cf-send-empty span{font-size:10px;margin-top:5px}.cf-send-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cf-send-form .full{grid-column:1/-1}.cf-send-form textarea{resize:vertical;min-height:120px}.cf-send-editor{position:relative}.cf-send-editor>button{position:absolute;right:9px;bottom:9px;width:34px;height:34px;border:1px solid var(--line);border-radius:10px;background:var(--panel2);color:var(--text);cursor:pointer}.cf-send-emojis{display:none;position:absolute;right:0;bottom:52px;width:336px;max-width:calc(100vw - 44px);max-height:292px;overflow-y:auto;overflow-x:hidden;padding:12px;grid-template-columns:repeat(7,40px);justify-content:center;gap:4px;border:1px solid color-mix(in srgb,var(--blue) 16%,var(--line));border-radius:16px;background:var(--panel);box-shadow:0 18px 48px rgba(15,23,42,.20);z-index:80;scrollbar-width:thin}.cf-send-emojis.open{display:grid}.cf-send-emojis button{width:40px;height:40px;display:grid;place-items:center;border:0;border-radius:10px;background:transparent;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;font-size:23px;line-height:1;cursor:pointer;transition:background .14s ease,transform .14s ease}.cf-send-emojis button:hover{background:color-mix(in srgb,var(--blue) 9%,var(--panel2));transform:scale(1.08)}.cf-send-emojis button:active{transform:scale(.96)}@media(max-width:560px){.cf-send-emojis{position:fixed;left:12px;right:12px;bottom:82px;width:auto;max-width:none;grid-template-columns:repeat(7,minmax(36px,1fr));padding:10px}.cf-send-emojis button{width:100%;height:38px;font-size:22px}}
.cf-send-imagebox{display:grid;gap:9px}.cf-send-imagepick{width:100%;min-height:72px;border:1px dashed color-mix(in srgb,var(--blue) 38%,var(--line));border-radius:13px;background:color-mix(in srgb,var(--blue) 4%,var(--panel2));color:var(--text);display:flex;align-items:center;gap:12px;padding:12px;text-align:left;cursor:pointer}.cf-send-imagepick>i{width:42px;height:42px;flex:0 0 42px;border-radius:12px;display:grid;place-items:center;background:rgba(37,140,255,.10);color:var(--blue);font-size:17px}.cf-send-imagepick span{min-width:0}.cf-send-imagepick strong,.cf-send-imagepick small{display:block}.cf-send-imagepick strong{font-size:11px}.cf-send-imagepick small{font-size:9px;color:var(--muted);margin-top:4px}.cf-send-imagepreview{display:none;align-items:center;gap:10px;padding:9px;border:1px solid var(--line);border-radius:12px;background:var(--panel2)}.cf-send-imagepreview.show{display:flex}.cf-send-imagepreview img{width:64px;height:64px;flex:0 0 64px;object-fit:cover;border-radius:10px;border:1px solid var(--line)}.cf-send-imagepreview span{min-width:0;flex:1}.cf-send-imagepreview strong,.cf-send-imagepreview small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cf-send-imagepreview strong{font-size:10px}.cf-send-imagepreview small{font-size:8.5px;color:var(--muted);margin-top:4px}.cf-send-imagepreview>button{width:32px;height:32px;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--muted);cursor:pointer}.cf-send-imagepreview>button:hover{color:var(--red)}
.cf-send-active{grid-column:1/-1;display:flex;align-items:center;gap:8px;font-size:11px;font-weight:750}.cf-send-history{display:grid;gap:7px}.cf-send-history>div{padding:11px;border:1px solid var(--line);border-radius:11px;background:var(--panel2)}.cf-send-history strong,.cf-send-history span{display:block}.cf-send-history strong{font-size:11px}.cf-send-history span{font-size:9px;color:var(--muted);margin-top:4px}@media(max-width:780px){.cf-desktop-only-send{display:none!important}}



/* ./styles/05-ajustes/37-cf-mobile-chat-header-menu-20260930.css */
/* Estilo original: cf-mobile-chat-header-menu-20260930 */

@media(max-width:780px){#cfChatHead .cf-chat-head-actions{display:none!important}#cfChatHead .cf-chat-actions-btn{display:none!important}.cf-mobile-head-menu{position:fixed;z-index:10050;width:min(260px,calc(100vw - 24px));padding:7px;border:1px solid var(--line);border-radius:15px;background:var(--panel);box-shadow:0 18px 55px rgba(0,0,0,.24);display:grid;gap:3px}.cf-mobile-head-menu button{width:100%;min-height:46px;border:0;border-radius:11px;background:transparent;color:var(--text);display:flex;align-items:center;gap:11px;padding:8px 10px;text-align:left;font-size:12px;font-weight:750}.cf-mobile-head-menu button:active{background:var(--panel2)}.cf-mobile-head-menu button i{width:32px;height:32px;flex:0 0 32px;border-radius:10px;display:grid;place-items:center;background:var(--panel2);color:var(--blue)}.cf-mobile-head-menu button[data-act="finish"] i{color:var(--green)}}
@media(min-width:781px){.cf-mobile-head-menu{display:none!important}}



/* ./styles/05-ajustes/38-cf-send-repeat-time-style-20261001.css */
/* Estilo original: cf-send-repeat-time-style-20261001 */

.cf-send-repeat-time{animation:cfSendRepeatIn .16s ease-out}.cf-send-time-input{position:relative}.cf-send-time-input>i{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--blue);pointer-events:none}.cf-send-time-input>input{width:100%;padding-left:38px!important}.cf-send-repeat-time>small{display:block;margin-top:5px;color:var(--muted);font-size:9px}@keyframes cfSendRepeatIn{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}



/* ./styles/05-ajustes/39-cf-mobile-wait-actions-in-menu-20261004.css */
/* Estilo original: cf-mobile-wait-actions-in-menu-20261004 */

@media(max-width:780px){
 #cfChatHead .cf-chat-wait-actions,
 #cfChatHead #cfAcceptBtn,
 #cfChatHead .cf-chat-cancel{display:none!important}
}

/* Estilo original: cf-mobile-search-in-menu-20261004 */

@media(max-width:780px){#cfChatHead .cf-chat-search-btn{display:none!important}}

/* Estilo original: cf-rail-footer-visible-20261004 */

@media(min-width:781px){
  .cf-rail{height:100%;min-height:0!important;box-sizing:border-box;overflow:hidden!important}
  .cf-rail .cf-nav{flex:1 1 0!important;min-height:0!important;overflow:hidden!important;gap:4px!important}
  .cf-rail .cf-nav>.cf-navbtn{flex:1 1 0!important;min-height:0!important;height:auto!important;max-height:48px!important}
  .cf-rail .cf-rail-spacer{display:none!important}
  .cf-rail>.cf-brandmark,.cf-rail>.cf-brand-header,
  .cf-rail>.cf-navbtn[data-page="settings"],
  .cf-rail>.cf-operator,.cf-rail>.cf-operator-wrap{flex-shrink:0!important}
}

/* Estilo original: cf-hide-push-test-button-20261004 */
#cfDesktopNotificationTopBtn{display:inline-flex!important}
/* Estilo original: cf-chat-manage-delete-menu-20261004 */

.cf-mobile-head-menu{position:fixed;z-index:10050;width:min(260px,calc(100vw - 24px));padding:7px;border:1px solid var(--line);border-radius:15px;background:var(--panel);box-shadow:0 18px 55px rgba(0,0,0,.24);display:grid;gap:3px}.cf-mobile-head-menu button{width:100%;min-height:46px;border:0;border-radius:11px;background:transparent;color:var(--text);display:flex;align-items:center;gap:11px;padding:8px 10px;text-align:left;font-size:12px;font-weight:750}.cf-mobile-head-menu button:active{background:var(--panel2)}.cf-mobile-head-menu button i{width:32px;height:32px;flex:0 0 32px;border-radius:10px;display:grid;place-items:center;background:var(--panel2);color:var(--blue)}.cf-mobile-head-menu button[data-act="finish"] i{color:var(--green)}
@media(min-width:781px){.cf-mobile-head-menu{display:grid!important}}
#cfChatHead .cf-header-manage,#cfChatHead .cf-chat-delete{display:none!important}
.cf-mobile-head-menu button:hover{background:var(--panel2)}
.cf-mobile-head-menu button[data-act="delete"],.cf-mobile-head-menu button[data-act="delete"] i{color:var(--red)}

/* Estilo original: cf-sidebar-badge-fit-20261004 */

@media(min-width:781px){
 .cf-rail.cf-rail-expanded .cf-navbtn,
 .cf-rail.cf-rail-expanded>.cf-navbtn[data-page="settings"]{width:100%!important;box-sizing:border-box!important}
 .cf-rail.cf-rail-expanded .cf-navbtn[data-page="inbox"]{padding-right:42px!important}
 .cf-rail.cf-rail-expanded #cfInboxBadge{right:8px!important;max-width:36px!important;overflow:hidden!important}
}

/* Estilo original: cf-sidebar-active-no-crop-20261004 */

@media(min-width:781px){
 .cf-rail .cf-navbtn.active{transform:none!important}
 .cf-rail:not(.cf-rail-expanded) .cf-navbtn.active{width:48px!important;min-width:48px!important;max-width:48px!important;min-height:0!important}
}

/* Estilo original: cf-inbox-counts-stable-20261004 */

#cfInboxBadge,#cfInboxBadgeMobile,#cfCountWaiting,#cfCountAttending{animation:none!important;transition:none!important}

/* Estilo original: cf-splash-icon-colors-fix-20261007 */

/* Splash: mantém a identidade azul/roxo; sem verde e sem ícone invisível no estado ativo. */
#cf-form-splash .cf-fs-feature.cf-step-done .cf-fs-icon{
  color:#fff!important;
  background:linear-gradient(135deg,#258cff,#7955ff)!important;
  border-color:transparent!important;
  box-shadow:0 8px 20px rgba(67,101,255,.20)!important;
  transform:scale(1.04)!important;
  animation:none!important;
}
#cf-form-splash .cf-fs-feature.cf-step-done .cf-fs-icon:after{
  content:none!important;
  display:none!important;
}
#cf-form-splash .cf-fs-feature.cf-step-active .cf-fs-icon{
  color:#258cff!important;
  background:rgba(37,140,255,.10)!important;
  border-color:rgba(37,140,255,.32)!important;
  box-shadow:0 0 0 5px rgba(37,140,255,.07),0 8px 20px rgba(37,140,255,.14)!important;
  transform:scale(1.12)!important;
}
#cf-form-splash .cf-fs-feature.cf-step-active .cf-fs-icon i,
#cf-form-splash .cf-fs-feature.cf-step-active .cf-fs-icon svg{
  color:#258cff!important;
  fill:#258cff!important;
}
#cf-form-splash .cf-fs-feature.cf-step-done .cf-fs-icon i,
#cf-form-splash .cf-fs-feature.cf-step-done .cf-fs-icon svg{
  color:#fff!important;
  fill:#fff!important;
}
html[data-theme=dark] #cf-form-splash .cf-fs-feature.cf-step-active .cf-fs-icon{
  color:#78b8ff!important;
  background:rgba(37,140,255,.16)!important;
  border-color:rgba(120,184,255,.38)!important;
}
html[data-theme=dark] #cf-form-splash .cf-fs-feature.cf-step-active .cf-fs-icon i,
html[data-theme=dark] #cf-form-splash .cf-fs-feature.cf-step-active .cf-fs-icon svg{
  color:#78b8ff!important;
  fill:#78b8ff!important;
}



/* ./styles/05-ajustes/40-cf-audio-heard-state-only-style-20261007.css */
/* Estilo original: cf-audio-heard-state-only-style-20261007 */
.cf-audio-load.cf-audio-heard>i{color:var(--blue)!important}
/* Estilo original: cp-css */

#cpApp{width:100%;height:100%;overflow:auto;color:var(--text,#17233b);font-size:14px}
#cpApp *{box-sizing:border-box}
#cpApp .cp-shell{padding:24px;max-width:1270px;margin:auto}
#cpApp .cp-head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:20px}
#cpApp .cp-head h2{font-size:25px;letter-spacing:-.6px;font-weight:750;margin:0}
#cpApp .cp-sub,#cpApp .cp-hint,#cpApp .cp-muted{color:var(--muted,#718098);font-size:12px;line-height:1.5}
#cpApp .cp-sub{margin-top:4px}
#cpApp .cp-topnav{display:flex;gap:5px;flex-wrap:wrap;padding:5px;background:var(--panel2,#eaf0f8);width:fit-content;max-width:100%;border-radius:13px;margin-bottom:18px}
#cpApp .cp-tab{border:0;background:transparent;padding:10px 15px;color:var(--muted,#6b7890);font:inherit;font-weight:650;border-radius:10px;cursor:pointer}
#cpApp .cp-tab[aria-selected="true"]{background:var(--panel,#fff);color:var(--text,#17233b);box-shadow:0 2px 10px rgba(17,35,65,.09)}
#cpApp .cp-panel{background:var(--panel,#fff);border:1px solid var(--line,#dce3ee);border-radius:18px;padding:20px;margin-bottom:16px;box-shadow:0 8px 30px rgba(39,58,101,.035)}
#cpApp .cp-section-title{font-size:16px;font-weight:750;margin:0 0 4px}
#cpApp .cp-grid{display:grid;grid-template-columns:2fr 1.15fr 1fr;gap:12px;margin-top:16px}
#cpApp .cp-grid.cp-adv-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
#cpApp label.cp-label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:650;color:var(--text,#17233b)}
#cpApp input,#cpApp select,#cpApp textarea{min-width:0;width:100%;border:1px solid var(--line,#cbd5e4);border-radius:11px;padding:11px 12px;background:var(--panel,#fff);color:inherit;font:inherit;outline:0}
#cpApp input:focus,#cpApp select:focus,#cpApp textarea:focus{border-color:#4782ff;box-shadow:0 0 0 3px rgba(58,111,246,.13)}
#cpApp .cp-toolbar{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-top:16px}
#cpApp .cp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 15px;border-radius:11px;cursor:pointer;font:inherit;font-weight:650;border:1px solid var(--line,#d2dce9);background:var(--panel,#fff);color:inherit;white-space:normal}
#cpApp .cp-btn:hover:not(:disabled){border-color:#5b82f8}
#cpApp .cp-btn:disabled{opacity:.62;cursor:not-allowed}
#cpApp .cp-primary{background:linear-gradient(135deg,#237ef6,#574bf0);color:#fff;border-color:transparent}
#cpApp .cp-outline{background:transparent}
#cpApp .cp-advanced{margin-top:13px;padding-top:13px;border-top:1px solid var(--line,#e4eaf2)}
#cpApp .cp-check{display:inline-flex;gap:9px;align-items:center;color:var(--text,#17233b);font-size:12px;font-weight:550}
#cpApp .cp-check input{width:16px;height:16px;accent-color:#356bee}
#cpApp .cp-checks{display:flex;flex-wrap:wrap;gap:16px 20px;margin-top:15px}
#cpApp .cp-results-top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:18px 0 10px}
#cpApp .cp-results-top strong{font-size:15px}
#cpApp .cp-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#cpApp .cp-result{background:var(--panel,#fff);border:1px solid var(--line,#dfe5ef);padding:17px;border-radius:17px;min-width:0;display:flex;flex-direction:column;gap:12px;transition:border-color .15s,box-shadow .15s}
#cpApp .cp-result:hover{border-color:#a9baff;box-shadow:0 8px 24px rgba(45,80,145,.07)}
#cpApp .cp-result-head{display:flex;align-items:center;gap:12px;min-width:0}
#cpApp .cp-avatar{width:48px;height:48px;flex:0 0 48px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(57,115,239,.13),rgba(121,80,233,.16));color:#5264bf;font-weight:800;letter-spacing:.6px;overflow:hidden}
#cpApp .cp-avatar img{width:100%;height:100%;object-fit:cover}
#cpApp .cp-result-title{font-size:15px;font-weight:750;overflow-wrap:anywhere;line-height:1.25}
#cpApp .cp-badge{display:inline-flex;align-items:center;border-radius:50px;padding:4px 9px;background:var(--panel2,#eef2fb);color:var(--muted,#64758d);font-size:10px;font-weight:650;width:fit-content}
#cpApp .cp-badge.cp-info{color:#3565d9;background:rgba(53,101,217,.09)}
#cpApp .cp-result-copy{line-height:1.55;color:var(--muted,#64758d);font-size:12px;overflow-wrap:anywhere;flex:1}
#cpApp .cp-result-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
#cpApp .cp-result-footer a{color:#456edc;font-weight:650;font-size:12px;text-decoration:none}
#cpApp .cp-result-footer a:hover{text-decoration:underline}
#cpApp .cp-box-empty{padding:35px 18px;text-align:center;color:var(--muted,#718098);border:1px dashed var(--line,#dce3ee);border-radius:16px;margin-top:10px}
#cpApp .cp-feedback{font-size:12px;color:var(--muted,#728198);margin:10px 0;line-height:1.6}
#cpApp .cp-error:not(:empty){padding:12px;border:1px solid rgba(210,69,69,.2);background:rgba(210,69,69,.06);color:#c54747;border-radius:11px;margin:12px 0;font-size:12px}
#cpApp .cp-listitem{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid var(--line,#e5e9f0)}
#cpApp .cp-listitem:last-child{border-bottom:0}
#cpApp .cp-listitem>div{min-width:0}
#cpApp .cp-modal{position:fixed;inset:0;z-index:999999;background:rgba(0,0,0,.6);display:grid;place-items:center;padding:16px}
#cpApp .cp-dialog{width:min(790px,100%);max-height:90vh;overflow:auto;border-radius:18px;background:var(--panel,#fff);padding:23px;border:1px solid var(--line,#ddd)}
#cpApp .cp-modalgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
#cpApp .cp-modalgrid label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:600}
#cpApp .cp-modalgrid textarea{min-height:78px}
#cpApp .cp-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:17px}
#cpApp .cp-settingline{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:13px 0;border-bottom:1px solid var(--line,#e3e9f2)}
#cpApp .cp-settingline:last-child{border-bottom:0}
#cpApp .cp-note{border-left:3px solid #637ef5;padding:11px 14px;background:var(--panel2,#f2f5fb);border-radius:0 10px 10px 0;font-size:12px;line-height:1.6;color:var(--text,#18243b)}
#cpApp .cp-action-row{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;align-items:center}
@media(max-width:900px){#cpApp .cp-grid,#cpApp .cp-grid.cp-adv-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){#cpApp .cp-shell{padding:12px}#cpApp .cp-head{align-items:flex-start;flex-direction:column}#cpApp .cp-grid,#cpApp .cp-grid.cp-adv-grid,#cpApp .cp-results,#cpApp .cp-modalgrid{grid-template-columns:1fr}#cpApp .cp-panel{padding:14px}#cpApp .cp-tab{padding:9px 10px}#cpApp .cp-result-footer{align-items:stretch}}

#cpApp .cp-grid.cp-geogrid{grid-template-columns:repeat(3,minmax(0,1fr))}
#cpApp .cp-geogrid .cp-segment{grid-column:span 2}
#cpApp .cp-geogrid [hidden]{display:none!important}
#cpApp .cp-geohint{font-size:11px;color:var(--muted,#718098);margin-top:8px}
#cpApp .cp-geohint.cp-invalid{color:#b44242}
#cpApp select:disabled{opacity:.7;background:var(--panel2,#edf1f9)}
@media(max-width:900px){#cpApp .cp-grid.cp-geogrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){#cpApp .cp-grid.cp-geogrid{grid-template-columns:1fr}#cpApp .cp-geogrid .cp-segment{grid-column:auto}}

#cpApp .cp-avatar{position:relative;flex-shrink:0}
#cpApp .cp-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1;opacity:0;transition:opacity .12s ease}#cpApp .cp-avatar img.cp-photo-ready{opacity:1}
#cpApp a.cp-avatar-link{text-decoration:none;color:#5264bf}
#cpApp a.cp-profile-link{text-decoration:none;color:inherit}
#cpApp a.cp-profile-link:hover{text-decoration:underline;color:#456edc}
#cpApp .cp-badges{display:flex;flex-wrap:wrap;gap:6px}
#cpApp .cp-result-copy{display:block;max-height:76px;overflow:hidden}
#cpApp [hidden]{display:none!important}

#cpApp .cp-next-bar{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin:20px auto 28px}#cpApp .cp-next-bar[hidden]{display:none!important}
#cpApp .cp-simple-search{margin-top:16px;max-width:100%;}
#cpApp .cp-simple-search input{width:100%;}
#cpApp .cp-search-options{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:14px;margin-top:14px;align-items:start}
#cpApp .cp-source-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
#cpApp .cp-source-card{display:flex;align-items:flex-start;gap:9px;min-width:0;padding:10px;border:1px solid var(--line,#dce3ee);border-radius:12px;background:var(--panel,#fff);cursor:pointer}
#cpApp .cp-source-card:hover{border-color:#8fb0ff;background:rgba(71,130,255,.035)}
#cpApp .cp-source-card input{width:16px;height:16px;margin-top:1px;accent-color:#356bee;flex:0 0 auto}
#cpApp .cp-source-card strong{display:block;font-size:11px;line-height:1.25}
#cpApp .cp-source-card span{display:block;margin-top:3px;color:var(--muted,#718098);font-size:9.5px;line-height:1.35}
#cpApp .cp-quality-box{padding:10px;border:1px solid var(--line,#dce3ee);border-radius:12px;background:var(--panel2,#f2f5fb);margin-top:22px}
#cpApp .cp-quality-box label{display:flex;flex-direction:column;gap:6px;font-size:11px;font-weight:750}
#cpApp .cp-quality-box select{background:var(--panel,#fff)}
@media(max-width:900px){#cpApp .cp-search-options{grid-template-columns:1fr}#cpApp .cp-quality-box{margin-top:0}}
@media(max-width:620px){#cpApp .cp-source-grid{grid-template-columns:1fr}}
/* ConectProspect: localização flexível e termos relacionados (2026-10-15) */
#cpApp .cp-apify-extras{grid-column:1/-1;display:grid;grid-template-columns:1.2fr 1fr;gap:12px;align-items:start}
#cpApp .cp-apify-extras .cp-label>select,#cpApp .cp-apify-extras .cp-label>input{width:100%;min-height:37px;border-radius:10px;background:var(--panel);color:var(--text);border:1px solid var(--line);padding:8px 10px}
#cpApp .cp-apify-mode-hint{grid-column:1/-1;margin-top:-3px;line-height:1.45}
#cpApp .cp-apify-optional{font-weight:400;color:var(--muted);font-size:10px}
#cpApp .cp-apify-city.is-inactive,#cpApp .cp-apify-state.is-inactive{opacity:.6}
#cpApp .cp-apify-outside{color:#a66c17;background:color-mix(in srgb,#e9a238 13%,var(--panel))}
#cpApp .cp-apify-regional{color:#2564a9;background:color-mix(in srgb,#258cff 9%,var(--panel))}
@media(max-width:750px){#cpApp .cp-apify-extras{grid-template-columns:1fr}}
/* ConectProspect / Apify: módulo isolado dos estilos e eventos Hiker */
#cpApp .cp-apify-panel{border-color:color-mix(in srgb,var(--blue) 20%,var(--line))}
#cpApp .cp-apify-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}
#cpApp .cp-apify-tag{display:inline-flex;gap:7px;align-items:center;padding:7px 10px;color:var(--blue);background:color-mix(in srgb,var(--blue) 9%,var(--panel));border:1px solid color-mix(in srgb,var(--blue) 20%,var(--line));border-radius:999px;font-size:11px;font-weight:750}
#cpApp .cp-apify-form{display:grid;grid-template-columns:minmax(180px,1.6fr) minmax(140px,1.2fr) minmax(82px,.42fr) minmax(112px,.63fr);gap:12px;margin-top:18px;align-items:end}
#cpApp .cp-apify-controls,#cpApp .cp-apify-actions{grid-column:1/-1;min-width:0}
#cpApp .cp-apify-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:4px}
#cpApp .cp-apify-controls .cp-check{cursor:pointer}
#cpApp .cp-apify-controls input{width:17px;height:17px;flex:0 0 auto}
#cpApp .cp-apify-actions{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:15px;margin-top:3px}
#cpApp .cp-apify-actions p{max-width:650px;margin:0}
#cpApp .cp-apify-btnrow{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
#cpApp .cp-apify-progress{display:flex;gap:12px;align-items:center;padding:14px 16px;border:1px solid color-mix(in srgb,var(--blue) 22%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--blue) 6%,var(--panel));margin:12px 0}
#cpApp .cp-apify-progress strong{font-size:13px;font-weight:750}
#cpApp .cp-apify-progress.cp-apify-done{border-color:var(--line);background:var(--panel2)}
#cpApp .cp-apify-spinner{width:19px;height:19px;flex:0 0 19px;border-radius:50%;border:2px solid color-mix(in srgb,var(--blue) 19%,transparent);border-top-color:var(--blue);animation:cpApifySpin .9s linear infinite}
#cpApp .cp-apify-spinner[hidden]{display:none!important}
@keyframes cpApifySpin{to{transform:rotate(360deg)}}
#cpApp .cp-apify-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0}
#cpApp .cp-apify-kpi{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:13px;display:flex;flex-direction:column;gap:3px}
#cpApp .cp-apify-kpi strong{font-size:22px;font-weight:800;line-height:1.3}
#cpApp .cp-apify-kpi span{font-size:11px;color:var(--muted)}
#cpApp .cp-apify-result{gap:11px}
#cpApp .cp-apify-result .cp-result-copy{margin:0;max-height:80px;overflow:auto}
#cpApp .cp-apify-person{min-width:0;overflow:hidden}
#cpApp .cp-apify-result .cp-result-title{display:block}
#cpApp .cp-apify-result .cp-avatar span{position:relative;z-index:0}
#cpApp .cp-apify-localhint{color:#176cb0;background:color-mix(in srgb,#268cff 10%,var(--panel))}
#cpApp .cp-apify-unverified{color:#a36a13;background:color-mix(in srgb,#dca032 11%,var(--panel))}
#cpApp .cp-apify-haswhats{color:#158866;background:color-mix(in srgb,#27bf90 12%,var(--panel))}
#cpApp .cp-apify-contact{display:flex;flex-wrap:wrap;gap:7px 13px;min-height:15px;color:var(--muted);font-size:11px;overflow-wrap:anywhere}
#cpApp .cp-apify-contact span{display:flex;gap:5px;align-items:center}
#cpApp .cp-apify-links{display:flex;gap:10px;flex-wrap:wrap}
#cpApp .cp-apify-disclaimer{color:var(--muted);font-size:11px;line-height:1.5;margin:14px 0 28px}
#cpApp .cp-apify-empty{grid-column:1/-1}
@media(max-width:960px){#cpApp .cp-apify-form{grid-template-columns:repeat(2,minmax(0,1fr))}#cpApp .cp-apify-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){#cpApp .cp-apify-form{grid-template-columns:1fr}#cpApp .cp-apify-actions{align-items:stretch}#cpApp .cp-apify-btnrow{width:100%}#cpApp .cp-apify-btnrow button{flex:1}#cpApp .cp-apify-tag{font-size:10px}#cpApp .cp-apify-summary{gap:8px}#cpApp .cp-apify-kpi{padding:10px}#cpApp .cp-apify-kpi strong{font-size:19px}}

/* Estilo original: cp-apify-search-modes-20261015 */

.cp-source-selectors{align-items:start}
.cp-apify-source-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:12px;margin:12px 0}
.cp-apify-source-card{padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--panel);min-width:0;display:flex;flex-direction:column;gap:8px}
.cp-apify-source-card strong{font-size:12px;line-height:1.3;overflow-wrap:anywhere}
.cp-apify-source-card p{font-size:10px;color:var(--soft);line-height:1.4;overflow-wrap:anywhere;margin:0}
.cp-apify-source-card a{font-size:10px;font-weight:800;color:var(--blue);text-decoration:none}
.cp-apify-source-card .cp-badge{align-self:start}
.cp-apify-discovery{border-top:1px solid var(--line);padding-top:18px;margin-top:18px}
.cp-apify-discovery-head{display:flex;justify-content:space-between;gap:16px;align-items:center}
.cp-apify-discovery-head .cp-label{min-width:180px}
@media(max-width:730px){.cp-apify-discovery-head{flex-direction:column;align-items:stretch}.cp-apify-source-grid{grid-template-columns:1fr}}

/* Estilo original: cp-apify-incremental-20261015 */

#cpApp .cp-apify-library{margin:14px 0;padding:13px 15px;border:1px solid var(--line);border-radius:14px;background:var(--panel);display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:12px}
#cpApp .cp-apify-library label{font-size:10px;font-weight:700;display:grid;gap:5px;min-width:200px;flex:1}
#cpApp .cp-apify-library select{width:100%;padding:10px;border:1px solid var(--line);border-radius:9px;color:var(--text);background:var(--panel2);min-height:38px}
#cpApp .cp-apify-library-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
#cpApp .cp-apify-library-note{width:100%;color:var(--muted);font-size:10px;line-height:1.45}
#cpApp .cp-apify-visibility{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:10px 0}
#cpApp .cp-apify-visibility label{font-size:10px;display:flex;align-items:center;gap:7px}
#cpApp .cp-apify-rounds{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0 16px}
#cpApp .cp-apify-rounds span{padding:7px 9px;border:1px solid var(--line);border-radius:8px;background:var(--panel2);font-size:9px;color:var(--soft)}
#cpApp .cp-apify-roundnew{border-color:rgba(16,185,129,.35)!important;color:var(--green)!important}
#cpApp #cpApifyLoadMore{display:block;margin:14px auto}
@media(max-width:760px){#cpApp .cp-apify-library-actions{width:100%}#cpApp .cp-apify-library-actions button{flex:1}#cpApp .cp-apify-library label{min-width:0;width:100%}}

/* Estilo original: cf-prospect-delete-saved-20261016 */

#cpApp .cp-saved-delete{color:var(--red,#d64759);border-color:color-mix(in srgb,var(--red,#d64759) 30%,var(--line))}
#cpApp .cp-saved-delete:hover{background:color-mix(in srgb,var(--red,#d64759) 7%,var(--panel));border-color:var(--red,#d64759)}
#cpApp .cp-saved-delete:disabled{opacity:.6;cursor:wait}
#cpApp .cp-listitem .cp-action-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}
@media(max-width:680px){#cpApp .cp-listitem .cp-action-row{justify-content:flex-start}}

/* Estilo original: cf-ux-polish-planner-prospect-20261016 */

/* Planner: Google opcional, sem barra de aviso ocupando uma linha inteira. */
.cf-agenda-page #ctApp .ct-google-connect-mini,
#ctApp .ct-google-connect-mini{margin-left:auto;display:inline-flex;align-items:center;flex-wrap:wrap;gap:7px;min-height:28px;padding:3px 7px 3px 10px;border:1px solid var(--ct-line);border-radius:9px;background:var(--ct-panel);color:var(--ct-muted);font-size:10px;font-weight:500;white-space:normal;line-height:1.3}
#ctApp .ct-google-connect-mini i{font-size:10px;opacity:.72}
#ctApp .ct-google-connect-btn{border:1px solid color-mix(in srgb,var(--ct-blue) 20%,var(--ct-line));border-radius:7px;background:color-mix(in srgb,var(--ct-blue) 7%,var(--ct-panel));color:var(--ct-blue);padding:4px 9px;font-size:10px;font-weight:800;cursor:pointer;min-height:24px}
#ctApp .ct-google-connect-btn:hover{background:color-mix(in srgb,var(--ct-blue) 15%,var(--ct-panel))}
/* Prospecções: hierarquia clara, sem ações e estatísticas misturadas. */
#cpApp #cpApifyLibrary.cp-apify-library{display:block;padding:17px 19px;border-radius:15px;margin:14px 0 18px;background:var(--panel);border:1px solid var(--line)}
#cpApp .cp-library-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px;flex-wrap:wrap}
#cpApp .cp-library-heading{display:flex;flex-direction:column;gap:5px;min-width:0}
#cpApp .cp-library-heading strong{font-size:14px;font-weight:850;color:var(--text);display:flex;align-items:center;gap:8px}
#cpApp .cp-library-heading strong i{color:var(--blue);font-size:13px}
#cpApp .cp-library-heading span{font-size:11px;color:var(--muted);line-height:1.4}
#cpApp .cp-library-count{display:inline-flex;align-items:center;padding:6px 10px;min-height:27px;border-radius:999px;background:color-mix(in srgb,var(--blue) 8%,var(--panel2));color:var(--soft);font-size:10px;font-weight:800;white-space:normal}
#cpApp .cp-library-top{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end}
#cpApp .cp-apify-library .cp-library-selector{min-width:0;width:100%;max-width:none;display:flex;flex-direction:column;gap:6px}
#cpApp .cp-library-selector > span{font-size:10px;color:var(--soft);font-weight:800}
#cpApp .cp-library-selector select{width:100%;min-height:40px;padding:8px 11px;background:var(--panel2);border:1px solid var(--line);border-radius:10px;color:var(--text);font-size:11px}
#cpApp .cp-apify-library-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
#cpApp .cp-apify-library-actions button{min-height:40px;white-space:nowrap;font-size:11px}
#cpApp .cp-library-bottom{margin-top:12px;padding-top:11px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:10px 16px;flex-wrap:wrap}
#cpApp .cp-library-bottom .cp-apify-visibility{margin:0;flex:0 0 auto}
#cpApp .cp-library-filter label,#cpApp .cp-library-bottom label{display:flex;align-items:center;gap:8px;cursor:pointer;color:var(--soft);font-size:10px;font-weight:650;white-space:normal}
#cpApp .cp-library-bottom input{width:15px;height:15px;accent-color:var(--blue)}
#cpApp .cp-library-bottom .cp-apify-library-note{width:auto;min-width:180px;flex:1;text-align:right;font-size:10px;line-height:1.45;color:var(--muted)}
#cpApp .cp-library-history{margin-top:12px;border-top:1px solid var(--line);padding-top:10px}
#cpApp .cp-library-history summary{display:flex;align-items:center;gap:8px;list-style:none;cursor:pointer;color:var(--soft);font-weight:800;font-size:10px;min-height:28px}
#cpApp .cp-library-history summary::-webkit-details-marker{display:none}
#cpApp .cp-library-history summary>i:first-child{color:var(--blue);font-size:11px}
#cpApp #cpApifyRoundCount{color:var(--muted);font-weight:550;margin-left:5px}
#cpApp .cp-history-chevron{margin-left:auto;transition:transform .18s ease;font-size:10px;color:var(--muted)}
#cpApp .cp-library-history[open] .cp-history-chevron{transform:rotate(180deg)}
#cpApp .cp-library-history .cp-apify-rounds{display:flex;margin:9px 0 2px;gap:7px}
#cpApp .cp-library-history .cp-apify-rounds span{border-radius:9px;background:var(--panel2);font-size:10px;line-height:1.45;padding:8px 10px}
@media(max-width:950px){#cpApp .cp-library-top{grid-template-columns:1fr}#cpApp .cp-apify-library-actions{justify-content:flex-start}#cpApp .cp-library-bottom .cp-apify-library-note{text-align:left}}
@media(max-width:670px){#ctApp .ct-google-connect-mini{margin-left:0;width:100%;justify-content:space-between}#cpApp #cpApifyLibrary.cp-apify-library{padding:14px 12px}#cpApp .cp-library-head{align-items:flex-start}#cpApp .cp-library-count{font-size:9px}#cpApp .cp-apify-library-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}#cpApp .cp-apify-library-actions button{width:100%;font-size:10px;padding:8px 6px;white-space:normal}#cpApp .cp-library-bottom{align-items:flex-start;flex-direction:column}#cpApp .cp-library-bottom .cp-apify-library-note{min-width:0;width:100%}#cpApp .cp-library-history summary{flex-wrap:wrap}}



/* ./styles/05-ajustes/41-cf-kanban-responsive-20261013.css */
/* Estilo original: cf-kanban-responsive-20261013 */

/* Kanban responsivo: em monitores menores as colunas comprimem e os cards continuam visiveis. */
.cf-kanban-page.cf-kanban-pro{
  min-height:0!important;
  overflow:hidden!important;
}
.cf-kanban-page .cf-kanban-toolbar,
.cf-kanban-page .cf-kanban-summary{
  flex:0 0 auto!important;
}
.cf-kanban-page #cfKanbanBoard.cf-kanban-board,
.cf-kanban-page .cf-kanban-board{
  box-sizing:border-box!important;
  width:100%!important;
  min-height:260px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scrollbar-width:thin!important;
}
.cf-kanban-page .cf-kb-col{
  box-sizing:border-box!important;
  min-height:0!important;
}
.cf-kanban-page .cf-kb-col-body{
  min-height:145px!important;
  max-height:none!important;
  overflow-y:auto!important;
}
.cf-kanban-page .cf-kb-card,
.cf-kanban-page .cf-kanban-card{
  box-sizing:border-box!important;
  min-width:0!important;
}
.cf-kanban-page .cf-kb-card-top .cf-grow,
.cf-kanban-page .cf-kb-card-top strong,
.cf-kanban-page .cf-kb-card-top small{
  min-width:0!important;
  max-width:100%!important;
}
.cf-kanban-page .cf-kb-card-top strong,
.cf-kanban-page .cf-kb-card-top small,
.cf-kanban-page .cf-kb-note{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.cf-kanban-page .cf-kb-note{
  max-height:34px!important;
  line-height:1.35!important;
}

@media (min-width:901px) and (max-width:1380px){
  .cf-kanban-page{
    padding:14px 14px 18px!important;
  }
  .cf-kanban-page #cfKanbanBoard.cf-kanban-board,
  .cf-kanban-page .cf-kanban-board{
    display:flex!important;
    gap:8px!important;
    overflow-x:auto!important;
    align-items:stretch!important;
    padding:0 2px 8px!important;
  }
  .cf-kanban-page .cf-kb-col,
  .cf-kanban-page .cf-kanban-column{
    flex:0 0 215px!important;
    width:215px!important;
    min-width:215px!important;
    max-width:215px!important;
  }
  .cf-kanban-page .cf-kb-col>header{
    padding:8px 8px 7px!important;
  }
  .cf-kanban-page .cf-kb-col-title strong{
    font-size:8.5px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .cf-kanban-page .cf-kb-col-stats{
    gap:4px!important;
    flex-wrap:wrap!important;
    margin-top:6px!important;
  }
  .cf-kanban-page .cf-kb-col-stats span{
    padding:2px 5px!important;
    font-size:6.5px!important;
  }
  .cf-kanban-page .cf-kb-col-body{
    padding:6px!important;
    gap:6px!important;
  }
  .cf-kanban-page .cf-kb-card{
    padding:7px!important;
    border-radius:8px!important;
  }
  .cf-kanban-page .cf-kb-card-top{
    gap:6px!important;
  }
  .cf-kanban-page .cf-kb-card-top>.cf-avatar,
  .cf-kanban-page .cf-kb-card-top>.cf-avatar>img{
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
    max-width:30px!important;
    min-height:30px!important;
    max-height:30px!important;
    flex-basis:30px!important;
    line-height:30px!important;
  }
  .cf-kanban-page .cf-kb-card-top strong{
    font-size:8.2px!important;
  }
  .cf-kanban-page .cf-kb-card-top small,
  .cf-kanban-page .cf-kb-meta span,
  .cf-kanban-page .cf-kb-labels span,
  .cf-kanban-page .cf-kb-note{
    font-size:6.5px!important;
  }
  .cf-kanban-page .cf-kb-card-actions{
    grid-template-columns:26px 1fr 26px!important;
    gap:4px!important;
    margin-top:6px!important;
  }
  .cf-kanban-page .cf-kb-card-actions button{
    min-height:25px!important;
    font-size:0!important;
    padding:0!important;
  }
  .cf-kanban-page .cf-kb-card-actions button i{
    font-size:10px!important;
  }
}

@media (min-width:901px) and (max-width:1120px){
  .cf-kanban-page .cf-kb-col,
  .cf-kanban-page .cf-kanban-column{
    flex-basis:195px!important;
    width:195px!important;
    min-width:195px!important;
    max-width:195px!important;
  }
  .cf-kanban-page .cf-kanban-tools{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(130px,.55fr) auto!important;
    width:100%!important;
  }
  .cf-kanban-page .cf-kanban-summary{
    gap:5px!important;
  }
  .cf-kanban-page .cf-kanban-summary span{
    padding:4px 6px!important;
    font-size:6.7px!important;
  }
}

@media (max-height:760px) and (min-width:901px){
  .cf-kanban-page{
    padding-top:10px!important;
    padding-bottom:10px!important;
  }
  .cf-kanban-page .cf-kanban-toolbar{
    padding-bottom:6px!important;
  }
  .cf-kanban-page .cf-kanban-summary{
    margin-bottom:6px!important;
  }
  .cf-kanban-page .cf-kb-col>header{
    padding-top:7px!important;
    padding-bottom:6px!important;
  }
  .cf-kanban-page .cf-kb-col-body{
    min-height:170px!important;
  }
}

@media (max-width:900px){
  .cf-kanban-page #cfKanbanBoard.cf-kanban-board,
  .cf-kanban-page .cf-kanban-board{
    display:flex!important;
    gap:10px!important;
    overflow-x:auto!important;
    scroll-snap-type:x proximity!important;
    padding:0 2px 10px!important;
  }
  .cf-kanban-page .cf-kb-col{
    flex:0 0 min(86vw,330px)!important;
    width:min(86vw,330px)!important;
    min-width:min(86vw,330px)!important;
    scroll-snap-align:start!important;
  }
}

/* Estilo original: ct-board-horizontal-navigation-20261013 */

/* ConectTasks: listas navegáveis em telas menores, com recolhimento vertical no estilo Trello. */
#ctApp .ct-content:has(.ct-board){
  overflow:hidden!important;
}
#ctApp .ct-boardstrip{
  flex:0 0 auto!important;
}
#ctApp .ct-board-nav{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  margin-right:2px!important;
}
#ctApp .ct-board{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  flex:1 1 auto!important;
  height:calc(100% - 52px)!important;
  min-height:280px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  padding:2px 4px 18px!important;
  scroll-behavior:smooth!important;
  scroll-snap-type:x proximity!important;
  scrollbar-width:auto!important;
  -webkit-overflow-scrolling:touch!important;
}
#ctApp .ct-board::-webkit-scrollbar{
  height:13px!important;
}
#ctApp .ct-board::-webkit-scrollbar-track{
  background:color-mix(in srgb,var(--ct-panel2) 72%,transparent)!important;
  border-radius:999px!important;
}
#ctApp .ct-board::-webkit-scrollbar-thumb{
  background:color-mix(in srgb,var(--ct-blue) 45%,var(--ct-muted))!important;
  border-radius:999px!important;
  border:3px solid color-mix(in srgb,var(--ct-panel2) 72%,transparent)!important;
}
#ctApp .ct-column{
  flex:0 0 288px!important;
  width:288px!important;
  min-width:288px!important;
  max-width:288px!important;
  scroll-snap-align:start!important;
}
#ctApp .ct-addcol{
  flex:0 0 280px!important;
  width:280px!important;
  min-width:280px!important;
  max-width:280px!important;
  scroll-snap-align:start!important;
}
#ctApp .ct-cards{
  flex:0 1 auto!important;
  min-height:72px!important;
}
#ctApp .ct-collapse-list{
  color:var(--ct-muted)!important;
}
#ctApp .ct-column-collapsed{
  flex:0 0 42px!important;
  width:42px!important;
  min-width:42px!important;
  max-width:42px!important;
  height:182px!important;
  padding:9px 7px!important;
  border-radius:13px!important;
  border:1px solid var(--ct-line)!important;
  border-top:3px solid var(--ct-list-color,var(--ct-blue))!important;
  background:color-mix(in srgb,var(--ct-list-color,var(--ct-blue)) 18%,var(--ct-panel))!important;
  color:var(--ct-text)!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:space-between!important;
  box-shadow:0 5px 14px rgba(7,15,35,.035)!important;
  text-align:center!important;
}
#ctApp .ct-column-collapsed:hover{
  border-color:color-mix(in srgb,var(--ct-list-color,var(--ct-blue)) 62%,var(--ct-line))!important;
  background:color-mix(in srgb,var(--ct-list-color,var(--ct-blue)) 26%,var(--ct-panel))!important;
}
#ctApp .ct-column-collapsed span{
  width:24px!important;
  height:24px!important;
  border-radius:9px!important;
  display:grid!important;
  place-items:center!important;
  color:#fff!important;
  background:var(--ct-list-color,var(--ct-blue))!important;
  font-size:10px!important;
}
#ctApp .ct-column-collapsed strong{
  writing-mode:vertical-rl!important;
  text-orientation:mixed!important;
  transform:rotate(180deg)!important;
  max-height:112px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:850!important;
}
#ctApp .ct-column-collapsed b{
  min-width:22px!important;
  height:22px!important;
  border-radius:999px!important;
  display:grid!important;
  place-items:center!important;
  background:var(--ct-panel2)!important;
  color:var(--ct-muted)!important;
  font-size:10px!important;
}

@media (max-width:1060px){
  #ctApp .ct-board{
    gap:10px!important;
  }
}
@media (max-width:780px){
  #ctApp .ct-content:has(.ct-board){
    overflow:hidden!important;
  }
  #ctApp .ct-board{
    height:calc(100% - 44px)!important;
    min-height:280px!important;
  }
  #ctApp .ct-column,
  #ctApp .ct-addcol{
    flex:0 0 min(86vw,318px)!important;
    width:min(86vw,318px)!important;
    min-width:min(86vw,318px)!important;
    max-width:min(86vw,318px)!important;
  }
}

/* Estilo original: cf-channel-cards-responsive-20261013 */

/* Canais: mantém todos os botões de ação na mesma linha quando a tela aperta. */
.cf-channel-card{
  min-width:0!important;
}
.cf-channel-top{
  min-width:0!important;
}
.cf-channel-meta{
  width:auto!important;
  min-width:0!important;
  justify-content:flex-end!important;
}
.cf-channel-main-action{
  min-width:0!important;
}
.cf-channel-main-action .cf-btn{
  flex:0 0 auto!important;
  min-width:104px!important;
}
.cf-channel-actions{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:7px!important;
  overflow:visible!important;
  padding-bottom:0!important;
}
.cf-channel-actions .cf-btn,
.cf-channel-actions .cf-btn.icon-only{
  width:100%!important;
  min-width:0!important;
  flex:unset!important;
  padding-left:8px!important;
  padding-right:8px!important;
  overflow:hidden!important;
}
.cf-channel-actions .cf-btn span{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

@media (max-width:1280px){
  .cf-channel-grid{
    gap:12px!important;
  }
  .cf-channel-card{
    padding:14px!important;
  }
  .cf-channel-actions{
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    gap:6px!important;
  }
  .cf-channel-actions .cf-btn.icon-only{
    grid-column:auto!important;
  }
  .cf-channel-actions .cf-btn{
    font-size:8.8px!important;
    padding-left:5px!important;
    padding-right:5px!important;
  }
}

@media (max-width:1080px){
  .cf-channel-grid{
    grid-template-columns:1fr!important;
  }
  .cf-channel-actions{
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
  }
}

@media (max-width:620px){
  .cf-channel-top{
    grid-template-columns:auto minmax(0,1fr)!important;
  }
  .cf-channel-meta{
    grid-column:1/-1!important;
    justify-content:flex-start!important;
  }
  .cf-channel-main-action{
    align-items:stretch!important;
    flex-direction:column!important;
  }
  .cf-channel-main-action .cf-btn{
    width:100%!important;
    min-width:0!important;
  }
  .cf-channel-actions{
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    gap:5px!important;
  }
  .cf-channel-actions .cf-btn{
    min-height:34px!important;
    font-size:0!important;
    padding-left:0!important;
    padding-right:0!important;
  }
  .cf-channel-actions .cf-btn.icon-only{
    grid-column:auto!important;
  }
  .cf-channel-actions .cf-btn i{
    font-size:11px!important;
  }
}

/* Estilo original: cf-chat-media-retry-visible-20261014 */

/* ConectChat: se a imagem falhar, mostra acao clara em vez de ficar so no icone. */
.cf-messages .cf-msg.cf-msg-located,
#cfMessages .cf-msg.cf-msg-located{
  position:relative!important;
  z-index:30!important;
  animation:cfLocatedMessageBlinkStrong 3.6s ease-in-out 1!important;
  outline:3px solid #258cff!important;
  box-shadow:0 0 0 7px rgba(37,140,255,.20),0 14px 38px rgba(37,140,255,.25)!important;
}
.cf-messages .cf-msg.cf-msg-located::after,
#cfMessages .cf-msg.cf-msg-located::after{
  content:'Mensagem original'!important;
  position:absolute!important;
  left:10px!important;
  top:-26px!important;
  z-index:31!important;
  padding:5px 9px!important;
  border-radius:999px!important;
  background:#258cff!important;
  color:#fff!important;
  font-size:9px!important;
  font-weight:850!important;
  letter-spacing:.01em!important;
  box-shadow:0 8px 22px rgba(37,140,255,.28)!important;
  pointer-events:none!important;
  white-space:nowrap!important;
}
@keyframes cfLocatedMessageBlinkStrong{
  0%,100%{
    outline-color:transparent;
    box-shadow:0 8px 24px rgba(0,0,0,.08);
    filter:brightness(1);
    transform:scale(1);
  }
  10%,34%,58%,82%{
    outline-color:#258cff;
    box-shadow:0 0 0 8px rgba(37,140,255,.24),0 16px 42px rgba(37,140,255,.30);
    filter:brightness(1.12);
    transform:scale(1.018);
  }
  22%,46%,70%{
    outline-color:#8abfff;
    box-shadow:0 0 0 3px rgba(37,140,255,.15),0 9px 26px rgba(0,0,0,.10);
    filter:brightness(1);
    transform:scale(1.004);
  }
}
.cf-msg-quote{
  cursor:pointer!important;
}
.cf-msg-quote:hover{
  filter:brightness(1.06);
}
.cf-media-card.cf-image-fixed .cf-media-retry-loading{
  gap:7px!important;
  padding:16px!important;
  text-align:center!important;
}
.cf-media-card.cf-image-fixed .cf-media-retry-loading span{
  display:block!important;
  max-width:220px!important;
  color:var(--muted)!important;
  font-size:9px!important;
  font-weight:750!important;
  line-height:1.35!important;
}
.cf-media-card.cf-image-fixed .cf-media-retry-btn,
.cf-media-card.cf-image-fixed .cf-media-open-btn{
  position:absolute!important;
  bottom:10px!important;
  z-index:2!important;
  width:32px!important;
  height:32px!important;
  border-radius:10px!important;
  background:var(--panel)!important;
  box-shadow:0 8px 22px rgba(15,23,42,.14)!important;
}
.cf-media-card.cf-image-fixed .cf-media-retry-btn{right:48px!important}
.cf-media-card.cf-image-fixed .cf-media-open-btn{right:10px!important}
.cf-contact-photo-box{
  align-items:center!important;
}
.cf-contact-photo-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  flex-wrap:wrap!important;
  margin-left:auto!important;
}
.cf-contact-photo-actions .cf-btn{
  min-height:34px!important;
  padding:7px 10px!important;
  border-radius:10px!important;
  font-size:9px!important;
  white-space:nowrap!important;
}
.cf-contact-photo-actions button[hidden]{
  display:none!important;
}
.cf-modal-inline-error{
  display:flex!important;
  align-items:flex-start!important;
  gap:10px!important;
  padding:12px 14px!important;
  border:1px solid rgba(240,82,114,.34)!important;
  border-radius:14px!important;
  background:rgba(240,82,114,.08)!important;
  color:#c72d4b!important;
  font-size:11px!important;
  line-height:1.45!important;
}
.cf-modal-inline-error[hidden]{
  display:none!important;
}
.cf-modal-inline-error i{
  margin-top:2px!important;
}
.cf-modal-inline-error strong,
.cf-modal-inline-error span{
  display:block!important;
}
.cf-modal-inline-error strong{
  margin-bottom:3px!important;
  font-size:11px!important;
}
.cf-field.cf-field-error label{
  color:#d93455!important;
}
.cf-field.cf-field-error input,
.cf-field.cf-field-error select,
.cf-field.cf-field-error textarea,
.cf-field.cf-field-error .cf-contact-search{
  border-color:rgba(240,82,114,.78)!important;
  box-shadow:0 0 0 4px rgba(240,82,114,.12)!important;
}
html[data-theme=dark] .cf-modal-inline-error{
  color:#ff8fa4!important;
  background:rgba(240,82,114,.12)!important;
}
@media(max-width:760px){
  .cf-contact-photo-box{
    align-items:flex-start!important;
  }
  .cf-contact-photo-actions{
    width:100%!important;
    justify-content:stretch!important;
    margin-left:0!important;
  }
  .cf-contact-photo-actions .cf-btn{
    flex:1 1 auto!important;
  }
}



/* ./styles/05-ajustes/42-cf-planner-toolbar-org-refinement.css */
/* Estilo original: cf-planner-toolbar-org-refinement */

#ctApp .ct-planner-top{display:flex;flex-wrap:nowrap;align-items:center;gap:20px;padding:20px 22px}
#ctApp .ct-planner-period{flex:1 1 160px;min-width:135px}
#ctApp .ct-planner-period h3{margin:0 0 6px!important;font-size:21px!important;line-height:1.2;white-space:nowrap;text-transform:capitalize}
#ctApp .ct-planner-period small{font-size:10px;color:var(--ct-muted);white-space:nowrap}
#ctApp .ct-planner-actions{display:flex;flex:0 0 auto;flex-wrap:nowrap;align-items:center;justify-content:flex-end;gap:7px;max-width:none}
#ctApp .ct-planner-actions .ct-btn{white-space:nowrap;font-size:11px;padding:0 12px;min-height:35px}
#ctApp .ct-planner-actions .ct-iconbtn{flex:0 0 33px;width:33px;height:35px;min-height:35px}
#ctApp .ct-planner-monthnav{flex:0 0 auto;gap:0;padding:1px;background:transparent}
#ctApp .ct-planner-monthnav input{width:145px;max-width:145px;padding:0 5px;font-size:11px}
#ctApp .ct-planner-switch{padding:2px;gap:2px}
#ctApp .ct-planner-switch .ct-btn{padding:0 10px;min-height:31px}
.cf-org-location{margin-top:18px;border:1px solid var(--line,#e4eaf3);border-radius:14px;padding:18px;background:var(--panel,#fff)}
.cf-org-location-title{display:flex;gap:12px;align-items:flex-start}.cf-org-location-title>i{color:var(--blue,#397de4);font-size:17px;margin-top:2px}
.cf-org-location-title strong{font-size:13px;font-weight:650}.cf-org-location-title p{font-size:11px;line-height:1.6;color:var(--muted,#77849a);margin:5px 0 16px}
.cf-org-location-fields{display:grid;grid-template-columns:110px minmax(0,1fr);gap:14px}
.cf-org-location-fields label{display:flex;flex-direction:column;gap:8px;font-size:11px;font-weight:600;min-width:0;color:var(--text,#1e293b)}
.cf-org-location-fields select{display:block;box-sizing:border-box;width:100%;height:42px;border:1px solid var(--line,#dce4ef);border-radius:10px;padding:0 12px;background:var(--panel,#fff);color:var(--text,#1e293b);font:inherit;font-size:12px;outline:none}
.cf-org-location-fields select:focus{border-color:#397de4;box-shadow:0 0 0 3px #397de414}.cf-org-location-fields select:disabled{opacity:.55}
.cf-org-location-hint{font-size:10px;line-height:1.5;color:var(--muted,#77849a);margin:12px 0 0}
@media(max-width:1100px){#ctApp .ct-planner-top{gap:12px;padding:18px 15px}#ctApp .ct-planner-period h3{font-size:18px!important}#ctApp .ct-planner-actions{gap:4px}#ctApp .ct-planner-actions .ct-btn{padding:0 9px}}
@media(max-width:900px){#ctApp .ct-planner-top{flex-wrap:wrap}#ctApp .ct-planner-period{flex-basis:100%}#ctApp .ct-planner-actions{flex:1 1 100%;flex-wrap:wrap;justify-content:flex-start;gap:7px}}
@media(max-width:480px){#ctApp .ct-planner-top{padding:16px}#ctApp .ct-planner-monthnav{flex:1 1 auto}#ctApp .ct-planner-monthnav input{flex:1;width:120px;max-width:none}#ctApp .ct-planner-switch{margin-left:0}.cf-org-location{padding:15px}.cf-org-location-fields{grid-template-columns:1fr;gap:14px}}
/* Datas com destaque discreto e tipografia uniforme. */
#ctApp .ct-planner-dayhead{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;font-weight:600;font-size:10px;color:color-mix(in srgb,var(--ct-text) 65%,var(--ct-muted));letter-spacing:.015em}
#ctApp .ct-planner-dayhead b{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;font-weight:600;font-size:16px;font-variant-numeric:tabular-nums;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;line-height:1;border-radius:10px;background:color-mix(in srgb,var(--ct-blue) 6%,var(--ct-panel));color:var(--ct-text);border:1px solid color-mix(in srgb,var(--ct-blue) 9%,transparent)}
#ctApp .ct-planner-day.today .ct-planner-dayhead b{background:var(--ct-blue);color:#fff;border-color:transparent;border-radius:10px}
#ctApp .ct-planner-day.holiday:not(.today) .ct-planner-dayhead b{background:color-mix(in srgb,#ef4444 7%,var(--ct-panel));color:var(--ct-red);border-color:color-mix(in srgb,#ef4444 10%,transparent)}
#ctApp .ct-planner-day.outside .ct-planner-dayhead{opacity:.65}
.cf-action-colors{display:flex;gap:8px;flex-wrap:wrap;padding:5px 0}.cf-action-color{width:25px;height:25px;border-radius:8px;background:var(--color);border:2px solid transparent;cursor:pointer}.cf-action-color.selected{outline:2px solid var(--color);outline-offset:3px;border-color:var(--panel,#fff)}
.cf-action-unified-list{display:grid;gap:10px}.cf-action-list-row{display:flex;align-items:center;gap:20px;padding:18px;border:1px solid var(--line,#e3e9f3);border-left:3px solid var(--action-color);border-radius:13px;background:var(--panel,#fff)}.cf-action-list-date{font-size:11px;min-width:140px;display:flex;gap:8px;align-items:center}.cf-action-list-info{flex:1;min-width:0}.cf-action-list-info strong{display:block;font-size:13px;overflow-wrap:anywhere}.cf-action-list-info small{display:block;margin-top:5px;font-size:10px;color:var(--muted)}
#ctApp.ct-agenda-only{display:block;min-height:600px}#ctApp.ct-agenda-only .ct-main{width:100%}#ctApp.ct-agenda-only .ct-head{padding:15px 18px}#ctApp.ct-agenda-only .ct-content{padding:18px}
@media(max-width:700px){.cf-action-list-row{flex-wrap:wrap;gap:12px}.cf-action-list-date{width:100%}.cf-action-list-info{flex-basis:100%}#ctApp.ct-agenda-only .ct-content{padding:10px}}

/* Estilo original: cf-actions-premium-layout-20261015 */

.cf-actions-page{max-width:none!important;width:100%;margin:0!important;padding:24px 30px!important;box-sizing:border-box;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
.cf-actions-page button,.cf-actions-page input,.cf-actions-page select{font-family:inherit}
.cf-actions-page>.cf-pagehead{margin-bottom:22px;padding:0;align-items:center;gap:18px}
.cf-actions-page>.cf-pagehead h2{font-size:24px;font-weight:650;letter-spacing:-.6px;line-height:1.3}
.cf-actions-page>.cf-pagehead p{font-size:12px;line-height:1.6;margin-top:6px;color:var(--muted)}
.cf-actions-page .cf-toolbar .cf-btn,.cf-actions-page .cf-actions-add{height:38px;padding:0 14px;font-size:11px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}
.cf-actions-page .cf-actions-shell{gap:18px}
.cf-actions-page .cf-actions-kpis{gap:14px;margin-bottom:0}
.cf-actions-page .cf-action-kpi{padding:18px 20px;border-radius:15px;border:1px solid var(--line);box-shadow:0 3px 16px #0f172a03;position:relative;min-height:86px}
.cf-actions-page .cf-action-kpi small{font-size:10px;font-weight:600;letter-spacing:.6px;color:var(--muted)}
.cf-actions-page .cf-action-kpi strong{font-size:27px;font-weight:600;line-height:1.3;margin-top:6px}
.cf-actions-page .cf-action-kpi:nth-child(2) strong{color:var(--blue)}.cf-actions-page .cf-action-kpi:nth-child(3) strong{color:var(--red)}.cf-actions-page .cf-action-kpi:nth-child(4) strong{color:var(--green)}
.cf-actions-page .cf-actions-filters{padding:18px;border-radius:15px;gap:12px;background:var(--panel);margin:0}
.cf-actions-page .cf-actions-filters .cf-field{margin:0;min-width:0}
.cf-actions-page .cf-actions-filters label{font-size:10px;font-weight:550;margin-bottom:7px;display:block}
.cf-actions-page .cf-actions-filters input,.cf-actions-page .cf-actions-filters select{height:39px;border-radius:9px;font-size:11px}
.cf-actions-page .cf-actions-tabs{gap:6px;padding:4px;border:1px solid var(--line);border-radius:12px;width:fit-content;background:var(--panel);margin:0 0 2px}
.cf-actions-page .cf-actions-tabs .cf-btn{border:0;box-shadow:none;background:transparent;min-height:34px;border-radius:8px;padding:0 14px;font-size:11px;gap:8px;display:inline-flex;align-items:center}
.cf-actions-page .cf-actions-tabs .primary{background:color-mix(in srgb,var(--blue) 10%,var(--panel));color:var(--blue)}
.cf-actions-page .cf-actions-tabs span{font-size:10px;font-weight:600;background:color-mix(in srgb,var(--muted) 10%,var(--panel));border-radius:5px;min-width:18px;padding:2px 4px;text-align:center}
.cf-actions-page .cf-action-unified-list{gap:10px}
.cf-actions-page .cf-action-list-row{padding:19px 20px;border-radius:14px;border-left-width:3px;box-shadow:0 2px 10px #0f172a02;gap:24px;transition:box-shadow .15s}
.cf-actions-page .cf-action-list-row:hover{box-shadow:0 5px 20px #0f172a07}
.cf-actions-page .cf-action-list-date{min-width:160px;font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}
.cf-actions-page .cf-action-list-date i{color:var(--action-color)}
.cf-actions-page .cf-action-list-info strong{font-family:inherit;font-size:14px;font-weight:600;line-height:1.5;color:var(--text)}
.cf-actions-page .cf-action-list-info small{font-size:11px;line-height:1.5;margin-top:4px}
.cf-actions-page .cf-action-list-info small:last-child{font-size:9px;letter-spacing:.25px;opacity:.8}
.cf-agenda-page #ctApp.ct-agenda-only{border:0;background:transparent;min-height:0}
.cf-agenda-page #ctApp .ct-head{background:transparent;border:0;padding:0 0 14px;min-height:0;justify-content:flex-end}
.cf-agenda-page #ctApp .ct-headtitle{display:none}
.cf-agenda-page #ctApp .ct-content{padding:0!important}
.cf-agenda-page #ctApp .ct-planner-top{margin-bottom:14px;border-radius:17px;padding:19px 22px}
.cf-agenda-page #ctApp .ct-planner-summary{margin-bottom:12px;border-radius:11px}
.cf-agenda-page #ctApp .ct-planner-legend{margin-bottom:12px;gap:15px}
.cf-agenda-page #ctApp .ct-notice{padding:11px 15px;font-size:11px;border-radius:11px;background:var(--ct-panel);border:1px dashed var(--ct-line);margin-bottom:14px}
.cf-agenda-page #ctApp .ct-planner-day{min-height:320px}
.cf-agenda-page #ctApp .ct-planner-days.month .ct-planner-day{min-height:145px}
#ctApp .ct-planner-grid.ct-planner-no-tasks{grid-template-columns:minmax(0,1fr)!important}
#ctApp .ct-planner-no-tasks>.ct-planner-panel:nth-child(2){display:none}
/* Formulario: cabecalho e rodape fora da area rolavel. */
#cfModal:has(.cf-action-editor){display:flex!important;flex-direction:column!important;box-sizing:border-box;width:min(680px,calc(100vw - 32px))!important;max-width:none!important;max-height:min(90dvh,850px)!important;height:auto!important;overflow:hidden!important;border-radius:20px!important;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
#cfModal:has(.cf-action-editor) .cf-modal-head{flex:0 0 auto!important;background:var(--panel);padding:18px 22px!important;border-bottom:1px solid var(--line)}
#cfModal:has(.cf-action-editor) .cf-modal-head strong{font-size:16px;font-weight:650;letter-spacing:-.25px}
#cfModal:has(.cf-action-editor) .cf-modal-body{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;padding:22px!important;overscroll-behavior:contain}
#cfModal:has(.cf-action-editor) .cf-modal-foot{flex:0 0 auto!important;position:relative!important;inset:auto!important;display:flex!important;align-items:center;justify-content:flex-end;gap:10px;padding:15px 22px!important;padding-bottom:max(15px,env(safe-area-inset-bottom))!important;border-top:1px solid var(--line);background:var(--panel)!important;z-index:5;box-shadow:0 -5px 18px #0f172a03}
#cfModal:has(.cf-action-editor) .cf-modal-foot .cf-btn{height:41px;font-size:12px;border-radius:10px;padding:0 18px;min-width:110px;font-family:inherit}
.cf-action-editor-intro{display:flex;gap:13px;align-items:center;padding-bottom:20px;margin-bottom:19px;border-bottom:1px solid var(--line)}
.cf-action-editor-icon{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border-radius:13px;background:color-mix(in srgb,var(--blue) 9%,var(--panel));color:var(--blue);font-size:18px}
.cf-action-editor-intro strong{font-size:13px;font-weight:600}.cf-action-editor-intro p{margin:5px 0 0;font-size:11px;color:var(--muted);line-height:1.6}
.cf-action-editor .cf-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 14px}
.cf-action-editor .cf-field{margin:0!important;min-width:0}
.cf-action-editor .cf-field>label{font-size:11px;font-weight:550;margin-bottom:8px;display:block;color:var(--text)}
.cf-action-editor input:not([type=hidden]):not([type=checkbox]),.cf-action-editor select,.cf-action-editor textarea{font-family:inherit!important;font-size:12px!important;border-radius:10px!important;box-sizing:border-box;width:100%;background:var(--panel)!important;color:var(--text)!important}
.cf-action-editor input:not([type=hidden]):not([type=checkbox]),.cf-action-editor select{height:42px;min-height:42px;padding:0 12px}
.cf-action-editor textarea{min-height:85px;max-height:180px;padding:12px;resize:vertical;line-height:1.5}
.cf-action-duration{position:relative}.cf-action-duration input{padding-right:70px!important}.cf-action-duration span{position:absolute;right:13px;top:50%;transform:translateY(-50%);font-size:10px;color:var(--muted);pointer-events:none}
.cf-action-optional{font-size:9px;font-weight:400;color:var(--muted);margin-left:5px}
.cf-action-editor .cf-action-colors{display:flex;gap:8px;flex-wrap:wrap;padding:4px 2px}
.cf-action-editor .cf-action-color{width:23px;height:23px;border-radius:7px;flex:0 0 23px;box-shadow:inset 0 0 0 1px #00000007}
.cf-action-editor .cf-action-color.selected{outline-width:2px;outline-offset:2px}
.cf-action-editor .cf-toggle-row{border:1px solid var(--line);border-radius:12px;padding:14px;background:color-mix(in srgb,var(--blue) 3%,var(--panel));gap:15px}
.cf-action-editor .cf-toggle-row strong{font-size:12px!important;font-weight:600}.cf-action-editor .cf-toggle-row small{font-size:10px!important;line-height:1.5;margin-top:5px!important}
.cf-action-editor .cf-action-conflict:not(.show){display:none}
@media(max-width:1100px){.cf-actions-page{padding:20px!important}.cf-actions-page .cf-actions-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.cf-actions-page .cf-action-list-row{gap:16px}.cf-actions-page .cf-action-list-date{min-width:130px}}
@media(max-width:700px){.cf-actions-page{padding:15px!important}.cf-actions-page>.cf-pagehead{flex-wrap:wrap;gap:14px}.cf-actions-page>.cf-pagehead h2{font-size:21px}.cf-actions-page .cf-actions-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.cf-actions-page .cf-actions-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.cf-actions-page .cf-actions-filters>.cf-field:first-child{grid-column:1/-1}.cf-actions-page .cf-actions-tabs{width:100%;overflow-x:auto;flex-wrap:nowrap}.cf-actions-page .cf-actions-tabs .cf-btn{flex:0 0 auto;padding:0 11px}.cf-actions-page .cf-action-list-row{padding:16px;flex-wrap:wrap;gap:12px}.cf-actions-page .cf-action-list-date{width:100%}.cf-actions-page .cf-action-list-info{flex-basis:100%}.cf-actions-page .cf-action-list-row>.cf-toolbar{width:100%;justify-content:flex-end}.cf-agenda-page #ctApp .ct-head .ct-actions{flex-wrap:wrap}.cf-agenda-page #ctApp .ct-planner-top{padding:16px}}
@media(max-width:480px){#cfModal:has(.cf-action-editor){width:calc(100vw - 16px)!important;max-height:calc(100dvh - 20px)!important;border-radius:16px!important}#cfModal:has(.cf-action-editor) .cf-modal-head{padding:15px 16px!important}#cfModal:has(.cf-action-editor) .cf-modal-body{padding:17px 16px!important}#cfModal:has(.cf-action-editor) .cf-modal-foot{padding:13px 16px!important}.cf-action-editor .cf-form-grid{grid-template-columns:1fr;gap:15px}.cf-action-editor-intro{align-items:flex-start}.cf-actions-page>.cf-pagehead>.cf-toolbar{width:100%;justify-content:flex-start}}

/* Estilo original: ct-template-tile-refinement */

#ctApp .ct-workspace-grid>.ct-newboard{min-height:160px;padding:24px 18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;transition:border-color .15s,background .15s}
#ctApp .ct-workspace-grid>.ct-newboard span{font-size:12px;font-weight:600;line-height:1.5;text-align:center}
#ctApp .ct-workspace-grid>.ct-newboard small{font-size:10px;color:var(--ct-muted);font-weight:400;text-align:center;line-height:1.5}
#ctApp .ct-workspace-grid>.ct-templateboard{border-style:solid;background:var(--ct-panel);border-color:var(--ct-line)}
#ctApp .ct-workspace-grid>.ct-templateboard>i{background:color-mix(in srgb,var(--ct-purple) 9%,var(--ct-panel));color:var(--ct-purple);box-shadow:none}
#ctApp .ct-workspace-grid>.ct-templateboard:hover{border-color:var(--ct-purple);background:color-mix(in srgb,var(--ct-purple) 3%,var(--ct-panel))}
@media(max-width:600px){#ctApp .ct-workspace-grid>.ct-newboard{min-height:140px;padding:20px 14px}}

/* Estilo original: sem-id */

#cfModal:has(.cf-action-editor) .cf-modal-foot .cf-action-editor-delete{margin-right:auto;min-width:85px;color:var(--red);border-color:color-mix(in srgb,var(--red) 22%,var(--line));background:transparent}
#cfModal:has(.cf-action-editor) .cf-modal-foot .cf-action-editor-delete:hover{background:color-mix(in srgb,var(--red) 7%,var(--panel))}
@media(max-width:420px){#cfModal:has(.cf-action-editor) .cf-modal-foot{gap:6px}#cfModal:has(.cf-action-editor) .cf-modal-foot .cf-btn{min-width:0;padding:0 11px;font-size:11px}#cfModal:has(.cf-action-editor) .cf-modal-foot .cf-action-editor-delete{min-width:0}}



/* ./styles/telas/telas.css */
/* ===== ConectTeam ===== */
/* ConectTeam: estilos especificos da tela.
   Os estilos existentes permanecem em public/styles para preservar o visual.
   Adicione ajustes exclusivos deste modulo aqui. */

/* ===== ConectTarefas ===== */
/* ConectTarefas: estilos especificos da tela.
   Os estilos existentes permanecem em public/styles para preservar o visual.
   Adicione ajustes exclusivos deste modulo aqui. */

/* ===== ConectProspect ===== */
/* ConectProspect: estilos especificos da tela.
   Os estilos existentes permanecem em public/styles para preservar o visual.
   Adicione ajustes exclusivos deste modulo aqui. */

/* ===== Visão geral ===== */
/* Visão geral: estilos especificos da tela.
   Os estilos existentes permanecem em public/styles para preservar o visual.
   Adicione ajustes exclusivos deste modulo aqui. */

/* ===== Atendimentos e grupos ===== */
/* Atendimentos e grupos: estilos especificos da tela.
   Os estilos existentes permanecem em public/styles para preservar o visual.
   Adicione ajustes exclusivos deste modulo aqui. */
.cf-inbox-archive{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;padding:8px;margin-top:6px;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--text);font:inherit;cursor:pointer}
.cf-conversation-management{display:flex;flex-wrap:wrap;gap:10px;padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid var(--line)}
.cf-conversation-management p{width:100%;margin:0;color:var(--muted)}
.cf-archived-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}
.cf-archived-open{flex:1;min-width:0;text-align:left;border:0;background:transparent;color:var(--text);font:inherit;cursor:pointer}
.cf-archived-open strong,.cf-archived-open small{display:block;overflow-wrap:anywhere}
.cf-archived-open small{margin-top:5px;color:var(--muted)}
.cf-archived-pages{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:16px}

/* Protecao de historicos anteriores: nenhum texto restrito e enviado pela API. */
.cf-hist-perm-locked{max-width:410px;margin:14px auto;padding:13px 15px;border:1px dashed var(--cf-border,#bac9de);border-radius:13px;background:var(--cf-card-bg,#f5f7fc);color:var(--cf-text,#25354c);display:flex;align-items:center;gap:10px;box-sizing:border-box;font-size:12px}
.cf-hist-perm-locked>i{font-size:18px;color:#71849f}
.cf-hist-perm-locked>div{flex:1;min-width:0}
.cf-hist-perm-locked strong{display:block;font-size:11px;font-weight:700}
.cf-hist-perm-locked small{display:block;font-size:10px;opacity:.75;margin-top:4px}
.cf-hist-perm-locked button,.cf-hist-admin-pendencias{border:1px solid #bad1f4;border-radius:8px;background:transparent;color:#2675cf;padding:7px 10px;cursor:pointer;font:inherit;white-space:nowrap}
.cf-msg-protocolo{opacity:.58;font-size:9px;margin-left:7px;font-weight:500}
.cf-hist-perm-lead{font-size:12px;opacity:.8;margin:0 0 12px}
.cf-hist-perm-pedido{border:1px solid #dce5f3;border-radius:12px;padding:12px;margin-top:10px}
.cf-hist-perm-pedido strong{font-size:13px}
.cf-hist-perm-pedido p{font-size:12px;white-space:pre-wrap}
.cf-hist-perm-pedido small{opacity:.75}
.cf-hist-perm-botoes{display:flex;gap:7px}
.cf-hist-admin-pendencias{margin:0 0 14px;font-size:11px}
@media(max-width:600px){.cf-hist-perm-locked{max-width:92%;flex-wrap:wrap}.cf-hist-perm-locked button{margin-left:auto}}


/* A imagem mantém o espaço reservado para não deslocar a conversa,
   mas possui APENAS um indicador discreto de carregamento.
   Sem placeholder grande/ícone/texto, nem uma segunda camada de loader.
   O cartão de erro e o botão "Tentar novamente" não são alterados. */
#cfMessages .cf-media-card.cf-image-fixed.cf-media-await:not([data-media-stopped="1"]) {
  position: relative;
  isolation: isolate;
  background: transparent !important;
}
#cfMessages .cf-media-card.cf-image-fixed.cf-media-await:not([data-media-stopped="1"]) > .cf-media-loading,
#cfMessages .cf-media-card.cf-image-fixed.cf-media-await:not([data-media-stopped="1"]) > .cf-grow,
#cfMessages .cf-media-card.cf-image-fixed.cf-media-await:not([data-media-stopped="1"]) > i {
  display: none !important;
}
/* Neutraliza o quadrado que era mostrado por trás do spinner. */
#cfMessages .cf-media-card.cf-image-fixed.cf-media-await:not([data-media-stopped="1"])::before {
  content: none !important;
  display: none !important;
}
#cfMessages .cf-media-card.cf-image-fixed.cf-media-await:not([data-media-stopped="1"])::after {
  content: "";
  position: absolute;
  z-index: 3;
  top: calc(50% - 10px);
  left: calc(50% - 10px);
  width: 20px;
  height: 20px;
  box-sizing: border-box;
  border: 2px solid rgba(100,116,139,.17);
  border-top-color: var(--blue, #3183ff);
  border-radius: 50%;
  animation: cf-image-inline-spinner .75s linear infinite;
  pointer-events: none;
}
@keyframes cf-image-inline-spinner { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) {
  #cfMessages .cf-media-card.cf-image-fixed.cf-media-await:not([data-media-stopped="1"])::after {
    animation-duration: 1.5s;
  }
}

/* Carregamento discreto de imagem, GIF animado e figurinha.
   So um spinner: sem placeholder grande, sem nova chamada de rede. */
#cfMessages .cf-sticker-card.cf-media-await:not([data-media-stopped="1"]),
#cfMessages .cf-media-card.cf-media-visual-loading:not([data-media-stopped="1"]) {
  position: relative !important;
  isolation: isolate;
}
#cfMessages .cf-sticker-card.cf-media-await:not([data-media-stopped="1"]) > .cf-media-loading,
#cfMessages .cf-media-card.cf-media-visual-loading:not([data-media-stopped="1"]) > .cf-media-loading {
  display: none !important;
}
#cfMessages .cf-sticker-card.cf-media-await:not([data-media-stopped="1"])::before,
#cfMessages .cf-media-card.cf-media-visual-loading:not([data-media-stopped="1"])::before {
  content: none !important;
  display: none !important;
}
#cfMessages .cf-sticker-card.cf-media-await:not([data-media-stopped="1"])::after,
#cfMessages .cf-media-card.cf-media-visual-loading:not([data-media-stopped="1"])::after {
  content: "";
  position: absolute;
  z-index: 5;
  left: calc(50% - 10px);
  top: calc(50% - 10px);
  width: 20px;
  height: 20px;
  box-sizing: border-box;
  border: 2px solid rgba(100,116,139,.2);
  border-top-color: var(--blue,#3183ff);
  border-radius: 50%;
  animation: cf-image-inline-spinner .75s linear infinite;
  pointer-events: none;
}
#cfMessages .cf-media-card.cf-media-visual-loading > .cf-media-thumb,
#cfMessages .cf-media-card.cf-media-visual-loading .cf-sticker-img {
  visibility: hidden;
}
/* Videos: cartao leve sem baixar todos os arquivos ao abrir a conversa. */
#cfMessages .cf-video-preview {position:relative;min-height:64px;}
#cfMessages .cf-video-preview > .fa-circle-play {color:var(--blue,#3183ff);font-size:27px}
#cfMessages .cf-video-preview.cf-video-loading::after {
  content:"";position:absolute;top:calc(50% - 10px);left:calc(50% - 10px);
  width:20px;height:20px;border:2px solid rgba(100,116,139,.2);
  border-top-color:var(--blue,#3183ff);border-radius:50%;
  box-sizing:border-box;animation:cf-image-inline-spinner .75s linear infinite;
  pointer-events:none;
}
#cfMessages .cf-video-preview.cf-video-loading > :not(.cf-media-loading) {opacity:.35}
@media (prefers-reduced-motion: reduce){
  #cfMessages .cf-sticker-card.cf-media-await::after,
  #cfMessages .cf-media-card.cf-media-visual-loading::after,
  #cfMessages .cf-video-preview.cf-video-loading::after {animation-duration:1.5s;}
}

/* Player de áudio premium, isolado da aparência das demais mensagens. */
.cf-msg-file.cf-audio-player{
  --cf-audio-accent:#287cf3;
  --cf-audio-accent-2:#6959ed;
  --cf-audio-ink:#203453;
  --cf-audio-subtle:#7284a1;
  --cf-audio-wave-idle:#c4d0e1;
  display:flex;align-items:center;gap:6px;
  width:min(236px,64vw);max-width:100%;min-width:0;
  padding:5px 6px;
  border:1px solid rgba(123,162,221,.25);
  border-radius:17px;box-sizing:border-box;
  background:linear-gradient(127deg,#fafdff 0%,#f0f5ff 100%);
  box-shadow:0 7px 19px rgba(40,80,150,.095),inset 0 1px 0 rgba(255,255,255,.94);
  color:var(--cf-audio-ink);white-space:normal;
  transition:border-color .18s ease,box-shadow .18s ease;
}
.cf-msg-file.cf-audio-player:hover{border-color:rgba(40,124,243,.35)}
.cf-msg-file.cf-audio-player.cf-audio-playing{border-color:rgba(40,124,243,.48);box-shadow:0 6px 21px rgba(40,124,243,.14)}
.cf-audio-player .cf-audio-main{flex:1 1 auto;min-width:0}
.cf-audio-player .cf-audio-topline{display:flex;align-items:center;justify-content:space-between;gap:5px;min-width:0;margin-bottom:2px;line-height:1.2}
.cf-audio-player .cf-audio-title{display:flex;align-items:center;gap:4px;min-width:0;white-space:nowrap;font-size:9px;font-weight:750;letter-spacing:.004em}
.cf-audio-player .cf-audio-title i{font-size:11px;color:var(--cf-audio-accent)}
.cf-audio-player .cf-audio-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--cf-audio-subtle);font-size:9px;font-weight:600}
.cf-audio-player.cf-audio-heard .cf-audio-label{color:#249b7b}
.cf-audio-player .cf-audio-toggle.cf-mini{
  flex:0 0 35px;width:35px;height:35px;min-width:35px;padding:0;
  display:grid;place-items:center;border:0;border-radius:50%;
  background:linear-gradient(145deg,#4c9aff 0%,#287cf3 58%,#6559dc 100%);
  box-shadow:0 5px 13px rgba(47,112,233,.28),inset 0 1px 0 rgba(255,255,255,.3);
  color:#fff;cursor:pointer;
  transition:transform .17s ease,box-shadow .17s ease,filter .17s ease;
}
.cf-audio-player .cf-audio-toggle.cf-mini i{font-size:12px;color:#fff;line-height:1}
.cf-audio-player .cf-audio-toggle.cf-mini:not(:disabled):hover{transform:translateY(-1px) scale(1.04);filter:brightness(1.06);box-shadow:0 7px 17px rgba(47,112,233,.35)}
.cf-audio-player .cf-audio-toggle.cf-mini:active{transform:scale(.97)}
.cf-audio-player .cf-audio-toggle.cf-mini:focus-visible,.cf-audio-player .cf-audio-seek:focus-visible{outline:2px solid #2779e9;outline-offset:3px}
.cf-audio-player .cf-audio-toggle.cf-mini:disabled{opacity:.78;cursor:progress}
.cf-msg-file.cf-audio-player{isolation:isolate}
.cf-msg-file.cf-audio-player .cf-audio-toggle.cf-mini{
  display:grid!important;visibility:visible!important;opacity:1!important;
  position:relative!important;z-index:4!important;pointer-events:auto!important;
  background:linear-gradient(145deg,#4c9aff 0%,#287cf3 58%,#6559dc 100%)!important;
  color:#fff!important;
}
.cf-msg-file.cf-audio-player .cf-audio-main{position:relative;z-index:1}
.cf-audio-player .cf-audio-controls{min-width:0;margin:0}
.cf-audio-player .cf-audio-track{position:relative;height:24px;display:flex;align-items:center;min-width:0}
.cf-audio-player .cf-audio-waveform{display:flex;align-items:center;justify-content:space-between;gap:1px;width:100%;height:24px;overflow:hidden;pointer-events:none;user-select:none}
.cf-audio-player .cf-audio-bar{flex:1 1 0;min-width:2px;max-width:4px;height:var(--cf-bar-height,12px);border-radius:3px;background:var(--cf-audio-wave-idle);transition:background .13s ease;opacity:.91}
.cf-audio-player .cf-audio-bar.is-played{background:var(--cf-audio-accent)}
.cf-audio-player.cf-audio-playing .cf-audio-bar.is-played{background:var(--cf-audio-accent-2)}
.cf-audio-player .cf-audio-seek{
  position:absolute;inset:0;width:100%;height:24px;margin:0;padding:0;cursor:pointer;
  opacity:.005;appearance:none;-webkit-appearance:none;background:transparent;
}
.cf-audio-player .cf-audio-seek::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:14px;height:24px;cursor:grab}
.cf-audio-player .cf-audio-seek::-moz-range-thumb{width:14px;height:24px;border:0;background:transparent;cursor:grab}
.cf-audio-player .cf-audio-seek:disabled{cursor:default}
.cf-audio-player .cf-audio-track:has(.cf-audio-seek:focus-visible){outline:2px solid var(--cf-audio-accent);outline-offset:2px;border-radius:5px}
.cf-audio-player .cf-audio-meta{display:flex;align-items:center;justify-content:space-between;gap:5px;margin-top:0;color:var(--cf-audio-subtle);font-size:8px;line-height:1.2;white-space:nowrap}
.cf-audio-player .cf-audio-timing{font-variant-numeric:tabular-nums;letter-spacing:.015em}
.cf-audio-player .cf-audio-elapsed{font-weight:700;color:var(--cf-audio-ink)}
.cf-audio-player .cf-audio-time-divider{opacity:.6}
.cf-audio-player .cf-audio-speed-wrap{position:relative;display:flex;align-items:center;gap:4px;margin-left:auto;padding:1px 18px 1px 6px;border:1px solid rgba(131,158,199,.26);border-radius:999px;background:rgba(255,255,255,.86);color:var(--cf-audio-accent);transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}
.cf-audio-player .cf-audio-speed-wrap i{font-size:10px;color:inherit;opacity:.92}
.cf-audio-player .cf-audio-speed-wrap::after{content:"";position:absolute;right:7px;top:50%;width:6px;height:6px;margin-top:-4px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);opacity:.7;pointer-events:none}
.cf-audio-player .cf-audio-speed{min-width:34px;max-width:46px;height:18px;padding:0 0 0 1px;border:0;outline:0;box-shadow:none;appearance:none;-webkit-appearance:none;-moz-appearance:none;background:transparent;color:var(--cf-audio-ink);font-size:8px;font-weight:750;cursor:pointer}
.cf-audio-player .cf-audio-speed:disabled{opacity:.5;cursor:default}
.cf-audio-player .cf-audio-speed:focus,.cf-audio-player .cf-audio-speed:focus-visible{outline:none;box-shadow:none}
.cf-audio-player .cf-audio-speed-wrap:has(.cf-audio-speed:focus-visible){border-color:rgba(40,124,243,.48);box-shadow:0 0 0 2px rgba(40,124,243,.14)}
/* Mantém contraste nas bolhas escuras e no tema escuro. */
html:not([data-theme="light"]) .cf-msg-file.cf-audio-player{
  --cf-audio-ink:#edf3ff;--cf-audio-subtle:#a5b7d2;--cf-audio-wave-idle:#40516b;
  background:linear-gradient(125deg,#25354d 0%,#1e293d 100%);
  border-color:rgba(133,159,214,.25);
  box-shadow:0 7px 21px rgba(0,0,0,.14),inset 0 1px 0 rgba(255,255,255,.05);
}
html:not([data-theme="light"]) .cf-audio-player .cf-audio-speed-wrap{background:rgba(9,18,32,.23);border-color:rgba(146,169,206,.2)}
@media(max-width:600px){
  .cf-msg-file.cf-audio-player{width:min(224px,66vw);gap:6px;padding:5px 6px;border-radius:13px}
  .cf-audio-player .cf-audio-toggle.cf-mini{flex-basis:34px;width:34px;height:34px;min-width:34px}
  .cf-audio-player .cf-audio-title{font-size:8.5px}
  .cf-audio-player .cf-audio-label{font-size:8px}
  .cf-audio-player .cf-audio-waveform{gap:1.5px}
  .cf-audio-player .cf-audio-meta{font-size:9px}
  .cf-audio-player .cf-audio-speed-wrap{padding-right:6px}
}
@media(max-width:390px){
  .cf-msg-file.cf-audio-player{width:min(210px,70vw)}
  .cf-audio-player .cf-audio-speed-wrap{padding-left:4px}
  .cf-audio-player .cf-audio-speed{min-width:37px}
}
@media(prefers-reduced-motion:reduce){.cf-audio-player .cf-audio-toggle.cf-mini,.cf-audio-player .cf-audio-bar,.cf-msg-file.cf-audio-player{transition:none}}

/* No celular, a lista de atendimentos precisa ser a área que rola. */
@media(max-width:780px){
  #cfStage:has(#cfInbox:not(.chat-open)){
    min-height:0!important;overflow:hidden!important;padding:0!important;
  }
  #cfInbox.cf-inbox:not(.chat-open){
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:minmax(0,1fr)!important;
    height:100%!important;min-height:0!important;max-height:100%!important;
    overflow:hidden!important;
  }
  #cfInbox:not(.chat-open) .cf-inbox-list{
    display:flex!important;flex-direction:column!important;
    height:auto!important;min-height:0!important;overflow:hidden!important;
  }
  #cfInbox:not(.chat-open) .cf-inbox-tools{
    flex:0 0 auto!important;
    height:auto!important;min-height:max-content!important;max-height:none!important;
    overflow:visible!important;
  }
  #cfInbox #cfConvList{
    flex:1 1 0!important;height:auto!important;min-height:0!important;max-height:none!important;
    overflow-x:hidden!important;overflow-y:scroll!important;
    padding-bottom:calc(76px + var(--safe-bottom))!important;
    -webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;
    touch-action:pan-y!important;
  }
}

/* Modal de autorizacoes: nao interfere nas outras telas. */
.cf-hist-admin-grant{margin-top:17px;padding:14px;border:1px solid #d9e5f5;border-radius:13px;background:rgba(52,118,231,.035)}
.cf-hist-admin-grant h4,.cf-hist-admin-pendencies h4{font-size:13px;font-weight:750;margin:0 0 8px}
.cf-hist-admin-grant p,.cf-hist-admin-note{font-size:12px;color:var(--muted,#697b93);line-height:1.5}
.cf-hist-admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.cf-hist-admin-grant .cf-field{margin:0 0 10px}
.cf-hist-admin-grant-btn{width:100%;margin-top:4px;justify-content:center}
.cf-hist-admin-pendencies{margin-top:8px}
@media(max-width:540px){.cf-hist-admin-grid{grid-template-columns:1fr}}

/* Mantem o rodape do modal ADMIN fixo; so o conteudo de pedidos rola. */
#cfModal:has(.cf-hist-admin-pendencies){display:flex;flex-direction:column;max-height:min(88dvh,780px);overflow:hidden}
#cfModal:has(.cf-hist-admin-pendencies) .cf-modal-head,
#cfModal:has(.cf-hist-admin-pendencies) .cf-modal-foot{flex:none}
#cfModal:has(.cf-hist-admin-pendencies) .cf-modal-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}

/* Contadores da Inbox: ficam ao lado direito do próprio atalho e nunca sobre
   o desenho do ícone. Quando os dois estiverem ativos, são empilhados. */
@media(min-width:781px){
  .cf-rail .cf-navbtn[data-page="inbox"]{position:relative!important;overflow:visible!important}
  .cf-rail #cfInboxBadge.cf-nav-badge,
  .cf-rail #cfInboxOpenCount.cf-open-count-badge{
    position:absolute!important;left:auto!important;right:8px!important;
    min-width:16px!important;height:16px!important;padding:0 4px!important;
    display:grid!important;place-items:center!important;border:2px solid var(--panel,#fff)!important;
    border-radius:999px!important;font-size:8px!important;line-height:1!important;
    font-variant-numeric:tabular-nums;transform:none!important;z-index:2!important;
  }
  .cf-rail #cfInboxBadge.cf-nav-badge{top:5px!important;bottom:auto!important}
  .cf-rail #cfInboxOpenCount.cf-open-count-badge{top:24px!important;bottom:auto!important}
}

/* Na navegação principal, um único sinal é suficiente: mensagens não lidas.
   A quantidade de atendimentos abertos fica disponível dentro da Inbox. */
@media(min-width:781px){
  .cf-rail #cfInboxOpenCount.cf-open-count-badge{display:none!important}
  .cf-rail #cfInboxBadge.cf-nav-badge{
    left:43px!important;right:auto!important;top:7px!important;bottom:auto!important;
    min-width:15px!important;height:15px!important;padding:0 3px!important;
    border-color:var(--panel,#fff)!important;box-shadow:0 1px 3px rgba(18,35,65,.18)!important;
  }
}

/* A barra lateral é navegação, não painel de alertas. Os contadores ficam na
   Inbox e no sino global, onde há espaço para serem lidos corretamente. */
@media(min-width:781px){
  .cf-rail #cfInboxBadge.cf-nav-badge,
  .cf-rail #cfInboxOpenCount.cf-open-count-badge{display:none!important}
}
/* A barra pode estar expandida mesmo em uma janela estreita; por isso esta
   regra não depende de breakpoint. Nunca renderizar contador dentro do menu. */
.cf-rail .cf-navbtn[data-page="inbox"]>.cf-nav-badge,
.cf-rail .cf-navbtn[data-page="inbox"]>.cf-open-count-badge,
.cf-rail #cfInboxBadge,
.cf-rail #cfInboxOpenCount{display:none!important}

/* Indicador principal da Inbox: aguardando/não lida. Mantém inclusive as
   conversas sem setor que o administrador precisa distribuir. */
.cf-rail #cfInboxOpenCount,.cf-rail #cfInboxOpenCountMobile{display:none!important}
.cf-rail #cfInboxBadge:not(.show){display:none!important}
.cf-rail #cfInboxBadge.show{
  position:absolute!important;display:grid!important;place-items:center!important;
  min-width:18px!important;height:18px!important;padding:0 5px!important;
  border:2px solid var(--panel,#fff)!important;border-radius:999px!important;
  font-size:8px!important;line-height:1!important;font-variant-numeric:tabular-nums;
  background:#ff6176!important;color:#fff!important;box-shadow:0 2px 5px rgba(109,30,47,.2)!important;
  z-index:3!important;
}
.cf-rail:not(.cf-rail-expanded) #cfInboxBadge.show{top:4px!important;left:auto!important;right:4px!important;bottom:auto!important;transform:none!important}
.cf-rail.cf-rail-expanded #cfInboxBadge.show{top:50%!important;right:12px!important;left:auto!important;bottom:auto!important;transform:translateY(-50%)!important}

/* Histórico completo: regras essenciais vivem junto à tela de atendimento.
   Assim o painel não depende de um CSS opcional e nunca pode ser inserido
   como conteúdo solto no rodapé da página. */
#cfContactHistoryOverlay.cf-hist-overlay{position:fixed!important;inset:0!important;z-index:2147483647!important;display:flex!important;justify-content:flex-end!important;isolation:isolate!important;color:var(--text,#1c2940)!important;font-family:inherit!important}
#cfContactHistoryOverlay .cf-hist-backdrop{position:absolute!important;inset:0!important;background:rgba(11,23,45,.44)!important}
#cfContactHistoryOverlay .cf-hist-panel{position:relative!important;width:min(560px,100%)!important;height:100%!important;display:flex!important;flex-direction:column!important;background:var(--panel,#fff)!important;box-shadow:-18px 0 52px rgba(7,24,45,.17)!important;overflow:hidden!important}
#cfContactHistoryOverlay .cf-hist-top{flex:0 0 auto!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:20px 24px!important;border-bottom:1px solid rgba(128,145,170,.20)!important;background:rgba(138,155,184,.07)!important}
#cfContactHistoryOverlay .cf-hist-top small{display:block!important;font-size:11px!important;letter-spacing:.05em!important;color:var(--muted,#667892)!important}
#cfContactHistoryOverlay .cf-hist-top h2{font-size:19px!important;font-weight:760!important;line-height:1.2!important;margin:5px 0 0!important}
#cfContactHistoryOverlay .cf-hist-top button{width:36px!important;height:36px!important;flex:0 0 36px!important;border:1px solid rgba(117,140,168,.25)!important;border-radius:11px!important;background:transparent!important;color:inherit!important;cursor:pointer!important}
#cfContactHistoryOverlay .cf-hist-content{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overscroll-behavior:contain!important;padding:22px 24px 34px!important;-webkit-overflow-scrolling:touch!important}
#cfContactHistoryOverlay .cf-hist-loading,#cfContactHistoryOverlay .cf-hist-error{display:grid!important;justify-items:center!important;text-align:center!important;gap:12px!important;padding:70px 18px!important;color:var(--muted,#708299)!important;font-size:13px!important}
#cfContactHistoryOverlay .cf-hist-person{display:flex!important;align-items:center!important;gap:14px!important;margin:0 0 18px!important}
#cfContactHistoryOverlay .cf-hist-avatar{display:grid!important;place-items:center!important;flex:0 0 58px!important;width:58px!important;height:58px!important;border-radius:18px!important;object-fit:cover!important;background:linear-gradient(140deg,#2464df,#7958f6)!important;color:#fff!important;font-size:18px!important;font-weight:800!important}
#cfContactHistoryOverlay .cf-hist-person-info{min-width:0!important}
#cfContactHistoryOverlay .cf-hist-person h3{margin:0 0 4px!important;font-size:17px!important;line-height:1.25!important}
#cfContactHistoryOverlay .cf-hist-person small{display:block!important;margin:0 0 5px!important;font-size:11px!important;color:var(--muted,#667892)!important}
#cfContactHistoryOverlay .cf-hist-phone{font-size:18px!important;font-weight:760!important;letter-spacing:.01em!important;word-break:break-word!important;color:var(--text,#152747)!important}
#cfContactHistoryOverlay .cf-hist-copy{margin-top:4px!important;border:0!important;background:transparent!important;color:#2877ea!important;font-size:11px!important;font-weight:700!important;cursor:pointer!important;padding:3px 0!important}
#cfContactHistoryOverlay .cf-hist-meta{display:grid!important;gap:8px!important;margin:0!important;padding:12px 13px!important;border:1px solid rgba(123,146,172,.17)!important;border-radius:13px!important;background:rgba(119,149,183,.07)!important;font-size:11px!important;line-height:1.4!important;word-break:break-word!important}
#cfContactHistoryOverlay .cf-hist-content h4{margin:21px 0 11px!important;font-size:13px!important;font-weight:760!important}
#cfContactHistoryOverlay .cf-hist-stats{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
#cfContactHistoryOverlay .cf-hist-stat{min-width:0!important;padding:13px!important;border:1px solid rgba(121,149,185,.22)!important;border-radius:13px!important;background:rgba(132,154,185,.055)!important}
#cfContactHistoryOverlay .cf-hist-stat span{display:block!important;margin-bottom:6px!important;font-size:10px!important;font-weight:650!important;color:var(--muted,#667892)!important}
#cfContactHistoryOverlay .cf-hist-stat strong{font-size:23px!important;font-weight:780!important;font-variant-numeric:tabular-nums!important}
#cfContactHistoryOverlay .cf-hist-note{margin:11px 0 6px!important;font-size:11px!important;line-height:1.5!important;color:var(--muted,#78859a)!important}
#cfContactHistoryOverlay .cf-hist-section-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;margin-top:18px!important}
#cfContactHistoryOverlay .cf-hist-section-head h4{margin:0!important}.cf-hist-section-head small{font-size:10px!important;color:var(--muted,#73849b)!important}
#cfContactHistoryOverlay .cf-hist-timeline{display:grid!important;gap:9px!important;margin-top:10px!important}
#cfContactHistoryOverlay .cf-hist-entry{padding:12px!important;border:1px solid rgba(120,143,174,.21)!important;border-radius:13px!important;background:rgba(130,151,179,.045)!important;font-size:11px!important}
#cfContactHistoryOverlay .cf-hist-entry-top{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;margin-bottom:7px!important}
#cfContactHistoryOverlay .cf-hist-entry-top strong{min-width:0!important;overflow-wrap:anywhere!important;color:#3e83e8!important;font-size:11px!important}
#cfContactHistoryOverlay .cf-hist-entry-top span{flex:0 0 auto!important;border-radius:20px!important;background:rgba(70,135,220,.1)!important;padding:4px 7px!important;font-size:9px!important;font-weight:650!important}
#cfContactHistoryOverlay .cf-hist-entry small{display:block!important;margin-top:5px!important;font-size:10px!important;color:var(--muted,#718199)!important;line-height:1.45!important}
#cfContactHistoryOverlay .cf-hist-open-chat{margin-top:8px!important;border:0!important;background:transparent!important;color:#2879ee!important;font-size:10px!important;font-weight:700!important;padding:0!important;cursor:pointer!important}
#cfContactHistoryOverlay .cf-hist-admin-pendencias{margin:0 0 13px!important;font-size:10px!important}

/* Ação de histórico centralizada no painel do contato. */
.cf-detail-history-button{width:min(100%,220px)!important;margin:2px auto 12px!important}
@media(max-width:600px){#cfContactHistoryOverlay .cf-hist-panel{width:100%!important;max-height:100dvh!important}#cfContactHistoryOverlay .cf-hist-top{padding:max(16px,env(safe-area-inset-top,0px)) 16px 16px!important}#cfContactHistoryOverlay .cf-hist-content{padding:16px 16px calc(28px + env(safe-area-inset-bottom,0px))!important}}

/* Novo atendimento no celular: o rodapé do modal fica acima da navegação e
   somente o formulário rola. Evita cortar o botão Enviar em telas com notch. */
@media(max-width:780px){
  body:has(#cfModal #mSubject) #cfMobilebar{display:none!important}
  #cfModalBack:has(#mSubject).show{
    position:fixed!important;inset:0!important;z-index:10050!important;
    display:flex!important;align-items:center!important;justify-content:center!important;
    padding:max(12px,env(safe-area-inset-top,0px)) 12px max(12px,env(safe-area-inset-bottom,0px))!important;
    overflow:hidden!important;box-sizing:border-box!important;
  }
  #cfModalBack:has(#mSubject) #cfModal{
    width:min(100%,440px)!important;max-height:calc(100dvh - 24px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))!important;
    display:flex!important;flex-direction:column!important;overflow:hidden!important;
  }
  #cfModalBack:has(#mSubject) .cf-modal-head,
  #cfModalBack:has(#mSubject) .cf-modal-foot{flex:0 0 auto!important}
  #cfModalBack:has(#mSubject) .cf-modal-body{
    flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;
    overscroll-behavior:contain;-webkit-overflow-scrolling:touch;
  }
  #cfModalBack:has(#mSubject) .cf-modal-foot{
    position:relative!important;inset:auto!important;padding-bottom:max(12px,env(safe-area-inset-bottom,0px))!important;
    background:var(--panel)!important;border-top:1px solid var(--line)!important;
  }
}

.cf-hist-admin-success{padding:24px 12px;text-align:center;display:grid;gap:8px;justify-items:center}
.cf-hist-admin-success>i{color:#21aa73;font-size:29px}
.cf-hist-admin-success strong{font-size:16px}
.cf-hist-admin-success p{font-size:13px;line-height:1.5;max-width:420px;margin:0}
.cf-hist-admin-success small{color:var(--muted,#697b93);font-size:11px}

/* Reserva a barra de status inclusive ao sair do teclado do login no iOS. */
@media(max-width:780px){
  #cfShell.cf-shell{padding-top:env(safe-area-inset-top,0px)!important;box-sizing:border-box!important}
  #cfShell .cf-stage.no-pad{flex:1;min-height:0}
  #cfShell .cf-stage.no-pad>.cf-inbox{height:100%!important;min-height:0}
  #cfLoginGate input{font-size:16px!important}
}

.cf-contact-blocked{display:inline-flex;align-items:center;gap:4px;max-width:100%;padding:3px 7px;border:1px solid rgba(240,65,85,.25);border-radius:999px;background:rgba(240,65,85,.10);color:var(--red,#e54155);font-size:10px;font-weight:700;line-height:1.2;white-space:nowrap}#cfChatHead>.cf-grow>.cf-contact-blocked{margin-top:5px}.cf-conv-meta-row>.cf-contact-blocked{font-size:8px}

/* ===== Lembretes ===== */
/* Lembretes: estilos especificos da tela.
   Os estilos existentes permanecem em public/styles para preservar o visual.
   Adicione ajustes exclusivos deste modulo aqui. */
/* Resumo diário do Planner */
.cf-day-panel .cf-day-footer{flex-wrap:wrap}.cf-day-ack{flex:0 0 100%;display:flex;align-items:flex-start;gap:10px;cursor:pointer;font-size:12px;line-height:1.6;color:var(--day-muted)}.cf-day-ack input{width:17px;height:17px;flex:none;margin:1px 0 0;accent-color:#5673e6;cursor:pointer}.cf-day-ack:has(input:disabled){opacity:.55;cursor:wait}.cf-day-panel input:focus-visible{outline:3px solid #92adff;outline-offset:3px}
.cf-day-backdrop{position:fixed;inset:0;z-index:9800;display:grid;place-items:center;padding:24px;background:rgba(12,22,47,.48);backdrop-filter:blur(12px);overscroll-behavior:contain;touch-action:pan-y}
.cf-day-warning{padding:14px;border:1px solid #d9a44755;background:#d9a44712;border-radius:12px;color:var(--day-ink);font-size:12px;line-height:1.7;margin-bottom:18px}.cf-day-warning button{margin-top:8px;display:block}
.cf-day-panel{--day-panel:var(--panel,#fff);--day-ink:var(--text,#202d47);--day-muted:var(--muted,#75839a);--day-line:var(--line,#e8edf5);width:min(760px,100%);max-height:calc(100dvh - 48px);display:flex;flex-direction:column;overflow:hidden;background:var(--day-panel);color:var(--day-ink);border:1px solid rgba(255,255,255,.3);border-radius:28px;box-shadow:0 32px 100px rgba(8,20,53,.3);animation:cfDayEnter .28s ease-out}
.cf-day-hero{position:relative;isolation:isolate;flex:none;padding:26px 34px 30px;color:#fff;background:linear-gradient(115deg,#153b74,#3557af 62%,#7051bb);overflow:hidden}
.cf-day-hero:after{content:"";position:absolute;width:320px;height:320px;right:-100px;top:14px;border:1px solid #ffffff24;border-radius:50%;box-shadow:0 0 0 36px #ffffff07,0 0 0 72px #ffffff05;z-index:-1;pointer-events:none}
.cf-day-topline{display:flex;align-items:center;justify-content:space-between;gap:12px}.cf-day-eyebrow{font-size:10px;font-weight:800;letter-spacing:1.7px;display:flex;align-items:center;gap:8px}.cf-day-close{width:34px;height:34px;display:grid;place-items:center;border:1px solid #ffffff30;border-radius:50%;color:#fff;background:#ffffff12;cursor:pointer}.cf-day-close:hover{background:#ffffff28}
.cf-day-date{margin:22px 0 10px!important;font-size:12px;color:#d1def7;text-transform:capitalize}.cf-day-hero h2{margin:0;font-size:30px;line-height:1.28;letter-spacing:-.8px;color:#fff}.cf-day-hero h2 span{font-weight:400;color:#e4eaff}.cf-day-hero #cfDayDescription{margin:12px 0 0;color:#d1def7;font-size:12px;line-height:1.6}
.cf-day-body{overflow-y:auto;min-height:0;padding:24px 34px;overscroll-behavior:contain;scrollbar-gutter:stable}.cf-day-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:22px}.cf-day-stats>div{display:flex;flex-direction:column;gap:5px;padding:0 16px;border-left:1px solid var(--day-line)}.cf-day-stats>div:first-child{padding-left:0;border:0}.cf-day-stats strong{font-size:26px;line-height:1.2;letter-spacing:-1px}.cf-day-stats span{font-size:11px;color:var(--day-muted);line-height:1.5}.cf-day-stats .has-late strong{color:#dd8740}
.cf-day-next{padding:18px 20px;border:1px solid #6a87ef44;background:linear-gradient(115deg,#6686ed10,#9874e610);border-radius:17px;margin-bottom:26px}.cf-day-next>.cf-day-eyebrow{color:#6888e8;font-size:9px}.cf-day-next>div{display:flex;gap:18px;align-items:center;margin-top:12px}.cf-day-next-time{font-size:25px;font-weight:800;letter-spacing:-1px;color:#6888e8;white-space:nowrap}.cf-day-next h3{margin:0;font-size:15px;line-height:1.4;overflow-wrap:anywhere}.cf-day-next p{margin:4px 0 0;color:var(--day-muted);font-size:11px}.cf-day-next>div>i{margin-left:auto;font-size:26px;color:#8c9cda;flex:none}
.cf-day-section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.cf-day-section-title h3{margin:0;font-size:14px}.cf-day-section-title>span{font-size:10px;color:var(--day-muted);border:1px solid var(--day-line);border-radius:20px;padding:4px 10px}.cf-day-items,.cf-day-late ul{list-style:none;margin:0;padding:0}.cf-day-item{display:flex;align-items:center;gap:12px;padding:16px 0;border-bottom:1px solid var(--day-line)}.cf-day-item:last-child{border:0}.cf-day-time{width:54px;flex:none;font-size:11px;font-weight:700;color:var(--day-muted)}.cf-day-dot{width:7px;height:7px;flex:none;background:var(--day-accent);border-radius:50%;box-shadow:0 0 0 4px color-mix(in srgb,var(--day-accent) 10%,transparent)}.cf-day-item>div{flex:1;min-width:0}.cf-day-item strong{display:block;font-size:12px;line-height:1.5;overflow-wrap:anywhere}.cf-day-item small{display:block;margin-top:3px;color:var(--day-muted);font-size:10px;line-height:1.5;overflow-wrap:anywhere}.cf-day-status{font-size:9px;color:var(--day-muted);white-space:nowrap}.cf-day-item.is-done strong{color:var(--day-muted);text-decoration:line-through}.cf-day-item.is-done .cf-day-status{color:#20ab82}
.cf-day-empty{display:flex;align-items:center;flex-direction:column;text-align:center;padding:30px 18px;gap:12px}.cf-day-empty>i{font-size:25px;color:#8099de;padding:16px;background:#8099de12;border-radius:18px}.cf-day-empty strong{font-size:15px}.cf-day-empty p{max-width:390px;margin:0;color:var(--day-muted);line-height:1.7;font-size:12px}.cf-day-loading{min-height:150px;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--day-muted);font-size:12px}.cf-day-late{margin-top:16px;border-top:1px solid var(--day-line);padding-top:16px}.cf-day-late summary{cursor:pointer;color:#c7833f;font-size:12px;font-weight:600}.cf-day-late summary i{margin-right:7px}
.cf-day-footer{flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 34px;border-top:1px solid var(--day-line);background:var(--day-panel)}.cf-day-footer button{font:inherit;font-size:12px;font-weight:700;border-radius:11px;cursor:pointer;padding:12px 17px}.cf-day-continue{order:2;display:flex;align-items:center;justify-content:center;gap:10px;min-width:178px;border:0;color:#fff;background:linear-gradient(110deg,#3478ec,#6859d8);box-shadow:0 5px 14px #4c6fe02a}.cf-day-continue:after{content:"\f061";font-family:"Font Awesome 6 Free";font-weight:900}.cf-day-primary{order:1;display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid #cbd8f1;color:#4269bf;background:transparent;box-shadow:none}.cf-day-primary:hover{background:#edf3ff;border-color:#9fb8e9}.cf-day-panel button:focus-visible,.cf-day-panel summary:focus-visible{outline:3px solid #92adff;outline-offset:3px}
@keyframes cfDayEnter{from{opacity:0;transform:translateY(14px) scale(.99)}to{opacity:1;transform:none}}
@media(max-width:600px){.cf-day-backdrop{padding:max(10px,env(safe-area-inset-top)) 10px max(10px,env(safe-area-inset-bottom))}.cf-day-panel{border-radius:22px;max-height:calc(100dvh - max(10px,env(safe-area-inset-top)) - max(10px,env(safe-area-inset-bottom)))}.cf-day-hero{padding:18px 22px 23px}.cf-day-hero h2{font-size:24px}.cf-day-date{margin-top:14px!important}.cf-day-body{padding:21px 22px}.cf-day-footer{padding:14px 18px;flex-wrap:wrap}.cf-day-footer button{flex:1;white-space:normal;min-width:120px;font-size:11px;padding:12px 8px}.cf-day-stats{gap:7px}.cf-day-stats>div{padding:0 10px}.cf-day-stats span{font-size:10px}.cf-day-next{padding:16px}.cf-day-next-time{font-size:22px}.cf-day-next>div{gap:12px}.cf-day-next>div>i{display:none}.cf-day-status{display:none}.cf-day-item{gap:10px}.cf-day-time{width:46px}.cf-day-eyebrow{font-size:9px;letter-spacing:1.1px}}
/* O resumo diário é uma camada própria: a navegação fixa do app não pode
   atravessar o rodapé do painel em iPhone/Android. */
body:has(#cfDayWelcome) #cfMobilebar{display:none!important}
@media(max-width:600px){
  .cf-day-backdrop{z-index:2147483647!important;align-items:center!important}
  .cf-day-panel{width:100%;height:auto;max-height:calc(100dvh - max(16px,env(safe-area-inset-top)) - max(16px,env(safe-area-inset-bottom));border-radius:20px}
  .cf-day-body{padding:18px 20px;overflow-y:auto}
  .cf-day-empty{padding:24px 12px}.cf-day-empty p{max-width:300px}
  .cf-day-footer{padding:12px 16px calc(12px + env(safe-area-inset-bottom))}
}
@media(prefers-reduced-motion:reduce){.cf-day-panel{animation:none}.cf-day-loading .fa-spin{animation:none}}

/* ===== Contatos ===== */
/* Contatos: estilos especificos da tela.
   Os estilos existentes permanecem em public/styles para preservar o visual.
   Adicione ajustes exclusivos deste modulo aqui. */

.cf-blocked-contact{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}.cf-blocked-contact>div{min-width:0}.cf-blocked-contact strong{display:block;overflow-wrap:anywhere}.cf-blocked-contact small{display:block;color:var(--muted);margin-top:5px}.cf-blocked-contact button{flex-shrink:0}@media(max-width:480px){.cf-blocked-contact{align-items:flex-start;flex-direction:column}.cf-blocked-contact button{width:100%}}

.cf-contact-block-editor{padding:12px;margin:0 0 14px;border:1px solid var(--line);border-radius:12px;font-size:11px}.cf-contact-block-editor label{display:grid;gap:6px;color:var(--muted)}.cf-contact-block-editor select{width:100%;min-height:38px;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--text);padding:6px}.cf-contact-block-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;flex-wrap:wrap}

/* ===== Setores ===== */
/* Setores: estilos especificos da tela.
   Os estilos existentes permanecem em public/styles para preservar o visual.
   Adicione ajustes exclusivos deste modulo aqui. */

/* ===== Canais ===== */
/* Canais: estilos especificos da tela.
   Os estilos existentes permanecem em public/styles para preservar o visual.
   Adicione ajustes exclusivos deste modulo aqui. */

/* ===== Estrutura ===== */
/* Estrutura: estilos especificos da tela.
   Os estilos existentes permanecem em public/styles para preservar o visual.
   Adicione ajustes exclusivos deste modulo aqui. */

/* ===== Kanban ===== */
/* Kanban: estilos especificos da tela.
   Os estilos existentes permanecem em public/styles para preservar o visual.
   Adicione ajustes exclusivos deste modulo aqui. */

/* ===== Equipe ===== */
/* Cadastro de atendentes: modal com rodape sempre visivel.
   Escopo exclusivo: .cf-modal-team (nao afeta contatos, canais e outras telas). */
#cfModal.cf-modal-team {
  width: min(620px, calc(100vw - 24px));
  max-height: min(88dvh, 820px) !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
}
#cfModal.cf-modal-team .cf-modal-head {
  flex: 0 0 auto !important;
}
#cfModal.cf-modal-team .cf-modal-body {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  overscroll-behavior: contain;
}
#cfModal.cf-modal-team .cf-modal-foot {
  flex: 0 0 auto !important;
  position: relative !important;
  z-index: 2;
  background: var(--panel) !important;
  border-top: 1px solid var(--line);
  box-shadow: 0 -8px 20px rgba(20, 32, 55, .045);
}

/* Selecao compacta dos setores no cadastro de atendentes. */
#cfModal.cf-modal-team .cf-sector-select-wrap {
  min-width: 0;
  padding: 12px 13px;
  margin: 0;
  border: 1px solid var(--line);
  border-radius: 13px;
  background: var(--panel2);
}
#cfModal.cf-modal-team .cf-sector-select-head {
  margin-bottom: 10px;
  flex-wrap: wrap;
  gap: 6px;
}
#cfModal.cf-modal-team .cf-sector-select-head > label {
  font-size: 11px;
  font-weight: 750;
  color: var(--text);
}
#cfModal.cf-modal-team .cf-sector-select-count {
  padding: 0 8px;
  height: 21px;
  font-size: 9px;
  font-weight: 700;
  border-radius: 7px;
}
#cfModal.cf-modal-team .cf-sector-select-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
}
#cfModal.cf-modal-team .cf-sector-select-card,
html[data-theme=light] #cfModal.cf-modal-team .cf-sector-select-card {
  /* Sobrescreve .cf-field label { display:block } do formulario. */
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start;
  min-width: 0;
  min-height: 37px;
  padding: 7px 10px;
  gap: 8px;
  border: 1px solid var(--line);
  border-radius: 9px;
  background: var(--panel);
  box-shadow: none;
  transform: none;
  transition: background .15s, border-color .15s;
}
#cfModal.cf-modal-team .cf-sector-select-card:hover {
  transform: none;
  box-shadow: none;
  border-color: color-mix(in srgb, var(--sector-color) 48%, var(--line));
}
#cfModal.cf-modal-team .cf-sector-select-box {
  width: 17px;
  min-width: 17px;
  height: 17px;
  border-radius: 5px;
  background: var(--panel);
  border: 1px solid var(--line);
  box-shadow: none;
}
#cfModal.cf-modal-team .cf-sector-select-box i {
  font-size: 10px;
}
#cfModal.cf-modal-team .cf-sector-select-dot {
  width: 6px;
  min-width: 6px;
  height: 6px;
  box-shadow: none;
}
#cfModal.cf-modal-team .cf-sector-select-name {
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  min-width: 0;
  gap: 7px;
}
#cfModal.cf-modal-team .cf-sector-select-box,
#cfModal.cf-modal-team .cf-sector-select-dot {
  flex-shrink: 0;
}
#cfModal.cf-modal-team .cf-sector-select-name strong {
  font-size: 10.5px;
  font-weight: 700;
  color: var(--text);
}
#cfModal.cf-modal-team .cf-sector-select-card:has(input:checked),
html[data-theme=light] #cfModal.cf-modal-team .cf-sector-select-card:has(input:checked) {
  border-color: color-mix(in srgb, var(--sector-color) 52%, var(--line));
  background: color-mix(in srgb, var(--sector-color) 7%, var(--panel));
}
#cfModal.cf-modal-team .cf-sector-select-card input:checked + .cf-sector-select-box {
  color: #fff;
  border-color: var(--sector-color);
  background: var(--sector-color);
  box-shadow: none;
}
#cfModal.cf-modal-team .cf-sector-select-card input:focus-visible + .cf-sector-select-box {
  outline: 2px solid var(--blue);
  outline-offset: 2px;
}
@media (max-width: 520px) {
  #cfModal.cf-modal-team { max-height: calc(100dvh - 18px) !important; }
  #cfModal.cf-modal-team .cf-sector-select-grid { grid-template-columns: 1fr; }
  #cfModal.cf-modal-team .cf-sector-select-card { min-height: 39px; }
  #cfModal.cf-modal-team .cf-modal-foot {
    padding-bottom: max(12px, env(safe-area-inset-bottom, 0px)) !important;
  }
}

/* Perfil ADMIN: os dois acessos sao implicitos no perfil.
   Nao alteramos os inputs nem os valores salvos ao alternar entre perfis. */
#cfModal.cf-modal-team #cfTeamIndividualAccess[hidden],
#cfModal.cf-modal-team #cfTeamAdminNotice[hidden] {
  display: none !important;
}
#cfModal.cf-modal-team .cf-team-admin-notice {
  display: flex;
  align-items: flex-start;
  gap: 11px;
  margin: 8px 0 2px;
  padding: 13px 14px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: var(--panel2);
  color: var(--text);
}
#cfModal.cf-modal-team .cf-team-admin-notice > i {
  color: var(--blue);
  font-size: 16px;
  margin-top: 1px;
}
#cfModal.cf-modal-team .cf-team-admin-notice > div {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}
#cfModal.cf-modal-team .cf-team-admin-notice strong {
  font-size: 11px;
  font-weight: 750;
}
#cfModal.cf-modal-team .cf-team-admin-notice span {
  font-size: 10px;
  line-height: 1.5;
  color: var(--muted);
}

/* ===== Respostas rápidas ===== */
/* Respostas rápidas: estilos especificos da tela.
   Os estilos existentes permanecem em public/styles para preservar o visual.
   Adicione ajustes exclusivos deste modulo aqui. */

/* ===== Planos ===== */
/* Planos: estilos especificos da tela.
   Os estilos existentes permanecem em public/styles para preservar o visual.
   Adicione ajustes exclusivos deste modulo aqui. */

/* ===== Relatórios ===== */
/* Relatórios: estilos especificos da tela.
   Os estilos existentes permanecem em public/styles para preservar o visual.
   Adicione ajustes exclusivos deste modulo aqui. */

/* ===== Configurações ===== */
/* Configurações: estilos especificos da tela.
   Os estilos existentes permanecem em public/styles para preservar o visual.
   Adicione ajustes exclusivos deste modulo aqui. */

/* ===== Leads ===== */
/* Leads: estilos especificos da tela.
   Os estilos existentes permanecem em public/styles para preservar o visual.
   Adicione ajustes exclusivos deste modulo aqui. */

/* ===== ConectSend ===== */
/* ConectSend: estilos especificos da tela.
   Os estilos existentes permanecem em public/styles para preservar o visual.
   Adicione ajustes exclusivos deste modulo aqui. */


/* ./styles/05-ajustes/43-cf-contact-history.css */
/* Painel Histórico do contato — isolado, sem interferir no chat */
.cf-hist-overlay{position:fixed;inset:0;z-index:2147483000;display:flex;justify-content:flex-end;isolation:isolate;font-family:inherit;color:var(--text,#1c2940)}
.cf-hist-backdrop{position:absolute;inset:0;background:rgba(11,23,45,.44)}
.cf-hist-panel{position:relative;width:min(560px,100%);height:100%;display:flex;flex-direction:column;background:var(--panel,#fff);background:var(--bg,#fff);box-shadow:-18px 0 52px rgba(7,24,45,.17);overflow:hidden}
.cf-hist-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 24px;border-bottom:1px solid rgba(128,145,170,.20);background:rgba(138,155,184,.07)}
.cf-hist-top small{font-size:11px;letter-spacing:.05em;color:var(--muted,#667892)}.cf-hist-top h2{font-size:19px;font-weight:760;line-height:1.2;margin:5px 0 0}
.cf-hist-top button{border:1px solid rgba(117,140,168,.25);width:36px;height:36px;border-radius:11px;background:transparent;color:inherit;cursor:pointer}
.cf-hist-content{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:22px 24px 34px;scrollbar-width:none;-ms-overflow-style:none}
.cf-hist-content::-webkit-scrollbar{width:0;height:0;display:none}
.cf-hist-nav-error{margin:0 0 14px;padding:12px;border-radius:10px;background:rgba(220,85,85,.09);color:#b83c3c;font-size:12px;font-weight:650}
.cf-hist-person{display:flex;gap:16px;align-items:center;margin:0 0 17px}.cf-hist-avatar{flex:none;width:68px;height:68px;border-radius:21px;object-fit:cover}.cf-hist-initials{display:grid;place-items:center;background:linear-gradient(140deg,#2464df,#7958f6);color:white;font-weight:800;font-size:22px}.cf-hist-person-info{min-width:0}.cf-hist-person h3{font-size:19px;line-height:1.25;margin:0 0 5px}.cf-hist-person small{display:block;color:var(--muted,#667892);margin-bottom:6px}.cf-hist-phone{font-size:25px;font-weight:790;letter-spacing:.012em;word-break:break-word;color:var(--text,#152747)}
.cf-hist-copy{border:0;padding:5px 0;background:transparent;color:#2877ea;font-size:12px;font-weight:700;cursor:pointer}.cf-hist-copy:disabled{opacity:.55;cursor:default}
.cf-hist-meta{background:rgba(119,149,183,.07);padding:13px 15px;border:1px solid rgba(123,146,172,.17);border-radius:14px;font-size:12px;display:grid;gap:10px;line-height:1.4;word-break:break-word}.cf-hist-meta i{width:18px;color:#6483ae}
.cf-hist-content h4{margin:22px 0 12px;font-size:14px;font-weight:760}.cf-hist-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.cf-hist-stat{padding:17px 15px;border:1px solid rgba(121,149,185,.22);border-radius:15px;background:rgba(132,154,185,.055);min-width:0}.cf-hist-stat span{display:block;font-size:11px;font-weight:640;color:var(--muted,#667892);margin-bottom:8px}.cf-hist-stat span i{margin-right:4px;color:#367dfa}.cf-hist-stat strong{font-size:26px;font-weight:780;font-variant-numeric:tabular-nums}
.cf-hist-note{font-size:11px;line-height:1.55;color:var(--muted,#78859a);margin:12px 0 6px}.cf-hist-section-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:11px}.cf-hist-section-head small{font-size:11px;color:var(--muted,#73849b)}
.cf-hist-timeline{display:grid;gap:10px}.cf-hist-entry{padding:14px;border-radius:14px;border:1px solid rgba(120,143,174,.21);background:rgba(130,151,179,.045);font-size:12px}.cf-hist-entry-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px}.cf-hist-entry-top strong{color:#3e83e8}.cf-hist-entry-top span{font-size:10px;border-radius:20px;background:rgba(70,135,220,.1);padding:5px 9px;font-weight:650}.cf-hist-entry small{display:block;font-size:11px;color:var(--muted,#718199);margin-top:7px}.cf-hist-open-chat{margin-top:10px;border:0;background:transparent;color:#2879ee;font-weight:700;padding:0;cursor:pointer}.cf-hist-empty{text-align:center;padding:25px;color:var(--muted,#708299)}
.cf-hist-loading,.cf-hist-error{display:grid;justify-items:center;text-align:center;gap:12px;padding:70px 18px;color:var(--muted,#708299);font-size:13px}.cf-hist-loading i{font-size:25px;color:#4389eb}.cf-hist-error i{font-size:26px;color:#df794f}.cf-hist-error p{margin:0}.cf-hist-error small{font-size:11px}
@media(max-width:600px){.cf-hist-top{padding:16px}.cf-hist-content{padding:16px 16px 28px}.cf-hist-person{gap:12px}.cf-hist-avatar{width:58px;height:58px;border-radius:16px}.cf-hist-phone{font-size:22px}.cf-hist-stats{gap:8px}.cf-hist-stat{padding:13px}.cf-hist-stat strong{font-size:22px}}

/* Atalho do histórico no cadastro: usa o painel do módulo Atendimento. */
.cf-contact-history-action{display:flex;justify-content:flex-end;margin:2px 0 12px}.cf-contact-history-action .cf-btn{display:inline-flex;align-items:center;gap:8px;font-size:12px}.cf-contact-history-action .cf-btn i{color:#347dea}

.cf-detail-history-button{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:10px}.cf-detail-history-button i{color:#347dea}

/* Conversa historica aberta fora da pagina atual: fica visivel e selecionada na lateral. */
.cf-conv.cf-history-pinned{border-left:3px solid #387cff;background:rgba(56,124,255,.085)}
.cf-conv.cf-history-pinned.active{background:rgba(56,124,255,.15);box-shadow:inset 0 0 0 1px rgba(56,124,255,.18)}
.cf-history-list-hint{font-size:10px;font-weight:750;color:#3176e3;margin-top:4px;display:flex;align-items:center;gap:5px}