/* CRM Contemplador — Agenda, Funil de vendas e Contatos (complemento do simulador) */
.crm{display:grid;gap:18px;min-width:0}
.crm h1{font-family:var(--f-title);margin:0;font-size:clamp(1.4rem,2.6vw,1.9rem)}
.crm h2{font-family:var(--f-title);margin:0;font-size:1.12rem}
.crm .bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.crm .bar select,.crm .bar input{width:auto}
.crm input[type=search]{min-width:200px}
.crm-f input[type=email],.crm-f input[type=tel],.crm-f input[type=date],.crm-f input[type=time],.crm-f textarea,.crm input[type=date]{width:100%;font-size:.98rem;color:var(--fg);background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:9px 10px;min-width:0;font-family:inherit}
.crm-f textarea{min-height:80px;background:var(--surface);font-family:inherit;font-size:.95rem}
.crm-f .g2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.crm-f .g3{display:grid;grid-template-columns:1.2fr 2fr .8fr;gap:10px}
.crm-f .g4{display:grid;grid-template-columns:2fr 1fr;gap:10px}
@media (max-width:560px){.crm-f .g2,.crm-f .g3,.crm-f .g4{grid-template-columns:1fr}}
.crm-f .ck{display:flex;gap:8px;align-items:center;font-weight:700;font-size:.92rem}
.crm-f .ck input{width:18px;height:18px;accent-color:var(--brand-ink)}
.crm-f fieldset{border:1px solid var(--line);border-radius:12px;padding:10px 12px;display:grid;gap:10px;margin:0}
.crm-f legend{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:700;padding:0 4px}

