:root{--navy:#011B43;--navy2:#0A2A63;--royal:#0B3D91;--ouro:#F7C445;--ouro2:#E9A21A;--ceu:#15A2F1;--fundo:#F3F5F9;--card:#fff;--linha:#E4E8EF;--tinta:#0E1B33;--cinza:#5F6B80;--cinza2:#97A1B3;
  --verde:#16A34A;--verde-bg:#E8F7EE;--verm:#DC2626;--verm-bg:#FDECEC;--lar:#EA7A17;--lar-bg:#FFF2E5;--azul-bg:#E8F2FE;--roxo:#7C3AED;--roxo-bg:#F1EAFE;
  --raio:14px;--sombra:0 1px 2px rgba(14,27,51,.06),0 6px 20px rgba(14,27,51,.06)}
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body{font:14px/1.5 Inter,system-ui,sans-serif;color:var(--tinta);background:var(--fundo);-webkit-font-smoothing:antialiased}
h1,h2,h3,.disp{font-family:Montserrat,sans-serif;letter-spacing:-.01em}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
a{color:var(--royal)}
.carregando{display:grid;place-items:center;height:100vh;color:var(--cinza)}
:focus-visible{outline:2px solid var(--ceu);outline-offset:2px}

/* ---------- login ---------- */
.login{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr}
.login .lado{background:radial-gradient(ellipse at 20% 0%,#0B3D91,var(--navy) 55%,#000F29);color:#fff;padding:56px;display:flex;flex-direction:column;justify-content:space-between}
.login .lado img{height:46px;width:auto;align-self:flex-start}
.login .lado h1{font-size:40px;line-height:1.1;font-weight:800;max-width:520px}
.login .lado h1 em{font-style:normal;color:var(--ouro)}
.login .lado ol{list-style:none;display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}
.login .lado li{font:600 12px Montserrat;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16)}
.login form{align-self:center;justify-self:center;width:min(380px,90%);display:grid;gap:14px}
.login form h2{font-size:24px}
.login form p{color:var(--cinza)}
@media(max-width:860px){.login{grid-template-columns:1fr}.login .lado{display:none}}

/* ---------- campos e botões ---------- */
.campo{display:grid;gap:6px}
.campo>span{font-size:12px;font-weight:600;color:var(--cinza)}
input,select,textarea{width:100%;padding:10px 12px;border:1px solid var(--linha);border-radius:10px;background:#fff;outline:none;transition:border-color .15s}
input:focus,select:focus,textarea:focus{border-color:var(--ceu)}
textarea{resize:vertical;min-height:80px}
.bt{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:10px;border:1px solid var(--linha);background:#fff;font-weight:600;white-space:nowrap;transition:background .15s,border-color .15s}
.bt:hover{background:#F7F9FC}
.bt.pri{background:var(--navy);border-color:var(--navy);color:#fff}.bt.pri:hover{background:var(--royal)}
.bt.ouro{background:var(--ouro);border-color:var(--ouro);color:var(--navy)}.bt.ouro:hover{background:var(--ouro2)}
.bt.perigo{color:var(--verm);border-color:#F3C4C4}
.bt.peq{padding:6px 10px;font-size:12.5px;border-radius:8px}
.bt:disabled{opacity:.5;cursor:default}
.erro-form{color:var(--verm);font-size:13px}

/* ---------- estrutura ---------- */
.shell{display:grid;grid-template-columns:232px 1fr;height:100vh}
.lateral{background:var(--navy);color:#C9D5EA;display:flex;flex-direction:column;padding:18px 12px}
.lateral .marca{display:flex;align-items:center;gap:10px;padding:6px 10px 20px}
.lateral .marca img{height:34px;width:auto}
.nav{display:grid;gap:2px}
.nav a{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;color:#C9D5EA;text-decoration:none;font-weight:500}
.nav a svg{width:18px;height:18px;flex:none;opacity:.85}
.nav a:hover{background:rgba(255,255,255,.06);color:#fff}
.nav a.ativo{background:rgba(247,196,69,.14);color:var(--ouro)}
.nav a .cont{margin-left:auto;font:700 11px Inter;background:var(--ouro);color:var(--navy);border-radius:999px;padding:1px 7px}
.usuario{margin-top:auto;display:flex;align-items:center;gap:10px;padding:10px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08)}
.usuario .av{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--ouro),var(--ouro2));color:var(--navy);display:grid;place-items:center;font:800 13px Montserrat;flex:none}
.usuario .quem{min-width:0;display:flex;flex-direction:column;line-height:1.25}
.usuario .quem b{color:#fff;font-weight:600;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.usuario .quem span{font-size:11.5px;color:#9FB0CE}
.usuario button{margin-left:auto;background:none;border:0;color:#9FB0CE;width:30px;height:30px;border-radius:8px;display:grid;place-items:center;flex:none}
.usuario button:hover{background:rgba(255,255,255,.08);color:#fff}
.usuario button svg{width:17px;height:17px}
.creditos{padding:12px 6px 2px;font-size:10.5px;line-height:1.5;color:#6F82A6;text-align:center}
.creditos a{color:#9FB0CE;text-decoration:none;font-weight:600}.creditos a:hover{color:var(--ouro)}
.principal{display:flex;flex-direction:column;min-width:0;height:100vh}
.topo{display:flex;align-items:center;gap:14px;padding:14px 24px;background:#fff;border-bottom:1px solid var(--linha)}
.topo h1{font-size:18px;font-weight:700}
.topo .sub{color:var(--cinza);font-size:13px}
.topo .busca{margin-left:auto;position:relative;width:min(320px,40vw)}
.topo .busca input{padding-left:34px;background:var(--fundo);border-color:transparent}
.topo .busca svg{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--cinza2)}
.res-busca{position:absolute;top:110%;left:0;right:0;background:#fff;border:1px solid var(--linha);border-radius:12px;box-shadow:var(--sombra);z-index:30;max-height:340px;overflow:auto}
.res-busca button{display:block;width:100%;text-align:left;padding:10px 12px;border:0;background:none}
.res-busca button:hover{background:var(--fundo)}
.wa{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--cinza);padding:6px 10px;border-radius:999px;background:var(--fundo)}
.wa i{width:8px;height:8px;border-radius:50%;background:var(--cinza2)}.wa.on i{background:var(--verde)}.wa.off i{background:var(--verm)}
.conteudo{flex:1;overflow:auto;padding:20px 24px}
@media(max-width:900px){.shell{grid-template-columns:64px 1fr}.lateral .marca img{height:26px}.nav a span,.usuario .quem,.creditos,.nav a .cont{display:none}.usuario{padding:6px;justify-content:center}.usuario button{margin:0}.usuario .av{display:none}.topo .busca{width:44vw}}

/* ---------- métricas ---------- */
.metricas{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:12px;margin-bottom:18px}
.met{background:#fff;border:1px solid var(--linha);border-radius:var(--raio);padding:14px 16px}
.met small{color:var(--cinza);font-size:12px;font-weight:500}
.met b{display:block;font:800 26px/1.2 Montserrat;margin-top:2px}
.met.dest b{color:var(--ouro2)}
@media(max-width:1100px){.metricas{grid-template-columns:repeat(3,1fr)}}

/* ---------- kanban ---------- */
.filtros{display:flex;gap:10px;align-items:center;margin-bottom:14px;flex-wrap:wrap}
.filtros select{width:auto}
.chip{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;border:1px solid var(--linha);background:#fff;font-size:12.5px;font-weight:600}
.chip.on{background:var(--navy);color:#fff;border-color:var(--navy)}
.kanban{display:flex;gap:12px;overflow-x:auto;padding-bottom:12px;align-items:flex-start;min-height:calc(100vh - 290px)}
.coluna{flex:0 0 272px;background:#EBEEF4;border-radius:var(--raio);display:flex;flex-direction:column;max-height:calc(100vh - 250px)}
.coluna header{display:flex;align-items:center;gap:8px;padding:12px 14px 8px}
.coluna header b{font:700 13px Montserrat}
.coluna header .n{margin-left:auto;font-size:12px;color:var(--cinza);background:#fff;border-radius:999px;padding:1px 8px}
.coluna header i{width:8px;height:8px;border-radius:50%}
.coluna .lista{padding:6px 10px 12px;overflow-y:auto;display:grid;gap:8px;align-content:start;min-height:60px}
.coluna.alvo{outline:2px dashed var(--ceu);outline-offset:-4px}
.cartao{background:#fff;border:1px solid var(--linha);border-left:3px solid var(--linha);border-radius:12px;padding:11px 12px;cursor:pointer;box-shadow:0 1px 1px rgba(14,27,51,.04);transition:box-shadow .15s,transform .15s;display:grid;gap:8px}
.cartao.t-quente{border-left-color:var(--verm)}.cartao.t-morna{border-left-color:var(--lar)}.cartao.t-fria{border-left-color:var(--ceu)}
.cartao:hover{box-shadow:var(--sombra);transform:translateY(-1px)}
.cartao.arrastando{opacity:.5}
.cartao .l1{display:flex;align-items:center;gap:9px}
.av-p{width:30px;height:30px;border-radius:50%;background:var(--fundo);color:var(--navy);display:grid;place-items:center;font:700 11.5px Montserrat;flex:none}
.cartao .id{min-width:0;display:flex;flex-direction:column;line-height:1.25}
.cartao .nome{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cartao .fone{font-size:11px;color:var(--cinza2)}
.cartao .l1 .score{margin-left:auto}
.cartao .l2{display:flex;gap:5px;flex-wrap:wrap}
.cartao .resumo{color:var(--cinza);font-size:12.3px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cartao .l3{display:flex;align-items:center;justify-content:space-between;padding-top:7px;border-top:1px solid #F0F2F6;font-size:11.5px}
.cartao .quem{font-weight:600}.cartao .quem.ia{color:var(--royal)}.cartao .quem.hum{color:var(--cinza)}.cartao .quem.espera{color:var(--verm)}
.cartao .tempo{color:var(--cinza2)}
.tag{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px;background:var(--fundo);color:var(--cinza)}
.tag.ia{background:var(--azul-bg);color:var(--royal)}
.tag.humano{background:var(--lar-bg);color:var(--lar)}
.tag.mat{background:#FCE7F3;color:#BE185D}
.tag.apo{background:var(--roxo-bg);color:var(--roxo)}
.tag.quente{background:var(--verm-bg);color:var(--verm)}.tag.morna{background:var(--lar-bg);color:var(--lar)}.tag.fria{background:var(--azul-bg);color:var(--royal)}
.tag.ok{background:var(--verde-bg);color:var(--verde)}
.tag.alerta{background:var(--verm-bg);color:var(--verm)}
.tag.ouro{background:#FFF6DC;color:#9A6A00}
.score{font:700 11px Inter;padding:2px 7px;border-radius:6px;background:var(--navy);color:var(--ouro)}

/* ---------- ficha do caso ---------- */
.veu{position:fixed;inset:0;background:rgba(1,15,41,.35);z-index:40;display:flex;justify-content:flex-end}
.ficha{width:min(1180px,100%);height:100%;background:var(--fundo);display:flex;flex-direction:column;box-shadow:-20px 0 50px rgba(0,0,0,.15);animation:entra .2s ease-out}
@keyframes entra{from{transform:translateX(30px);opacity:0}}
.ficha>header{display:flex;align-items:center;gap:14px;padding:14px 20px;background:#fff;border-bottom:1px solid var(--linha);flex-wrap:wrap}
.avatar{width:42px;height:42px;border-radius:50%;background:var(--navy);color:var(--ouro);display:grid;place-items:center;font:800 15px Montserrat;flex:none}
.ficha>header h2{font-size:17px}
.ficha>header .tel{color:var(--cinza);font-size:12.5px}
.ficha>header .acoes{margin-left:auto;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.ficha>header select{width:auto}
.ficha .corpo{flex:1;display:grid;grid-template-columns:1fr 1.05fr;min-height:0}
@media(max-width:960px){.ficha .corpo{grid-template-columns:1fr;overflow:auto}}
.chat{display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--linha);background:#EFEAE2 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' fill='none' stroke='%23000' stroke-opacity='.05' stroke-width='1.6'%3E%3Cpath d='M18 26a6 6 0 0 1 10-4 6 6 0 0 1 10 4c0 7-10 12-10 12S18 33 18 26Z'/%3E%3Ccircle cx='88' cy='28' r='10'/%3E%3Cpath d='M88 22v6l4 2M20 86l6 6 12-14'/%3E%3Crect x='76' y='74' width='20' height='24' rx='3'/%3E%3C/svg%3E")}
.chat .msgs{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:6px}
.bolha{max-width:78%;padding:7px 10px 18px;border-radius:9px;background:#fff;position:relative;box-shadow:0 1px .5px rgba(11,20,26,.13);white-space:pre-wrap;word-wrap:break-word;font-size:13.5px}
.bolha.saida{align-self:flex-end;background:#D9FDD3}
.bolha.saida.ia{background:#DCEBFF}
.bolha.saida.follow,.bolha.saida.sistema{background:#FFF4D6}
.bolha .meta{position:absolute;right:8px;bottom:3px;font-size:10.5px;color:#667781}
.bolha .quem{display:block;font:700 10.5px Inter;color:var(--royal);margin-bottom:2px;text-transform:uppercase;letter-spacing:.04em}
.bolha.follow .quem,.bolha.sistema .quem{color:#9A6A00}
.bolha .anexo{display:inline-flex;gap:6px;align-items:center;color:var(--royal);text-decoration:underline;cursor:pointer;background:none;border:0;padding:0}
.dia{align-self:center;font-size:11.5px;color:#54656F;background:#fff;border-radius:8px;padding:3px 10px;margin:8px 0;box-shadow:0 1px .5px rgba(11,20,26,.13)}
.compor{display:flex;gap:8px;padding:10px 12px;background:#F0F2F5;align-items:flex-end}
.compor textarea{min-height:42px;max-height:140px;border-radius:20px;padding:10px 14px}
.aviso-ia{display:flex;align-items:center;gap:10px;padding:9px 14px;background:var(--azul-bg);color:var(--royal);font-size:12.5px;font-weight:600}
.aviso-ia.pausa{background:var(--lar-bg);color:var(--lar)}
.aviso-ia button{margin-left:auto}
.painel-dir{display:flex;flex-direction:column;min-height:0}
.abas{display:flex;gap:2px;padding:10px 14px 0;background:#fff;border-bottom:1px solid var(--linha);overflow-x:auto}
.abas button{padding:9px 12px;border:0;background:none;font-weight:600;color:var(--cinza);border-bottom:2px solid transparent;white-space:nowrap}
.abas button.on{color:var(--navy);border-color:var(--ouro2)}
.abas .q{font-size:10.5px;background:var(--fundo);border-radius:999px;padding:0 6px;margin-left:4px}
.aba{flex:1;overflow-y:auto;padding:16px}
.bloco{background:#fff;border:1px solid var(--linha);border-radius:var(--raio);padding:14px 16px;margin-bottom:12px}
.bloco h3{font-size:13.5px;margin-bottom:10px;display:flex;align-items:center;gap:8px}
.bloco h3 .bt{margin-left:auto}
.grade2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media(max-width:600px){.grade2{grid-template-columns:1fr}}
.kv{display:grid;grid-template-columns:150px 1fr;gap:6px 12px;font-size:13px}
.kv dt{color:var(--cinza)}
.lista-simples{display:grid;gap:8px}
.item{display:flex;gap:10px;align-items:center;padding:10px 12px;border:1px solid var(--linha);border-radius:10px;background:#fff;flex-wrap:wrap}
.item .tit{font-weight:600}
.item .sub{color:var(--cinza);font-size:12px}
.item .dir{margin-left:auto;display:flex;gap:6px;align-items:center}
.vazio{color:var(--cinza);text-align:center;padding:20px;font-size:13px}
.linha-tempo{display:grid;gap:10px;border-left:2px solid var(--linha);padding-left:14px}
.linha-tempo div{font-size:12.5px;position:relative}
.linha-tempo div:before{content:"";position:absolute;left:-20px;top:5px;width:10px;height:10px;border-radius:50%;background:var(--ouro2)}
.linha-tempo small{color:var(--cinza)}
.pass{display:flex;gap:4px;margin:4px 0 12px;flex-wrap:wrap}
.pass i{flex:1;min-width:16px;height:5px;border-radius:3px;background:var(--linha)}
.pass i.f{background:var(--ouro2)}.pass i.a{background:var(--navy)}

/* ---------- páginas ---------- */
.tabela{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--linha);border-radius:var(--raio);overflow:hidden}
.tabela th,.tabela td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--linha);font-size:13px}
.tabela th{background:#F7F9FC;color:var(--cinza);font-weight:600;font-size:12px}
.tabela tr:last-child td{border-bottom:0}
.tabela tr.click{cursor:pointer}.tabela tr.click:hover td{background:#FAFBFD}
.cards4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}
@media(max-width:1000px){.cards4{grid-template-columns:1fr 1fr}}
.barras{display:grid;gap:8px}
.barra-l{display:grid;grid-template-columns:150px 1fr 60px;gap:10px;align-items:center;font-size:13px}
.barra-l .t{height:12px;border-radius:6px;background:var(--fundo);overflow:hidden}
.barra-l .t i{display:block;height:100%;background:linear-gradient(90deg,var(--ouro2),var(--ouro))}
.barra-l b{text-align:right}
.colunas2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:1000px){.colunas2{grid-template-columns:1fr}}
.grafico{display:flex;align-items:flex-end;gap:4px;height:160px;padding-top:10px}
.grafico i{flex:1;background:linear-gradient(180deg,var(--ouro),var(--ouro2));border-radius:4px 4px 0 0;min-height:2px;position:relative}
.agenda-dia{margin-bottom:16px}
.agenda-dia h3{font-size:13px;color:var(--cinza);margin-bottom:8px;text-transform:capitalize}
.modal-veu{position:fixed;inset:0;background:rgba(1,15,41,.45);z-index:60;display:grid;place-items:center;padding:16px}
.modal{background:#fff;border-radius:16px;padding:20px;width:min(460px,100%);display:grid;gap:12px;max-height:90vh;overflow:auto}
.modal h3{font-size:16px}
.modal .acoes{display:flex;justify-content:flex-end;gap:8px}
#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%) translateY(120px);background:var(--navy);color:#fff;padding:11px 18px;border-radius:12px;font-weight:600;z-index:90;transition:transform .25s;box-shadow:var(--sombra)}
#toast.on{transform:translateX(-50%)}
#toast.erro{background:var(--verm)}
.config-sec{max-width:860px}
.dica{font-size:12px;color:var(--cinza);margin-top:4px}
.alternar{display:flex;align-items:center;gap:10px;cursor:pointer}
.alternar input{width:auto}

.exportar{display:inline-flex;align-items:center;gap:6px;margin-left:auto;padding:4px 6px 4px 12px;border:1px solid var(--linha);border-radius:12px;background:#fff}
.exportar span{font-size:12px;font-weight:600;color:var(--cinza)}
.filtros #f-resp{margin-left:auto}
.filtros #f-resp+.exportar{margin-left:0}

a.chip{text-decoration:none;color:inherit}

/* ===================== Marcelo · Assistente PrevUp ===================== */
#marcelo{position:fixed;right:22px;bottom:22px;z-index:70;font-size:13.5px}
.mc-botao{width:62px;height:62px;border-radius:50%;border:0;padding:0;background:none;cursor:pointer;position:relative;box-shadow:0 12px 30px rgba(1,27,67,.35);transition:transform .2s}
.mc-botao svg{width:100%;height:100%;display:block}
.mc-botao:hover{transform:translateY(-2px) scale(1.04)}
.mc-botao.aberto{transform:scale(.9)}
.mc-pulso{position:absolute;inset:-4px;border-radius:50%;border:2px solid var(--ouro);opacity:.6;animation:mcpulso 2.6s infinite}
.mc-botao.aberto .mc-pulso{display:none}
@keyframes mcpulso{to{transform:scale(1.35);opacity:0}}
.mc-painel{position:absolute;right:0;bottom:76px;width:min(420px,calc(100vw - 32px));height:min(640px,calc(100vh - 120px));background:#fff;border-radius:20px;box-shadow:0 30px 70px rgba(1,15,41,.35);display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--linha);animation:mcabre .2s ease-out}
.mc-painel[hidden]{display:none}
.mc-painel.solta{outline:3px dashed var(--ouro2);outline-offset:-6px}
@keyframes mcabre{from{opacity:0;transform:translateY(12px) scale(.98)}}
.mc-painel>header{display:flex;align-items:center;gap:10px;padding:12px 12px 12px 14px;background:radial-gradient(ellipse at 0% 0%,#0B3D91,var(--navy) 70%);color:#fff}
.mc-painel>header b{font:800 15px Montserrat;display:block}
.mc-painel>header small{display:flex;align-items:center;gap:6px;color:#C9D5EA;font-size:11.5px}
.mc-painel>header small i{width:7px;height:7px;border-radius:50%;background:#2BD67B}
.mc-painel>header .mc-ic{margin-left:auto;color:#C9D5EA}.mc-painel>header .mc-ic+.mc-ic{margin-left:0}
.mc-av{width:38px;height:38px;flex:none}.mc-av svg{width:100%;height:100%}
.mc-av.p{width:28px;height:28px;align-self:flex-end}.mc-av.g{width:64px;height:64px;margin:0 auto 10px}
.mc-ic{width:34px;height:34px;border-radius:10px;border:0;background:none;display:grid;place-items:center;cursor:pointer;color:var(--cinza);flex:none}
.mc-ic:hover{background:rgba(127,140,160,.15)}
.mc-ic svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.mc-msgs{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:10px;background:#F6F8FB}
.mc-carrega{color:var(--cinza);text-align:center;margin:auto}
.mc-ola{text-align:center;margin:auto 0;padding:10px 6px}
.mc-ola b{font:700 15px Montserrat;color:var(--navy)}
.mc-ola p{color:var(--cinza);margin:6px 0 14px;font-size:13px}
.mc-sug{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}
.mc-sug button{border:1px solid var(--linha);background:#fff;border-radius:999px;padding:7px 11px;font-size:12px;cursor:pointer;color:var(--navy);font-weight:500}
.mc-sug button:hover{border-color:var(--ouro2);background:#FFFBF0}
.mc-m{display:flex;gap:8px;align-items:flex-end}
.mc-m.eu{justify-content:flex-end}
.mc-b{max-width:84%;display:grid;gap:6px}
.mc-t{padding:9px 12px;border-radius:14px;line-height:1.5;word-wrap:break-word}
.mc-m.ele .mc-t{background:#fff;border:1px solid var(--linha);border-bottom-left-radius:4px}
.mc-m.eu .mc-t{background:var(--navy);color:#fff;border-bottom-right-radius:4px}
.mc-t ul{margin:4px 0 4px 18px}.mc-t li{margin:2px 0}
.mc-meta{font-size:10.5px;color:var(--cinza2);display:flex;gap:6px;align-items:center}
.mc-m.eu .mc-meta{justify-content:flex-end}
.mc-ouvir{border:0;background:none;cursor:pointer;font-size:12px;padding:0;opacity:.7}.mc-ouvir:hover{opacity:1}
.mc-chip{justify-self:start;border:1px solid var(--linha);background:#fff;border-radius:10px;padding:7px 10px;font-size:12.5px;font-weight:600;color:var(--royal);cursor:pointer;text-align:left}
.mc-chip:hover{border-color:var(--ceu)}
.mc-acao{font-size:12px;color:var(--verde);background:var(--verde-bg);border-radius:8px;padding:6px 9px;font-weight:600}
.mc-img{max-width:220px;max-height:180px;border-radius:10px;cursor:zoom-in;justify-self:end;border:1px solid var(--linha)}
.mc-rel{background:#fff;border:1px solid var(--linha);border-left:3px solid var(--ouro2);border-radius:12px;padding:10px 12px;display:grid;gap:6px}
.mc-rel b{font:700 13px Montserrat;color:var(--navy)}.mc-rel>small{color:var(--cinza);font-size:11.5px;margin-top:-4px}
.mc-kpis{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.mc-kpis span{background:var(--fundo);border-radius:8px;padding:6px 8px;font:700 13px Montserrat;color:var(--navy)}
.mc-kpis small{display:block;font:500 10.5px Inter;color:var(--cinza)}
.mc-exp{display:flex;gap:6px}.mc-exp button{flex:1;border:1px solid var(--linha);background:#fff;border-radius:8px;padding:6px;font-weight:600;font-size:12px;cursor:pointer}
.mc-exp button:hover{background:var(--navy);color:#fff;border-color:var(--navy)}
.mc-dig{display:flex;gap:4px;padding:12px 14px;background:#fff;border:1px solid var(--linha);border-radius:14px;border-bottom-left-radius:4px}
.mc-dig i{width:7px;height:7px;border-radius:50%;background:var(--cinza2);animation:mcdig 1s infinite}
.mc-dig i:nth-child(2){animation-delay:.15s}.mc-dig i:nth-child(3){animation-delay:.3s}
@keyframes mcdig{50%{transform:translateY(-4px);opacity:.5}}
.mc-arq{display:flex;flex-wrap:wrap;gap:6px;padding:8px 12px 0;background:#fff;border-top:1px solid var(--linha)}
.mc-pre{display:inline-flex;align-items:center;gap:6px;background:var(--fundo);border-radius:8px;padding:4px 4px 4px 8px;font-size:12px;max-width:100%}
.mc-pre button{border:0;background:none;cursor:pointer;color:var(--cinza);font-size:15px;line-height:1}
.mc-compor{display:flex;align-items:flex-end;gap:4px;padding:10px;background:#fff;border-top:1px solid var(--linha)}
.mc-compor[hidden]{display:none}
.mc-compor textarea{flex:1;min-height:38px;max-height:120px;border-radius:12px;padding:9px 12px;resize:none;font-size:13.5px}
.mc-mic:hover{color:var(--verm)}
.mc-enviar{width:38px;height:38px;border-radius:12px;border:0;background:var(--ouro);color:var(--navy);display:grid;place-items:center;cursor:pointer;flex:none}
.mc-enviar:hover{background:var(--ouro2)}
.mc-enviar svg{width:18px;height:18px;fill:currentColor}
.mc-gravando{display:flex;align-items:center;gap:8px;padding:12px;background:#FFF1F1;color:var(--verm);font-weight:600;font-size:13px}
.mc-gravando[hidden]{display:none}
.mc-gravando i{width:10px;height:10px;border-radius:50%;background:var(--verm);animation:mcpisca 1s infinite}
@keyframes mcpisca{50%{opacity:.2}}
.mc-gravando button{border:0;border-radius:8px;padding:6px 10px;font-weight:600;cursor:pointer;background:var(--navy);color:#fff}
.mc-gravando button#mc-parar{margin-left:auto}
.mc-gravando button#mc-cancelar{background:#fff;color:var(--cinza);border:1px solid var(--linha)}
@media(max-width:600px){#marcelo{right:14px;bottom:14px}.mc-painel{bottom:72px}.mc-botao{width:54px;height:54px}}
.usuario{cursor:default}.usuario .quem{cursor:pointer}

/* ---------- cyber pet do Marcelo ---------- */
.pet{width:100%;height:100%;display:block;overflow:visible}
.pet-corpo{animation:petflut 3.2s ease-in-out infinite;transform-origin:60px 100px}
.pet-sombra{animation:petsombra 3.2s ease-in-out infinite;transform-origin:60px 112px}
@keyframes petflut{50%{transform:translateY(-4px)}}
@keyframes petsombra{50%{transform:scaleX(.82);opacity:.1}}
.pet-olho{animation:petpisca 4.6s infinite;transform-box:fill-box;transform-origin:center}
@keyframes petpisca{0%,93%,100%{transform:scaleY(1)}95.5%{transform:scaleY(.1)}}
.pet-antena{animation:petantena 2.2s ease-in-out infinite}
@keyframes petantena{50%{fill:#FFE7A3;filter:drop-shadow(0 0 4px #F7C445)}}
.pet-orelha{transform-box:fill-box;transition:transform .25s}
.pet-orelha.e{transform-origin:100% 100%}.pet-orelha.d{transform-origin:0% 100%}
.mc-botao:hover .pet-orelha.e{transform:rotate(-12deg)}.mc-botao:hover .pet-orelha.d{transform:rotate(12deg)}
.pensando .pet-olhos{animation:petolha 1.4s ease-in-out infinite}
@keyframes petolha{0%,100%{transform:translateX(0)}30%{transform:translateX(-3.5px)}70%{transform:translateX(3.5px)}}
.pensando .pet-antena{animation-duration:.6s}
.mc-botao{width:74px;height:74px;box-shadow:none;filter:drop-shadow(0 10px 16px rgba(1,27,67,.35))}
.mc-pulso{inset:10px;border-color:var(--ceu)}
.mc-painel>header .mc-av{width:42px;height:42px;background:radial-gradient(circle,#EAF3FF 0%,#C9DCF7 100%);border-radius:50%;padding:2px}
.mc-av.p{width:30px;height:30px;background:#EAF3FF;border-radius:50%;padding:1px}
.mc-av.g{width:110px;height:110px}
@media (prefers-reduced-motion:reduce){.pet-corpo,.pet-sombra,.pet-olho,.pet-antena,.pensando .pet-olhos{animation:none}}
.mc-nivel{display:inline-flex;gap:3px;align-items:flex-end;height:16px}
.mc-nivel s{width:4px;height:4px;border-radius:2px;background:#F3B5B5;text-decoration:none;transition:height .08s}
.mc-nivel s.on{background:var(--verm)}.mc-nivel s:nth-child(1).on{height:6px}.mc-nivel s:nth-child(2).on{height:9px}.mc-nivel s:nth-child(3).on{height:12px}.mc-nivel s:nth-child(4).on{height:14px}.mc-nivel s:nth-child(5).on{height:16px}

.login-cred{font-size:11.5px;line-height:1.6;color:#8FA5C9}.login-cred a{color:#C9D5EA;text-decoration:none;font-weight:600}.login-cred a:hover{color:var(--ouro)}

/* ===================== janelas (modais) ===================== */
.modal-veu{backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);animation:mveu .15s}
@keyframes mveu{from{opacity:0}}
.modal{width:min(520px,100%);padding:0;gap:0;border-radius:20px;box-shadow:0 30px 80px rgba(1,15,41,.35);animation:mabre .2s ease-out;position:relative}
@keyframes mabre{from{opacity:0;transform:translateY(10px) scale(.98)}}
.modal>*:not(.m-cab):not(.m-fechar){padding-left:24px;padding-right:24px}
.modal>h3{padding-top:22px;font-size:18px}
.modal>.acoes,.modal>form>.acoes{padding-bottom:20px}
.modal>form,.modal>p,.modal>textarea{margin-top:12px}
.modal>form{display:grid;gap:14px;padding-bottom:22px}
.m-fechar{position:absolute;top:14px;right:14px;width:34px;height:34px;border-radius:10px;border:0;background:rgba(255,255,255,.12);color:#fff;font-size:20px;line-height:1;cursor:pointer;z-index:2}
.m-fechar:hover{background:rgba(255,255,255,.22)}
.modal:not(:has(.m-cab)) .m-fechar{background:var(--fundo);color:var(--cinza)}
.m-cab{display:flex;align-items:center;gap:14px;padding:22px 64px 20px 24px;background:radial-gradient(ellipse at 0% 0%,#0B3D91,var(--navy) 70%);color:#fff;border-radius:20px 20px 0 0}
.m-cab h3{font-size:18px}.m-cab p{color:#C9D5EA;font-size:13px;margin-top:2px}
.m-ic{width:44px;height:44px;border-radius:14px;background:rgba(247,196,69,.18);display:grid;place-items:center;font-size:22px;flex:none}
.m-form{padding:20px 24px 22px!important;display:grid;gap:14px;margin:0!important}
.m-form .campo>span{font-size:12.5px;color:var(--tinta);font-weight:600}
.m-form input,.m-form select,.m-form textarea{padding:12px 14px;border-radius:12px;background:#FAFBFD}
.m-form input:focus,.m-form select:focus,.m-form textarea:focus{background:#fff;box-shadow:0 0 0 4px rgba(21,162,241,.12)}
.m-acoes{display:flex;gap:8px;align-items:center;padding-top:6px}.m-acoes span{flex:1}
.m-tipos{display:flex;gap:8px;flex-wrap:wrap}
.m-tipo{cursor:pointer}.m-tipo input{position:absolute;opacity:0;pointer-events:none}
.m-tipo span{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:999px;border:1.5px solid var(--linha);font-weight:600;font-size:13px;background:#fff}
.m-tipo span:before{content:"";width:9px;height:9px;border-radius:50%;background:var(--cor)}
.m-tipo input:checked+span{border-color:var(--cor);background:color-mix(in srgb,var(--cor) 10%,#fff)}
.papeis{display:grid;gap:8px}
.papel{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border:1.5px solid var(--linha);border-radius:14px;cursor:pointer;background:#fff;transition:border-color .15s,background .15s}
.papel:hover{border-color:#C9D5EA}
.papel input{position:absolute;opacity:0;pointer-events:none}
.papel .pi{width:36px;height:36px;border-radius:10px;background:var(--fundo);display:grid;place-items:center;font-size:18px;flex:none}
.papel b{display:block;font:700 14px Montserrat;color:var(--navy)}.papel small{color:var(--cinza);font-size:12.5px}
.papel:has(input:checked){border-color:var(--ouro2);background:#FFFBF0}
.papel:has(input:checked) .pi{background:var(--ouro)}
.link-box{background:var(--fundo);border:1px dashed #C9D5EA;border-radius:12px;padding:12px;font:500 12.5px Inter;color:var(--royal);word-break:break-all}

/* ===================== calendário ===================== */
.cal-barra{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:14px}
.cal-nav{display:flex;align-items:center;gap:6px}.cal-nav h2{font-size:18px;margin-left:8px}.cal-nav h2::first-letter{text-transform:uppercase}
.bt.ic{width:38px;padding:9px 0;font-size:18px;line-height:1}
.cal-vistas{margin-left:auto;display:inline-flex;background:#fff;border:1px solid var(--linha);border-radius:12px;padding:3px}
.cal-vistas button{border:0;background:none;padding:7px 14px;border-radius:9px;font-weight:600;color:var(--cinza);cursor:pointer}
.cal-vistas button.on{background:var(--navy);color:#fff}
.cal-layout{display:grid;grid-template-columns:1fr 250px;gap:14px;align-items:start}
@media(max-width:1100px){.cal-layout{grid-template-columns:1fr}.cal-lado{display:none}}
.cal-area{background:#fff;border:1px solid var(--linha);border-radius:16px;overflow:hidden}
.cal-cab{display:grid;grid-template-columns:repeat(7,1fr);background:#F7F9FC;border-bottom:1px solid var(--linha)}
.cal-cab span{padding:10px;font:700 11.5px Montserrat;text-transform:uppercase;letter-spacing:.08em;color:var(--cinza);text-align:center}
.cal-grade{display:grid;grid-template-columns:repeat(7,1fr);grid-auto-rows:minmax(118px,1fr)}
.cal-dia{border-right:1px solid #EEF1F6;border-bottom:1px solid #EEF1F6;padding:6px;display:flex;flex-direction:column;gap:3px;min-width:0;transition:background .15s}
.cal-dia:nth-child(7n){border-right:0}
.cal-dia:hover{background:#FAFBFD}
.cal-dia.fora{background:#FBFCFE}.cal-dia.fora .n{color:#C0C7D3}
.cal-dia .n{font:700 12.5px Montserrat;color:var(--tinta);width:26px;height:26px;display:grid;place-items:center;border-radius:50%;align-self:flex-end}
.cal-dia.hoje .n{background:var(--ouro);color:var(--navy)}
.cal-dia.alvo,.slot.alvo{background:#EAF4FF!important}
.ev{display:flex;align-items:center;gap:5px;width:100%;border:0;text-align:left;padding:3px 6px;border-radius:6px;font-size:11.5px;cursor:pointer;background:color-mix(in srgb,var(--cor) 12%,#fff);color:var(--tinta);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ev i{width:6px;height:6px;border-radius:50%;background:var(--cor);flex:none}.ev b{font-weight:600;color:var(--cor)}
.ev:hover{background:color-mix(in srgb,var(--cor) 22%,#fff)}
.ev.feito,.ev-b.feito,.ev-l.feito{opacity:.5;text-decoration:line-through}
.mk{display:block;width:100%;border:0;text-align:left;padding:2px 6px;border-radius:5px;font-size:11px;font-weight:600;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mk.prazo{background:#FDECEC;color:var(--verm)}
.mk.venc{background:#FFF2E5;color:var(--lar)}
.mk.l{display:inline-block;width:auto;margin:0 6px 6px 0;padding:5px 10px}
.mais{border:0;background:none;color:var(--royal);font-size:11.5px;font-weight:600;text-align:left;padding:2px 6px;cursor:pointer}
.cal-sem-cab,.cal-sem-mk{display:grid;grid-template-columns:62px repeat(var(--n),1fr);border-bottom:1px solid var(--linha)}
.cal-sem-cab button{border:0;background:#F7F9FC;padding:10px 0;cursor:pointer;display:grid;justify-items:center;gap:2px}
.cal-sem-cab small{font:700 11px Montserrat;text-transform:uppercase;color:var(--cinza);letter-spacing:.08em}
.cal-sem-cab b{font:800 18px Montserrat;width:34px;height:34px;display:grid;place-items:center;border-radius:50%}
.cal-sem-cab .hoje b{background:var(--ouro);color:var(--navy)}
.cal-sem-mk span{font-size:10.5px;color:var(--cinza);padding:6px;text-align:right}
.cal-sem-mk>div{padding:4px;border-left:1px solid #EEF1F6;min-height:28px}
.cal-sem-corpo{display:grid;grid-template-columns:62px repeat(var(--n),1fr);max-height:calc(100vh - 330px);overflow-y:auto;position:relative}
.horas span{display:block;font-size:11px;color:var(--cinza2);text-align:right;padding-right:8px;transform:translateY(-7px)}
.col{position:relative;border-left:1px solid #EEF1F6}
.slot{border-bottom:1px dashed #EEF1F6;cursor:pointer}.slot:hover{background:#FAFBFD}
.agora{position:absolute;left:0;right:0;height:2px;background:var(--verm);z-index:3}
.agora:before{content:"";position:absolute;left:-4px;top:-3px;width:8px;height:8px;border-radius:50%;background:var(--verm)}
.ev-b{position:absolute;left:3px;right:3px;border:0;border-left:3px solid var(--cor);border-radius:8px;background:color-mix(in srgb,var(--cor) 13%,#fff);text-align:left;padding:4px 7px;overflow:hidden;cursor:pointer;z-index:2;display:flex;flex-direction:column;gap:1px;box-shadow:0 1px 2px rgba(14,27,51,.06)}
.ev-b:hover{background:color-mix(in srgb,var(--cor) 22%,#fff)}
.ev-b b{font-size:12px;color:var(--tinta);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ev-b small{font-size:11px;color:var(--cinza)}
.cal-lista{padding:6px 18px 18px}
.cal-lista section{display:grid;grid-template-columns:130px 1fr;gap:14px;padding:14px 0;border-bottom:1px solid #EEF1F6}
.cal-lista h4{display:flex;gap:10px;align-items:center;font-weight:500;color:var(--cinza);font-size:12.5px}
.cal-lista h4 b{font:800 22px Montserrat;color:var(--navy)}.cal-lista h4.hoje b{color:var(--ouro2)}
.ev-l{display:flex;gap:12px;align-items:center;width:100%;border:0;background:none;text-align:left;padding:8px 10px;border-radius:10px;cursor:pointer}
.ev-l:hover{background:var(--fundo)}
.ev-l .h{font:700 13px Montserrat;color:var(--navy);width:46px}.ev-l i{width:4px;height:34px;border-radius:2px;background:var(--cor);flex:none}
.ev-l b{display:block}.ev-l small{color:var(--cinza);font-size:12px}
.cal-lado{display:grid;gap:12px}
.cal-bloco{background:#fff;border:1px solid var(--linha);border-radius:16px;padding:14px;display:grid;gap:8px}
.cal-bloco h4{font:700 12px Montserrat;text-transform:uppercase;letter-spacing:.08em;color:var(--cinza)}
.cal-filtro{display:flex;align-items:center;gap:8px;font-size:13px;cursor:pointer}
.cal-filtro input{width:auto}.cal-filtro i{width:10px;height:10px;border-radius:3px}
.cal-filtro .mk-i{background:linear-gradient(135deg,var(--verm) 50%,var(--lar) 50%)}
.prox{display:flex;gap:10px;align-items:center;border:0;background:none;text-align:left;padding:6px;border-radius:10px;cursor:pointer;width:100%}
.prox:hover{background:var(--fundo)}.prox i{width:4px;height:30px;border-radius:2px;background:var(--cor);flex:none}
.prox b{display:block;font-size:12.5px}.prox small{color:var(--cinza);font-size:11.5px}

/* ===================== WhatsApp em Configurações ===================== */
.wa-card{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.wa-foto{width:56px;height:56px;border-radius:50%;background:var(--fundo);display:grid;place-items:center;font-size:26px;overflow:hidden;flex:none}
.wa-foto img{width:100%;height:100%;object-fit:cover}
.wa-card .acoes-wa{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap}
.qr{display:grid;justify-items:center;gap:12px;padding:16px 24px 22px}
.qr img{width:260px;height:260px;border-radius:14px;border:1px solid var(--linha);padding:8px;background:#fff}
.qr .par{font:800 26px Montserrat;letter-spacing:.2em;color:var(--navy);background:var(--fundo);padding:10px 18px;border-radius:12px}
.qr ol{color:var(--cinza);font-size:13px;padding-left:18px;justify-self:stretch;display:grid;gap:4px}
.login form .login-cred{display:none}
@media(max-width:860px){.login form .login-cred{display:block;text-align:center;color:var(--cinza2);margin-top:16px}.login form .login-cred a{color:var(--royal)}}

/* expressões do pet (só um conjunto aparece por vez) */
.pet .x{display:none}
.pet:not([data-exp]) .x-normal,.pet[data-exp="normal"] .x-normal,.pet[data-exp="feliz"] .x-feliz,.pet[data-exp="pisca"] .x-pisca,.pet[data-exp="tchau"] .x-tchau,
.pet[data-exp="surpreso"] .x-surpreso,.pet[data-exp="sono"] .x-sono,.pet[data-exp="deitado"] .x-deitado,.pet[data-exp="pensa"] .x-pensa{display:inline}
.pet[data-exp="fala"] .pet-olhos .x-feliz,.pet[data-exp="fala"] .pet-boca .x-fala{display:inline}
.pet[data-exp="fala"] .x-fala{animation:petfala .22s ease-in-out infinite alternate;transform-box:fill-box;transform-origin:center}
@keyframes petfala{from{transform:scaleY(.35)}to{transform:scaleY(1.1)}}
.pet[data-exp="pensa"] .pet-olhos{animation:petolha 1.4s ease-in-out infinite}
.pet[data-exp="sono"] .pet-corpo{animation-duration:5s}
.pet-zz text{animation:petzz 2.4s ease-in-out infinite}.pet-zz text+text{animation-delay:.6s}
@keyframes petzz{0%{opacity:0;transform:translateY(4px)}40%{opacity:1}100%{opacity:0;transform:translateY(-6px)}}
.pet-brilho path{animation:petbrilho 1s ease-in-out infinite;transform-box:fill-box;transform-origin:center}.pet-brilho path+path{animation-delay:.35s}
@keyframes petbrilho{0%,100%{opacity:.2;transform:scale(.5) rotate(0)}50%{opacity:1;transform:scale(1.15) rotate(45deg)}}
.pet[data-exp="tchau"] .pet-braco.d{display:none}
.pet-mao{animation:pettchau .38s ease-in-out infinite alternate;transform-box:fill-box;transform-origin:30% 100%}
@keyframes pettchau{from{transform:rotate(-16deg)}to{transform:rotate(18deg)}}
.pet[data-exp="feliz"] .pet-corpo{animation:petpulo .5s ease-out 2}
.pet[data-exp="tchau"] .pet-corpo{animation:petinclina .76s ease-in-out infinite alternate;transform-origin:60px 100px}
@keyframes petinclina{from{transform:rotate(-2deg)}to{transform:rotate(2deg)}}
@keyframes petpulo{40%{transform:translateY(-7px)}}
.pet[data-exp="surpreso"] .pet-orelha.e{transform:rotate(-14deg)}.pet[data-exp="surpreso"] .pet-orelha.d{transform:rotate(14deg)}
@media (prefers-reduced-motion:reduce){.pet[data-exp="fala"] .x-fala,.pet-zz text,.pet-brilho path,.pet-mao,.pet[data-exp] .pet-corpo{animation:none}}

/* cartão do dia (clique no dia do calendário) */
.cal-dia{cursor:pointer}.cal-dia:hover{background:#F8FAFD}
.cal-lista h4[data-cartao]{cursor:pointer}.cal-lista h4[data-cartao]:hover b{color:var(--ceu)}
.modal:has(.dia-cab){width:min(600px,100%)}
.dia-cab{align-items:center}
.dia-n{width:56px;height:60px;border-radius:14px;background:linear-gradient(160deg,var(--ouro),var(--ouro2));color:var(--navy);display:grid;place-items:center;align-content:center;flex:none;box-shadow:0 8px 20px rgba(233,162,26,.35)}
.dia-n b{font:800 24px/1 Montserrat}.dia-n small{font:700 11px Montserrat;text-transform:uppercase;letter-spacing:.08em;margin-top:2px}
.dia-cab h3::first-letter{text-transform:uppercase}
.dia-corpo{padding:18px 24px 6px;display:grid;gap:12px;max-height:56vh;overflow:auto}
.dia-mk{display:grid;gap:6px}.dia-mk .mk{padding:7px 10px;font-size:12.5px;border-radius:9px}
.dia-lista{display:grid;gap:8px}
.dia-ev{display:flex;align-items:center;gap:10px;padding:10px 10px 10px 12px;border:1px solid var(--linha);border-left:4px solid var(--cor);border-radius:12px;background:#fff;transition:box-shadow .15s}
.dia-ev:hover{box-shadow:0 6px 18px rgba(1,27,67,.08)}
.dia-ev.feito .dia-info b{text-decoration:line-through;color:var(--cinza2)}.dia-ev.feito{background:#FAFBFD}
.dia-ck{position:relative;flex:none;cursor:pointer}.dia-ck input{position:absolute;opacity:0;width:1px;height:1px}
.dia-ck span{display:block;width:22px;height:22px;border-radius:7px;border:2px solid #C9D2E0;transition:.15s}
.dia-ck input:checked+span{background:#16A34A;border-color:#16A34A;box-shadow:inset 0 0 0 3px #16A34A}
.dia-ck input:checked+span::after{content:"";display:block;width:6px;height:11px;border:solid #fff;border-width:0 2.5px 2.5px 0;transform:translate(6px,2px) rotate(45deg)}
.dia-ck input:focus-visible+span{box-shadow:0 0 0 3px rgba(21,162,241,.35)}
.dia-info{flex:1;min-width:0;text-align:left;background:none;border:0;padding:0;cursor:pointer;display:grid;gap:2px;font:inherit;color:var(--tinta)}
.dia-info .h{font:700 11.5px Montserrat;color:var(--cinza)}.dia-info b{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dia-info small{color:var(--cinza);font-size:12px;display:flex;align-items:center;gap:6px}.dia-info small i{width:7px;height:7px;border-radius:50%;background:var(--cor);flex:none}
.dia-info em{font-style:normal;color:var(--cinza2);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dia-acoes{display:flex;gap:4px;flex:none}.dia-acoes .bt.peq{padding:5px 9px;font-size:12px}
.dia-vazio{border:1.5px dashed var(--linha);border-radius:12px;padding:22px;text-align:center;color:var(--cinza);font-size:13.5px}
.dia-rapido{display:flex;gap:8px;padding:12px;border-radius:14px;background:var(--fundo)}
.dia-rapido input[name=titulo]{flex:1;min-width:0}.dia-rapido input[type=time]{width:110px}.dia-rapido select{width:auto}
.dia-rapido input,.dia-rapido select{padding:10px 12px;border-radius:10px;background:#fff}
.modal:has(.dia-cab)>.m-acoes{padding:14px 24px 20px}
/* busca de cliente no compromisso */
.ev-cli{position:relative}
.ev-sug{position:absolute;left:0;right:0;top:100%;margin-top:4px;background:#fff;border:1px solid var(--linha);border-radius:12px;box-shadow:0 14px 34px rgba(1,27,67,.16);z-index:5;max-height:240px;overflow:auto;padding:4px}
.ev-sug button{display:flex;justify-content:space-between;gap:10px;width:100%;border:0;background:none;padding:9px 10px;border-radius:8px;cursor:pointer;font:inherit;text-align:left}
.ev-sug button:hover{background:var(--fundo)}.ev-sug small{color:var(--cinza)}.ev-sug .dica{padding:8px 10px}
@media(max-width:600px){.dia-ev{flex-wrap:wrap}.dia-acoes{width:100%;justify-content:flex-end}.dia-rapido{flex-wrap:wrap}.dia-rapido input[name=titulo]{flex-basis:100%}}

/* leitura de documento pela IA */
.item .dir{margin-left:auto;display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.item .leit,.item>.leit-tag{order:3;flex-basis:100%}
.leit summary{cursor:pointer;display:flex;align-items:center;gap:8px;list-style:none;font-size:12px;color:var(--cinza)}
.leit summary::-webkit-details-marker{display:none}
.leit summary::after{content:"ver o que foi lido ▾";margin-left:auto;color:var(--royal);font-weight:600}
.leit[open] summary::after{content:"fechar ▴"}
.leit[open]{padding-top:4px}.leit .kv{margin-top:10px}
.leit-tag{display:inline-block;font-size:11.5px;font-weight:700;padding:3px 9px;border-radius:999px;background:#EEF1F6;color:var(--cinza)}
.leit-tag.lido{background:#E7F7EE;color:#15803D}.leit-tag.ilegivel,.leit-tag.erro{background:#FDECEC;color:var(--verm)}
.cnis{margin-top:12px;border-top:1px dashed var(--linha);padding-top:12px;display:grid;gap:8px}
.cnis-k{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.cnis-k>div{background:var(--fundo);border-radius:10px;padding:9px 10px}.cnis-k b{display:block;font:800 16px Montserrat;color:var(--navy)}.cnis-k small{color:var(--cinza);font-size:11px;line-height:1.3;display:block}
.cnis-ev{background:#FFF8E6;border:1px solid #F7E2A8;color:#7A5A06;border-radius:10px;padding:9px 12px;font-size:13px}
.cnis-t{width:100%;border-collapse:collapse;font-size:12px}.cnis-t th,.cnis-t td{text-align:left;padding:5px 6px;border-bottom:1px solid #EEF1F6}.cnis-t th{color:var(--cinza);font-weight:600}
.link-mini{border:0;background:none;color:var(--royal);font:600 11.5px Inter;cursor:pointer;padding:0 0 0 6px;text-decoration:underline}
.aviso-lgpd{margin-top:12px;background:#F3F8FF;border:1px solid #D6E6FB;border-radius:12px;padding:12px 14px;font-size:13px;color:var(--tinta)}
.aviso-lgpd ul{margin:6px 0 0;padding-left:18px;display:grid;gap:4px;color:var(--cinza)}
/* metas e ranking */
.ranking{margin-top:16px}.ranking h3{display:flex;flex-wrap:wrap;gap:8px;align-items:baseline}
.rk-lista{display:grid;gap:8px}
.rk{display:grid;grid-template-columns:34px 34px minmax(140px,1.4fr) minmax(160px,1.6fr) repeat(3,minmax(70px,.6fr));align-items:center;gap:12px;padding:10px 14px;border:1px solid var(--linha);border-radius:14px;background:#fff}
.rk.top{background:linear-gradient(90deg,#FFF9EA,#fff 40%);border-color:#F4DFA5}
.rk-pos{font:800 16px Montserrat;color:var(--cinza2);text-align:center}.rk.top .rk-pos{font-size:20px}
.rk .av-p{width:34px;height:34px}
.rk-nome b{display:block;font-size:14px}.rk-nome small,.rk-n small,.rk-meta small{color:var(--cinza);font-size:11.5px}
.rk-barra{height:8px;border-radius:99px;background:#EEF1F6;overflow:hidden;margin-bottom:4px}.rk-barra i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--ouro),var(--ouro2))}
.rk-n{text-align:right}.rk-n b{display:block;font:800 15px Montserrat;color:var(--navy)}
.meta-in{width:76px;padding:6px 8px;border-radius:8px}
@media(max-width:900px){.rk{grid-template-columns:28px 30px 1fr;row-gap:6px}.rk-meta{grid-column:1/-1}.rk-n{grid-column:auto;text-align:left}.cnis-k{grid-template-columns:repeat(2,1fr)}}
/* auditoria */
.aud-lista{display:grid}
.aud-l{display:flex;align-items:center;gap:12px;padding:10px 6px;border-bottom:1px solid #EEF1F6}
.aud-l:last-child{border-bottom:0}
.aud-l.sens .aud-i{background:#FFF3DC}
.aud-i{width:34px;height:34px;border-radius:10px;background:var(--fundo);display:grid;place-items:center;font-size:15px;flex:none}
.aud-t{flex:1;min-width:0;font-size:13.5px}.aud-t span{color:var(--cinza)}.aud-t small{display:block;color:var(--cinza2);font-size:12px;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.aud-q{text-align:right;flex:none;font-size:12.5px;color:var(--tinta)}.aud-q small{display:block;color:var(--cinza2);font-size:11px}
@media(max-width:600px){.aud-l{flex-wrap:wrap}.aud-q{text-align:left;padding-left:46px}}

/* deitado dormindo: o corpo deita de lado e respira; zzZz sobe */
.pet[data-exp="deitado"] .pet-corpo{transform-box:view-box;transform-origin:60px 63px;transform:translate(2px,16px) rotate(-90deg) scale(.86);animation:petrespira 2.6s ease-in-out infinite}
@keyframes petrespira{0%,100%{transform:translate(2px,16px) rotate(-90deg) scale(.86)}50%{transform:translate(2px,16px) rotate(-90deg) scale(.86,.9)}}
.pet[data-exp="deitado"] .pet-sombra{transform-box:view-box;transform-origin:60px 112px;transform:scaleX(1.5);animation:none}
.pet-zz2 text{opacity:0;animation:petzz2 3.2s ease-in-out infinite}
.pet-zz2 text:nth-child(2){animation-delay:.5s}.pet-zz2 text:nth-child(3){animation-delay:1s}.pet-zz2 text:nth-child(4){animation-delay:1.5s}
@keyframes petzz2{0%{opacity:0;transform:translate(0,4px)}25%{opacity:1}80%{opacity:.8}100%{opacity:0;transform:translate(4px,-8px)}}
@media (prefers-reduced-motion:reduce){.pet[data-exp="deitado"] .pet-corpo,.pet-zz2 text{animation:none}.pet-zz2 text{opacity:1}}

/* CRM: faixa do que pede atenção */
.atencao{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:10px;margin-bottom:14px}
.at-l{border-radius:14px;padding:11px 14px;display:grid;gap:8px;border:1px solid}
.at-l.prazo{background:#FFF6F4;border-color:#F8D3CC}.at-l.espera{background:#F2F8FF;border-color:#CFE2FA}
.at-l>b{font:700 13px Montserrat;color:var(--navy)}
.at-l>div{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.at-l button{border:1px solid var(--linha);background:#fff;border-radius:999px;padding:4px 10px;font:600 12px Inter;color:var(--tinta);cursor:pointer}
.at-l button:hover{border-color:var(--ceu)}.at-l button.urg{background:#FDECEC;border-color:#F5B5B5;color:var(--verm)}
.at-l span{font-size:12px;color:var(--cinza)}
/* relatórios: período e "agora" */
.per-custom{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--cinza)}.per-custom input{width:auto;padding:6px 8px;border-radius:8px}
.agora-rel{display:grid;grid-template-columns:auto repeat(4,1fr);gap:10px;align-items:stretch;margin-bottom:14px}
.agora-rel h4{writing-mode:vertical-rl;transform:rotate(180deg);font:800 11px Montserrat;letter-spacing:.14em;text-transform:uppercase;color:var(--cinza2);text-align:center}
.ag-k{background:#fff;border:1px solid var(--linha);border-radius:14px;padding:12px 14px;text-decoration:none;color:var(--tinta);display:grid;gap:2px;transition:border-color .15s}
.ag-k:hover{border-color:var(--ceu)}.ag-k b{font:800 22px Montserrat;color:var(--navy)}.ag-k small{color:var(--cinza);font-size:12px}
.ag-k.alerta{border-color:#F5C9A8;background:#FFF9F3}.ag-k.alerta b{color:var(--lar)}
.graf-eixo{display:flex;justify-content:space-between;font-size:11px;color:var(--cinza2);margin-top:4px}
@media(max-width:900px){.agora-rel{grid-template-columns:1fr 1fr}.agora-rel h4{grid-column:1/-1;writing-mode:horizontal-tb;transform:none;text-align:left}}
/* linha do tempo */
.tl-filtros{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.tl-filtros .chip{cursor:pointer}
.tl{position:relative;display:grid;gap:2px}
.tl-dia{font:700 11px Montserrat;text-transform:uppercase;letter-spacing:.06em;color:var(--cinza2);margin:12px 0 4px}
.tl-i{display:grid;grid-template-columns:30px 1fr auto auto;gap:10px;align-items:start;padding:8px 6px;border-radius:10px;position:relative}
.tl-i:hover{background:var(--fundo)}
.tl-ic{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#EEF1F6;font-size:13px}
.tl-i.k-etapa .tl-ic{background:#E7EEFB}.tl-i.k-doc .tl-ic{background:#F1EAFE}.tl-i.k-nota .tl-ic{background:#FFF4D6}.tl-i.k-contrato .tl-ic{background:#E7F7EE}.tl-i.k-agenda .tl-ic{background:#E5F5FE}
.tl-i b{font-size:13px;display:block}.tl-i small{color:var(--cinza);font-size:12.5px;display:block;overflow-wrap:anywhere}
.tl-i time{font-size:11.5px;color:var(--cinza2);white-space:nowrap;padding-top:2px}
/* Marcelo: balão do resumo do dia */
.mc-balao{position:absolute;right:84px;bottom:10px;width:260px;background:#fff;border:1px solid var(--linha);border-radius:16px 16px 4px 16px;box-shadow:0 18px 40px rgba(1,27,67,.22);padding:12px 14px;display:grid;gap:4px;animation:mabre .25s ease-out}
.mc-balao b{font:800 13px Montserrat;color:var(--navy)}.mc-balao span{color:var(--cinza);font-size:12.5px;line-height:1.4}
.mc-balao div{display:flex;gap:6px;margin-top:6px}
.mc-balao button{border:0;border-radius:999px;padding:6px 12px;font:700 12px Inter;cursor:pointer}
.mc-b-ver{background:var(--navy);color:#fff}.mc-b-depois{background:var(--fundo);color:var(--cinza)}
#marcelo:has(.mc-painel:not([hidden])) .mc-balao{display:none}
@media(max-width:600px){.mc-balao{width:210px;right:78px}}