:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:#202540;background:#f5f6fa;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}.shell{display:flex;min-height:100vh}.sidebar{width:238px;background:#171b32;color:#c6c8dc;padding:25px 16px;display:flex;flex-direction:column;gap:3px;flex-shrink:0}.brand{font-size:23px;color:white;font-weight:800;letter-spacing:.2px;margin:0 12px 31px}.brand b{color:#fa823e}.brand small{font-size:9px;display:block;font-weight:500;letter-spacing:3px;color:#aeb2c7}.navitem{padding:12px 15px;border-radius:10px;color:#bdc0d1;border:0;background:none;text-align:left;width:100%}.navitem.active{background:#383054;color:white;border-left:3px solid #f5844b}.navitem:hover{background:#292d47}.navsection{font-size:10px;color:#777e9c;text-transform:uppercase;letter-spacing:1.5px;margin:26px 12px 9px}.sidebottom{margin-top:auto;color:#8e95b1;padding:15px}.main{min-width:0;flex:1}.top{height:76px;background:#fff;border-bottom:1px solid #e9ebf1;display:flex;align-items:center;justify-content:space-between;padding:0 32px;gap:15px}.crumb{color:#7b8093}.topright{display:flex;gap:18px;align-items:center;color:#5d6275}.avatar{border-radius:50%;background:#eae5f8;color:#6148a6;width:33px;height:33px;display:grid;place-items:center;font-weight:700}.content{padding:30px 34px;max-width:1650px;margin:auto}.head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:24px}.head h1{margin:0 0 7px;font-size:27px;letter-spacing:-.7px;color:#20223d}.muted{color:#81869a}.eyebrow{color:#7d60b3;font-size:11px;letter-spacing:1.6px;text-transform:uppercase;font-weight:800;margin-bottom:7px}.actions{display:flex;gap:9px;flex-wrap:wrap}.btn{border:1px solid #e3e4eb;border-radius:9px;padding:10px 15px;background:#fff;color:#403e59;font-weight:650}.btn:hover{border-color:#8c6ec3}.btn.primary{background:#704cb0;color:#fff;border-color:#704cb0}.btn.primary:hover{background:#5c399e}.btn.danger{color:#ff0000;border-color:#f1cbd0}.btn.sm{padding:6px 10px;font-size:12px}.btn.ghost{border:0;color:#6e4daa;background:transparent}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:22px 0}.card,.panel{background:#fff;border:1px solid #e9eaf0;border-radius:14px;box-shadow:0 3px 14px rgba(32,32,67,.025)}.card{padding:20px}.card label{color:#82889b;display:block;font-size:12px}.card strong{font-size:25px;display:block;margin:9px 0 5px;color:#272a43}.card small{color:#8790a0}.card .icon{float:right;background:#f1edf9;color:#7154a5;padding:8px;border-radius:9px}.panel{padding:22px;margin:17px 0}.panel h2{font-size:16px;margin:0 0 16px}.panel h3{font-size:14px;margin:16px 0 8px}.toolbar{display:flex;gap:10px;margin:18px 0;flex-wrap:wrap}.field{padding:10px 12px;border:1px solid #e2e4ec;border-radius:9px;background:#fff;color:#30334c;min-width:150px}.field:focus{outline:2px solid #d6c8f1}.search{flex:1;min-width:210px}.tablewrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:700px}th{text-align:left;color:#898fa0;font-size:11px;text-transform:uppercase;letter-spacing:.7px;padding:13px 9px;border-bottom:1px solid #edeef2}td{padding:14px 9px;border-bottom:1px solid #f0f1f4;vertical-align:middle}tr:hover td{background:#faf9fc}.link{background:none;border:0;color:#704cb0;font-weight:700;padding:0}.pill{display:inline-block;border-radius:99px;padding:5px 9px;background:#eef7f1;color:#23865b;font-size:11px;font-weight:750;white-space:nowrap}.pill.warn{background:#fff2dc;color:#aa6d19}.pill.bad{background:#fff0f0;color:#ff0000}.pill.gray{background:#f1f2f6;color:#6b7387}.person{display:flex;align-items:center;gap:10px}.initial{height:34px;width:34px;border-radius:10px;background:#eee9f7;color:#7854af;display:grid;place-items:center;font-weight:750;flex-shrink:0}.person small{display:block;color:#9094a4}.detailhero{padding:22px;background:#fff;border:1px solid #e9eaf0;border-radius:14px;display:flex;justify-content:space-between;gap:18px;align-items:center}.detailhero h1{font-size:23px;margin:2px 0 5px}.heroident{display:flex;gap:14px;align-items:center}.heroident .initial{height:50px;width:50px;font-size:18px}.tabs{display:flex;gap:4px;overflow:auto;border-bottom:1px solid #e5e6ed;margin:23px 0 0;scrollbar-width:thin}.tab{flex-shrink:0;border:0;background:none;padding:14px 14px;color:#74798c;font-weight:650;border-bottom:3px solid transparent}.tab.active{color:#704cb0;border-color:#704cb0}.grid2{display:grid;grid-template-columns:1.5fr 1fr;gap:17px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.kv{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #f0f0f3;gap:15px}.kv span:first-child{color:#85899a}.kv strong{text-align:right}.timeline{border-left:2px solid #e9e0f6;margin:5px 0 0 9px;padding-left:20px}.event{margin:0 0 19px;position:relative}.event:before{content:'';position:absolute;left:-27px;top:5px;background:#7751b5;height:11px;width:11px;border-radius:50%;border:2px solid white}.event small{color:#9095a4;display:block;margin-top:4px}.banner{border-radius:11px;padding:13px 15px;background:#f6f0ff;color:#583e91;margin-bottom:13px}.banner.warn{background:#fff6e6;color:#8d5d16}.banner.bad{background:#fff0f0;color:#ff0000}.empty{padding:32px;text-align:center;color:#8b90a1}.rowactions{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.modalback{position:fixed;inset:0;background:rgba(15,18,38,.6);display:grid;place-items:center;z-index:10;padding:15px}.modal{background:white;width:min(640px,100%);max-height:92vh;overflow:auto;border-radius:16px;padding:26px;box-shadow:0 20px 80px #171b3240}.modal h2{margin:0 0 8px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:18px 0}.formgrid label{font-size:12px;color:#73798b;font-weight:700}.formgrid input,.formgrid select,.formgrid textarea{width:100%;display:block;margin-top:6px}.wide{grid-column:1/-1}.modalfooter{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.mini{font-size:12px}.stack{display:flex;flex-direction:column;gap:8px}.check{display:flex;gap:10px;align-items:center;padding:10px;border:1px solid #eee;border-radius:9px}.subtle{background:#faf9fc;border:1px solid #efedf4;border-radius:9px;padding:12px}.right{text-align:right}.split{display:flex;justify-content:space-between;align-items:center;gap:12px}.notice{position:fixed;bottom:20px;right:20px;padding:13px 18px;border-radius:10px;background:#29233e;color:white;box-shadow:0 8px 25px #0003;z-index:20;max-width:350px}@media(max-width:1000px){.sidebar{width:70px;padding:20px 8px}.brand{font-size:17px;margin:0 4px 25px}.brand small,.sidebar .txt,.navsection,.sidebottom{display:none}.navitem{text-align:center;padding:12px 4px}.cards{grid-template-columns:repeat(2,1fr)}.grid2{grid-template-columns:1fr}}@media(max-width:650px){.sidebar{display:none}.content{padding:20px 14px}.top{padding:0 14px;height:60px}.head,.detailhero{flex-direction:column}.cards,.grid3{grid-template-columns:1fr 1fr}.formgrid{grid-template-columns:1fr}.wide{grid-column:auto}.grid2{gap:0}.actions{width:100%}.topright{font-size:12px}.card strong{font-size:19px}}@media(max-width:420px){.cards,.grid3{grid-template-columns:1fr}.topright .muted{display:none}}
.userselect{border:0;background:transparent;color:#3e4357;font-weight:650;max-width:210px}.switch{display:inline-flex;align-items:center;cursor:pointer}.switch input{position:absolute;opacity:0}.switch span{width:34px;height:19px;border-radius:99px;background:#d7d9e2;position:relative;display:block}.switch span:after{content:'';position:absolute;width:13px;height:13px;border-radius:50%;background:#fff;top:3px;left:3px;transition:.15s}.switch input:checked+span{background:#7650b3}.switch input:checked+span:after{left:18px}.switch input:disabled+span{opacity:.5;cursor:not-allowed}
/* Direção visual inspirada em painéis ERP claros e modulares da My Hope. */
:root{background:#f4f6fa;color:#1f2a3d}.sidebar{background:linear-gradient(180deg,#1d345b,#13274d);color:#d3dcec}.brand b{color:#9cc0f0}.navitem.active{background:rgba(255,255,255,.12);border-left-color:#8fb3e6}.navitem:hover{background:rgba(255,255,255,.08)}.navsection{color:#8ea3c2}.top{background:#fff}.head h1{color:#173d3f}.eyebrow,.link{color:var(--brand-primary,#1d345b)}.btn.primary{background:var(--brand-primary,#1d345b);border-color:var(--brand-primary,#1d345b)}.btn.primary:hover{background:#142640}.btn:hover{border-color:#53a99a}.card,.panel,.detailhero{border-color:#e2e8f0;box-shadow:0 4px 18px rgba(29,52,91,.05)}.card .icon{background:#eaf0f8;color:var(--brand-primary,#1d345b)}.pill{background:#eaf0f8;color:#167b55}.pill.warn{background:#fff4df;color:#a56b10}.tab.active{color:var(--brand-primary,#1d345b);border-color:var(--brand-primary,#1d345b)}.tabs{border-color:#e2e8f0}.event{border-color:#e2e8f0}.event:before{background:#259c88}.banner{background:#eaf0f8;color:#1d345b}.field:focus{outline-color:#bcd0ea}.switch input:checked+span{background:var(--brand-primary,#1d345b)}
.axcaptcha:empty{display:none}.axcaptcha{margin:4px 0;min-height:65px}
/* celular e tablet: campo com letra menor que 16px faz o iPhone dar zoom sozinho ao tocar (e a tela fica cortada) */
@media (max-width:1024px),(pointer:coarse){input,select,textarea,.field{font-size:16px!important}}
/* celular: a página nunca rola para o lado (o que for largo rola dentro da sua própria caixa) */
@media (max-width:1024px){html,body{overflow-x:hidden;max-width:100%}.shell,.main{max-width:100vw;overflow-x:clip}}
.zoomaviso{position:fixed;left:8px;right:8px;top:8px;z-index:9999;background:#1d345b;color:#fff;border-radius:12px;padding:10px 12px;font-size:14px;box-shadow:0 6px 20px rgba(0,0,0,.25)}
.diagbox{position:fixed;left:6px;right:6px;bottom:90px;z-index:9999;background:rgba(0,0,0,.85);color:#7CFC9A;font-size:11px;line-height:1.35;padding:8px;border-radius:8px;white-space:pre-wrap;margin:0;pointer-events:none}

/* app de vendas: comissão no topo da tela Vendas */
.cvcomis summary{display:flex;justify-content:space-between;align-items:center;gap:8px;cursor:pointer;list-style:none}
.cvcomis summary::-webkit-details-marker{display:none}
.cvcomis summary span{font-weight:800;color:var(--brand-primary,#1d345b);white-space:nowrap}
.cvcomis summary::after{content:'▾';margin-left:4px;color:#64748b}
.cvcomis[open] summary::after{content:'▴'}
.cvcomis[open] summary{margin-bottom:10px}

/* conquistas: comparativo mês a mês */
.cqmeses{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}
.cqmeses button{display:flex;flex-direction:column;align-items:center;gap:2px;background:none;border:1px solid transparent;border-radius:10px;padding:6px 2px;cursor:pointer;font:inherit;color:inherit}
.cqmeses button.on{border-color:var(--brand-primary,#1d345b);background:#eef2f8}
.cqmeses .cqcol{display:flex;align-items:flex-end;width:18px;height:56px;background:#eef2f6;border-radius:6px;overflow:hidden}
.cqmeses .cqcol i{display:block;width:100%;background:var(--brand-primary,#1d345b);border-radius:6px;min-height:2px}
.cqmeses b{font-size:14px}.cqmeses small{font-size:11px;color:#64748b;white-space:nowrap}
/* proposta: documentos no fim e destaque quando faltam */
[data-propdocs].propdocsfalta .propanxbox{outline:3px solid #dc2626;outline-offset:3px;border-radius:12px;transition:outline-color .3s}

/* menu de anexar: tirar foto, galeria, arquivo */
.anxpop .anxop{display:flex;align-items:center;gap:12px;padding:14px 12px;border:1px solid #e2e8f0;border-radius:12px;margin-top:10px;cursor:pointer;background:#fff}
.anxpop .anxop:active{background:#eef2f8}
.anxpop .anxic{font-size:26px;width:36px;text-align:center}
.anxpop .anxop b{display:block;font-size:16px;color:var(--brand-primary,#1d345b)}
.anxpop .anxop small{color:#64748b}

/* proposta: campos obrigatórios faltando */
label.propfalta{color:#b91c1c}
label.propfalta .field{border-color:#dc2626 !important;background:#fef2f2 !important;box-shadow:0 0 0 2px #fecaca}
.propfaltas ul{margin:6px 0 4px 18px;padding:0}.propfaltas li{margin:2px 0}.propfaltas small{color:#7f1d1d}
.proptoast{position:fixed;left:16px;right:16px;bottom:24px;z-index:9999;background:#dc2626;color:#fff;font-weight:700;padding:14px 16px;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.25);max-width:560px;margin:0 auto}

/* app: carregando (esconde a tela até tudo carregar) */
#fxloadov{position:fixed;inset:0;z-index:99999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:var(--brand-primary,#1d345b);color:#fff;font-size:17px}
.fxspin{width:42px;height:42px;border-radius:50%;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;animation:fxgira .8s linear infinite}
@keyframes fxgira{to{transform:rotate(360deg)}}
/* botão desabilitado fica apagado (ex.: Enviar para assinatura até escolher o telefone) */
.proppop .btn:disabled,.proppop .btn[disabled]{opacity:.4;cursor:not-allowed;filter:grayscale(.4);pointer-events:none}

/* app do agente funerário: chamados */
.fcapp .fccard{background:#fff;border:1px solid #e2e8f0;border-left:5px solid var(--brand-primary,#1d345b);border-radius:14px;padding:12px 14px;margin:0 0 12px;display:flex;flex-direction:column;gap:6px}
.fcapp .fccard.urg{border-left-color:#dc2626;background:#fff7f7}
.fcapp .fccard.fim{opacity:.75}
.fcapp .fctop{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.fcapp .fctop small{margin-left:auto;color:#64748b}
.fcapp .fcnome{font-size:18px;font-weight:800;color:var(--brand-primary,#1d345b)}
.fcapp .fclocal{font-size:14px}
.fcapp .fcbtns{display:flex;gap:8px;flex-wrap:wrap}.fcapp .fcbtns .btn{flex:1 1 auto;justify-content:center;text-align:center}
.fcapp .fchist summary,.fcapp .fcfim summary{cursor:pointer;font-size:13px;color:#64748b;margin:4px 0}
/* ficha de funeral (OS) no celular: uma coluna, abas roláveis */
@media (max-width:760px){
  .foshead{flex-direction:column;align-items:stretch;gap:8px}.foshead .actions{display:flex;flex-wrap:wrap;gap:6px}
  .foscards{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
  .fostabs{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch}.fostabs .tab{flex:0 0 auto;white-space:nowrap}
  .fosform .formgrid,.fosform .g12,.fosform [class*="grid"]{grid-template-columns:1fr !important}
  .fosform label,.fosform .wide{grid-column:1/-1 !important}
  .fosform table{display:block;overflow-x:auto}
  .foshead .editbar,.editbar{flex-wrap:wrap}
}
@media (max-width:760px){
  .foscards{grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:6px !important}
  .foscards .card{padding:8px !important;min-height:0 !important;display:block !important}
  .foscards .card::before,.foscards .card svg,.foscards .card .ic{display:none !important}
  .foscards .card label{font-size:11px !important;line-height:1.2;display:block}
  .foscards .card strong{font-size:14px !important;white-space:nowrap;display:block}
}
@media (max-width:760px){
  .foscards.ackpis{grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:6px !important}
  .foscards .ackpi{padding:8px !important;min-height:0 !important;gap:0 !important}
  .foscards .ackpi .ackic{display:none !important}
  .foscards .ackpi label,.foscards .ackpi small,.foscards .ackpi span:not(.ackic){font-size:11px !important;line-height:1.2}
  .foscards .ackpi strong,.foscards .ackpi b{font-size:13px !important;white-space:nowrap}
}

/* atendimento do funeral por etapas */
.fceprog{height:8px;background:#e2e8f0;border-radius:6px;overflow:hidden;margin-top:6px}.fceprog span{display:block;height:100%;background:var(--brand-primary,#1d345b)}
.fceapp .fceet{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin:0 0 8px;overflow:hidden}
.fceapp .fceet.ok{border-color:#86efac}.fceapp .fceet.and{border-color:#fcd34d}
.fceapp .fcehead{display:flex;align-items:center;gap:10px;width:100%;background:none;border:0;padding:12px;font:inherit;text-align:left;cursor:pointer;color:inherit}
.fceapp .fcen{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#e2e8f0;font-weight:800;flex:0 0 28px}
.fceapp .fceet.ok .fcen{background:#16a34a;color:#fff}.fceapp .fceet.and .fcen{background:#f59e0b;color:#fff}
.fceapp .fcet{flex:1;display:flex;flex-direction:column}.fceapp .fcet small{color:#64748b}
.fceapp .fcebody{display:flex;flex-direction:column;gap:10px;padding:0 12px 12px}
.fceapp .fcebody label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:#475569}
.fceapp .fceck{flex-direction:row !important;align-items:center;gap:8px !important;font-size:15px !important;color:#0f172a !important;padding:8px;border:1px solid #e2e8f0;border-radius:10px}
.fceapp .fceck input{width:22px;height:22px}
.fceopc>span{font-size:13px;color:#475569;display:block;margin-bottom:4px}.fceopc>div{display:flex;flex-wrap:wrap;gap:6px}
.fceopc label{flex-direction:row !important;border:1px solid #cbd5e1;border-radius:20px;padding:8px 12px;font-size:14px !important;color:#0f172a !important;cursor:pointer}
.fceopc label.on{background:var(--brand-primary,#1d345b);color:#fff !important;border-color:var(--brand-primary,#1d345b)}.fceopc input{display:none}
.fcebloco{border:1px dashed #cbd5e1;border-radius:10px;padding:10px;display:flex;flex-direction:column;gap:8px}
.fcefotos>span{font-size:13px;color:#475569;display:block;margin-bottom:4px}.fcefotos>div{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.fcefoto{border:1px solid #cbd5e1;background:#f8fafc;border-radius:8px;padding:6px 8px;cursor:pointer;font:inherit}
.fceinfo{display:flex;flex-direction:column;gap:6px;font-size:14px;background:#f8fafc;border-radius:10px;padding:10px}
.fcemarca small{color:#64748b}
.fcereset{border-bottom:1px solid #e2e8f0;padding:8px 0}.fcekv{display:inline-block;background:#f1f5f9;border-radius:6px;padding:2px 6px;margin:2px;font-size:12px}.fcekv small{color:#64748b}

/* agente: plantão, localização, alerta */
.fplbox{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:10px 12px;margin:0 0 12px;display:flex;flex-direction:column;gap:8px;font-size:14px}
#fplalarme{position:fixed;left:12px;right:12px;top:12px;z-index:99998;background:#dc2626;color:#fff;font-weight:800;font-size:17px;border:0;border-radius:14px;padding:16px;box-shadow:0 10px 30px rgba(0,0,0,.35);animation:fplpisca 1s infinite}
@keyframes fplpisca{50%{background:#991b1b}}
.fplmapa{width:100%;height:320px;border:0;border-radius:12px;margin-top:6px}
.fplag{border:1px solid #e2e8f0;border-radius:12px;padding:10px;margin:0 0 10px}
.fplturno{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end;margin:6px 0}
.fplturno label{display:flex;flex-direction:column;font-size:12px;color:#475569}
.fpldias{display:flex;gap:4px}.fpldias label{flex-direction:row}.fpldias input{display:none}
.fpldias span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;border:1px solid #cbd5e1;cursor:pointer;font-weight:700;color:#0f172a}
.fpldias input:checked+span{background:var(--brand-primary,#1d345b);color:#fff;border-color:var(--brand-primary,#1d345b)}

/* link para o cliente preencher a proposta */
.plkbox{border:1px solid #e2e8f0;border-left:4px solid var(--brand-primary,#1d345b);border-radius:12px;padding:10px 12px;margin:10px 0;display:flex;flex-direction:column;gap:6px;background:#fff}
.plkbox.ok{border-left-color:#16a34a}.plkbox.warn{border-left-color:#f59e0b}.plkbox.bad{border-left-color:#dc2626}
.histapp{margin-top:10px}
/* biometria no app dos colaboradores */
.cbofer{text-align:center}.cbofer .cbic{font-size:44px;line-height:1.2}.cbofer p{margin:8px 0 4px}
.cpbadge.ok{background:#e3f4ea;color:#17803d}
/* feriados: a empresa trabalha? */
.fertrab{border:1.5px solid;border-radius:999px;padding:4px 10px;font-weight:700;font-size:12px;background:#fff;cursor:pointer;white-space:nowrap}
.fertrab.nao{color:#b42318;border-color:#f3b4ae;background:#fef3f2}.fertrab.sim{color:#17803d;border-color:#9fd9b4;background:#ecfdf3}
.fertrab[disabled]{cursor:default;opacity:.85}
.fertipo{display:inline-block;border-radius:999px;padding:3px 9px;font-size:11.5px;font-weight:700;white-space:nowrap}
.fertipo.t-nacional{background:#e7f6ec;color:#17803d}.fertipo.t-estadual{background:#fff1e3;color:#b45309}
.fertipo.t-recife{background:#e6f0fb;color:#1d4f91}.fertipo.t-paulista{background:#efe8fd;color:#6d28d9}.fertipo.t-ambos{background:#e3f6f8;color:#0e7490}
.fertipo.t-facultativo{background:#fdf6d8;color:#8a6d00}.fertipo.t-forum{background:#eef0f3;color:#475467}.fertipo.t-outro{background:#f2f4f7;color:#344054}
.fertipo.t-categoria{background:#fde9f1;color:#b4235a}.fertipo.t-comemorativa{background:#f4f4f5;color:#52525b;border:1px dashed #a1a1aa}