/* Sistema X2 — identidade: azul-marinho vivo + dourado, Montserrat, celular primeiro */
:root{
  --azul:#0D2266;--azul-2:#18389A;--azul-3:#2348b8;--fundo-escuro:#081845;
  --ouro:#C9A24A;--ouro-2:#E8CD87;--ouro-3:#b3862f;
  --tinta:#16203a;--cinza:#5d6680;--cinza-2:#8a92a8;--linha:#e3e7f0;--fundo:#f3f5fa;--branco:#fff;
  --verde:#1f8a4c;--verde-f:#e6f5ec;--vermelho:#c0392b;--vermelho-f:#fdecea;--laranja:#c56a12;--laranja-f:#fff1e0;--azul-f:#e8edfb;
  --raio:14px;--sombra:0 6px 22px rgba(13,34,102,.08);--sombra-2:0 14px 40px rgba(13,34,102,.16);
  --grao:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.09'/%3E%3C/svg%3E");
  --linhas:repeating-linear-gradient(135deg,rgba(255,255,255,.035) 0 2px,transparent 2px 10px);
  color-scheme:light;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:Montserrat,system-ui,-apple-system,sans-serif;color:var(--tinta);background:var(--fundo);font-size:15px;line-height:1.45}
a{color:var(--azul-2)}
button,input,select,textarea{font:inherit;color:inherit}
h1,h2,h3{line-height:1.2;margin:0}
h2{font-size:18px;color:var(--azul)}h3{font-size:15.5px;color:var(--azul)}
.oculto{display:none!important}
.textura{background-image:var(--grao),var(--linhas),radial-gradient(130% 120% at 0% 0%,var(--azul-2) 0%,var(--azul) 55%,var(--fundo-escuro) 100%)}

/* ---------- estrutura ---------- */
#app{min-height:100vh;display:flex}
.ico{width:20px;height:20px;flex:none;display:inline-block;vertical-align:middle}
.btn .ico{width:17px;height:17px}