/* tipos de atividade */
.tps{display:flex;flex-wrap:wrap;gap:6px}
.tps button,.fchip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--surface);color:var(--fg);border-radius:999px;padding:6px 11px;font-weight:700;font-size:.84rem;cursor:pointer}
.tps button[aria-pressed=true],.fchip[aria-pressed=true]{background:var(--deep);border-color:var(--deep);color:#fff}
.fchip .n{background:var(--surface-2);color:var(--fg);border-radius:999px;padding:0 7px;font-size:.75rem}
.fchip[aria-pressed=true] .n{background:rgba(255,255,255,.18);color:#fff}
.ti{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;color:#fff;flex:none}
.ti.sm{width:22px;height:22px;border-radius:7px}
.ti svg{display:block}

/* lista da agenda */
.ag-grp{display:grid;gap:0}
.ag-grp>h3{margin:0;padding:8px 2px;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);display:flex;gap:8px;align-items:center}
.ag-grp>h3.late{color:var(--bad)}
.ag-grp>h3.today{color:var(--brand-ink)}
.ag-it{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 6px;border-top:1px solid var(--line)}
.ag-it:hover{background:var(--surface-2)}
.ag-it .chk{width:22px;height:22px;accent-color:var(--brand-ink);cursor:pointer}
.ag-it .tx{min-width:0;cursor:pointer}
.ag-it .tx b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ag-it .tx small{color:var(--muted);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ag-it.done .tx b{text-decoration:line-through;color:var(--muted)}
.ag-it .when{font-family:var(--f-num);font-weight:700;font-size:.9rem;text-align:right;white-space:nowrap}
.ag-it.late .when{color:var(--bad)}
.ag-it .acts{display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap}
.lnk{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--line);border-radius:8px;padding:4px 8px;font-size:.8rem;font-weight:700;color:var(--fg);text-decoration:none;background:var(--surface);cursor:pointer}
.lnk.wa{border-color:#1FA855;color:#14843F}
.lnk:hover{background:var(--surface-2)}
@media (max-width:640px){.ag-it{grid-template-columns:auto auto minmax(0,1fr)}.ag-it .side2{grid-column:3}.ag-it .when{text-align:left}}

/* semana */
.wk{display:grid;grid-template-columns:repeat(7,minmax(140px,1fr));gap:8px;overflow-x:auto;padding-bottom:4px}
.wkd{background:var(--surface);border:1px solid var(--line);border-radius:12px;min-height:220px;display:flex;flex-direction:column}
.wkd.hoje{border-color:var(--brand-ink);box-shadow:0 0 0 1px var(--brand-ink) inset}
.wkd header{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;border-bottom:1px solid var(--line)}
.wkd header b{font-family:var(--f-num)}
.wkd header small{color:var(--muted);text-transform:capitalize}
.wkd .bd{padding:6px;display:grid;gap:6px;align-content:start;flex:1}
.wkc{border-radius:8px;padding:6px 8px;background:var(--surface-2);border-left:4px solid var(--c);font-size:.82rem;cursor:pointer;display:grid;gap:2px}
.wkc b{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wkc small{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wkc.done{opacity:.55}
.wkc.done b{text-decoration:line-through}
.wkd .add{border:0;background:transparent;color:var(--brand-ink);font-weight:800;cursor:pointer;font-size:1.1rem;line-height:1}

/* funil (kanban) */
.kb{display:grid;grid-template-columns:repeat(7,minmax(230px,1fr));gap:12px;overflow-x:auto;padding-bottom:6px;align-items:start}
.kcol{background:var(--surface-2);border:1px solid var(--line);border-radius:14px;display:flex;flex-direction:column;min-height:300px}
.kcol>header{padding:12px 12px 8px;display:grid;gap:2px;border-bottom:3px solid var(--kc)}
.kcol>header b{font-family:var(--f-title);font-size:1rem}
.kcol>header small{color:var(--muted)}
.kcol .bd{padding:8px;display:grid;gap:8px;align-content:start;flex:1;min-height:120px}
.kcol.over{outline:2px dashed var(--brand-ink);outline-offset:-4px}
.kcard{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:10px 12px;display:grid;gap:4px;cursor:grab;box-shadow:var(--card-shadow)}
.kcard:active{cursor:grabbing}
.kcard.drag{opacity:.4}
.kcard b{font-size:.95rem}
.kcard .cl{color:var(--muted);font-size:.84rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kcard .vl{font-family:var(--f-num);font-weight:700}
.kcard .nx{font-size:.78rem;display:flex;gap:6px;align-items:center;color:var(--muted)}
.kcard .nx.late{color:var(--bad);font-weight:700}
.kcard .nx.none{color:var(--warn);font-weight:700}
.kcard .ft{display:flex;justify-content:space-between;align-items:center;gap:6px}
.av.xs{width:24px;height:24px;font-size:.7rem}
.stt{font-size:.72rem;font-weight:800;border-radius:999px;padding:2px 8px;text-transform:uppercase;letter-spacing:.05em}
.stt.ganho{background:var(--ok-soft);color:var(--ok)}
.stt.perdido{background:var(--bad-soft);color:var(--bad)}
.stt.aberto{background:var(--surface-2);color:var(--muted)}

/* contatos */
.ctbl{width:100%;border-collapse:collapse;font-size:.92rem}
.ctbl th,.ctbl td{padding:9px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}
.ctbl td small{color:var(--muted)}
.ctbl .nw{white-space:nowrap}
.det{display:grid;gap:14px}
.det .hd{display:flex;gap:12px;align-items:center}
.det .hd .av{width:46px;height:46px;font-size:1.1rem}
.det .info{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px 16px}
.det .info div{display:grid;gap:1px;min-width:0}
.det .info span{font-size:.72rem;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);font-weight:700}
.det .info b{font-weight:600;overflow-wrap:anywhere}
.det .sec{display:grid;gap:6px}
.det .sec h3{margin:0;font-size:.95rem;font-family:var(--f-title);display:flex;justify-content:space-between;align-items:center;gap:8px}
.mini{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:7px 4px;border-top:1px solid var(--line);cursor:pointer;font-size:.9rem}
.mini:hover{background:var(--surface-2)}
.mini small{color:var(--muted)}
.mini.done b{text-decoration:line-through;color:var(--muted)}

/* painel: agenda de hoje */
.crm-dash .kpis{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}
.crm-dash .kpi2.bad .v{color:var(--bad)}
.tteam{width:100%;border-collapse:collapse;font-size:.9rem}
.tteam th,.tteam td{padding:8px;border-bottom:1px solid var(--line);text-align:left}
.tteam td.n,.tteam th.n{text-align:right;font-family:var(--f-num)}
.tteam td.bad{color:var(--bad);font-weight:700}
.tteam tbody tr{cursor:pointer}
.crm .load{padding:30px;text-align:center;color:var(--muted)}
.drop{border:2px dashed var(--line);border-radius:12px;padding:18px;text-align:center;color:var(--muted)}

/* contato novo junto com a atividade */
.crm-nc{border:1px dashed var(--brand-ink);border-radius:12px;padding:10px 12px;display:grid;gap:10px;background:var(--accent-soft)}
.crm-nc[hidden]{display:none}

/* painel: atividades do dia em destaque */
.hoje-hero{background:linear-gradient(135deg,var(--deep) 0%,#33373D 100%);color:#fff;border-radius:18px;padding:22px 26px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;box-shadow:var(--card-shadow)}
.hh-main{display:grid;gap:10px;min-width:0}
.hh-dia{font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;color:#9AA0A8;font-weight:700}
.hh-big{display:flex;align-items:center;gap:16px}
.hh-big>b{font-family:var(--f-num);font-size:clamp(3.6rem,8vw,5.4rem);line-height:.9;color:#EC7000}
.hh-big span{display:block;color:#9AA0A8;font-weight:700}
.hh-big strong{display:block;font-family:var(--f-title);font-size:clamp(1.2rem,2.4vw,1.6rem);font-weight:700;line-height:1.15}
.hh-sub{display:flex;flex-wrap:wrap;gap:8px}
.hh-sub span{background:rgba(255,255,255,.1);border-radius:999px;padding:4px 11px;font-size:.84rem;font-weight:700}
.hh-sub .hh-late{background:#B3261E;color:#fff}
.hoje-hero .btn.hh-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.35)}
.hh-ring{position:relative;width:150px;height:150px;flex:none}
.hh-ring>div{position:absolute;inset:0;display:grid;place-content:center;text-align:center}
.hh-ring b{font-family:var(--f-num);font-size:2rem;color:#fff}
.hh-ring span{font-size:.75rem;color:#9AA0A8;font-weight:700}
.tipo-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:10px}
.tt{display:grid;justify-items:start;gap:4px;background:var(--surface);border:1px solid var(--line);border-top:4px solid var(--tc);border-radius:14px;padding:12px 14px;cursor:pointer;text-align:left;color:var(--fg);font:inherit;box-shadow:var(--card-shadow)}
.tt:hover{border-color:var(--tc)}
.tt b{font-family:var(--f-num);font-size:2rem;line-height:1}
.tt span{font-size:.84rem;font-weight:700;color:var(--muted)}
.tt small{color:var(--bad);font-weight:700;font-size:.75rem}
.tt.zero{opacity:.5;box-shadow:none}
@media (max-width:600px){.hh-ring{width:110px;height:110px}.hh-ring svg{width:110px;height:110px}}

/* aviso de novidades */
.nv{display:grid;gap:14px}
.nv h3{margin:4px 0 0;font-family:var(--f-title);font-size:1.05rem}
.nv-top{background:var(--deep);color:#fff;border-radius:14px;padding:16px 18px;display:grid;gap:8px}
.nv-top p{margin:0;line-height:1.5}
.nv-tag{justify-self:start;background:#EC7000;color:#1E2125;font-weight:800;font-size:.72rem;letter-spacing:.1em;border-radius:999px;padding:3px 10px}
.nv-ps{display:grid;gap:8px}
.nv-p{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;background:var(--surface-2);border-radius:12px;padding:10px 12px}
.nv-p>span{width:28px;height:28px;border-radius:50%;background:var(--brand-ink);color:#fff;display:grid;place-items:center;font-weight:800}
.nv-p b{display:block}
.nv-p small{color:var(--muted);font-size:.86rem;line-height:1.4;display:block}
.nv-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}
.nv-g>div{border:1px solid var(--line);border-radius:12px;padding:12px;display:grid;gap:6px;align-content:start}
.nv-g small{color:var(--muted);font-size:.84rem;line-height:1.4}


/* ===== Funil visual + comemoração (08/10/2026) ===== */
.kcol>header{background:linear-gradient(135deg,#0f3d2e,#1f7a4d)!important;border-radius:12px 12px 0 0!important;padding:16px 14px 12px!important;border-bottom:5px solid var(--kc,#d4af37)!important;box-shadow:0 4px 12px rgba(15,61,46,.25)}
.kcol>header b{text-transform:uppercase;color:#fff!important;font-size:18px!important;font-weight:900!important;letter-spacing:1.5px;display:block;text-shadow:0 2px 4px rgba(0,0,0,.25)}
.kcol>header small{display:inline-block;margin-top:6px;background:rgba(255,255,255,.15);color:#f4d03f!important;font-weight:700;font-size:12px!important;padding:3px 10px;border-radius:12px;letter-spacing:.3px}
.kcard>b{text-transform:uppercase;font-size:15px!important;letter-spacing:.4px;color:#0f3d2e!important;font-weight:800!important;display:block;border-left:4px solid #1f7a4d;padding-left:8px;margin-bottom:4px}
.kcard .cl{text-transform:uppercase;font-size:11px;letter-spacing:.3px}
.kcard .vl{background:linear-gradient(135deg,#1f7a4d,#2fa36b)!important;color:#fff!important;padding:5px 12px!important;border-radius:20px!important;font-size:17px!important;font-weight:800!important;box-shadow:0 3px 10px rgba(31,122,77,.35)}
#anCel{position:fixed;inset:0;z-index:999999;display:flex;align-items:center;justify-content:center;background:rgba(5,30,20,.55);backdrop-filter:blur(3px);animation:anIn .4s}
#anCel canvas{position:absolute;inset:0;pointer-events:none}
#anBox{position:relative;background:#fff;border-radius:24px;padding:36px 48px;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,.4);animation:anPop .6s cubic-bezier(.2,1.6,.4,1);border:4px solid #d4af37;max-width:90vw}
#anBox .t{font-size:44px;font-weight:900;color:#0f3d2e;letter-spacing:1px}
#anBox .s{font-size:18px;color:#555;margin-top:6px}
#anBox .v{font-size:56px;font-weight:900;background:linear-gradient(135deg,#b8860b,#f4d03f,#b8860b);-webkit-background-clip:text;background-clip:text;color:transparent;margin-top:12px}
#anBox .bar{height:6px;background:#eee;border-radius:3px;margin-top:20px;overflow:hidden}
#anBox .bar i{display:block;height:100%;background:#1f7a4d;width:100%;animation:anBar 40s linear forwards}
#anBox button{margin-top:14px;border:0;background:none;color:#888;cursor:pointer;font-size:13px}
@media(max-width:600px){#anBox{padding:24px 20px}#anBox .t{font-size:28px}#anBox .v{font-size:38px}}
@keyframes anIn{from{opacity:0}}@keyframes anPop{from{transform:scale(.3);opacity:0}}@keyframes anBar{to{width:0}}


/* ===== Atividades atrasadas em destaque (08/10/2026) ===== */
@keyframes anPulse{0%,100%{box-shadow:0 0 0 0 rgba(220,38,38,.55)}50%{box-shadow:0 0 0 6px rgba(220,38,38,0)}}
.ag-it.late{background:#fee2e2!important;border-left:6px solid #dc2626!important;border-radius:8px;padding-left:10px!important;margin:4px 0;animation:anPulse 2s infinite}
.ag-it.late b{color:#991b1b!important;text-transform:uppercase}
.ag-it.late .when,.ag-it.late small{color:#b91c1c!important;font-weight:700}
.ag-it.late .tx b::before{content:"⚠ ATRASADA · ";color:#dc2626;font-weight:900}
.ag-grp>h3.late{background:#dc2626;color:#fff!important;padding:8px 14px;border-radius:8px;text-transform:uppercase;letter-spacing:1px}
.kcard .nx.late{display:block!important;background:#dc2626!important;color:#fff!important;font-weight:800!important;padding:5px 10px!important;border-radius:8px!important;margin-top:8px;text-transform:uppercase;font-size:12px!important;animation:anPulse 2s infinite}
.kcard .nx.late *{color:#fff!important;fill:none}
.kcard .nx.late::before{content:"⚠ ATIVIDADE ATRASADA";display:block;font-size:13px;font-weight:900;letter-spacing:.8px;margin-bottom:3px;padding-bottom:3px;border-bottom:1px solid rgba(255,255,255,.4)}
.kcard .nx.late svg{vertical-align:-2px;margin-right:4px}
.kcard:has(.nx.late){border:2px solid #dc2626!important;background:#fff5f5!important}
.anLateBadge{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;margin-left:auto;border-radius:11px;background:#dc2626;color:#fff;font-size:12px;font-weight:800;animation:anPulse 2s infinite}
#anLate{position:fixed;inset:0;z-index:999998;display:flex;align-items:center;justify-content:center;background:rgba(60,0,0,.55);backdrop-filter:blur(3px);animation:anIn .3s;padding:16px}
#anLate .bx{background:#fff;border-radius:20px;width:min(560px,100%);max-height:85vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.45);border:4px solid #dc2626;animation:anPop .5s cubic-bezier(.2,1.6,.4,1)}
#anLate .hd{background:linear-gradient(135deg,#991b1b,#dc2626);color:#fff;padding:20px 24px;text-align:center}
#anLate .hd .ic{font-size:44px;line-height:1}
#anLate .hd .t{font-size:26px;font-weight:900;letter-spacing:1px;margin-top:6px}
#anLate .hd .s{font-size:14px;opacity:.9;margin-top:4px}
#anLate ul{list-style:none;margin:0;padding:8px 16px;overflow:auto}
#anLate li{padding:10px 12px;border-left:5px solid #dc2626;background:#fef2f2;border-radius:8px;margin:8px 0}
#anLate li b{display:block;color:#991b1b;text-transform:uppercase;font-size:14px}
#anLate li small{color:#7f1d1d}
#anLate .ft{display:flex;gap:10px;justify-content:flex-end;padding:14px 16px;border-top:1px solid #eee}
#anLate .ft button{border:0;border-radius:10px;padding:10px 18px;font-weight:800;cursor:pointer;font-size:14px}
#anLate .go{background:#dc2626;color:#fff}
#anLate .cl{background:#f3f4f6;color:#333}


/* ===== Entrada no funil (08/10/2026) ===== */
.fe{margin-top:16px}
.fe .row{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap}
.fe-kp{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:12px 0}
.fe-kp>div{background:linear-gradient(135deg,#0f3d2e,#1f7a4d);color:#fff;border-radius:12px;padding:12px 14px}
.fe-kp span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.6px;opacity:.85}
.fe-kp b{display:block;font-size:22px;font-weight:900;color:#f4d03f;margin-top:4px}
.fe-kp small{font-size:12px;color:#fff;font-weight:600}
.fe-kp2>div.bad{background:linear-gradient(135deg,#991b1b,#dc2626)}
.fe-kp2>div.bad b{color:#fff}
.fe-leg{display:flex;flex-wrap:wrap;gap:14px;font-size:12px;margin:4px 0 8px}
.fe-leg i,.fe-dot{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:middle}
.fe-st{margin:18px 0 8px;font-size:15px;text-transform:uppercase;letter-spacing:.8px;color:#0f3d2e;border-left:4px solid #1f7a4d;padding-left:8px}
.fe-sc{overflow-x:auto}
.fe-tb{width:100%;border-collapse:collapse;font-size:13px;min-width:520px}
.fe-tb th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);padding:8px;border-bottom:2px solid var(--line)}
.fe-tb td{padding:8px;border-bottom:1px solid var(--line);white-space:nowrap}
.fe-tb tfoot td{border-top:2px solid var(--line);border-bottom:0;font-weight:700}
.fe-tb tr.cur td{background:rgba(212,175,55,.1)}
.fe-ok{color:#B85600}
.fe-bar{position:relative;min-width:150px;height:24px;background:#f1f5f2;border-radius:6px;overflow:hidden}
.fe-bar i{position:absolute;left:0;top:0;bottom:0;background:#2F6FD6;opacity:.25;border-radius:6px}
.fe-bar.g i{background:#B85600;opacity:.35}
.fe-bar span{position:relative;line-height:24px;padding-left:8px;font-weight:700}
.fe-meta label{display:block;font-weight:700;font-size:13px;max-width:320px}
.fe-meta input{display:block;width:100%;margin-top:6px;font-size:18px;font-weight:800;padding:10px 12px}

/* qualificação */
.qbox{border:1px solid rgba(127,127,127,.25);border-radius:12px;padding:10px 12px}
.qbox>summary{cursor:pointer;font-weight:700;display:flex;justify-content:space-between;align-items:center;gap:8px}
.qsc{display:flex;align-items:center;gap:10px;margin:10px 0 6px;flex-wrap:wrap}
.qsc .n{font-size:1.8rem;font-weight:800;line-height:1}
.qpill{padding:3px 10px;border-radius:999px;font-size:.78rem;font-weight:700;color:#fff}
.q-lo{background:#C2551F}.q-md{background:#B98200}.q-hi{background:#B85600}
.qck{display:grid;gap:6px;margin:6px 0 8px}
.qck label{display:flex;gap:10px;align-items:flex-start;padding:8px 10px;border:1px solid rgba(127,127,127,.25);border-radius:10px;cursor:pointer;font-weight:400}
.qck label small{display:block;opacity:.75}
.qck label b.p{margin-left:auto;white-space:nowrap}
.qor{font-size:.9rem;padding:8px 10px;border-radius:10px;background:rgba(127,127,127,.1)}
.qperg{margin-top:8px;font-size:.9rem}.qperg>summary{cursor:pointer;font-weight:700}.qperg h4{margin:10px 0 4px}.qperg ul{margin:0;padding-left:18px}
.qb{display:inline-block;padding:1px 8px;border-radius:999px;font-size:.72rem;font-weight:700;color:#fff;margin-left:6px;vertical-align:middle}
.qmiss{color:#C2551F;font-size:.88rem;margin:6px 0 0}
.qtit{font-weight:700;margin:14px 0 6px}