/* menu lateral (computador) */
.lateral{width:264px;flex:none;color:#fff;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:18px 14px 12px;overflow-y:auto;overflow-x:hidden;transition:width .22s ease;scrollbar-width:thin;scrollbar-color:rgba(232,205,135,.25) transparent;box-shadow:inset -1px 0 0 rgba(232,205,135,.14)}
.lateral .marca{display:flex;flex-direction:column;align-items:center;gap:6px;padding:4px 0 16px;position:relative}
.lateral .marca img{height:52px;filter:drop-shadow(0 4px 14px rgba(0,0,0,.35))}
.lateral .marca .escudo{display:none;height:40px}
.lateral .marca small{color:var(--ouro-2);font-weight:700;letter-spacing:.28em;font-size:10px;text-transform:uppercase;opacity:.9}
.lateral .marca:after{content:"";position:absolute;bottom:0;left:12%;right:12%;height:1px;background:linear-gradient(90deg,transparent,rgba(232,205,135,.55),transparent)}
.novo-rapido{margin:14px 4px 6px;display:flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:12px;padding:11px 12px;font-weight:800;font-size:14px;cursor:pointer;color:#1d1505;
  background:linear-gradient(135deg,#f1d999,var(--ouro) 45%,var(--ouro-3));box-shadow:0 8px 20px rgba(201,162,74,.35),inset 0 1px 0 rgba(255,255,255,.5);transition:transform .15s,box-shadow .15s}
.novo-rapido:hover{transform:translateY(-1px);box-shadow:0 12px 26px rgba(201,162,74,.45),inset 0 1px 0 rgba(255,255,255,.5)}
.novo-rapido .ico{width:18px;height:18px;stroke-width:2.6}
.menu .grupo{margin-top:12px}
.grupo-t{font-size:10.5px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:rgba(232,205,135,.62);padding:6px 12px 6px;white-space:nowrap}
.grupo-t.escuro{color:var(--cinza);padding:16px 2px 8px}
.menu a{display:flex;align-items:center;gap:11px;color:#d3dbf3;text-decoration:none;padding:7px 10px 7px 7px;border-radius:12px;font-weight:600;font-size:14.2px;margin:2px 0;position:relative;transition:background .15s,color .15s,transform .15s;white-space:nowrap}
.menu a .ic{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.07);transition:all .18s;flex:none}
.menu a .ic .ico{width:18px;height:18px}
.menu a:hover{background:rgba(255,255,255,.06);color:#fff}
.menu a:hover .ic{background:rgba(255,255,255,.12);transform:scale(1.04)}
.menu a.ativo{color:#fff;background:linear-gradient(90deg,rgba(201,162,74,.24),rgba(201,162,74,.04) 80%);font-weight:700}
.menu a.ativo .ic{background:linear-gradient(135deg,#f1d999,var(--ouro) 50%,var(--ouro-3));color:#1d1505;border-color:transparent;box-shadow:0 6px 16px rgba(201,162,74,.4)}
.menu a.ativo:before{content:"";position:absolute;left:-14px;top:9px;bottom:9px;width:4px;border-radius:0 4px 4px 0;background:var(--ouro);box-shadow:0 0 12px var(--ouro)}
.menu .txt{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}
.menu .bolha{margin-left:auto}
.menu .sub{display:grid;grid-template-rows:0fr;transition:grid-template-rows .25s ease;margin-left:24px;border-left:1px solid rgba(232,205,135,.22)}
.menu .sub>*{overflow:hidden}
.menu .sub{display:none}.menu .sub.aberto{display:block;padding:2px 0 6px}
.menu .sub a{font-size:13px;padding:6px 10px 6px 14px;gap:9px;color:#b9c4e6;border-radius:9px;margin:1px 0 1px 6px}
.menu .sub a .ico{width:15px;height:15px;opacity:.75}
.menu .sub a.ativo{background:rgba(255,255,255,.08);color:var(--ouro-2)}
.menu .sub a.ativo:before{display:none}
.lateral .eu{margin-top:auto;display:flex;align-items:center;gap:10px;padding:12px 8px 10px;border-top:1px solid rgba(232,205,135,.18);position:relative}
.avatar-eu{width:38px;height:38px;flex:none;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:13.5px;color:#1d1505;background:linear-gradient(135deg,#f1d999,var(--ouro));box-shadow:0 0 0 2px rgba(13,34,102,.9),0 0 0 3.5px rgba(232,205,135,.6)}
.avatar-eu.grande{width:56px;height:56px;font-size:19px}
.eu-txt{flex:1;min-width:0;line-height:1.25}.eu-txt b{display:block;font-size:13.5px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.eu-txt span{font-size:11.5px;color:#aeb9dc;white-space:nowrap}
.eu-bt{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;color:#c9d2ee;background:transparent;border:0;cursor:pointer;flex:none}
.eu-bt:hover{background:rgba(255,255,255,.1);color:#fff}.eu-bt .ico{width:17px;height:17px}
.recolher{display:flex;align-items:center;gap:10px;background:none;border:0;color:#8f9cc6;font:inherit;font-size:12.5px;font-weight:600;padding:8px 10px;border-radius:10px;cursor:pointer;white-space:nowrap}
.recolher:hover{color:#fff;background:rgba(255,255,255,.06)}.recolher .ico{width:17px;height:17px}
/* menu recolhido: só ícones */
body.menu-recolhido .lateral{width:82px;padding-left:12px;padding-right:12px}
body.menu-recolhido .lateral .marca img:first-child,body.menu-recolhido .lateral .marca small{display:none}
body.menu-recolhido .lateral .marca .escudo{display:block}
body.menu-recolhido .novo-rapido span,body.menu-recolhido .menu .txt,body.menu-recolhido .grupo-t,body.menu-recolhido .eu-txt,body.menu-recolhido .eu-bt,body.menu-recolhido .recolher span,body.menu-recolhido .menu .sub{display:none!important}
body.menu-recolhido .novo-rapido{padding:11px 0}
body.menu-recolhido .menu a{justify-content:center;padding:6px 0}
body.menu-recolhido .menu a .bolha{position:absolute;top:0;right:2px}
body.menu-recolhido .menu .grupo{margin-top:6px;padding-top:6px;border-top:1px solid rgba(255,255,255,.06)}
body.menu-recolhido .lateral .eu{justify-content:center;padding:12px 0}
body.menu-recolhido .recolher{justify-content:center}

.principal{flex:1;min-width:0;display:flex;flex-direction:column}
.topo{position:sticky;top:0;z-index:20;background:rgba(243,245,250,.86);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);display:flex;align-items:center;gap:12px;padding:14px 28px;border-bottom:1px solid transparent;transition:box-shadow .2s,border-color .2s}
body.rolou .topo{border-bottom-color:var(--linha);box-shadow:0 6px 20px rgba(13,34,102,.06)}
.topo .titulos{flex:1;min-width:0}
.topo h1{font-size:22px;color:var(--azul);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em}
.sub-t{font-size:12.5px;color:var(--cinza);font-weight:600;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sub-t:empty{display:none}
.topo .logo-m{display:none}
.topo .acoes{display:flex;gap:8px;align-items:center}
.sino{position:relative;background:#fff;border:1px solid var(--linha);width:42px;height:42px;border-radius:12px;cursor:pointer;display:grid;place-items:center;text-decoration:none;color:var(--azul);transition:transform .15s,box-shadow .15s}
.sino:hover{transform:translateY(-1px);box-shadow:var(--sombra)}
.sino .bolha{position:absolute;top:-6px;right:-6px}
.avatar-topo{width:42px;height:42px;border-radius:50%;border:0;cursor:pointer;font:inherit;font-weight:800;font-size:14px;color:#1d1505;background:linear-gradient(135deg,#f1d999,var(--ouro));box-shadow:0 0 0 2px #fff,0 0 0 3.5px rgba(201,162,74,.5);display:none}
.bolha{background:var(--vermelho);color:#fff;font-size:10.5px;font-weight:800;min-width:19px;height:19px;border-radius:99px;display:inline-grid;place-items:center;padding:0 5px;box-shadow:0 0 0 2px rgba(255,255,255,.9)}
.bolha[hidden]{display:none!important}
.menu .bolha{box-shadow:none}
.menu [data-b=plantoes],.menu [data-b=clientes],.menu [data-b=agenda],.abas-m [data-b=plantoes],.abas-m [data-b=clientes]{background:var(--ouro);color:#1d1505}
#tela{padding:22px 28px 120px;max-width:1320px;width:100%;margin:0 auto}
#tela.entra>*{animation:entra .32s cubic-bezier(.2,.8,.2,1) both}
#tela.entra>*:nth-child(2){animation-delay:.04s}#tela.entra>*:nth-child(3){animation-delay:.08s}#tela.entra>*:nth-child(4){animation-delay:.12s}
@keyframes entra{from{opacity:0;transform:translateY(10px)}}
.abas-m,.fab{display:none}

/* esqueleto enquanto carrega */
.esqueleto{display:grid;gap:14px}
.sk{border-radius:16px;background:linear-gradient(90deg,#e7eaf3 0%,#f3f5fa 40%,#e7eaf3 80%);background-size:300% 100%;animation:brilha-sk 1.2s linear infinite;height:110px}
.sk-ola{height:96px}.sk-grande{height:260px}.sk-linha{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
@keyframes brilha-sk{from{background-position:100% 0}to{background-position:-200% 0}}

@media (max-width:860px){
  .lateral{display:none}
  .topo{padding:10px 14px calc(10px);color:#fff;border:0!important;background:none;backdrop-filter:none;-webkit-backdrop-filter:none;
    background-image:var(--grao),var(--linhas),linear-gradient(120deg,var(--azul-2),var(--azul) 60%,var(--fundo-escuro));box-shadow:0 6px 18px rgba(8,24,69,.25)!important}
  .topo h1{color:#fff;font-size:17px}
  .sub-t{color:#c9d2ee;font-size:11.5px}
  .topo .logo-m{display:block;height:32px}
  .sino{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.18);color:#fff;width:40px;height:40px}
  .avatar-topo{display:block;width:36px;height:36px;font-size:12.5px;box-shadow:0 0 0 2px rgba(255,255,255,.25)}
  .topo .acoes .btn{display:none}
  #tela{padding:16px 14px 120px}
  .abas-m{display:grid;grid-template-columns:1fr 1fr 74px 1fr 1fr;position:fixed;bottom:0;left:0;right:0;z-index:30;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
    border-top:1px solid var(--linha);padding:7px 6px calc(7px + env(safe-area-inset-bottom));box-shadow:0 -8px 24px rgba(13,34,102,.08)}
  .abas-m a{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:10.5px;font-weight:700;color:var(--cinza-2);text-decoration:none;padding:2px 0;position:relative;transition:color .15s}
  .abas-m a .ic{width:46px;height:30px;border-radius:99px;display:grid;place-items:center;transition:background .2s,color .2s}
  .abas-m a .ic .ico{width:21px;height:21px}
  .abas-m a.ativo{color:var(--azul)}
  .abas-m a.ativo .ic{background:linear-gradient(135deg,rgba(201,162,74,.28),rgba(201,162,74,.12));color:var(--azul)}
  .abas-m a.ativo .ic .ico{stroke-width:2.4}
  .abas-m .bolha{position:absolute;top:-3px;left:calc(50% + 8px);font-size:9.5px;min-width:17px;height:17px}
  .fab{display:grid;place-items:center;position:fixed;z-index:31;left:50%;bottom:calc(16px + env(safe-area-inset-bottom));transform:translateX(-50%);width:58px;height:58px;border-radius:50%;border:0;cursor:pointer;color:#1d1505;
    background:linear-gradient(135deg,#f6e2a8,var(--ouro) 50%,var(--ouro-3));box-shadow:0 10px 24px rgba(201,162,74,.5),0 0 0 5px #fff,inset 0 1px 0 rgba(255,255,255,.6);transition:transform .15s}
  .fab:active{transform:translateX(-50%) scale(.94)}
  .fab .ico{width:26px;height:26px;stroke-width:2.6}
  .sk-linha{grid-template-columns:1fr 1fr}.sk-linha .sk:nth-child(3){display:none}
}

/* folhas (gavetas) do "+" e do "Mais" */
.janela.folha{max-width:520px}
.janela .puxador{display:none}
@media (max-width:699px){.janela .puxador{display:block;width:42px;height:5px;border-radius:9px;background:#d5dbe8;margin:-8px auto 10px}}
.janela.folha .cab-j h2:empty+.x{margin-left:auto}
.grade-acoes{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.acao-rapida{display:flex;flex-direction:column;gap:3px;padding:14px;border-radius:16px;background:#f6f7fb;border:1px solid var(--linha);text-decoration:none;color:var(--tinta);transition:transform .15s,box-shadow .15s,background .15s}
.acao-rapida:hover{transform:translateY(-2px);box-shadow:var(--sombra);background:#fff}
.acao-rapida .ic{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;margin-bottom:6px;color:#fff;background:linear-gradient(135deg,var(--azul-2),var(--azul))}
.acao-rapida:first-child .ic{background:linear-gradient(135deg,#f1d999,var(--ouro) 50%,var(--ouro-3));color:#1d1505}
.acao-rapida b{font-size:14.5px}.acao-rapida small{color:var(--cinza);font-size:12px;line-height:1.3}
.mais-topo{display:flex;align-items:center;gap:14px;color:#fff;border-radius:18px;padding:16px;margin-top:-6px}
.mais-topo b{display:block;font-size:17px}.mais-topo span{color:#c9d2ee;font-size:13px}
.grade-mais{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
@media (max-width:420px){.grade-mais{grid-template-columns:repeat(3,1fr)}}
.tile{display:flex;flex-direction:column;align-items:center;gap:7px;text-align:center;padding:12px 4px 10px;border-radius:16px;background:#f6f7fb;border:1px solid var(--linha);text-decoration:none;color:var(--tinta);font-size:12px;font-weight:700;line-height:1.2;position:relative;transition:transform .15s,background .15s}
.tile:active{transform:scale(.96)}.tile:hover{background:#fff}
.tile .ic{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;color:var(--azul);background:linear-gradient(135deg,#fff,#e8edfb);box-shadow:0 3px 10px rgba(13,34,102,.08)}
.tile .bolha{position:absolute;top:6px;right:8px}
.sub-mais{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.sub-mais a{display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border-radius:99px;background:#fff;border:1px solid var(--linha);font-size:12.5px;font-weight:700;color:var(--azul);text-decoration:none}
.sub-mais a .ico{width:15px;height:15px}

/* abas dentro das telas (com ícone e sublinhado dourado) */
.abas-tela{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid var(--linha);margin:-4px 0 16px;-webkit-mask-image:linear-gradient(90deg,#000 92%,transparent);mask-image:linear-gradient(90deg,#000 92%,transparent)}
.abas-tela::-webkit-scrollbar{display:none}
.abas-tela button,.abas-tela a{display:inline-flex;align-items:center;gap:7px;border:0;background:none;padding:11px 13px;font:inherit;font-weight:700;font-size:13.5px;color:var(--cinza);cursor:pointer;white-space:nowrap;position:relative;text-decoration:none;border-radius:10px 10px 0 0;transition:color .15s,background .15s}
.abas-tela .ico{width:17px;height:17px}
.abas-tela button:hover,.abas-tela a:hover{color:var(--azul);background:rgba(13,34,102,.04)}
.abas-tela .on{color:var(--azul)}
.abas-tela .on:after{content:"";position:absolute;left:10px;right:10px;bottom:-1px;height:3px;border-radius:3px 3px 0 0;background:linear-gradient(90deg,var(--ouro),var(--ouro-3))}
.abas-tela .on .ico{color:var(--ouro-3)}
.abas-tela .n{background:var(--azul-f);color:var(--azul);font-size:11px;padding:1px 7px;border-radius:99px}
@media (min-width:861px){body[data-tela=gestao] .abas-gestao{display:none}}

/* ---------- peças ---------- */
.cartao{background:#fff;border-radius:var(--raio);box-shadow:var(--sombra);padding:18px;border:1px solid rgba(227,231,240,.7)}
.cartao+.cartao{margin-top:14px}
.cartao.ouro{border-top:3px solid var(--ouro)}
.cartao h2{margin-bottom:12px}
.cab{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}.cab h2,.cab h3{margin:0;flex:1}
.grade{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}
.grade-2{display:grid;gap:14px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
@media (max-width:860px){.grade-2{grid-template-columns:minmax(0,1fr)!important}}
.grade>*,.grade-2>*,.pilha>*{min-width:0}
.pilha>*+*{margin-top:14px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:11px;padding:11px 16px;font-weight:700;font-size:14.5px;cursor:pointer;text-decoration:none;white-space:nowrap;background:#eef1f7;color:var(--azul);transition:transform .12s,box-shadow .12s,filter .12s}
.btn:hover{filter:brightness(.97)}.btn:active{transform:scale(.98)}
.btn.pri{background:linear-gradient(135deg,var(--ouro),var(--ouro-3));color:#fff;box-shadow:0 6px 16px rgba(201,162,74,.32)}
.btn.azul{background:var(--azul);color:#fff}
.btn.perigo{background:var(--vermelho-f);color:var(--vermelho)}
.btn.verde{background:var(--verde);color:#fff}
.btn.vazado{background:transparent;border:1.5px solid var(--linha)}
.btn.mini{padding:7px 11px;font-size:13px;border-radius:9px}
.btn.cheio{width:100%}
.btn[disabled]{opacity:.55;pointer-events:none}
.btns{display:flex;gap:8px;flex-wrap:wrap}
.selo{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:700;padding:3px 9px;border-radius:99px;background:#eef1f7;color:var(--cinza);white-space:nowrap}
.s-azul{background:var(--azul-f);color:var(--azul-2)}.s-ouro{background:#f8efd9;color:#8a6420}.s-verde{background:var(--verde-f);color:var(--verde)}
.s-vermelho{background:var(--vermelho-f);color:var(--vermelho)}.s-laranja{background:var(--laranja-f);color:var(--laranja)}.s-escuro{background:var(--azul);color:#fff}
.eq-Veteranos{background:#e8edfb;color:#1d3a96}.eq-Everest{background:#e4f4f1;color:#13715f}.eq-Senna{background:#fdeceb;color:#a3291d}
.chips{display:flex;gap:6px;flex-wrap:wrap}
.chip{border:1.5px solid var(--linha);background:#fff;border-radius:99px;padding:7px 13px;font-weight:600;font-size:13.5px;cursor:pointer;color:var(--tinta)}
.chip.on{border-color:var(--azul-2);background:var(--azul-f);color:var(--azul)}
.seg{display:inline-flex;background:#e7eaf2;border-radius:12px;padding:4px;gap:2px;max-width:100%;overflow-x:auto;scrollbar-width:none}
.seg button{border:0;background:none;padding:8px 14px;border-radius:9px;font-weight:700;font-size:13.5px;color:var(--cinza);cursor:pointer;white-space:nowrap}
.seg button.on{background:#fff;color:var(--azul);box-shadow:0 2px 8px rgba(13,34,102,.1),inset 0 -2px 0 var(--ouro)}
.barra{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:16px}
.barra .busca{flex:1;min-width:180px}
.vazio{text-align:center;color:var(--cinza);padding:30px 14px}
.vazio .ic{font-size:38px;display:block;margin-bottom:6px}
.muted{color:var(--cinza)}.peq{font-size:13px}.forte{font-weight:700}
.dir{text-align:right}.num{font-variant-numeric:tabular-nums}
.linha-sep{border:0;border-top:1px solid var(--linha);margin:16px 0}
.aviso{background:var(--laranja-f);color:#7a4a0e;border-radius:12px;padding:12px 14px;font-size:14px}
.aviso.azul{background:var(--azul-f);color:var(--azul)}.aviso.verde{background:var(--verde-f);color:#1b5e38}.aviso.vermelho{background:var(--vermelho-f);color:#8e2a20}

/* formulário */
.campo{display:block;margin-bottom:12px}
.campo>span{display:block;font-size:12.5px;font-weight:700;color:var(--cinza);margin-bottom:5px}
input[type=text],input[type=email],input[type=password],input[type=tel],input[type=date],input[type=time],input[type=number],input[type=search],input[type=month],input[type=datetime-local],select,textarea{
  width:100%;font-size:16px;padding:11px 12px;border:1.5px solid #d5dbe8;border-radius:11px;background:#fbfcff;outline:none;transition:border-color .15s}
input,select,textarea{min-width:0;max-width:100%}
input:focus,select:focus,textarea:focus{border-color:var(--azul-2);background:#fff}
textarea{min-height:90px;resize:vertical}
.linha2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.linha3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}
@media (max-width:560px){.linha3{grid-template-columns:1fr 1fr}}
.check{display:flex;align-items:center;gap:9px;font-weight:600;font-size:14.5px;margin:8px 0;cursor:pointer}
.check input{width:20px;height:20px;accent-color:var(--azul-2)}

/* listas */
.lista{display:flex;flex-direction:column}
.item{display:flex;align-items:center;gap:12px;padding:12px 4px;border-bottom:1px solid var(--linha);text-decoration:none;color:inherit}
.item:last-child{border-bottom:0}
a.item:hover,.item.clica:hover{background:#f8f9fd;cursor:pointer}
.item .corpo{flex:1;min-width:0}
.item .t{font-weight:700;color:var(--tinta)}.item .s{font-size:13px;color:var(--cinza)}
.avatar{width:38px;height:38px;flex:none;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:14px;color:#fff;background:linear-gradient(135deg,var(--azul-2),var(--azul))}
.tabela-env{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -4px}
table.tabela{width:100%;border-collapse:collapse;font-size:14px}
.tabela th{font-size:11.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--cinza);text-align:left;padding:8px 10px;border-bottom:2px solid var(--linha);white-space:nowrap}
.tabela td{padding:10px;border-bottom:1px solid var(--linha);vertical-align:middle}
.tabela tr.clica{cursor:pointer}.tabela tr.clica:hover td{background:#f8f9fd}
.tabela tfoot td{font-weight:800;border-top:2px solid var(--linha);border-bottom:0}

/* indicadores */
.kpis{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));margin-bottom:16px}
.kpi{background:#fff;border-radius:var(--raio);padding:15px 16px;box-shadow:var(--sombra);border-left:4px solid var(--azul-2)}
.kpi small{display:block;font-size:12px;font-weight:700;color:var(--cinza);text-transform:uppercase;letter-spacing:.04em}
.kpi b{display:block;font-size:21px;color:var(--azul);margin-top:4px;font-variant-numeric:tabular-nums}
.kpi span{font-size:12.5px;color:var(--cinza)}
.kpi.ouro{border-left-color:var(--ouro)}.kpi.verde{border-left-color:var(--verde)}.kpi.vermelho{border-left-color:var(--vermelho)}.kpi.laranja{border-left-color:var(--laranja)}
.kpi.escuro{background-image:var(--grao),var(--linhas),linear-gradient(135deg,var(--azul-2),var(--azul));border:0;color:#fff}.kpi.escuro small,.kpi.escuro span{color:#c9d2ee}.kpi.escuro b{color:var(--ouro-2)}

/* boas-vindas */
.ola{color:#fff;border-radius:18px;padding:22px 22px;margin-bottom:16px;position:relative;overflow:hidden}
.ola h2{color:#fff;font-size:22px}.ola p{margin:6px 0 0;color:#c9d2ee}
.ola:after{content:"";position:absolute;right:-30px;top:-30px;width:180px;height:180px;border-radius:50%;border:2px solid rgba(232,205,135,.25)}
.ola .ouro{color:var(--ouro-2)}

/* agenda */
.dia-cab{font-size:12.5px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--cinza);margin:18px 0 8px;display:flex;align-items:center;gap:8px}
.dia-cab.hoje{color:var(--ouro-3)}
.dia-cab:after{content:"";flex:1;height:1px;background:var(--linha)}
.compromisso{display:flex;gap:12px;background:#fff;border-radius:13px;padding:13px 14px;box-shadow:var(--sombra);border-left:4px solid var(--azul-2);margin-bottom:9px;cursor:pointer;text-decoration:none;color:inherit}
.compromisso.t-plantao{border-left-color:var(--ouro)}.compromisso.t-evento{border-left-color:#7b3fb8}.compromisso.t-treinamento{border-left-color:var(--verde)}
.compromisso.cancelado{opacity:.55}.compromisso.cancelado .t{text-decoration:line-through}
.compromisso .hora{width:58px;flex:none;font-weight:800;color:var(--azul);font-size:14.5px}
.compromisso .hora small{display:block;font-weight:600;color:var(--cinza-2);font-size:12px}
.compromisso .corpo{flex:1;min-width:0}.compromisso .t{font-weight:700}.compromisso .s{font-size:13px;color:var(--cinza);margin-top:2px}
.rsvp{display:flex;gap:6px;margin-top:9px;flex-wrap:wrap}
.rsvp button{border:1.5px solid var(--linha);background:#fff;border-radius:9px;padding:6px 12px;font-weight:700;font-size:13px;cursor:pointer}
.rsvp button.on.sim{background:var(--verde);border-color:var(--verde);color:#fff}.rsvp button.on.nao{background:var(--vermelho);border-color:var(--vermelho);color:#fff}.rsvp button.on.talvez{background:var(--laranja);border-color:var(--laranja);color:#fff}
.cal{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}
.cal .ds{font-size:11px;font-weight:800;color:var(--cinza);text-align:center;padding:4px 0;text-transform:uppercase}
.cal .d{background:#fff;border-radius:10px;min-height:86px;padding:6px;font-size:12px;border:1px solid var(--linha);cursor:pointer;overflow:hidden}
.cal .d.fora{opacity:.4}.cal .d.hoje{border-color:var(--ouro);box-shadow:0 0 0 2px rgba(201,162,74,.25)}
.cal .d b{font-size:13px;color:var(--azul)}
.cal .ev{display:block;margin-top:3px;padding:2px 5px;border-radius:5px;background:var(--azul-f);color:var(--azul);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600;font-size:11px}
.cal .ev.t-plantao{background:#f8efd9;color:#7a5718}.cal .ev.t-evento{background:#f1e8fb;color:#5d2a96}.cal .ev.t-treinamento{background:var(--verde-f);color:var(--verde)}
@media (max-width:640px){.cal .d{min-height:58px;padding:4px}.cal .ev{font-size:0;height:6px;padding:0;margin-top:2px}}
.turno{background:#fff;border:1px solid var(--linha);border-radius:12px;padding:11px 12px;margin-bottom:8px;display:flex;gap:10px;align-items:flex-start}
.turno.falta{border-color:#f1c27d;background:#fffaf2}.turno.meu{border-color:var(--ouro);box-shadow:0 0 0 2px rgba(201,162,74,.2)}
.turno .h{font-weight:800;color:var(--azul);width:96px;flex:none;font-size:14px}
.turno .corpo{flex:1;min-width:0}
.nomes{display:flex;gap:5px;flex-wrap:wrap;margin-top:5px}
.nome{background:var(--azul-f);color:var(--azul);font-weight:700;font-size:12.5px;padding:3px 9px;border-radius:7px}
.nome.falta{background:var(--laranja-f);color:var(--laranja)}

/* funil (CRM) */
.funil{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(250px,1fr);gap:12px;overflow-x:auto;padding-bottom:10px;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory}
.coluna{background:#e9ecf4;border-radius:14px;padding:10px;min-height:200px;scroll-snap-align:start}
.coluna.sobre{background:#dfe6fb;outline:2px dashed var(--azul-2)}
.coluna h3{font-size:13px;text-transform:uppercase;letter-spacing:.05em;display:flex;justify-content:space-between;margin:2px 4px 10px}
.lead{background:#fff;border-radius:11px;padding:11px 12px;margin-bottom:8px;box-shadow:0 2px 8px rgba(13,34,102,.07);cursor:pointer;border-left:3px solid transparent}
.lead.quente{border-left-color:var(--vermelho)}.lead.morno{border-left-color:var(--laranja)}.lead.frio{border-left-color:#5b8bd6}
.lead .t{font-weight:700}.lead .s{font-size:12.5px;color:var(--cinza);margin-top:3px}
.lead.atrasado .quando{color:var(--vermelho);font-weight:700}
.linha-tempo{position:relative;padding-left:22px}
.linha-tempo:before{content:"";position:absolute;left:7px;top:4px;bottom:4px;width:2px;background:var(--linha)}
.marco{position:relative;margin-bottom:14px}.marco:before{content:"";position:absolute;left:-19px;top:5px;width:10px;height:10px;border-radius:50%;background:var(--azul-2);box-shadow:0 0 0 3px #fff}
.marco.etapa:before{background:var(--ouro)}.marco .q{font-size:12px;color:var(--cinza-2)}

/* janela (modal) */
.fundo-j{position:fixed;inset:0;background:rgba(8,24,69,.5);z-index:100;display:flex;align-items:flex-end;justify-content:center;animation:surge .18s ease-out}
.janela{background:#fff;width:100%;max-width:560px;max-height:92vh;overflow-y:auto;border-radius:20px 20px 0 0;padding:20px 18px calc(20px + env(safe-area-inset-bottom));box-shadow:var(--sombra-2);animation:sobe .22s ease-out}
.janela.larga{max-width:860px}
.janela .cab-j{display:flex;align-items:center;gap:10px;margin-bottom:14px}.janela .cab-j h2{flex:1}
.janela .x{border:0;background:#eef1f7;width:36px;height:36px;border-radius:10px;cursor:pointer;display:grid;place-items:center;color:var(--azul)}.janela .x .ico{width:18px;height:18px}.janela .cab-j h2{font-size:19px}
.janela .rodape-j{display:flex;gap:8px;justify-content:flex-end;margin-top:16px;position:sticky;bottom:-20px;background:#fff;padding:12px 0 4px;flex-wrap:wrap}
@media (min-width:700px){.fundo-j{align-items:center}.janela{border-radius:20px;padding:24px}}
@keyframes surge{from{opacity:0}}@keyframes sobe{from{transform:translateY(30px);opacity:.4}}
.aviso-t{position:fixed;left:50%;bottom:90px;transform:translateX(-50%);background:var(--azul);color:#fff;padding:12px 18px;border-radius:12px;font-weight:600;z-index:200;box-shadow:var(--sombra-2);max-width:92vw;animation:sobe .2s}
.aviso-t.erro{background:var(--vermelho)}.aviso-t.ok{background:var(--verde)}

/* entrada */
.entrada{min-height:100vh;display:grid;place-items:center;padding:24px 16px}
.entrada .caixa{width:100%;max-width:400px;background:#fff;border-radius:22px;box-shadow:var(--sombra-2);overflow:hidden}
.entrada .cabeca{padding:30px 20px 26px;text-align:center;color:#fff}
.entrada .cabeca img{height:70px}
.entrada .cabeca p{margin:12px 0 0;color:var(--ouro-2);font-weight:700;letter-spacing:.18em;font-size:11.5px;text-transform:uppercase}
.entrada form{padding:22px 22px 26px}
.carregando{display:grid;place-items:center;min-height:50vh;color:var(--cinza)}
.gira{width:34px;height:34px;border:3px solid var(--linha);border-top-color:var(--ouro);border-radius:50%;animation:gira .8s linear infinite}
@keyframes gira{to{transform:rotate(360deg)}}

/* cofre */
.cofre-item{display:flex;gap:12px;align-items:flex-start;padding:14px 4px;border-bottom:1px solid var(--linha)}
.cofre-item .ic{width:40px;height:40px;flex:none;border-radius:11px;background:var(--azul-f);display:grid;place-items:center;font-size:18px}
.segredo{font-family:ui-monospace,Menlo,monospace;background:#f3f5fa;border-radius:7px;padding:3px 8px;font-size:14px;letter-spacing:.04em}

/* contrato (papel) */
.papel{background:#fff;max-width:800px;margin:0 auto;padding:40px 46px;box-shadow:var(--sombra-2);border-radius:6px;font-family:Georgia,"Times New Roman",serif;font-size:15px;line-height:1.65;color:#1a1a1a;white-space:pre-wrap}
.papel .timbre{font-family:Montserrat,sans-serif;display:flex;align-items:center;gap:14px;border-bottom:2px solid var(--ouro);padding-bottom:12px;margin-bottom:22px;white-space:normal}
.papel .timbre img{height:46px;background:var(--azul);padding:6px 10px;border-radius:8px}
.papel .timbre small{display:block;color:#666;font-size:11px;line-height:1.4}
.papel .falta{background:#fff1c9;border-bottom:2px dotted #c58a00;font-family:Montserrat,sans-serif;font-size:13px}
@media (max-width:640px){.papel{padding:22px 18px;font-size:14px}}

/* gráfico simples */
.barras{display:flex;align-items:flex-end;gap:6px;height:180px;padding-top:10px}
.barras .b{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;height:100%;justify-content:flex-end}
.barras .par{display:flex;gap:2px;align-items:flex-end;height:100%;width:100%;justify-content:center}
.barras .v{width:44%;max-width:18px;border-radius:5px 5px 0 0;background:linear-gradient(180deg,var(--ouro-2),var(--ouro));min-height:2px}
.barras .v.saida{background:linear-gradient(180deg,#8ea4e6,var(--azul-2))}
.barras small{font-size:10.5px;color:var(--cinza);font-weight:700}
.legenda{display:flex;gap:14px;font-size:12.5px;color:var(--cinza);margin-top:8px}.legenda i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:5px;vertical-align:-1px}

@media print{
  .lateral,.topo,.abas-m,.nao-imprime{display:none!important}
  body{background:#fff}#tela{padding:0}.cartao{box-shadow:none;border:0}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* ---------- painéis do Início ---------- */
.ola{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:22px 24px}
.ola-l{flex:1;min-width:240px;position:relative;z-index:1}.ola-r{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-end;gap:6px}
.chip-ouro{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--ouro-2);border:1px solid rgba(232,205,135,.45);padding:4px 10px;border-radius:99px;margin-bottom:10px;background:rgba(0,0,0,.12)}
.chip-ouro .ico{width:14px;height:14px}
.ola h2{font-size:25px}.ola p b{font-weight:800}
.mini-n{text-align:right}.mini-n b{display:block;font-size:26px;color:var(--ouro-2);font-variant-numeric:tabular-nums}.mini-n span{font-size:12px;color:#c9d2ee}
.delta{font-size:12px;font-weight:800;padding:3px 9px;border-radius:99px}.delta.sobe{background:rgba(31,138,76,.25);color:#9be3b6}.delta.desce{background:rgba(192,57,43,.25);color:#ffb4ab}
.atalhos-ola{flex-direction:row!important;flex-wrap:wrap;gap:8px!important}
.atalhos-ola a{display:flex;flex-direction:column;align-items:center;gap:5px;width:84px;padding:10px 4px;border-radius:14px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:#fff;text-decoration:none;font-size:11.5px;font-weight:700;text-align:center;transition:background .15s,transform .15s}
.atalhos-ola a:hover{background:rgba(255,255,255,.16);transform:translateY(-2px)}
.atalhos-ola a .ico{width:22px;height:22px;color:var(--ouro-2)}
@media (max-width:640px){.ola-r{align-items:flex-start}.mini-n{text-align:left}.atalhos-ola a{width:calc(25% - 6px);min-width:70px}.ola h2{font-size:21px}}
.kpi-ic{position:relative;text-decoration:none;color:inherit;transition:transform .15s,box-shadow .15s;overflow:hidden}
a.kpi-ic:hover{transform:translateY(-2px);box-shadow:var(--sombra-2)}
.kpi-ic>.ico{position:absolute;right:12px;top:12px;width:30px;height:30px;padding:6px;border-radius:10px;color:var(--azul-2);background:var(--azul-f)}
.kpi-ic.ouro>.ico{color:#8a6420;background:#f8efd9}.kpi-ic.verde>.ico{color:var(--verde);background:var(--verde-f)}.kpi-ic.vermelho>.ico{color:var(--vermelho);background:var(--vermelho-f)}.kpi-ic.laranja>.ico{color:var(--laranja);background:var(--laranja-f)}
.kpi-ic small{padding-right:36px}
.h-ic{display:flex;align-items:center;gap:9px}.h-ic .ico{width:30px;height:30px;padding:6px;border-radius:9px;background:var(--azul-f);color:var(--azul-2)}
.grade-3{display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:14px}
@media (max-width:1100px){.grade-3{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
@media (max-width:860px){.grade-3{grid-template-columns:minmax(0,1fr)}}
.trilho{height:8px;border-radius:9px;background:#e9ecf4;overflow:hidden;flex:1}
.enche{height:100%;border-radius:9px;background:linear-gradient(90deg,#8ea4e6,var(--azul-2));transition:width .6s cubic-bezier(.2,.8,.2,1)}
.enche.ouro{background:linear-gradient(90deg,var(--ouro-2),var(--ouro))}.enche.verde{background:linear-gradient(90deg,#7fd3a1,var(--verde))}.enche.azul{background:linear-gradient(90deg,#9fb3ef,var(--azul-2))}
.rank{display:flex;align-items:center;gap:12px;padding:9px 0;border-bottom:1px solid var(--linha)}.rank:last-child{border:0}
.rank .corpo{flex:1;min-width:0}.rank .corpo .trilho{margin-top:6px;height:6px}
.rank .med{font-size:24px;width:30px;text-align:center}.rank .pos{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:12px;background:var(--azul-f);color:var(--azul)}
.rank:first-child .pos{background:linear-gradient(135deg,#f1d999,var(--ouro));color:#1d1505}
.funil-l{display:grid;grid-template-columns:104px 1fr 34px;align-items:center;gap:10px;margin:8px 0;font-size:13.5px}
.funil-l span{font-weight:600;color:var(--cinza);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.funil-l b{text-align:right;font-variant-numeric:tabular-nums}
.mini-kpis{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.mini-kpis.quatro{grid-template-columns:repeat(4,1fr)}
@media (max-width:560px){.mini-kpis.quatro{grid-template-columns:1fr 1fr}}
.mini-kpis div{background:#f6f7fb;border-radius:12px;padding:10px 12px}.mini-kpis b{display:block;font-size:19px;color:var(--azul)}.mini-kpis span{font-size:11.5px;color:var(--cinza);font-weight:600}
.op{display:block;padding:9px 0;border-bottom:1px solid var(--linha);text-decoration:none;color:inherit}.op:last-of-type{border:0}
.op-l{display:flex;gap:10px;align-items:center;margin-bottom:6px}.op-l .ico{width:28px;height:28px;padding:6px;border-radius:9px;background:var(--azul-f);color:var(--azul-2);flex:none}
.op-l b{display:block;font-size:13.5px}.op-l span{font-size:12.5px;color:var(--cinza)}
.tarefa{display:flex;align-items:center;gap:12px;padding:11px 10px;margin:0 -10px;border-radius:12px;text-decoration:none;color:inherit;transition:background .15s}
.tarefa:hover{background:#f6f7fb}.tarefa+.tarefa{border-top:1px solid var(--linha)}
.tarefa .ic{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:var(--laranja-f);color:var(--laranja);flex:none}
.tarefa .corpo{flex:1;min-width:0}.tarefa b{display:block;font-size:14.5px}.tarefa .corpo span{font-size:12.5px;color:var(--cinza);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tarefa .n{min-width:30px;height:30px;padding:0 8px;border-radius:99px;display:grid;place-items:center;font-weight:800;background:linear-gradient(135deg,#f1d999,var(--ouro));color:#1d1505}
.tarefa>.ico{width:18px;height:18px;color:var(--cinza-2)}
.tudo-ok{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;padding:18px 10px;color:var(--cinza)}
.tudo-ok .ico{width:44px;height:44px;padding:10px;border-radius:50%;background:var(--verde-f);color:var(--verde);margin-bottom:4px}.tudo-ok b{color:var(--tinta)}
.evento-p{display:flex;gap:12px;padding:11px 0;border-bottom:1px solid var(--linha);text-decoration:none;color:inherit}.evento-p:last-child{border:0}
.evento-p .corpo{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.evento-p .corpo>span,.evento-p .corpo a>span{font-size:12.5px;color:var(--cinza);display:block}
.evento-p b{font-size:14.5px}
.data-b{width:50px;height:54px;flex:none;border-radius:13px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(160deg,var(--azul-2),var(--azul));color:#fff;box-shadow:0 6px 14px rgba(13,34,102,.22)}
.data-b b{font-size:19px;line-height:1}.data-b span{font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--ouro-2);font-weight:800}
.pilha-barra{display:flex;height:8px;border-radius:9px;overflow:hidden;background:#e9ecf4;margin:3px 0}
.pilha-barra i{display:block;height:100%}.pilha-barra .sim{background:var(--verde)}.pilha-barra .talvez{background:#f0b45a}.pilha-barra .nao{background:#e57367}
.quem{display:flex;align-items:center;gap:9px}.mini-av{width:30px!important;height:30px!important;font-size:11px!important}.mini-av.sem{background:#c3c9d8!important}
.avatar.quente{background:linear-gradient(135deg,#ef7d6c,var(--vermelho))}.avatar.morno{background:linear-gradient(135deg,#f3b765,var(--laranja))}.avatar.frio{background:linear-gradient(135deg,#8fb3ee,#4a77c9)}
a.avatar{text-decoration:none}
.barras.duplas .v{width:40%}.barras .b.atual small{color:var(--ouro-3)}.barras .b.atual .par{background:linear-gradient(180deg,transparent,rgba(201,162,74,.08));border-radius:8px}
.visoes{align-items:center}.sel-eq{width:auto!important;margin-left:auto;padding:7px 10px!important;font-size:14px!important;border-radius:10px!important}

/* ---------- CRM ---------- */
.crm-kpis{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
.kpi-f{border-top:0;border-right:0;border-bottom:0;text-align:left;font:inherit;cursor:pointer;width:100%}
.kpi-f.sel{box-shadow:0 0 0 2px var(--ouro),var(--sombra-2);transform:translateY(-2px)}
.filtros-crm{margin-top:-4px}
.busca-ic{flex:1;min-width:200px;position:relative;display:block}
.busca-ic .ico{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--cinza-2)}
.busca-ic input{padding-left:40px!important}
.chip .ico{width:15px;height:15px;vertical-align:-3px}
.chip.on .ico{color:var(--azul-2)}
.quadro{grid-auto-columns:minmax(272px,1fr);align-items:start}
.coluna{background:linear-gradient(180deg,#e9ecf4,#eef0f6);border-radius:16px;padding:0 8px 8px;min-height:240px;border-top:4px solid var(--cor);transition:background .15s,box-shadow .15s}
.coluna.sobre{background:#e2e8f8;box-shadow:inset 0 0 0 2px var(--cor);outline:0}
.col-cab{display:flex;align-items:center;gap:8px;padding:12px 6px 6px;position:sticky;top:0}
.col-cab .ponto{width:9px;height:9px;border-radius:50%;background:var(--cor);box-shadow:0 0 0 3px color-mix(in srgb,var(--cor) 20%,transparent)}
.col-cab b{font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--tinta)}
.col-cab .n{background:#fff;color:var(--cinza);font-weight:800;font-size:12px;padding:1px 8px;border-radius:99px}
.col-mais{margin-left:auto;width:28px;height:28px;border-radius:8px;border:0;background:rgba(255,255,255,.7);color:var(--azul);cursor:pointer;display:grid;place-items:center}
.col-mais:hover{background:#fff}.col-mais .ico{width:16px;height:16px}
.col-pot{font-size:11.5px;color:var(--cinza);font-weight:700;padding:0 6px 8px}
.col-lista{display:flex;flex-direction:column;gap:8px;min-height:60px}
.col-vazia{border:2px dashed #d3d9e6;border-radius:12px;padding:18px 10px;text-align:center;font-size:12.5px;color:var(--cinza-2)}
.lead-c{background:#fff;border-radius:14px;padding:12px;box-shadow:0 2px 10px rgba(13,34,102,.07);cursor:pointer;border:1px solid transparent;transition:transform .15s,box-shadow .15s,border-color .15s;position:relative;overflow:hidden}
.lead-c:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:transparent}
.lead-c.quente:before{background:var(--vermelho)}.lead-c.morno:before{background:#f0a33e}.lead-c.frio:before{background:#5b8bd6}
.lead-c:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(13,34,102,.13);border-color:#dfe5f3}
.lead-c.arrastando{opacity:.45;transform:rotate(2deg)}
.lead-c.caiu{animation:caiu .35s ease}
@keyframes caiu{0%{transform:scale(.96);box-shadow:0 0 0 3px var(--ouro)}100%{transform:none}}
.lc-top{display:flex;align-items:center;gap:10px}
.av{width:36px;height:36px;flex:none;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:13px;color:#fff;background:linear-gradient(135deg,var(--azul-2),var(--azul))}
.av.quente{background:linear-gradient(135deg,#ef7d6c,var(--vermelho))}.av.morno{background:linear-gradient(135deg,#f3b765,var(--laranja))}.av.frio{background:linear-gradient(135deg,#8fb3ee,#4a77c9)}
.av.grande{width:58px;height:58px;font-size:20px;box-shadow:0 0 0 3px rgba(255,255,255,.35)}
.lc-n{flex:1;min-width:0}.lc-n b{display:block;font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lc-n span{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--cinza)}.lc-n span .ico{width:13px;height:13px}
.temp{width:26px;height:26px;border-radius:8px;display:grid;place-items:center}.temp .ico{width:16px;height:16px}
.temp.quente{background:var(--vermelho-f);color:var(--vermelho)}.temp.morno{background:var(--laranja-f);color:var(--laranja)}.temp.frio{background:#e7effc;color:#4a77c9}
.lc-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:9px}
.lc-tags span{font-size:11.5px;font-weight:700;padding:3px 8px;border-radius:7px;background:#f1f3f9;color:var(--azul)}
.lc-prox{display:flex;align-items:center;gap:6px;margin-top:9px;font-size:12.5px;padding:6px 8px;border-radius:9px;background:var(--azul-f);color:var(--azul)}
.lc-prox .ico{width:14px;height:14px;flex:none}.lc-prox span{color:var(--cinza);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lc-prox.atr{background:var(--vermelho-f);color:var(--vermelho)}.lc-prox.vazio{background:#f6f7fb;color:var(--cinza-2)}
.lc-nota{font-size:12px;color:var(--cinza);font-style:italic;margin-top:8px;line-height:1.35}
.lc-pe{display:flex;align-items:center;gap:8px;margin-top:10px;padding-top:9px;border-top:1px solid var(--linha);font-size:11.5px;color:var(--cinza);font-weight:600}
.lc-pe .ico{width:13px;height:13px;margin-right:3px;vertical-align:-2px}
.lc-pe .resp.sem{color:var(--vermelho)}
.acoes-c{margin-left:auto;display:flex;gap:4px}
.mini-ac{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#f1f3f9;color:var(--azul);text-decoration:none;cursor:pointer;transition:background .15s,transform .15s;flex:none}
.mini-ac:hover{transform:scale(1.08)}.mini-ac .ico{width:15px;height:15px;margin:0}
.mini-ac.zap{background:#e3f6ea;color:#1a8a46}
.dica-quadro{display:flex;align-items:center;gap:6px}.dica-quadro .ico{width:16px;height:16px}
.txt-verm{color:var(--vermelho)!important}
.hoje-b h3{margin-bottom:10px}.hoje-b h3 .n{margin-left:auto;font-size:12px;background:#f1f3f9;padding:2px 9px;border-radius:99px;color:var(--cinza)}
.hoje-b.atr{border-top:3px solid var(--vermelho)}.hoje-b.novo{border-top:3px solid var(--ouro)}
.linha-hoje{display:flex;align-items:center;gap:10px;padding:10px 6px;margin:0 -6px;border-radius:11px;cursor:pointer;transition:background .15s}
.linha-hoje:hover{background:#f6f7fb}.linha-hoje+.linha-hoje{border-top:1px solid var(--linha)}
.linha-hoje .corpo{flex:1;min-width:0}.linha-hoje .corpo b{display:block;font-size:14px}.linha-hoje .corpo span{font-size:12.5px;color:var(--cinza);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tabela-crm .av{width:32px;height:32px;font-size:11.5px}
th.ord{cursor:pointer;user-select:none}th.ord.on{color:var(--azul)}
.funil-v{display:grid;grid-template-columns:96px 1fr 34px 40px;gap:10px;align-items:center;margin:9px 0;font-size:13.5px}
.funil-v span{font-weight:700;color:var(--cinza)}.funil-v b{text-align:right}.funil-v small{color:var(--cinza-2);font-weight:700}
.fv-barra{height:22px;border-radius:7px;background:#eef0f6;display:flex;justify-content:center}.fv-barra i{display:block;height:100%;border-radius:7px;opacity:.9}
.funil-l .ico{width:14px;height:14px;vertical-align:-2px}
/* gaveta da prévia */
.gaveta-fundo{position:fixed;inset:0;z-index:90;background:rgba(8,24,69,0);transition:background .22s}
.gaveta-fundo.aberta{background:rgba(8,24,69,.42)}
.gaveta{position:absolute;top:0;right:0;bottom:0;width:min(470px,100%);background:#f6f7fb;overflow-y:auto;box-shadow:-20px 0 50px rgba(8,24,69,.25);transform:translateX(100%);transition:transform .25s cubic-bezier(.2,.8,.2,1);padding:0 0 30px}
.gaveta-fundo.aberta .gaveta{transform:none}
.gav-carrega{display:grid;place-items:center;height:60vh}
.gav-x{position:absolute;top:12px;right:12px;z-index:2;width:36px;height:36px;border-radius:10px;border:0;background:rgba(255,255,255,.18);color:#fff;cursor:pointer;display:grid;place-items:center}
.gav-x .ico{width:18px;height:18px}
@media (max-width:700px){.gaveta{top:auto;height:92vh;width:100%;border-radius:22px 22px 0 0;transform:translateY(100%)}}
.lead-cab{display:flex;gap:14px;align-items:center;padding:24px 20px 20px;color:#fff;background-image:var(--grao),var(--linhas),linear-gradient(135deg,var(--azul-2),var(--azul) 60%,var(--fundo-escuro))}
.lead-cab.quente{background-image:var(--grao),var(--linhas),linear-gradient(135deg,#a8332a,var(--azul) 75%)}
.lead-cab.morno{background-image:var(--grao),var(--linhas),linear-gradient(135deg,#b3651a,var(--azul) 75%)}
.lead-cab .corpo{flex:1;min-width:0;padding-right:40px}.lead-cab h2{color:#fff;font-size:21px;margin-bottom:4px}
.lead-cab .corpo span{display:block;font-size:13px;color:#d3dbf3;margin-top:2px}.lead-cab .corpo span .ico{width:14px;height:14px;vertical-align:-2px}
.lead-cab .av{background:linear-gradient(135deg,#f6e2a8,var(--ouro) 55%,var(--ouro-3));color:#1d1505}
.lead-cab .txt-verm{color:#ffb4ab!important}
.lead-acoes{display:flex;gap:8px;padding:14px 16px 4px;overflow-x:auto;scrollbar-width:none}
.ac-g{flex:1;min-width:68px;display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px 6px;border-radius:14px;border:1px solid var(--linha);background:#fff;font:inherit;font-size:11.5px;font-weight:700;color:var(--azul);cursor:pointer;text-decoration:none;transition:transform .15s,box-shadow .15s}
.ac-g:hover{transform:translateY(-2px);box-shadow:var(--sombra)}.ac-g .ico{width:20px;height:20px}
.ac-g.zap{background:#1a8a46;border-color:#1a8a46;color:#fff}
.bloco-l{background:#fff;border-radius:16px;margin:12px 16px 0;padding:14px 16px;box-shadow:0 2px 10px rgba(13,34,102,.05)}
.pagina-lead{max-width:760px;margin:0 auto;background:#f6f7fb;border-radius:20px;overflow:hidden;padding-bottom:16px}
.pagina-lead .bloco-l{margin-left:16px;margin-right:16px}
.bl-t{font-size:11.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--cinza);margin-bottom:9px;display:flex;align-items:center;gap:6px}
.bl-t .ico{width:15px;height:15px}
.bloco-l.prox{border-left:4px solid var(--azul-2)}.bloco-l.prox.atr{border-left-color:var(--vermelho)}
.prox-atual{margin:2px 0 10px;font-size:14.5px}.bloco-l.prox.atr .prox-atual b{color:var(--vermelho)}
.chip.on{border-color:var(--azul-2);background:var(--azul-f);color:var(--azul)}
.stepper{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.st{flex:1;min-width:0;border:0;background:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:6px;font:inherit;font-size:10.5px;font-weight:700;color:var(--cinza-2);padding:0}
.st i{display:block;width:100%;height:6px;border-radius:9px;background:#e7eaf2;transition:background .2s}
.st.feito i{background:color-mix(in srgb,var(--cor) 55%,#fff)}.st.feito{color:var(--cinza)}
.st.atual i{background:var(--cor);box-shadow:0 0 0 3px color-mix(in srgb,var(--cor) 22%,transparent)}.st.atual{color:var(--cor)}
.st:hover span{color:var(--azul)}
.temps{display:flex;gap:6px}
.tmp{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;border:1.5px solid var(--linha);background:#fff;border-radius:11px;padding:8px;font:inherit;font-size:13px;font-weight:700;cursor:pointer;color:var(--cinza)}
.tmp .ico{width:16px;height:16px}
.tmp.quente.on{background:var(--vermelho-f);border-color:var(--vermelho);color:var(--vermelho)}.tmp.morno.on{background:var(--laranja-f);border-color:var(--laranja);color:var(--laranja)}.tmp.frio.on{background:#e7effc;border-color:#4a77c9;color:#4a77c9}
.int-grade{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.int-grade div{background:#f6f7fb;border-radius:10px;padding:8px 10px}.int-grade small{display:block;font-size:11px;color:var(--cinza);font-weight:700}.int-grade b{font-size:13.5px}
.msg-site{display:flex;gap:8px;margin-top:10px;background:#fff8e6;border-radius:10px;padding:9px 11px;font-size:13px;color:#6b4e12}.msg-site .ico{width:16px;height:16px;flex:none;margin-top:1px}
.tpls{display:flex;flex-wrap:wrap;gap:6px}
.marco .m-ic{position:absolute;left:-27px;top:0;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#fff;border:2px solid var(--linha);color:var(--azul-2)}
.marco .m-ic .ico{width:12px;height:12px}
.marco.etapa .m-ic{border-color:var(--ouro);color:var(--ouro-3)}.marco.whatsapp .m-ic{color:#1a8a46}.marco.ligacao .m-ic{color:var(--azul)}
.linha-tempo{padding-left:30px}.linha-tempo:before{left:10px}.marco:before{display:none}

.st span{line-height:1.15;text-align:center}

/* ---------- plantões: escala no formato da X2 ---------- */
.semana-nav{justify-content:space-between}
.sem-rot{min-width:120px;text-align:center;font-size:15px;color:var(--azul)}
@media (min-width:861px){.acoes-sec{display:none!important}}
.acoes-sec{margin:-4px 0 14px}
.eq-prog{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;margin-bottom:14px}
.eqp{background:#fff;border-radius:12px;padding:10px 12px;box-shadow:var(--sombra);display:grid;grid-template-columns:1fr auto;gap:6px;align-items:center}
.eqp .trilho{grid-column:1/-1;height:6px}.eqp b{font-size:14px;color:var(--azul)}.eqp.ok b{color:var(--verde)}
.escala-cartao{padding:0;overflow:hidden}
table.escala{width:100%;border-collapse:collapse;font-size:14.5px;min-width:620px}
.escala th{background:#1F3B73;color:#fff;font-style:italic;font-weight:800;letter-spacing:.04em;padding:10px;text-align:center;font-size:13.5px}
.escala th.esc-tit{background-image:var(--grao),var(--linhas),linear-gradient(120deg,var(--azul-2),var(--azul) 60%,var(--fundo-escuro));font-size:19px;padding:16px 10px;border-bottom:3px solid var(--ouro)}
.escala th.esc-tit span{display:block;font-style:normal;font-size:12.5px;color:var(--ouro-2);font-weight:700;margin-top:3px;letter-spacing:.06em}
.escala td{padding:9px 12px;border-bottom:1px solid #e3e7f0;text-align:center}
.escala tbody tr:nth-child(even) td{background:#f1f3f8}.escala tbody tr:nth-child(even) td.t-local{background:inherit}
.escala tbody tr{cursor:pointer;transition:filter .12s}.escala tbody tr:hover{filter:brightness(.97)}
.escala td.t-cor{text-align:left;font-weight:700;color:var(--tinta)}
.escala .falta-n{display:inline-block;font-style:italic;color:var(--laranja);font-weight:700;font-size:13px}
.escala td.t-local{font-weight:800;font-style:italic;letter-spacing:.03em;border-left:1px solid rgba(0,0,0,.06);border-right:1px solid rgba(0,0,0,.06)}
.t-logo{display:inline-flex;align-items:center;justify-content:center;background:#fff;border-radius:7px;padding:3px 10px;height:30px}.t-logo img{max-height:24px;max-width:120px}
.escala td.t-data{white-space:nowrap}.escala td.t-hora{font-style:italic;white-space:nowrap}.escala td.t-ac{width:1%;white-space:nowrap}
.escala tr.meu td.t-cor{box-shadow:inset 4px 0 0 var(--ouro);background:#fff8e6!important}
.escala tr.hoje td.t-data{font-weight:800;color:var(--ouro-3)}
.janela.janela-xl{max-width:1120px}
.grade-sem{border-collapse:separate;border-spacing:4px;min-width:820px;width:100%}
.grade-sem th{font-size:12px;color:var(--cinza);font-weight:800;text-transform:uppercase;padding:4px}
.grade-sem th small{display:block;font-weight:600;text-transform:none;color:var(--cinza-2)}
.grade-sem .gs-ponto{position:sticky;left:0;z-index:1;background:#fff;text-align:left;display:flex;align-items:center;gap:8px;min-width:150px;padding:6px 4px}
.gs-ponto i{width:10px;height:34px;border-radius:4px;background:var(--cor);flex:none}
.gs-ponto b{display:block;font-size:13px;color:var(--tinta);text-transform:none}.gs-ponto small{color:var(--cinza);font-size:11.5px;text-transform:none}
.gs-cel{background:#f4f6fa;border-radius:10px;padding:4px;transition:background .15s}
.gs-cel.on{background:color-mix(in srgb,var(--cor) 22%,#fff);box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--cor) 60%,#fff)}
.gs-cel select{font-size:12.5px!important;padding:7px 6px!important;border:0!important;background:transparent!important;font-weight:700;color:var(--azul);cursor:pointer}
.gs-cel.trav{opacity:.85}.gs-trav{display:flex;align-items:center;justify-content:center;gap:4px;font-size:11.5px;font-weight:800;color:var(--verde);padding:8px 2px}.gs-trav .ico{width:14px;height:14px}
.pt-item{display:flex;align-items:center;gap:12px;padding:11px 4px;border-bottom:1px solid var(--linha)}.pt-item.inativo{opacity:.5}
.pt-item .corpo{flex:1;min-width:0}.pt-item .corpo span{display:block;font-size:12.5px;color:var(--cinza)}
.pt-cor{width:14px;height:40px;border-radius:5px;flex:none}.pt-logo{height:32px;max-width:90px;object-fit:contain;background:#fff;border:1px solid var(--linha);border-radius:7px;padding:3px}
.cores{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.cor-b{width:30px;height:30px;border-radius:8px;border:2px solid #fff;box-shadow:0 0 0 1px var(--linha);cursor:pointer}.cor-b.on{box-shadow:0 0 0 3px var(--azul-2)}
.cores input[type=color]{width:40px;height:32px;border:0;background:none;padding:0;cursor:pointer}
.pt-turno{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px}.pt-turno input[type=time]{width:120px}
.logo-campo{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.logo-prev{width:150px;height:64px;border:1.5px dashed #d5dbe8;border-radius:10px;display:grid;place-items:center;background:#fff;overflow:hidden}.logo-prev img{max-width:130px;max-height:52px}
.divulga{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:18px}
@media (max-width:860px){.divulga{grid-template-columns:1fr}}
.prev-img{background:#eef0f6;border-radius:12px;padding:8px;min-height:200px;display:grid;place-items:center}.prev-img img{width:100%;border-radius:6px;box-shadow:var(--sombra)}

/* ---------- gestão: venda com regra, comparar meses, volume por corretor, regras ---------- */
.fv-sec{background:#f6f7fb;border-radius:16px;padding:14px 14px 4px;margin-bottom:12px}
.calc{background:#fff;border-radius:14px;padding:14px;margin-bottom:12px;box-shadow:0 2px 10px rgba(13,34,102,.06)}
.calc-top{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.calc-top small{display:block;font-size:11.5px;font-weight:800;color:var(--cinza);text-transform:uppercase;letter-spacing:.05em}
.calc-top b{display:block;font-size:20px;color:var(--azul);font-variant-numeric:tabular-nums}.calc-top span{font-size:12px;color:var(--cinza)}.ouro-t{color:var(--ouro-3)!important}
@media (max-width:560px){.calc-top{grid-template-columns:1fr 1fr}.calc-top b{font-size:17px}}
.calc-barra{display:flex;height:12px;border-radius:9px;overflow:hidden;background:#eef0f6;margin:12px 0 8px}.calc-barra i{display:block;height:100%}
.calc-leg{display:flex;flex-wrap:wrap;gap:12px;font-size:12.5px;color:var(--cinza);font-weight:600}.calc-leg i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:5px;vertical-align:-1px}
.fv-parc{font-size:13px;margin:-4px 0 6px;display:flex;flex-wrap:wrap;gap:5px;align-items:center}.chip-p{background:#fff;border:1px solid var(--linha);border-radius:7px;padding:2px 7px;font-size:12px;font-weight:700;color:var(--azul)}
table.calor td.cel-c{background:rgba(201,162,74,calc(var(--a) * .85));font-weight:800;color:#3a2a06;min-width:46px;border-left:2px solid #fff}
table.calor td.cel-c:empty{background:#f6f7fb}
.pos-n{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:800;background:var(--azul-f);color:var(--azul);flex:none}.pos-n.top{background:linear-gradient(135deg,#f1d999,var(--ouro));color:#1d1505}
.ficha-cor{display:flex;align-items:center;gap:16px;color:#fff;border-radius:18px;padding:18px;margin-top:-8px}.ficha-cor h2{color:#fff;font-size:22px}.ficha-cor>div>span{color:#c9d2ee;font-size:13px}
.cmp-topo{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between}
.cmp-meses{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.cmp-m{border-radius:14px;padding:8px 12px;border:2px solid var(--linha)}.cmp-m small{display:block;font-size:11px;font-weight:800;color:var(--cinza);text-transform:uppercase}
.cmp-m input{border:0!important;background:none!important;padding:2px 0!important;font-weight:800;color:var(--azul);font-size:17px!important}
.cmp-m.a{border-color:var(--ouro);background:#fffaf0}.cmp-m.b{border-color:#9fb3ef;background:#f3f6fe}
.vs{font-size:24px;font-weight:800;color:var(--cinza-2)}
.cmp-t td,.cmp-t th{padding:9px 8px}.pt{display:inline-block;width:9px;height:9px;border-radius:3px;margin-right:5px}.pt.a{background:var(--ouro)}.pt.b{background:var(--azul-2)}
.dl{font-weight:800;font-size:12.5px;padding:2px 8px;border-radius:99px;white-space:nowrap}.dl.sobe{background:var(--verde-f);color:var(--verde)}.dl.desce{background:var(--vermelho-f);color:var(--vermelho)}.dl.neutro{background:#f1f3f8;color:var(--cinza)}
.cal-calor .d{min-height:56px;cursor:pointer;position:relative}
.cal-calor.a .d.tem{background:rgba(201,162,74,var(--a));border-color:transparent}.cal-calor.b .d.tem{background:rgba(24,56,154,var(--a));border-color:transparent;color:#fff}.cal-calor.b .d.tem b{color:#fff}
.cal-calor .d span{position:absolute;right:6px;bottom:5px;font-size:13px;font-weight:800}
.cal-calor .d:hover{box-shadow:0 0 0 2px var(--azul-2)}
.cal-dia{margin-top:10px}
.graf-linha{width:100%;height:auto;display:block}
.regra{cursor:pointer;transition:transform .15s,box-shadow .15s}.regra:hover{transform:translateY(-2px);box-shadow:var(--sombra-2)}.regra.inativa{opacity:.55}
.regra .cab h3{font-size:17px}
.rg-pcts{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.rg-pcts div{background:#f6f7fb;border-radius:10px;padding:8px;text-align:center}
.rg-pcts b{display:block;font-size:17px;color:var(--azul)}.rg-pcts small{font-size:11px;color:var(--cinza);font-weight:700}
.rg-pcts div:first-child{background:linear-gradient(135deg,#fdf3dc,#f6e2a8)}.rg-pcts div:first-child b{color:#7a5718}

/* ---------- CRM cheio: ocupa a tela toda, colunas com rolagem própria, lateral ---------- */
body.crm-cheio #tela{max-width:none;padding-bottom:40px}
@media (max-width:860px){body.crm-cheio #tela{padding-bottom:120px}}
.crm-area{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;align-items:start}
.crm-area.com-lateral{grid-template-columns:minmax(0,1fr) 270px}
@media (max-width:1100px){.crm-area.com-lateral{grid-template-columns:minmax(0,1fr)}.crm-lateral{display:none}}
.quadro{grid-auto-columns:var(--larg,290px);max-height:calc(100vh - 330px);min-height:420px;overflow:auto;padding-bottom:4px}
@media (max-width:860px){.quadro{max-height:none;grid-auto-columns:minmax(272px,86vw)}}
.quadro .coluna{display:flex;flex-direction:column;max-height:100%;position:relative}
.quadro .col-cab{background:linear-gradient(180deg,#e9ecf4 70%,transparent);z-index:2}
.quadro .col-lista{overflow-y:auto;flex:1;padding:2px 2px 6px;scrollbar-width:thin}
.quadro.compacta .lead-c{padding:9px 10px}.quadro.compacta .lc-top .av{width:30px;height:30px;font-size:11px}.quadro.compacta .lc-n b{font-size:13.5px}.quadro.compacta .col-lista{gap:6px}
.quadro.larga .lead-c{padding:15px}.quadro.larga .col-lista{gap:10px}
.col-cab .n.atr{background:var(--vermelho);color:#fff;margin-left:-4px}
.idade{font-size:10.5px;font-weight:800;padding:2px 6px;border-radius:7px;background:var(--laranja-f);color:var(--laranja)}
.crm-lateral{position:sticky;top:84px;display:flex;flex-direction:column;gap:10px;max-height:calc(100vh - 330px);overflow-y:auto;scrollbar-width:thin}
.lat-bloco{background:#fff;border-radius:14px;padding:12px 14px;box-shadow:var(--sombra);border:1px solid rgba(227,231,240,.7)}
.lat-t{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--cinza);margin-bottom:8px}.lat-t .ico{width:15px;height:15px;color:var(--azul-2)}.lat-t .n{margin-left:auto;background:#f1f3f9;padding:1px 8px;border-radius:99px;font-size:11px;color:var(--azul)}
.lat-kpis{display:grid;grid-template-columns:1fr 1fr;gap:6px}.lat-kpis div{background:#f6f7fb;border-radius:10px;padding:8px 10px}.lat-kpis b{display:block;font-size:17px;color:var(--azul);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lat-kpis span{font-size:11px;color:var(--cinza);font-weight:700}
.lat-temp{display:flex;height:8px;border-radius:9px;overflow:hidden;margin:10px 0 5px;background:#eef0f6}.lat-temp .quente{background:var(--vermelho)}.lat-temp .morno{background:#f0a33e}.lat-temp .frio{background:#5b8bd6}
.lat-leg{font-size:11.5px;color:var(--cinza);font-weight:600}.lat-leg i{display:inline-block;width:9px;height:9px;border-radius:3px;margin:0 4px 0 6px;vertical-align:-1px}.lat-leg i.quente{background:var(--vermelho)}.lat-leg i.morno{background:#f0a33e}.lat-leg i.frio{background:#5b8bd6}.lat-leg i:first-child{margin-left:0}
.lat-item{display:flex;gap:9px;align-items:center;padding:7px 0;border-top:1px solid var(--linha);cursor:pointer}.lat-item:first-of-type{border:0}.lat-item .av{width:30px;height:30px;font-size:11px}
.lat-item div{min-width:0}.lat-item b{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lat-item span{font-size:11.5px;color:var(--cinza)}
.ponto-c{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--cor,var(--azul-2));margin-right:5px;vertical-align:-1px}
.dica-quadro a{color:var(--azul-2);font-weight:700;text-decoration:none}.dica-quadro a .ico{width:14px;height:14px}

/* ---------- contas a pagar ---------- */
.conta{display:flex;align-items:center;gap:12px;padding:11px 8px;margin:0 -8px;border-radius:12px;border-bottom:1px solid var(--linha);transition:background .15s}
.conta:hover{background:#f8f9fd}.conta.paga{opacity:.6}.conta.atrasada{background:#fff5f4}.conta.perto{background:#fffaf0}
.conta .c-ic{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:var(--azul-f);color:var(--azul-2);flex:none}
.conta.atrasada .c-ic{background:var(--vermelho-f);color:var(--vermelho)}.conta.perto .c-ic{background:var(--laranja-f);color:var(--laranja)}.conta.paga .c-ic{background:var(--verde-f);color:var(--verde)}
.conta .corpo{flex:1;min-width:0}.conta .corpo b{display:block;font-size:14.5px}.conta .corpo span{display:block;font-size:12.5px;color:var(--cinza)}.conta .c-cod{font-family:ui-monospace,Menlo,monospace;font-size:11.5px!important;margin-top:3px}
.conta .c-venc{text-align:right;min-width:88px}.conta .c-venc b{display:block;font-size:14px}.conta .c-venc span{font-size:11.5px;color:var(--cinza);font-weight:700}.conta.atrasada .c-venc span{color:var(--vermelho)}
.conta .c-val{min-width:96px;text-align:right;font-size:15px}
.emp-ic{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,#f1d999,var(--ouro));color:#1d1505;flex:none}

/* ---------- administrativo ---------- */
.n-cab{margin-left:auto;font-size:12px;background:#f1f3f9;padding:2px 9px;border-radius:99px;color:var(--cinza)}
.tarefa-l{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--linha)}.tarefa-l:last-child{border:0}.tarefa-l.feita{opacity:.55}.tarefa-l.feita .corpo b{text-decoration:line-through}
.tarefa-l .corpo{flex:1;min-width:0;cursor:pointer}.tarefa-l .corpo b{display:block;font-size:14.5px}.tarefa-l .corpo span{display:block;font-size:12.5px;color:var(--cinza)}.tarefa-l .corpo span .ico{width:13px;height:13px;vertical-align:-2px}
.tk{width:30px;height:30px;border-radius:50%;border:2px solid #cfd5e3;background:#fff;color:transparent;cursor:pointer;display:grid;place-items:center;flex:none;transition:all .15s}.tk .ico{width:16px;height:16px}
.tk:hover{border-color:var(--verde)}.tk.on{background:var(--verde);border-color:var(--verde);color:#fff}.tk[disabled]{opacity:.4;cursor:default}
.comunicado.fixado{border-left:4px solid var(--ouro)}
.mural{border-top:4px solid var(--ouro);margin-bottom:14px}
.com-p{background:#fffaf0;border:1px solid #f1e3b8;border-radius:12px;padding:12px 14px;margin-bottom:10px}.com-p.fixo{background:#f6f7fb;border-color:var(--linha)}.com-p b{font-size:15px}.com-p p{margin:6px 0 10px;white-space:pre-wrap;font-size:14px}
.chave-c.fora{border-top:3px solid var(--laranja)}.chave-c.atrasada{border-top:3px solid var(--vermelho)}
.chave-c .c-ic{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--azul-f);color:var(--azul-2)}

@media (max-width:640px){.cmp-topo{display:block}.cmp-meses{display:grid;grid-template-columns:1fr 1fr;gap:8px}.cmp-m input{font-size:14px!important;width:100%}.vs{display:none}.cmp-topo .chips{margin-top:10px}.cmp-t{font-size:12.5px}.cmp-t td,.cmp-t th{padding:7px 4px}}

/* ===== Celular mais compacto (11/11/2026): mais informação por tela, menos rolagem ===== */
@media (max-width:860px){
  body{font-size:14px}
  #tela{padding:12px 11px 104px}
  .topo{padding:7px 12px}
  .topo h1{font-size:15.5px}.sub-t{font-size:10.5px}
  .topo .logo-m{height:26px}
  .sino{width:34px;height:34px}.avatar-topo{width:31px;height:31px;font-size:11px}
  h2{font-size:16px}h3{font-size:14px}
  .cartao{padding:12px 13px;border-radius:14px}
  .aviso{font-size:12.5px;padding:8px 11px;border-radius:10px}
  .abas-tela{margin:-2px 0 11px}
  .abas-tela button,.abas-tela a{padding:8px 9px;font-size:12.5px;gap:5px}.abas-tela .ico{width:15px;height:15px}
  .btn{padding:8px 12px;font-size:13px;border-radius:10px;gap:5px}
  .chip{padding:5px 10px;font-size:12px}
  .barra{gap:7px;margin-bottom:11px}
  .campo{margin-bottom:9px}.campo>span{font-size:11.5px;margin-bottom:3px}
  input[type=text],input[type=email],input[type=password],input[type=tel],input[type=date],input[type=time],input[type=number],input[type=search],input[type=month],input[type=datetime-local],select,textarea{padding:8px 10px;border-radius:10px}
  /* números (KPIs) */
  .kpis{gap:8px;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:11px}
  .kpi{padding:9px 10px;border-radius:12px;border-left-width:3px}
  .kpi small{font-size:9.5px;letter-spacing:.02em;line-height:1.25}
  .kpi b{font-size:16.5px;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .kpi span{font-size:10.5px;line-height:1.3;display:block}
  .kpi-ic>.ico{width:22px;height:22px;padding:4px;right:7px;top:7px;border-radius:7px}
  .kpi-ic small{padding-right:24px}
  .mini-kpis{gap:7px;margin-top:9px}.mini-kpis div{padding:7px 9px}.mini-kpis b{font-size:15.5px}.mini-kpis span{font-size:10.5px}
  /* saudação do painel */
  .ola{padding:13px 14px!important;gap:10px!important;border-radius:14px;margin-bottom:11px}
  .ola h2{font-size:18px!important}.ola p{font-size:12.5px;margin-top:3px}
  .chip-ouro{font-size:9.5px;padding:3px 8px}
  .mini-n b{font-size:20px}.mini-n span{font-size:11px}
  .avatar-eu.grande,.av.grande{width:44px;height:44px;font-size:15px}
  /* tabelas: rolam de lado em vez de espremer as colunas */
  table.tabela{font-size:12.5px}
  .tabela th{font-size:9.5px;padding:6px 7px}
  .tabela td{padding:7px;white-space:nowrap}
  .tabela td.peq,.tabela td .peq{font-size:11.5px}
  /* escala de plantão */
  .escala th{font-size:11px;padding:7px 6px}
  .escala th.esc-tit{font-size:14.5px;padding:10px 8px}.escala th.esc-tit span{font-size:10.5px}
  .escala td{padding:6px 7px;font-size:12px}
  .escala .falta-n{font-size:11.5px}
  /* contas a pagar: descrição em cima, vencimento/valor/botões embaixo */
  .conta{display:grid;grid-template-columns:32px minmax(0,1fr) auto;grid-template-areas:"ic corpo val" "ic venc btns";gap:3px 9px;padding:9px 6px;margin:0 -6px}
  .conta .c-ic{grid-area:ic;width:32px;height:32px;border-radius:9px;align-self:start}
  .conta .corpo{grid-area:corpo}.conta .corpo b{font-size:13.5px}.conta .corpo span{font-size:11.5px}
  .conta .c-val{grid-area:val;min-width:0;font-size:13.5px;align-self:start}
  .conta .c-venc{grid-area:venc;text-align:left;min-width:0;display:flex;gap:6px;align-items:baseline}.conta .c-venc b{font-size:12.5px}.conta .c-venc span{font-size:11px}
  .conta .btns{grid-area:btns;justify-self:end}
  /* comparar meses */
  .cmp-m{padding:6px 9px}.cmp-m input{font-size:15px!important}.vs{font-size:18px}
  .cmp-t td,.cmp-t th{padding:6px 5px;font-size:12px}
  .calc-top b{font-size:16px}.rg-pcts b{font-size:15px}.regra .cab h3{font-size:15px}
  /* barra de baixo e botão + mais finos */
  .abas-m{grid-template-columns:1fr 1fr 64px 1fr 1fr;padding:5px 4px calc(5px + env(safe-area-inset-bottom))}
  .abas-m a{font-size:9.5px;gap:1px}
  .abas-m a .ic{width:40px;height:26px}.abas-m a .ic .ico{width:19px;height:19px}
  .fab{width:50px;height:50px;bottom:calc(12px + env(safe-area-inset-bottom));box-shadow:0 8px 20px rgba(201,162,74,.45),0 0 0 4px #fff}
  .fab .ico{width:23px;height:23px}
  .vazio .ic{font-size:30px}
}
@media (max-width:860px){
  /* escala cabe na tela */
  table.escala{min-width:0;font-size:12px}
  .escala td{white-space:normal}
  .escala td.t-local{font-size:11px;letter-spacing:.01em}
  .escala td.t-data,.escala td.t-hora{white-space:normal;font-size:11.5px}
  /* comparar meses */
  .cmp-meses{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}.cmp-m{min-width:0}.cmp-m input{width:100%}
  .cmp-t td,.cmp-t th{white-space:normal}
  /* comissões: cada venda vira um cartão */
  table.cartoes-cel thead{display:none}
  table.cartoes-cel,table.cartoes-cel tbody,table.cartoes-cel tfoot{display:block}
  table.cartoes-cel tr{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"cli tot" "imo rec" "cor sit" "mes prox" "rep rep";gap:1px 10px;padding:9px 2px;border-bottom:1px solid var(--linha)}
  table.cartoes-cel td{border:0;padding:0;white-space:normal;font-size:12px;color:var(--cinza)}
  table.cartoes-cel td:nth-child(1){grid-area:mes}
  table.cartoes-cel td:nth-child(2){grid-area:cor}
  table.cartoes-cel td:nth-child(3){grid-area:cli;font-weight:800;font-size:13.5px;color:var(--tinta)}
  table.cartoes-cel td:nth-child(4){grid-area:imo;font-size:11.5px}
  table.cartoes-cel td:nth-child(5){grid-area:tot;font-weight:800;font-size:13.5px;color:var(--azul)}
  table.cartoes-cel td:nth-child(6){grid-area:rec;font-size:11.5px}table.cartoes-cel td:nth-child(6):before{content:"recebido "}
  table.cartoes-cel td:nth-child(7){grid-area:sit;justify-self:end}
  table.cartoes-cel td:nth-child(8){grid-area:prox;justify-self:end;font-size:11.5px}
  table.cartoes-cel td:nth-child(9){grid-area:rep;font-size:11px}
  table.cartoes-cel td[colspan]{grid-column:1/-1;grid-area:auto}
  table.cartoes-cel tfoot tr{grid-template-areas:none;grid-template-columns:1fr 1fr;font-weight:800}
  table.cartoes-cel tfoot td{grid-area:auto!important;color:var(--tinta);font-size:12.5px}
  table.cartoes-cel tfoot td:nth-child(3):before{content:none}
}
@media (max-width:860px){.cartao>table.tabela td,.cartao>table.tabela th{white-space:normal}}
.funil-l{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) auto}.funil-l b{white-space:nowrap}
@media (max-width:860px){.funil-l{gap:7px;margin:6px 0;font-size:12.5px}}
@media (max-width:860px){.escala td.t-ac{padding:4px}.escala td.t-ac .btn{padding:5px 7px;font-size:11px}.escala td.t-cor{font-size:11.5px}}

/* anexos (imagens) do compromisso */
.anexos{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px;margin:12px 0 4px}
.anexos figure{margin:0;position:relative;aspect-ratio:1;border-radius:12px;overflow:hidden;background:#eef1f7}
.anexos img{width:100%;height:100%;object-fit:cover;cursor:zoom-in;display:block}
.anexos .x{position:absolute;top:4px;right:4px;width:24px;height:24px;border-radius:50%;border:0;background:rgba(8,24,69,.75);color:#fff;font-size:16px;line-height:1;cursor:pointer}
.anexar{display:grid;place-items:center;aspect-ratio:1;border:2px dashed #c9d2e6;border-radius:12px;color:var(--azul-2);font-weight:700;font-size:12.5px;text-align:center;cursor:pointer;padding:6px}
.anexar:hover{border-color:var(--ouro);background:#fffaf0}.anexar.enviando{opacity:.6;pointer-events:none}
/* cofre: acesso individual */
.meu-acesso{margin-top:8px;padding:9px 11px;border-radius:11px;background:#f6f8fc;display:grid;gap:4px;justify-items:start}
.cofre-item.foco{box-shadow:0 0 0 2px var(--ouro);border-radius:12px}
.selo.azul{background:var(--azul-f);color:var(--azul-2)}

/* tela Site da X2 */
.st-grade{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}
.st-im{background:#fff;border-radius:14px;box-shadow:var(--sombra);overflow:hidden;display:flex;flex-direction:column;gap:6px;padding-bottom:10px}
.st-im>*:not(.st-foto){margin:0 12px}.st-im.off{opacity:.62}
.st-foto{position:relative;aspect-ratio:16/10;background:#e7ebf4}.st-foto img{width:100%;height:100%;object-fit:cover;display:block}
.st-sem{position:absolute;inset:0;display:grid;place-items:center;color:var(--cinza);font-size:12px;font-weight:700}
.st-ex{position:absolute;left:8px;top:8px;background:#0D2266;color:#E8CD87;font-size:10px;font-weight:800;letter-spacing:.05em;padding:4px 8px;border-radius:6px}
.st-off{position:absolute;right:8px;top:8px;background:#b23b3b;color:#fff;font-size:10px;font-weight:800;padding:4px 8px;border-radius:6px}
.st-tx{display:grid;gap:1px}.st-tx b{color:var(--azul);font-size:15px}.st-tx span{font-size:12.5px}.st-tx small{font-size:11.5px;color:var(--cinza)}
.st-sw{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:12.5px;font-weight:600}.st-sw label{display:flex;align-items:center;gap:5px;cursor:pointer}
.st-camp .cab{display:flex;align-items:center;gap:10px;justify-content:space-between}
.st-escolhe{display:grid;gap:6px;max-height:300px;overflow:auto;border:1px solid var(--linha);border-radius:12px;padding:8px}
.st-escolhe label{display:flex;align-items:center;gap:8px;font-size:13px;cursor:pointer}.st-escolhe img{width:46px;height:34px;object-fit:cover;border-radius:6px}
.st-foto-ed{aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#e7ebf4;display:grid;place-items:center;color:var(--cinza);font-weight:700}.st-foto-ed img{width:100%;height:100%;object-fit:cover}
.st-equipe{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px}
.st-cor{display:flex;gap:12px;align-items:flex-start;background:#fff;border-radius:14px;box-shadow:var(--sombra);padding:12px}
.st-av{position:relative;width:64px;height:64px;flex:none;border-radius:50%;background:var(--azul-f);display:grid;place-items:center;font-weight:800;color:var(--azul)}
.st-av img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.st-av-tr{position:absolute;right:-4px;bottom:-4px;width:26px;height:26px;border-radius:50%;background:var(--ouro);color:#1d1505;display:grid;place-items:center;cursor:pointer;box-shadow:0 0 0 2px #fff}.st-av-tr .ico{width:14px;height:14px}
.st-cor-tx{flex:1;min-width:0;display:grid;gap:4px}.st-cor-tx small{color:var(--cinza);font-size:12px}.st-cor-tx input[type=text]{padding:7px 9px;font-size:16px}
.item.visto{opacity:.6}
/* mural */
.mural-x2{max-width:680px;margin:0 auto;display:grid;gap:12px}
.mx-novo{display:flex;gap:10px}.mx-novo textarea{min-height:70px;resize:vertical}
.mx-acoes{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:8px}
.mx-av{width:40px;height:40px;flex:none;border-radius:50%;background:linear-gradient(135deg,var(--azul-2),var(--azul));color:#E8CD87;display:grid;place-items:center;font-weight:800;font-size:13px}
.mx-lista{display:grid;gap:12px}.mx-post.fixo{box-shadow:0 0 0 2px var(--ouro),var(--sombra)}
.mx-cab{display:flex;gap:10px;align-items:center}.mx-cab b{display:block;font-size:14.5px}.mx-cab small{color:var(--cinza);font-size:12px}
.mx-tx{white-space:pre-wrap;margin:10px 0 0;font-size:14.5px;line-height:1.5;word-wrap:break-word}
.mx-img{width:100%;max-height:520px;object-fit:cover;border-radius:12px;margin-top:10px;cursor:zoom-in;display:block}
.mx-rod{display:flex;gap:8px;align-items:center;margin-top:10px}
.mx-curte{border:1.5px solid var(--linha);background:#fff;border-radius:99px;padding:5px 12px;font-weight:700;cursor:pointer}.mx-curte.on{border-color:var(--ouro);background:#fff8e6}
.mx-prev{position:relative;margin-top:8px;max-width:220px}.mx-prev img{width:100%;border-radius:10px;display:block}.mx-prev .x{position:absolute;top:4px;right:4px;width:24px;height:24px;border-radius:50%;border:0;background:rgba(8,24,69,.75);color:#fff;cursor:pointer}
.rg-pcts{grid-template-columns:repeat(auto-fit,minmax(74px,1fr))}
@media (max-width:860px){.st-grade{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.st-tx b{font-size:13.5px}.st-sw{font-size:11.5px}.st-equipe{grid-template-columns:minmax(0,1fr)}.mx-novo .mx-av{display:none}}

/* listas de plantão */
.gs-cel.lista select,.gs-cel.lista .gs-trav{background:#fff8e6}.gs-cel.lista{box-shadow:inset 0 -3px 0 var(--ouro)}
.ls-ic{width:34px;height:34px;border-radius:10px;background:#fff8e6;display:grid;place-items:center;flex:none}
.ls-cors{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}

/* venda: regras do empreendimento escolhido */
.fv-regra{background:#f6f8fd;border:1px solid #dfe5f3;border-left:4px solid var(--ouro);border-radius:12px;padding:10px 12px;margin:2px 0 10px}
.fv-r-t{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:3px}.fv-r-t .ico{width:16px;height:16px;color:var(--ouro-3)}
.fv-r-man{margin-top:6px;font-size:12.5px;background:#fff8e6;border-radius:8px;padding:6px 8px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}

/* perfil */
.perfil-x2{max-width:860px;margin:0 auto;display:grid;gap:12px}
.pf-topo{display:flex;gap:18px;align-items:center}
.pf-foto{position:relative;width:104px;height:104px;flex:none;border-radius:50%;background:linear-gradient(135deg,var(--azul-2),var(--azul));color:#E8CD87;display:grid;place-items:center;font-size:34px;font-weight:800;box-shadow:0 0 0 4px #fff,0 0 0 6px var(--ouro)}
.pf-foto img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.pf-troca{position:absolute;right:0;bottom:0;width:32px;height:32px;border-radius:50%;background:var(--ouro);color:#1d1505;display:grid;place-items:center;cursor:pointer;box-shadow:0 0 0 3px #fff}.pf-troca .ico{width:16px;height:16px}
.pf-id{flex:1;min-width:0;display:grid;gap:4px;justify-items:start}.pf-id h2{margin:0;font-size:21px}.pf-id>span{color:var(--cinza);font-size:13.5px}
.pf-barra{width:100%;height:8px;border-radius:99px;background:#e7ebf4;overflow:hidden;margin-top:6px}.pf-barra i{display:block;height:100%;background:linear-gradient(90deg,var(--ouro),var(--ouro-3));border-radius:99px}
.pf-id small{font-size:12px;color:var(--cinza)}
.pf-chamada{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit;border-left:4px solid var(--ouro)}.pf-chamada span{flex:1}.pf-chamada b{display:block}.pf-chamada small{color:var(--cinza)}
.avatar-topo img,.avatar-eu img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.pf-bt{margin-left:auto;display:inline-flex;align-items:center;gap:5px}.pf-mini{width:14px;height:14px;border-radius:50%;background:conic-gradient(var(--ouro) var(--p),#e3e7f0 0)}
@media (max-width:860px){.pf-topo{flex-direction:column;text-align:center}.pf-id{justify-items:center}.pf-foto{width:92px;height:92px}}
.perfil-x2 .rodape-j{position:sticky;bottom:16px;justify-content:flex-end;z-index:5;pointer-events:none}.perfil-x2 .rodape-j .btn{pointer-events:auto;box-shadow:0 8px 22px rgba(13,34,102,.25)}
@media (max-width:860px){.perfil-x2 .rodape-j{bottom:calc(78px + env(safe-area-inset-bottom))}}

.gs-nova{text-align:left!important;padding:10px!important;background:#fffaf0!important}.gs-nova .btn{margin-right:10px}

/* botão "Lançar venda" (diretoria): bem destacado no alto do menu */
.lancar-venda{margin:14px 4px 4px;display:flex;align-items:center;gap:10px;padding:13px 14px;border-radius:14px;text-decoration:none;color:#1d1505;
  background:linear-gradient(135deg,#f6e2a8,var(--ouro) 45%,var(--ouro-3));box-shadow:0 10px 26px rgba(201,162,74,.45),inset 0 1px 0 rgba(255,255,255,.6);transition:transform .15s,box-shadow .15s}
.lancar-venda:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(201,162,74,.55),inset 0 1px 0 rgba(255,255,255,.6)}
.lancar-venda>.ico{width:30px;height:30px;padding:6px;border-radius:9px;background:rgba(29,21,5,.12);stroke-width:2.2;flex:none}
.lancar-venda b{display:block;font-size:15.5px;font-weight:800;line-height:1.1}.lancar-venda small{display:block;font-size:11.5px;font-weight:600;opacity:.75}
.novo-rapido.sec{background:rgba(255,255,255,.08);color:#f4e7c4;box-shadow:inset 0 0 0 1.5px rgba(232,205,135,.45);margin-top:6px}
.novo-rapido.sec:hover{background:rgba(255,255,255,.14)}
body.menu-recolhido .lancar-venda{justify-content:center;padding:11px 0}body.menu-recolhido .lancar-venda span{display:none}
.acao-rapida.destaque{background:linear-gradient(135deg,#fff8e6,#f6e2a8);border-color:var(--ouro)!important;grid-column:1/-1}
.btn-venda-ola{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;border-radius:12px;font-weight:800;font-size:14px;text-decoration:none;color:#1d1505;
  background:linear-gradient(135deg,#f6e2a8,var(--ouro) 50%,var(--ouro-3));box-shadow:0 8px 20px rgba(0,0,0,.25);white-space:nowrap}
.btn-venda-ola .ico{width:17px;height:17px;stroke-width:2.6}