/* Home do cliente: banner, destaques (stories) e cartões. Também o módulo "Destaques" do painel da equipe. */
.hm{ max-width:880px; }
.hm-sec{ font-family:"Poppins","Inter",sans-serif; font-weight:700; font-size:1.05rem; margin:22px 2px 10px; }

/* Topo com atualização recente */
.hm-hero{ background:linear-gradient(135deg, var(--portal-accent), var(--primary-dark)); color:#fff; border-radius:16px; padding:18px 20px; margin-bottom:14px; }
.hm-hero-t{ font-family:"Poppins","Inter",sans-serif; font-weight:700; font-size:1.35rem; }
.hm-hero-s{ opacity:.95; font-size:.92rem; margin-top:2px; }
.hm-hero-up{ margin-top:12px; display:grid; gap:6px; }
.hm-up{ display:flex; align-items:center; gap:10px; width:100%; text-align:left; border:none; cursor:pointer; color:#fff; font:inherit; font-size:.88rem;
  background:rgba(255,255,255,.18); border-radius:11px; padding:9px 12px; transition:background .15s ease; }
.hm-up:hover{ background:rgba(255,255,255,.28); }
.hm-dot{ flex:none; width:9px; height:9px; border-radius:50%; background:#fff; animation:hmPulse 1.8s ease-in-out infinite; }

/* Destaques (stories) */
.hm-stories{ display:flex; gap:14px; overflow-x:auto; padding:2px 2px 12px; margin-bottom:6px; scrollbar-width:none; }
.hm-stories::-webkit-scrollbar{ display:none; }
.hm-story{ flex:none; width:76px; border:none; background:none; padding:0; cursor:pointer; text-align:center; color:var(--text); font:inherit; }
.hm-ring, .hm-ring img{ box-sizing:border-box; }
.hm-ring{ display:block; width:72px; height:72px; margin:0 auto; border-radius:50%; padding:3px; background:conic-gradient(from 200deg,#f9a825,#e8830f,#c2185b,#6a1b9a,#f9a825); transition:transform .15s ease; }
.hm-story:hover .hm-ring{ transform:scale(1.06); }
.hm-story.visto .hm-ring{ background:var(--border); }
.hm-ring img{ display:block; width:100%; height:100%; object-fit:cover; object-position:center 30%; border-radius:50%; border:3px solid var(--panel); background:var(--bg); }
.hm-story-t{ display:block; font-size:.74rem; margin-top:6px; line-height:1.15; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }

/* Visualizador em tela cheia */
.hm-viewer{ position:fixed; inset:0; z-index:9999; background:rgba(10,8,6,.55); -webkit-backdrop-filter:blur(22px) saturate(1.3); backdrop-filter:blur(22px) saturate(1.3); display:flex; align-items:center; justify-content:center; }
.hm-vbox{ position:relative; width:min(100vw, 75vh); height:min(100vh, 100vw * 4 / 3); background:transparent; touch-action:none; user-select:none; -webkit-user-select:none; border-radius:0; overflow:hidden; opacity:0; transition:opacity .2s ease; }
.hm-vbox.pronto{ opacity:1; }
@media (min-width:700px){ .hm-vbox{ border-radius:18px; box-shadow:0 20px 70px rgba(0,0,0,.5); } }
.hm-vimg{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; pointer-events:none; }
.hm-vbars{ position:absolute; top:10px; left:10px; right:10px; display:flex; gap:4px; z-index:3; }
.hm-vbar{ flex:1; height:3px; border-radius:3px; background:rgba(255,255,255,.35); overflow:hidden; }
.hm-vbar > div{ height:100%; width:0; background:#fff; }
.hm-vtop{ position:absolute; top:20px; left:12px; right:8px; z-index:3; display:flex; justify-content:space-between; align-items:center; color:#fff; text-shadow:0 1px 4px rgba(0,0,0,.7); font-weight:700; font-size:.9rem; }
.hm-vx{ border:none; background:rgba(0,0,0,.35); color:#fff; width:38px; height:38px; border-radius:50%; font-size:1.6rem; line-height:1; cursor:pointer; }
.hm-vprev,.hm-vnext{ position:absolute; top:70px; bottom:80px; border:none; background:none; cursor:pointer; z-index:2; -webkit-tap-highlight-color:transparent; }
.hm-vprev{ left:0; width:30%; } .hm-vnext{ right:0; width:70%; }
.hm-vlink{ position:absolute; z-index:3; left:50%; bottom:26px; transform:translateX(-50%); background:#fff; color:#111; font-weight:800; font-size:.9rem; padding:11px 24px; border-radius:99px; text-decoration:none; box-shadow:0 4px 14px rgba(0,0,0,.4); }
.hm-vlink[hidden]{ display:none; }

/* Redes sociais (vidro translúcido) */
.hm-soc{ display:flex; align-items:center; gap:14px; text-decoration:none; color:var(--text); margin-bottom:12px; padding:14px 16px; border-radius:16px;
  background:rgba(128,128,140,.10); border:1px solid rgba(128,128,140,.30);
  -webkit-backdrop-filter:blur(14px) saturate(1.3); backdrop-filter:blur(14px) saturate(1.3);
  box-shadow:0 4px 18px rgba(20,20,25,.06), 0 0 0 1px rgba(255,255,255,.25) inset; transition:transform .12s ease, background .15s ease, border-color .15s ease; }
.hm-soc:hover{ transform:translateY(-1px); background:rgba(128,128,140,.17); border-color:rgba(128,128,140,.5); }
.hm-soc-ic{ flex:none; width:42px; height:42px; display:flex; align-items:center; justify-content:center; border-radius:12px; background:rgba(255,255,255,.55); border:1px solid rgba(128,128,140,.25); }
.hm-soc-ic svg{ width:24px; height:24px; }
.hm-soc-tx{ flex:1; min-width:0; }
.hm-soc-t{ font-weight:700; } .hm-soc-s{ font-size:.82rem; color:var(--muted); margin-top:2px; }
.hm-stars{ white-space:nowrap; color:#f4b400; letter-spacing:1px; }

/* Cartões das marcas (mesmo visual da aba Processos) */
.hm-marca{ cursor:pointer; transition:transform .12s ease, box-shadow .12s ease, border-color .12s ease; }
.hm-marca:hover{ transform:translateY(-2px); border-color:var(--portal-accent, var(--primary)); box-shadow:0 8px 20px rgba(20,20,25,.1); }
.hm-marca:focus-visible{ outline:2px solid var(--portal-accent, var(--primary)); outline-offset:2px; }
.hm-marca-top{ display:flex; justify-content:space-between; align-items:center; gap:10px; }
.hm-marca-top h2{ margin:0; }
.hm-marca-go{ font-size:.76rem; font-weight:700; color:var(--portal-accent, var(--primary)); white-space:nowrap; }
.hm-bar{ width:100%; height:10px; background:var(--bg); border-radius:8px; overflow:hidden; margin-top:10px; }
.hm-bar > div{ height:100%; }

/* Módulo Destaques (equipe) */
.dst-form{ display:grid; gap:4px; max-width:520px; }
.dst-hint{ font-size:.8rem; color:var(--muted); }
.dst-list{ display:grid; gap:10px; }
.dst-item{ display:flex; gap:14px; align-items:center; padding:10px; border:1px solid var(--border); border-radius:12px; background:var(--panel); }
.dst-item.off{ opacity:.55; }
.dst-thumb{ flex:none; width:54px; height:72px; object-fit:cover; border-radius:8px; background:var(--bg); }
.dst-info{ flex:1; min-width:0; }
.dst-info b{ display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.dst-acts{ display:flex; gap:6px; flex-wrap:wrap; justify-content:flex-end; }
.dst-aviso{ color:#9a5b00; background:#fff3e0; border-radius:8px; padding:8px 10px; font-size:.8rem; margin-top:6px; }

@media (max-width:640px){
  .hm-item .dst-acts{ width:100%; }
  .dst-item{ flex-wrap:wrap; }
}
@media (prefers-reduced-motion: reduce){
  .hm-dot{ animation:none; }
  .hm-marca, .hm-ring{ transition:none; }
}

@keyframes hmPulse{ 0%,100%{ transform:scale(1); } 50%{ transform:scale(1.06); } }

/* Admin: várias imagens por destaque */
.dst-imgs{ display:flex; gap:8px; flex-wrap:wrap; margin-top:8px; }
.dst-img{ position:relative; width:54px; }
.dst-img img{ display:block; width:54px; height:72px; object-fit:cover; border-radius:7px; background:var(--bg); }
.dst-img .dst-n{ position:absolute; top:2px; left:2px; background:rgba(0,0,0,.6); color:#fff; font-size:.65rem; border-radius:99px; padding:0 5px; }
.dst-img .dst-mini{ display:flex; justify-content:space-between; margin-top:3px; }
.dst-img .dst-mini button{ border:1px solid var(--border); background:var(--panel); color:var(--text); border-radius:6px; font-size:.68rem; line-height:1; padding:3px 5px; cursor:pointer; }
.dst-img .dst-mini button:disabled{ opacity:.35; cursor:default; }
.dst-info{ min-width:200px; }

/* ========== Pop-up 3D das campanhas ========== */
.pp-over{ position:fixed; inset:0; z-index:9998; display:flex; align-items:center; justify-content:center; padding:16px; overflow:hidden;
  background:rgba(20,14,8,.38); -webkit-backdrop-filter:blur(14px) saturate(1.2); backdrop-filter:blur(14px) saturate(1.2); opacity:0; transition:opacity .25s ease; }
.pp-over.in{ opacity:1; } .pp-over.out{ opacity:0; }
.pp-confetti{ position:absolute; inset:0; pointer-events:none; overflow:hidden; }
.pp-conf{ position:absolute; top:-20px; left:var(--x); width:var(--w); height:calc(var(--w) * 1.8); background:var(--c); border-radius:2px; opacity:.9; animation:ppFall var(--t) linear var(--d) infinite; }
.pp-card{ position:relative; width:min(440px, 100%); text-align:center; color:#fff; padding:26px 22px 20px; border-radius:30px;
  background:rgba(255,106,0,.34); border:2px solid rgba(255,255,255,.75);
  -webkit-backdrop-filter:blur(22px) saturate(1.8); backdrop-filter:blur(22px) saturate(1.8);
  box-shadow:0 0 0 1px rgba(255,255,255,.18) inset, 0 0 70px rgba(255,120,0,.75), 0 0 120px rgba(255,190,0,.3), 0 30px 80px rgba(0,0,0,.35);
  transform:perspective(900px) translateY(40px) rotateX(18deg) scale(.86); opacity:0;
  transition:transform .55s cubic-bezier(.2,1.25,.4,1), opacity .3s ease; }
.pp-over.in .pp-card{ transform:none; opacity:1; }
.pp-over.out .pp-card{ transform:perspective(900px) translateY(20px) scale(.94); opacity:0; transition-duration:.25s; }
.pp-x{ position:absolute; top:10px; right:12px; width:34px; height:34px; border-radius:50%; border:1px solid rgba(255,255,255,.6); background:rgba(255,255,255,.18); color:#fff; font-size:1.3rem; line-height:1; cursor:pointer; transition:background .15s ease; }
.pp-x:hover{ background:rgba(255,255,255,.38); }
.pp-chip{ display:inline-flex; align-items:center; gap:7px; border:2px solid #ffe03d; color:#ffe03d; background:rgba(255,224,61,.16); border-radius:99px; padding:4px 14px 4px 10px; font-size:.8rem; font-weight:800; animation:ppGlow 1.8s ease-in-out infinite; }
.pp-chip-ic svg{ display:block; width:18px; height:18px; animation:ppWiggle 1.6s ease-in-out infinite; transform-origin:30% 60%; }
.pp-title{ font-family:"Poppins","Inter",sans-serif; font-weight:800; font-size:1.55rem; line-height:1.18; margin:14px 0 4px; text-shadow:0 2px 20px rgba(255,110,0,.95), 0 0 2px rgba(0,0,0,.25); }

.pp-stage{ --rx:0deg; --ry:0deg; position:relative; height:290px; margin:10px 0 8px; perspective:800px; }
.pp-tickets{ position:absolute; inset:0; transform-style:preserve-3d; transform:rotateX(var(--rx)) rotateY(var(--ry)); transition:transform .25s ease-out; }
.pp-ticket{ position:absolute; left:50%; width:262px; height:122px; margin-left:-131px; transform-style:preserve-3d; }
.pp-a{ top:12px; animation:ppFloatA 5.5s ease-in-out infinite; }
.pp-b{ top:150px; animation:ppFloatB 6.2s ease-in-out infinite; }
.pp-slab{ position:absolute; inset:0; transform-style:preserve-3d; animation:ppSwingA 7s ease-in-out infinite; }
.pp-b .pp-slab{ animation-name:ppSwingB; animation-duration:8s; }
.pp-slab i{ position:absolute; inset:0; border-radius:16px; border:1.5px solid rgba(255,224,61,.95); background:rgba(255,200,0,.22); }
.pp-slab i:nth-child(1){ transform:translateZ(-10px); } .pp-slab i:nth-child(2){ transform:translateZ(-8px); } .pp-slab i:nth-child(3){ transform:translateZ(-6px); }
.pp-slab i:nth-child(4){ transform:translateZ(-4px); } .pp-slab i:nth-child(5){ transform:translateZ(-2px); } .pp-slab i:nth-child(6){ transform:translateZ(0); }
.pp-face{ position:absolute; inset:0; transform:translateZ(2px); border-radius:16px; overflow:hidden; display:flex; flex-direction:column; justify-content:center; gap:4px; padding:0 18px; text-align:left;
  background:rgba(255,170,0,.42); border:2px solid #fff; box-shadow:0 0 30px rgba(255,214,0,.8), 0 0 0 1px rgba(255,255,255,.3) inset; }
.pp-face::before{ content:""; position:absolute; top:10px; bottom:10px; right:62px; border-left:2px dashed rgba(255,255,255,.75); }
.pp-face-top{ font-size:.68rem; font-weight:800; letter-spacing:.04em; color:#fff3a8; }
.pp-face-mid{ padding-right:60px; display:flex; flex-direction:column; gap:2px; }
.pp-face-mid b{ font-family:"Poppins","Inter",sans-serif; font-size:1.02rem; line-height:1.15; text-shadow:0 1px 10px rgba(120,40,0,.55); }
.pp-face-mid span{ font-size:.78rem; font-weight:600; }
.pp-ico{ position:absolute; right:16px; top:50%; margin-top:-19px; width:38px; height:38px; color:#fff; filter:drop-shadow(0 0 8px rgba(255,255,255,.9)); animation:ppBeat 1.7s ease-in-out infinite; }
.pp-ico svg{ display:block; width:100%; height:100%; }
.pp-b .pp-ico{ animation-delay:.6s; }
.pp-shine{ position:absolute; top:-30%; bottom:-30%; width:26px; left:-40px; background:rgba(255,255,255,.7); filter:blur(7px); transform:skewX(-22deg); animation:ppShine 3.2s ease-in-out infinite; }
.pp-b .pp-shine{ animation-delay:1.4s; }

.pp-stars{ position:absolute; inset:0; transform-style:preserve-3d; pointer-events:none; }
.pp-bolha{ position:absolute; left:var(--x); top:var(--y); width:38px; height:38px; margin:-19px 0 0 -19px; display:flex; align-items:center; justify-content:center; border-radius:50%;
  color:#fff; background:rgba(255,255,255,.22); border:1.5px solid rgba(255,255,255,.85); box-shadow:0 0 18px rgba(255,224,61,.75);
  transform:translateZ(var(--z)); animation:ppBob 3.4s ease-in-out var(--d) infinite; }
.pp-bolha svg{ width:20px; height:20px; }

.pp-go{ display:flex; align-items:center; justify-content:center; gap:9px; width:100%; margin-top:6px; padding:14px 18px; border-radius:99px; cursor:pointer; color:#4a1200; font-weight:900; font-size:1.05rem; font-family:inherit;
  background:rgba(255,224,61,.95); border:2px solid #fff;
  box-shadow:0 0 0 0 rgba(255,224,61,.8), 0 0 28px rgba(255,200,0,.75); animation:ppPulse 1.8s ease-out infinite; transition:filter .15s ease, transform .12s ease; }
.pp-go:hover{ filter:brightness(1.07); transform:translateY(-1px) scale(1.01); }
.pp-go-ic svg{ display:block; width:22px; height:22px; animation:ppWiggle 1.6s ease-in-out infinite; }
.pp-go:focus-visible, .pp-later:focus-visible, .pp-x:focus-visible{ outline:2px solid #fff; outline-offset:3px; }
.pp-later{ margin-top:10px; border:none; background:none; color:rgba(255,255,255,.9); font:inherit; font-size:.85rem; cursor:pointer; text-decoration:underline; text-underline-offset:3px; }

@keyframes ppSwingA{ 0%,100%{ transform:rotateY(-26deg) rotateX(6deg); } 50%{ transform:rotateY(26deg) rotateX(-4deg); } }
@keyframes ppSwingB{ 0%,100%{ transform:rotateY(24deg) rotateX(-4deg); } 50%{ transform:rotateY(-24deg) rotateX(6deg); } }
@keyframes ppFloatA{ 0%,100%{ transform:translateY(0) translateZ(30px); } 50%{ transform:translateY(-8px) translateZ(60px); } }
@keyframes ppFloatB{ 0%,100%{ transform:translateY(0) translateZ(10px); } 50%{ transform:translateY(8px) translateZ(-20px); } }
@keyframes ppShine{ 0%,55%{ left:-40px; opacity:0; } 65%{ opacity:1; } 100%{ left:290px; opacity:0; } }
@keyframes ppBob{ 0%,100%{ transform:translateZ(var(--z)) translateY(0) scale(1); } 50%{ transform:translateZ(var(--z)) translateY(-12px) scale(1.12); } }
@keyframes ppBeat{ 0%,100%{ transform:scale(1); } 50%{ transform:scale(1.18) rotate(-6deg); } }
@keyframes ppWiggle{ 0%,100%{ transform:rotate(0); } 25%{ transform:rotate(-14deg); } 75%{ transform:rotate(12deg); } }
@keyframes ppFall{ 0%{ transform:translateY(-30px) rotate(0); } 100%{ transform:translateY(105vh) rotate(540deg); } }
@keyframes ppGlow{ 0%,100%{ box-shadow:0 0 0 rgba(255,224,61,0); } 50%{ box-shadow:0 0 18px rgba(255,224,61,.8); } }
@keyframes ppPulse{ 0%{ box-shadow:0 0 0 0 rgba(255,224,61,.85), 0 0 28px rgba(255,200,0,.75); } 70%,100%{ box-shadow:0 0 0 18px rgba(255,224,61,0), 0 0 28px rgba(255,200,0,.75); } }

@media (max-width:420px){ .pp-title{ font-size:1.35rem; } .pp-ticket{ width:244px; margin-left:-122px; } .pp-card{ padding:24px 16px 18px; } }
@media (prefers-reduced-motion: reduce){
  .pp-over, .pp-card{ transition:none; }
  .pp-chip, .pp-chip-ic svg, .pp-go, .pp-go-ic svg, .pp-ico, .pp-bolha, .pp-shine, .pp-slab, .pp-a, .pp-b{ animation:none; }
  .pp-confetti{ display:none; } .pp-slab{ transform:rotateY(-12deg); }
}

/* ========== Vidro translúcido estilo Apple: brilho nos cantos + luz que percorre as bordas ========== */
@property --ang{ syntax:"<angle>"; inherits:false; initial-value:0deg; }
.lg{ position:relative; }
.lg::before{ content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none;
  background:
    radial-gradient(140px 100px at 0% 0%, rgba(255,255,255,.60), transparent 70%),
    radial-gradient(140px 100px at 100% 0%, rgba(255,255,255,.34), transparent 70%),
    radial-gradient(140px 100px at 0% 100%, rgba(255,255,255,.26), transparent 70%),
    radial-gradient(140px 100px at 100% 100%, rgba(255,255,255,.52), transparent 70%); }
.lg::after, .pp-face::after{ content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none; padding:2.5px;
  background:conic-gradient(from var(--ang), rgba(255,255,255,0) 0deg, rgba(255,255,255,0) 210deg, rgba(255,255,255,.98) 290deg, rgba(255,255,255,0) 345deg);
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite:xor;
  mask:linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0);
  animation:lgSpin 4.5s linear infinite; }
.pp-face::after{ animation-duration:3.6s; }
.pp-b .pp-face::after{ animation-delay:-1.6s; }
.hm-soc.lg::after{ animation-duration:6s; }
.hm-soc.lg{ box-shadow:0 4px 18px rgba(20,20,25,.06), 0 0 0 1px rgba(255,255,255,.35) inset, 0 1px 0 rgba(255,255,255,.7) inset; }
.pp-card.lg{ box-shadow:0 0 0 1px rgba(255,255,255,.25) inset, 0 1px 0 rgba(255,255,255,.8) inset, 0 0 70px rgba(255,120,0,.75), 0 0 120px rgba(255,190,0,.3), 0 30px 80px rgba(0,0,0,.35); }
@keyframes lgSpin{ to{ --ang:360deg; } }
@media (prefers-reduced-motion: reduce){ .lg::after, .pp-face::after{ animation:none; } }

/* Arte de feed (1080x1440) no destaque: fundo branco e imagem em retângulo arredondado */
.hm-vbox.feed{ background:#fff; }
.hm-vbox.feed .hm-vimg{ inset:auto; border-radius:20px; box-shadow:0 6px 24px rgba(0,0,0,.18); }
.hm-vbox.feed .hm-vbar{ background:rgba(0,0,0,.14); }
.hm-vbox.feed .hm-vbar > div{ background:#1a1a1a; }
.hm-vbox.feed .hm-vtop{ color:#1a1a1a; text-shadow:none; }
.hm-vbox.feed .hm-vx{ background:rgba(0,0,0,.08); color:#1a1a1a; }
.hm-vbox.feed .hm-vlink{ background:#1a1a1a; color:#fff; box-shadow:0 4px 14px rgba(0,0,0,.25); }
@media (min-width:700px){ .hm-vbox.feed{ border-radius:22px; } }

/* ========== Aba Métricas (equipe) ========== */
.mt-presets{ display:flex; gap:6px; flex-wrap:wrap; }
.mt-presets .mt-on{ background:var(--primary); color:#fff; border-color:var(--primary); }
.mt-linha{ display:flex; gap:12px; flex-wrap:wrap; align-items:flex-end; margin-top:10px; }
.mt-linha > div{ min-width:130px; }
.mt-botoes{ display:flex; gap:8px; flex-wrap:wrap; margin-left:auto; }
.mt-de{ font-size:.9rem; font-weight:500; color:var(--muted); }
.mt-svg{ width:100%; height:auto; display:block; }
.mt-grid{ stroke:var(--border); stroke-width:1; }
.mt-tick{ fill:var(--muted); font-size:10.5px; font-family:inherit; }
.mt-bar{ fill:var(--primary); }
.mt-hit{ fill:transparent; }
.mt-col{ cursor:default; outline:none; }
.mt-col:hover .mt-bar, .mt-col:focus .mt-bar{ fill:var(--primary-dark); }
.mt-col:focus .mt-hit{ stroke:var(--primary); stroke-width:1.5; }
.mt-barra{ position:relative; background:var(--bg); border-radius:6px; height:22px; min-width:90px; overflow:hidden; }
.mt-barra > div{ position:absolute; inset:0 auto 0 0; background:var(--primary-light); border-right:3px solid var(--primary); border-radius:6px 0 0 6px; min-width:3px; }
.mt-barra > span{ position:relative; display:block; padding:2px 8px; font-size:.82rem; font-weight:600; }
.mt-tip{ position:fixed; z-index:9999; pointer-events:none; background:var(--panel); color:var(--text); border:1px solid var(--border); border-radius:10px; padding:7px 10px; font-size:.8rem; box-shadow:0 6px 18px rgba(0,0,0,.18); }
.mt-tip[hidden]{ display:none; }
.mt-rolagem{ overflow-x:auto; }
@media (max-width:640px){ .mt-rolagem .mt-svg{ min-width:560px; } }

.mt-heatbox{ min-width:640px; }
.mt-cel0{ fill:var(--border); opacity:.45; }
.mt-cel{ fill:var(--primary); }
.mt-heat .mt-col:hover .mt-cel0, .mt-heat .mt-col:focus .mt-cel0{ stroke:var(--primary-dark); stroke-width:1.5; opacity:1; }
.mt-legenda{ display:flex; align-items:center; gap:6px; margin-top:6px; color:var(--muted); }
.mt-legenda i{ display:inline-block; width:18px; height:12px; border-radius:3px; background:var(--primary); }
.mt-sub{ font-size:.95rem; margin:18px 0 8px; }
.mt-linhas{ display:grid; grid-template-columns:150px 1fr; gap:10px; align-items:center; margin-bottom:6px; font-size:.9rem; }
.mt-mini{ margin-top:10px; }
.mt-parecer{ padding:10px 0; border-top:1px solid var(--border); }
.mt-parecer:first-of-type{ border-top:0; }
.mt-parecer strong{ display:block; margin-bottom:2px; }
@media (max-width:640px){ .mt-linhas{ grid-template-columns:110px 1fr; } }

/* ---------- Aba Serviços (painel do cliente) ---------- */
.sv-wrap{ max-width:1100px; }
.sv-top{ display:flex; justify-content:space-between; align-items:center; gap:12px; flex-wrap:wrap; }
.sv-top h1{ margin:0; font-size:1.7rem; letter-spacing:-.02em; }
.sv-loc{ display:inline-flex; gap:6px; align-items:center; font-size:.85rem; font-weight:600; padding:7px 12px; border-radius:999px; background:var(--panel); border:1px solid var(--border); }
.sv-loc svg, .sv-locline svg{ color:var(--portal-accent, var(--primary)); }
.sv-busca{ display:flex; align-items:center; gap:10px; margin:16px 0 10px; padding:0 8px 0 18px; height:56px; background:var(--panel); border:1.5px solid var(--border); border-radius:18px; box-shadow:0 6px 20px rgba(232,131,15,.07); }
.sv-busca:focus-within{ border-color:var(--portal-accent, var(--primary)); }
.sv-busca > svg{ flex-shrink:0; width:22px; height:22px; color:var(--portal-accent, var(--primary)); }
.sv-busca input{ flex:1; min-width:0; height:100%; border:0; outline:0; background:transparent; font:inherit; font-size:1rem; color:var(--text); box-shadow:none; padding:0; }
.sv-busca button{ border:0; border-radius:12px; padding:10px 16px; font:inherit; font-weight:700; color:#fff; background:var(--portal-accent, var(--primary)); cursor:pointer; }
.sv-chips, .sv-subs{ display:flex; gap:8px; flex-wrap:wrap; margin-bottom:20px; }
.sv-chip{ font:inherit; font-size:.82rem; padding:7px 13px; border-radius:999px; background:var(--panel); border:1px solid var(--border); color:var(--text); cursor:pointer; white-space:nowrap; }
.sv-chip:hover{ border-color:var(--portal-accent, var(--primary)); }
.sv-chip.on{ background:var(--portal-accent, var(--primary)); color:#fff; border-color:var(--portal-accent, var(--primary)); font-weight:700; }
.sv-sec{ margin:0 0 12px; font-size:1.05rem; }
.sv-grid{ display:grid; grid-template-columns:repeat(auto-fill, minmax(168px, 1fr)); gap:14px; }
.sv-tile{ position:relative; overflow:hidden; display:flex; flex-direction:column; justify-content:space-between; gap:22px; text-align:left; font:inherit; color:var(--text); padding:16px; min-height:132px; border-radius:22px; background:var(--panel); border:1px solid var(--border); cursor:pointer; transition:transform .15s, box-shadow .15s; }
.sv-tile:hover{ transform:translateY(-2px); box-shadow:0 10px 24px rgba(20,20,25,.1); }
.sv-tile-ic{ width:46px; height:46px; border-radius:15px; display:grid; place-items:center; color:var(--c1); background:color-mix(in srgb, var(--c1) 12%, transparent); }
.sv-tile-t b{ display:block; font-size:.95rem; line-height:1.25; }
.sv-pill{ display:inline-block; margin-top:7px; font-size:.7rem; font-weight:700; padding:3px 9px; border-radius:999px; background:var(--bg); color:var(--muted); }
.sv-tile.soon{ opacity:.66; }
.sv-tile.on{ color:#fff; border:0; background:linear-gradient(145deg, var(--c1), var(--c2)); box-shadow:0 12px 26px color-mix(in srgb, var(--c2) 35%, transparent); }
.sv-tile.on .sv-tile-ic{ background:rgba(255,255,255,.22); color:#fff; }
.sv-tile.on .sv-pill{ background:#fff; color:var(--c2); }
.sv-tile.on::after{ content:""; position:absolute; right:-26px; top:-26px; width:110px; height:110px; border-radius:50%; background:rgba(255,255,255,.12); pointer-events:none; }
.sv-tile:focus-visible, .sv-btn:focus-visible, .sv-chip:focus-visible, .sv-voltar:focus-visible{ outline:3px solid color-mix(in srgb, var(--portal-accent, var(--primary)) 55%, transparent); outline-offset:2px; }
.sv-rodape{ margin-top:20px; display:flex; gap:12px; align-items:center; padding:16px 18px; border-radius:18px; background:var(--panel); border:1px dashed color-mix(in srgb, var(--portal-accent, var(--primary)) 45%, var(--border)); font-size:.9rem; }
.sv-rodape svg{ flex-shrink:0; width:24px; height:24px; color:var(--portal-accent, var(--primary)); }
.sv-rodape b{ display:block; } .sv-rodape span{ color:var(--muted); }
.sv-voltar{ display:inline-flex; align-items:center; gap:6px; margin-bottom:12px; padding:4px 0; border:0; background:none; font:inherit; font-weight:600; font-size:.88rem; color:var(--muted); cursor:pointer; }
.sv-locline{ display:flex; gap:6px; align-items:center; margin:12px 0 14px; font-size:.85rem; color:var(--muted); }
.sv-grupo{ margin:20px 0 10px; display:flex; align-items:center; gap:8px; font-size:.78rem; font-weight:800; letter-spacing:.03em; text-transform:uppercase; color:var(--muted); }
.sv-cards{ display:grid; grid-template-columns:repeat(auto-fill, minmax(min(100%, 330px), 1fr)); gap:14px; }
.sv-card{ display:flex; flex-direction:column; gap:12px; padding:18px; border-radius:20px; background:var(--panel); border:1px solid var(--border); }
.sv-ph{ display:flex; gap:12px; align-items:center; }
.sv-logo{ width:76px; height:76px; border-radius:20px; flex-shrink:0; display:grid; place-items:center; font-weight:800; font-size:1.5rem; color:#fff; object-fit:cover; background:var(--bg); }
.sv-pn b{ display:block; font-size:1.02rem; } .sv-pn small{ color:var(--muted); font-size:.85rem; line-height:1.35; display:block; }
.sv-tags{ display:flex; gap:6px; flex-wrap:wrap; }
.sv-tag{ display:inline-flex; gap:5px; align-items:center; font-size:.74rem; font-weight:700; padding:4px 10px; border-radius:999px; }
.sv-tag svg{ width:13px; height:13px; }
.sv-tag-on{ background:#e8f6ee; color:#1a7f43; } .sv-tag-perto{ background:#fff3e0; color:#b45200; } .sv-tag-loc{ background:var(--bg); color:var(--muted); } .sv-tag-cat{ background:var(--bg); color:var(--muted); font-weight:600; }
.sv-acoes{ display:flex; gap:8px; margin-top:auto; }
.sv-vazio{ margin:6px 0 4px; padding:26px 20px; text-align:center; border-radius:22px; background:var(--panel); border:1px solid var(--border); }
.sv-vazio-pin{ width:64px; height:64px; margin:0 auto 12px; border-radius:50%; display:grid; place-items:center; color:var(--portal-accent, var(--primary)); background:color-mix(in srgb, var(--portal-accent, var(--primary)) 12%, transparent); }
.sv-vazio-pin svg{ width:28px; height:28px; }
.sv-vazio h3{ margin:0 0 6px; font-size:1.05rem; } .sv-vazio p{ margin:0 0 16px; color:var(--muted); font-size:.9rem; line-height:1.5; }
.sv-feito{ display:inline-flex; gap:8px; align-items:center; flex-wrap:wrap; justify-content:center; font-weight:700; color:#1a7f43; }
.sv-link{ border:0; background:none; font:inherit; font-weight:600; font-size:.85rem; color:var(--muted); text-decoration:underline; cursor:pointer; }
.sv-mais{ display:block; width:100%; margin-top:18px; padding:12px; border-radius:14px; border:1px dashed var(--border); background:none; font:inherit; font-weight:600; color:var(--muted); cursor:pointer; }
.sv-nada{ margin-top:10px; padding:18px; text-align:center; color:var(--muted); background:var(--panel); border:1px dashed var(--border); border-radius:16px; }

/* Banner animado da categoria (figuras 3D saindo da moldura) */
.svb{ --px:0; --py:0; position:relative; margin:56px 0 16px; min-height:190px; color:#fff; isolation:isolate; }
.svb-bg{ position:absolute; inset:0; overflow:hidden; border-radius:26px; background:linear-gradient(135deg, var(--c1), var(--c2)); z-index:0; box-shadow:0 18px 36px color-mix(in srgb, var(--c2) 32%, transparent); }
.svb-o{ position:absolute; border-radius:50%; background:rgba(255,255,255,.12); }
.svb-o1{ width:300px; height:300px; right:-70px; top:-110px; } .svb-o2{ width:180px; height:180px; left:34%; bottom:-90px; background:rgba(255,255,255,.08); }
.svb-g{ position:absolute; border-radius:50%; background:rgba(255,255,255,.7); animation:svbTwinkle 3.2s ease-in-out infinite; }
.svb-chao{ position:absolute; left:0; right:0; bottom:0; height:24px; background:rgba(0,0,0,.14); border-radius:50% 50% 0 0 / 100% 100% 0 0; }
.svb-txt{ position:relative; z-index:2; max-width:46%; padding:32px 0 32px 28px; }
.svb-txt h1{ margin:0; font-size:2rem; line-height:1.08; letter-spacing:-.02em; color:#fff; text-shadow:0 2px 12px rgba(0,0,0,.2); }
.svb-txt p{ margin:10px 0 0; font-size:1rem; line-height:1.4; opacity:.96; }
.svb-selo{ display:inline-block; margin-bottom:10px; font-size:.72rem; font-weight:800; letter-spacing:.03em; padding:5px 11px; border-radius:999px; background:rgba(255,255,255,.2); border:1px solid rgba(255,255,255,.35); }
.svb-3d{ position:absolute; right:0; top:-66px; bottom:0; width:58%; z-index:1; pointer-events:none; }
.svb-3d canvas{ display:block; width:100%; height:100%; }
@keyframes svbTwinkle{ 0%,100%{ opacity:.1; transform:scale(.7); } 50%{ opacity:.75; transform:scale(1.2); } }
/* Banner do parceiro em destaque */
.svb-dest{ margin-top:50px; }
.svb-dest .svb-txt{ max-width:50%; }
.svb-dest .svb-txt h1{ font-size:1.7rem; }
.svb-dest .sv-acoes{ margin-top:16px; flex-wrap:wrap; }
.svb-dest .sv-btn{ flex:none; padding:11px 18px; }
.svb-dest .sv-btn-lk{ background:rgba(255,255,255,.16); color:#fff; border-color:rgba(255,255,255,.5); }
.svb-dest .sv-btn-lk:hover{ background:rgba(255,255,255,.26); }
/* Sugestões enquanto digita */
.sv-busca-w{ position:relative; }
.sv-sug{ position:absolute; z-index:20; left:0; right:0; top:calc(100% - 6px); padding:6px; background:var(--panel); border:1px solid var(--border); border-radius:18px; box-shadow:0 18px 40px rgba(20,20,25,.16); }
.sv-sug[hidden]{ display:none; }
.sv-sug-i{ display:flex; align-items:center; gap:12px; width:100%; padding:9px 10px; border:0; border-radius:12px; background:none; text-align:left; font:inherit; color:var(--text); cursor:pointer; }
.sv-sug-i:hover, .sv-sug-i.on{ background:var(--bg); }
.sv-sug-ic{ flex:none; width:38px; height:38px; border-radius:12px; display:grid; place-items:center; color:#fff; background:linear-gradient(145deg, var(--c1), var(--c2)); }
.sv-sug-ic svg{ width:20px; height:20px; }
.sv-sug-t{ min-width:0; } .sv-sug-t b{ display:block; font-size:.95rem; } .sv-sug-t small{ display:block; color:var(--muted); font-size:.8rem; }
.sv-sug-t mark{ background:color-mix(in srgb, var(--portal-accent, var(--primary)) 22%, transparent); color:inherit; border-radius:3px; }
.sv-sug-todos .sv-sug-ic{ background:var(--bg); color:var(--portal-accent, var(--primary)); }
@media (max-width:640px){
  .svb{ margin-top:46px; min-height:168px; }
  .svb-txt{ max-width:52%; padding:24px 0 24px 18px; } .svb-txt h1{ font-size:1.45rem; } .svb-txt p{ font-size:.84rem; }
  .svb-3d{ top:-54px; width:56%; }
  .svb-dest .svb-txt{ max-width:100%; padding:26px 120px 24px 18px; }
  .svb-dest .svb-3d{ width:38%; }
  .svb-dest .svb-txt h1{ font-size:1.3rem; }
  .sv-grid{ grid-template-columns:repeat(2, 1fr); gap:12px; } .sv-tile{ min-height:118px; padding:14px; gap:16px; }
  .sv-top h1{ font-size:1.45rem; }
}
@media (prefers-reduced-motion: reduce){ .svb-g{ animation:none; } .sv-tile{ transition:none; } }

/* Admin: aba Parceiros */
.pc-form{ margin-bottom:16px; }
.pc-radios{ display:grid; gap:6px; margin:4px 0 8px; } .pc-radios label, .pc-chk{ display:flex; gap:8px; align-items:center; font-weight:400; }
.pc-subs{ display:grid; grid-template-columns:repeat(auto-fill, minmax(200px, 1fr)); gap:6px 12px; margin:4px 0 8px; }
.pc-linha{ display:flex; gap:10px; }
.pc-logo{ flex:none; width:48px; height:48px; border-radius:12px; object-fit:cover; background:var(--bg); }
.pc-ini{ display:grid; place-items:center; font-weight:800; color:#fff; background:linear-gradient(145deg,#f59a2c,#e8700a); }
.pc-tab{ width:100%; border-collapse:collapse; font-size:.9rem; } .pc-tab th, .pc-tab td{ text-align:left; padding:8px 10px; border-top:1px solid var(--border); } .pc-tab th{ border-top:0; color:var(--muted); font-size:.78rem; }
.pc-sem{ font-weight:700; color:#b45200; background:#fff3e0; border-radius:999px; padding:2px 9px; font-size:.78rem; }
.pc-av{ border-top:1px solid var(--border); padding:10px 0; } .pc-av ul{ margin:8px 0 0; padding-left:20px; color:var(--muted); font-size:.88rem; }
.sv-tag-dest{ background:#fff3e0; color:#b45200; }
.sv-wrap .sv-top{ margin-top:0; }
@media (max-width:640px){ .svb-dest{ margin-top:78px; } }

/* ===== Luz que corre pela borda dos banners ===== */
@property --svAng{ syntax:"<angle>"; inherits:false; initial-value:0deg; }
.svb-bg::before, .svb-bg::after{ content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none; z-index:3;
  background:conic-gradient(from var(--svAng), transparent 0 62%, rgba(255,255,255,.15) 74%, rgba(255,255,255,.95) 88%, #fff 90%, transparent 94% 100%);
  animation:svbLuz 6s linear infinite; }
.svb-bg::after{ padding:2.5px; -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite:xor; mask-composite:exclude; }
.svb-bg::before{ filter:blur(10px); opacity:.55; -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite:xor; mask-composite:exclude; padding:6px; }
@keyframes svbLuz{ to{ --svAng:360deg; } }
.svb-dest .svb-bg::before, .svb-dest .svb-bg::after{ animation-duration:4.5s; }

/* ===== Botões da aba Serviços: degradê, brilho que passa, pulso e luz que segue o ponteiro ===== */
.sv-btn{ position:relative; overflow:hidden; isolation:isolate; flex:1; display:inline-flex; gap:8px; justify-content:center; align-items:center; padding:13px 14px; border-radius:14px; font:inherit; font-weight:800; font-size:.92rem; letter-spacing:.01em; text-decoration:none; cursor:pointer; border:0; color:#fff;
  background-size:220% 100%; background-position:0 0; transition:transform .18s cubic-bezier(.3,1.6,.5,1), box-shadow .25s, background-position .5s; will-change:transform; }
.sv-btn::before{ content:""; position:absolute; inset:0; z-index:-1; background:radial-gradient(circle 90px at var(--mx,50%) var(--my,50%), rgba(255,255,255,.55), transparent 70%); opacity:0; transition:opacity .2s; }
.sv-btn::after{ content:""; position:absolute; top:0; bottom:0; left:-60%; width:40%; z-index:-1; transform:skewX(-20deg); background:linear-gradient(90deg, transparent, rgba(255,255,255,.55), transparent); animation:svBrilho 3.8s ease-in-out infinite; }
.sv-btn:hover::before{ opacity:1; }
.sv-btn:hover{ transform:translateY(-3px) scale(1.02); background-position:100% 0; }
.sv-btn:active{ transform:translateY(0) scale(.95); transition-duration:.08s; }
.sv-btn svg{ filter:drop-shadow(0 1px 2px rgba(0,0,0,.25)); }
.sv-btn-wa{ background-image:linear-gradient(120deg, #2fe37a 0%, #19b95c 40%, #0f8f47 70%, #2fe37a 100%); box-shadow:0 8px 20px rgba(25,185,92,.4), inset 0 1px 0 rgba(255,255,255,.4); animation:svPulsoWa 2.2s ease-out infinite; }
.sv-btn-wa:hover{ box-shadow:0 14px 30px rgba(25,185,92,.55), 0 0 0 4px rgba(47,227,122,.25), inset 0 1px 0 rgba(255,255,255,.5); animation:none; }
.sv-btn-main{ flex:none; padding:13px 22px; background-image:linear-gradient(120deg, color-mix(in srgb, var(--portal-accent, #e8830f) 62%, #fff) 0%, var(--portal-accent, #e8830f) 45%, color-mix(in srgb, var(--portal-accent, #e8830f) 72%, #000) 75%, color-mix(in srgb, var(--portal-accent, #e8830f) 62%, #fff) 100%); box-shadow:0 8px 20px color-mix(in srgb, var(--portal-accent, #e8830f) 45%, transparent), inset 0 1px 0 rgba(255,255,255,.4); animation:svPulsoMain 2.4s ease-out infinite; }
.sv-btn-main:hover{ box-shadow:0 14px 30px color-mix(in srgb, var(--portal-accent, #e8830f) 60%, transparent), 0 0 0 4px color-mix(in srgb, var(--portal-accent, #e8830f) 25%, transparent); animation:none; }
.sv-btn-lk{ color:var(--text); background-image:linear-gradient(var(--panel), var(--panel)), linear-gradient(120deg, color-mix(in srgb, var(--portal-accent, #e8830f) 62%, #fff), var(--portal-accent, #e8830f), color-mix(in srgb, var(--portal-accent, #e8830f) 72%, #000), var(--portal-accent, #e8830f), color-mix(in srgb, var(--portal-accent, #e8830f) 62%, #fff)); background-origin:border-box; background-clip:padding-box, border-box; border:2px solid transparent; background-size:100% 100%, 300% 100%; animation:svBordaCor 6s linear infinite; }
.sv-btn-lk::after{ display:none; }
.sv-btn-lk:hover{ box-shadow:0 10px 24px color-mix(in srgb, var(--portal-accent, #e8830f) 35%, transparent); }
.svb-dest .sv-btn{ flex:none; padding:12px 20px; }
.svb-dest .sv-btn-lk{ color:#fff; background-image:none; background-color:rgba(255,255,255,.16); border:2px solid rgba(255,255,255,.7); animation:none; box-shadow:inset 0 1px 0 rgba(255,255,255,.35); }
.svb-dest .sv-btn-lk:hover{ background-color:rgba(255,255,255,.28); box-shadow:0 10px 24px rgba(0,0,0,.25), 0 0 0 4px rgba(255,255,255,.2); }
.sv-busca button{ position:relative; overflow:hidden; background-image:linear-gradient(120deg, color-mix(in srgb, var(--portal-accent, #e8830f) 62%, #fff), var(--portal-accent, #e8830f) 50%, color-mix(in srgb, var(--portal-accent, #e8830f) 72%, #000)); box-shadow:0 6px 16px color-mix(in srgb, var(--portal-accent, #e8830f) 40%, transparent), inset 0 1px 0 rgba(255,255,255,.4); transition:transform .18s cubic-bezier(.3,1.6,.5,1), box-shadow .2s; }
.sv-busca button:hover{ transform:scale(1.05); box-shadow:0 10px 22px color-mix(in srgb, var(--portal-accent, #e8830f) 55%, transparent); } .sv-busca button:active{ transform:scale(.94); }
.sv-onda{ position:absolute; z-index:0; border-radius:50%; pointer-events:none; background:radial-gradient(circle, rgba(255,255,255,.75), rgba(255,255,255,0) 70%); transform:scale(0); animation:svOnda .7s ease-out forwards; }
@keyframes svOnda{ to{ transform:scale(1); opacity:0; } }
@keyframes svBrilho{ 0%,55%{ left:-60%; } 85%,100%{ left:130%; } }
@keyframes svPulsoWa{ 0%{ box-shadow:0 8px 20px rgba(25,185,92,.4), 0 0 0 0 rgba(47,227,122,.55), inset 0 1px 0 rgba(255,255,255,.4); } 70%,100%{ box-shadow:0 8px 20px rgba(25,185,92,.4), 0 0 0 16px rgba(47,227,122,0), inset 0 1px 0 rgba(255,255,255,.4); } }
@keyframes svPulsoMain{ 0%{ box-shadow:0 8px 20px color-mix(in srgb, var(--portal-accent, #e8830f) 45%, transparent), 0 0 0 0 color-mix(in srgb, var(--portal-accent, #e8830f) 55%, transparent); } 70%,100%{ box-shadow:0 8px 20px color-mix(in srgb, var(--portal-accent, #e8830f) 45%, transparent), 0 0 0 16px transparent; } }
@keyframes svBordaCor{ to{ background-position:0 0, 300% 0; } }
/* cartões de categoria com luz que segue o ponteiro */
.sv-tile.on::before{ content:""; position:absolute; inset:0; pointer-events:none; background:radial-gradient(circle 120px at var(--mx,50%) var(--my,0%), rgba(255,255,255,.4), transparent 70%); opacity:0; transition:opacity .2s; }
.sv-tile.on:hover::before{ opacity:1; }
.sv-tile.on:hover{ transform:translateY(-4px) scale(1.02); }
.sv-tile.on:active{ transform:scale(.97); }
.sv-chip{ transition:transform .15s, box-shadow .2s, border-color .2s; } .sv-chip:hover{ transform:translateY(-2px); box-shadow:0 6px 14px rgba(232,131,15,.2); } .sv-chip:active{ transform:scale(.95); }
.sv-chip.on{ background-image:linear-gradient(120deg, color-mix(in srgb, var(--portal-accent, #e8830f) 62%, #fff), var(--portal-accent, #e8830f)); box-shadow:0 6px 14px color-mix(in srgb, var(--portal-accent, #e8830f) 35%, transparent); }
/* categoria bloqueada (sem parceiro) */
.sv-tile.soon{ cursor:not-allowed; opacity:.55; filter:grayscale(.35); }
.sv-tile.soon:hover{ transform:none; box-shadow:none; }
.sv-lock{ position:absolute; right:12px; top:12px; width:28px; height:28px; display:grid; place-items:center; border-radius:50%; background:var(--bg); color:var(--muted); }
.sv-lock svg{ width:15px; height:15px; }
.sv-sug-i.off{ opacity:.6; }
.sv-wrap-home{ margin-top:0; } .svb-home{ margin-top:44px; margin-bottom:12px; }
@media (prefers-reduced-motion: reduce){
  .svb-bg::before, .svb-bg::after, .sv-btn::after, .sv-btn-wa, .sv-btn-main, .sv-btn-lk{ animation:none; }
  .sv-btn, .sv-chip, .sv-tile{ transition:none; }
}

/* ===== Painel da equipe: aba Parceiros (v25) ===== */
.pa{ max-width:1180px; margin:0 auto; }
.pa-head{ display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; margin-bottom:16px; }
.pa-head h1{ margin:0; font-size:1.6rem; } .pa-head p{ margin:2px 0 0; color:var(--muted); }
.pa-stats{ display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin-bottom:18px; }
.pa-stats div{ padding:14px 16px; border-radius:16px; background:var(--panel); border:1px solid var(--border); display:flex; flex-direction:column; gap:2px; }
.pa-stats b{ font-size:1.6rem; line-height:1.1; background:linear-gradient(135deg,#f5a524,#e8590c); -webkit-background-clip:text; background-clip:text; color:transparent; }
.pa-stats span{ font-size:.8rem; color:var(--muted); }
.pa-h2{ font-size:1.1rem; margin:26px 0 12px; }
.pa-msg{ display:flex; gap:8px; align-items:center; padding:11px 14px; border-radius:12px; margin-bottom:14px; font-weight:600; font-size:.92rem; }
.pa-msg.ok{ background:rgba(34,160,90,.12); color:#1c8a4e; } .pa-msg.err{ background:rgba(220,60,50,.12); color:#c93a2e; }
.pa-btn{ font:inherit; font-weight:700; border:0; border-radius:12px; padding:11px 18px; cursor:pointer; display:inline-flex; align-items:center; gap:8px; transition:transform .15s, box-shadow .2s, filter .2s; }
.pa-btn:active{ transform:scale(.97); } .pa-btn:disabled{ opacity:.6; cursor:wait; }
.pa-btn-main{ color:#fff; background:linear-gradient(135deg,#f5a524,#e8590c); box-shadow:0 6px 16px rgba(232,89,12,.28); }
.pa-btn-main:hover{ filter:brightness(1.07); box-shadow:0 8px 22px rgba(232,89,12,.4); }
.pa-btn-ghost{ background:transparent; color:var(--text); border:1px solid var(--border); }

.pa-form{ display:grid; grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr); gap:18px; align-items:start; margin-bottom:8px; }
.pa-form-main{ background:var(--panel); border:1px solid var(--border); border-radius:20px; padding:20px; }
.pa-form-top{ display:flex; align-items:center; justify-content:space-between; margin-bottom:6px; } .pa-form-top h2{ margin:0; font-size:1.25rem; }
.pa-x{ border:0; background:transparent; color:var(--muted); cursor:pointer; padding:6px; border-radius:8px; } .pa-x:hover{ background:var(--bg); color:var(--text); }
.pa-sec{ padding:16px 0; border-top:1px solid var(--border); display:flex; flex-direction:column; gap:14px; } .pa-sec:first-of-type{ border-top:0; }
.pa-sec-t{ font-weight:800; font-size:.95rem; } .pa-opt{ font-weight:500; font-size:.78rem; color:var(--muted); margin-left:6px; }
.pa-field{ display:flex; flex-direction:column; gap:6px; min-width:0; } .pa-field>label{ font-size:.82rem; font-weight:700; }
.pa-linha{ display:flex; gap:12px; flex-wrap:wrap; } .pa-linha[hidden], .pa-field[hidden]{ display:none; }
.pa-in{ font:inherit; width:100%; box-sizing:border-box; height:44px; padding:0 14px; border-radius:12px; border:1.5px solid var(--border); background:var(--bg); color:var(--text); outline:0; transition:border-color .15s, box-shadow .15s; }
.pa-in:focus{ border-color:#e8830f; box-shadow:0 0 0 4px rgba(232,131,15,.16); }
.pa-wrap{ position:relative; } .pa-wrap svg{ position:absolute; left:13px; top:13px; color:var(--muted); } .pa-wrap .pa-in{ padding-left:42px; }
.pa-dica{ color:var(--muted); font-size:.85rem; }
.pa-cats{ display:grid; grid-template-columns:repeat(auto-fill,minmax(132px,1fr)); gap:8px; }
.pa-cat{ font:inherit; font-size:.82rem; font-weight:600; display:flex; align-items:center; gap:8px; padding:9px 10px; border-radius:12px; border:1.5px solid var(--border); background:var(--bg); color:var(--text); cursor:pointer; text-align:left; transition:transform .15s, border-color .15s, box-shadow .2s; }
.pa-cat:hover{ transform:translateY(-1px); border-color:var(--c1); }
.pa-cat-ic{ width:30px; height:30px; flex:none; border-radius:9px; display:grid; place-items:center; color:#fff; background:linear-gradient(145deg,var(--c1),var(--c2)); }
.pa-cat.on{ border-color:var(--c1); box-shadow:0 0 0 3px color-mix(in srgb, var(--c1) 25%, transparent); background:color-mix(in srgb, var(--c1) 9%, var(--bg)); }
.pa-chips{ display:flex; flex-wrap:wrap; gap:7px; }
.pa-chip{ font:inherit; font-size:.82rem; display:inline-flex; align-items:center; gap:5px; padding:6px 12px; border-radius:999px; border:1.5px solid var(--border); background:var(--bg); color:var(--text); cursor:pointer; transition:all .15s; }
.pa-chip svg{ width:14px; height:14px; } .pa-chip.on{ color:#fff; border-color:transparent; background:linear-gradient(135deg,#f5a524,#e8590c); }
.pa-seg{ display:grid; grid-template-columns:1fr 1fr; gap:4px; padding:4px; border-radius:14px; background:var(--bg); border:1px solid var(--border); }
.pa-seg button{ font:inherit; font-weight:700; display:flex; align-items:center; justify-content:center; gap:8px; flex-wrap:wrap; padding:10px; border:0; border-radius:10px; background:transparent; color:var(--muted); cursor:pointer; transition:all .2s; }
.pa-seg button small{ font-weight:500; opacity:.8; } .pa-seg button.on{ background:var(--panel); color:var(--text); box-shadow:0 2px 10px rgba(0,0,0,.14); }
.pa-drop{ display:flex; align-items:center; gap:14px; padding:12px; border:2px dashed var(--border); border-radius:16px; cursor:pointer; transition:all .15s; background:var(--bg); }
.pa-drop:hover, .pa-drop:focus-visible, .pa-drop.over{ border-color:#e8830f; background:rgba(232,131,15,.07); outline:0; }
.pa-drop-prev{ width:60px; height:60px; flex:none; display:grid; place-items:center; } .pa-drop-img{ width:60px; height:60px; border-radius:16px; object-fit:cover; display:grid; place-items:center; color:#fff; font-weight:800; }
.pa-drop-ph{ width:60px; height:60px; display:grid; place-items:center; border-radius:16px; background:var(--panel); color:var(--muted); }
.pa-drop-tx{ flex:1; min-width:0; display:flex; flex-direction:column; gap:2px; } .pa-drop-tx b{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .pa-drop-tx span{ font-size:.78rem; color:var(--muted); }
.pa-mini{ font:inherit; font-size:.78rem; display:inline-flex; gap:4px; align-items:center; padding:6px 10px; border-radius:9px; border:1px solid var(--border); background:var(--panel); color:var(--text); cursor:pointer; }
.pa-ini{ display:grid; place-items:center; color:#fff; font-weight:800; }
.pa-switch{ display:flex; align-items:center; gap:12px; padding:12px 14px; border-radius:14px; border:1.5px solid var(--border); background:var(--bg); cursor:pointer; transition:all .2s; }
.pa-switch input{ position:absolute; opacity:0; pointer-events:none; }
.pa-sw{ width:44px; height:26px; border-radius:99px; background:var(--border); position:relative; flex:none; transition:background .2s; }
.pa-sw::after{ content:""; position:absolute; top:3px; left:3px; width:20px; height:20px; border-radius:50%; background:#fff; box-shadow:0 1px 4px rgba(0,0,0,.3); transition:transform .2s; }
.pa-switch.on{ border-color:#e8830f; background:rgba(232,131,15,.08); } .pa-switch.on .pa-sw{ background:linear-gradient(135deg,#f5a524,#e8590c); } .pa-switch.on .pa-sw::after{ transform:translateX(18px); }
.pa-switch:has(input:focus-visible){ outline:2px solid #e8830f; outline-offset:2px; }
.pa-sw-t{ display:flex; flex-direction:column; } .pa-sw-t small{ color:var(--muted); font-size:.78rem; }
.pa-switch.mini{ padding:0; border:0; background:transparent; gap:8px; } .pa-switch.mini .pa-sw{ width:36px; height:22px; } .pa-switch.mini .pa-sw::after{ width:16px; height:16px; } .pa-switch.mini.on .pa-sw::after{ transform:translateX(14px); }
.pa-foot{ display:flex; gap:10px; align-items:center; justify-content:flex-end; flex-wrap:wrap; padding-top:16px; border-top:1px solid var(--border); }
.pa-erro{ flex:1; min-width:180px; color:#c93a2e; font-weight:600; font-size:.88rem; } .pa-erro.tremer{ animation:paTremer .35s; }
@keyframes paTremer{ 20%,60%{ transform:translateX(-5px); } 40%,80%{ transform:translateX(5px); } }
.pa-prev{ position:sticky; top:12px; display:flex; flex-direction:column; gap:10px; padding:16px; border-radius:20px; background:var(--panel); border:1px solid var(--border); }
.pa-prev-t{ display:flex; align-items:center; gap:7px; font-weight:800; } .pa-prev-lbl{ font-size:.78rem; color:var(--muted); font-weight:700; margin-top:4px; }
.pa-prev-ban{ border-radius:18px; overflow:hidden; } .pa-prev-ban .svb{ min-height:150px; } .pa-prev .sv-btn{ pointer-events:none; }

.pa-vazio{ display:flex; flex-direction:column; gap:4px; padding:28px; text-align:center; border:2px dashed var(--border); border-radius:18px; color:var(--muted); }
.pa-cards{ display:grid; grid-template-columns:repeat(auto-fill,minmax(min(100%,310px),1fr)); gap:14px; }
.pa-pc{ position:relative; overflow:hidden; display:flex; flex-direction:column; gap:12px; padding:16px; border-radius:18px; background:var(--panel); border:1px solid var(--border); transition:transform .2s, box-shadow .2s; }
.pa-pc::before{ content:""; position:absolute; inset:0 0 auto 0; height:4px; background:linear-gradient(90deg,var(--c1),var(--c2)); }
.pa-pc:hover{ transform:translateY(-2px); box-shadow:0 10px 26px rgba(0,0,0,.14); } .pa-pc.off{ opacity:.6; }
.pa-pc-top{ display:flex; align-items:center; gap:12px; } .pa-pc-logo{ width:48px; height:48px; border-radius:14px; object-fit:cover; flex:none; }
.pa-pc-n{ flex:1; min-width:0; display:flex; flex-direction:column; } .pa-pc-n b{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .pa-pc-n span{ font-size:.8rem; color:var(--muted); }
.pa-star{ color:#e8a30f; } .pa-tags{ display:flex; flex-wrap:wrap; gap:6px; }
.pa-tag{ display:inline-flex; align-items:center; gap:4px; font-size:.75rem; padding:3px 9px; border-radius:99px; background:var(--bg); border:1px solid var(--border); } .pa-tag svg{ width:13px; height:13px; }
.pa-tag.on{ color:#1a7fb8; } .pa-tag.loc{ color:#b4570a; }
.pa-pc-c{ display:flex; flex-direction:column; gap:3px; font-size:.82rem; color:var(--muted); } .pa-pc-c span{ display:flex; gap:6px; align-items:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .pa-pc-c svg{ width:15px; height:15px; flex:none; }
.pa-pc-f{ display:flex; align-items:center; justify-content:space-between; margin-top:auto; padding-top:10px; border-top:1px solid var(--border); }
.pa-ib{ border:0; background:transparent; color:var(--muted); width:34px; height:34px; border-radius:10px; cursor:pointer; display:inline-grid; place-items:center; } .pa-ib:hover{ background:var(--bg); color:var(--text); } .pa-ib.danger:hover{ color:#c93a2e; background:rgba(220,60,50,.1); }
.pa-two{ display:grid; grid-template-columns:1fr 1fr; gap:14px; align-items:start; }
.pa-panel{ padding:18px; border-radius:18px; background:var(--panel); border:1px solid var(--border); } .pa-panel h3{ margin:0 0 2px; } .pa-panel>p{ margin:0 0 12px; color:var(--muted); font-size:.85rem; }
.pa-dem{ padding:10px 0; border-top:1px solid var(--border); } .pa-dem-t{ display:flex; justify-content:space-between; gap:8px; align-items:center; margin-bottom:6px; } .pa-dem small{ color:var(--muted); }
.pa-bar{ height:7px; border-radius:99px; background:var(--bg); overflow:hidden; margin-bottom:5px; } .pa-bar span{ display:block; height:100%; border-radius:99px; background:linear-gradient(90deg,#f5a524,#e8590c); }
.pa-pill{ font-size:.72rem; font-weight:700; padding:3px 9px; border-radius:99px; background:var(--bg); white-space:nowrap; } .pa-pill.ok{ background:rgba(34,160,90,.14); color:#1c8a4e; } .pa-pill.warn{ background:rgba(232,131,15,.16); color:#b4570a; }
.pa-av{ border-top:1px solid var(--border); padding:10px 0; } .pa-av summary{ cursor:pointer; display:flex; justify-content:space-between; gap:8px; align-items:center; list-style:none; } .pa-av summary::-webkit-details-marker{ display:none; }
.pa-av ul{ margin:8px 0 0; padding-left:18px; font-size:.85rem; color:var(--muted); }
@media (max-width:900px){ .pa-form, .pa-two{ grid-template-columns:1fr; } .pa-prev{ position:static; order:-1; } .pa-stats{ grid-template-columns:repeat(2,1fr); } }
@media (prefers-reduced-motion:reduce){ .pa *{ transition:none !important; animation:none !important; } }
@media (max-width:600px){ .pa-linha>.pa-field{ flex:1 1 100% !important; width:100% !important; } .pa-prev{ order:0; } .pa-foot .pa-btn{ flex:1; justify-content:center; } }

/* ===== v26: barra de progresso viva ===== */
.pbar{ position:relative; width:100%; height:12px; margin-top:10px; border-radius:99px; background:var(--bg); box-shadow:inset 0 1px 3px rgba(0,0,0,.14); overflow:hidden; }
.pbar-f{ --cor:#e8830f; position:relative; height:100%; min-width:12px; border-radius:99px; overflow:hidden;
  background:linear-gradient(90deg, color-mix(in srgb, var(--cor) 82%, #000), var(--cor) 65%, color-mix(in srgb, var(--cor) 70%, #fff));
  box-shadow:0 0 12px color-mix(in srgb, var(--cor) 55%, transparent); animation:pbCresce 1.6s cubic-bezier(.22,.8,.28,1) both, pbLatejo 2.6s ease-in-out 1.6s infinite; }
.pbar-f::before{ content:""; position:absolute; inset:0 0 50% 0; border-radius:99px 99px 0 0; background:linear-gradient(rgba(255,255,255,.38), rgba(255,255,255,.04)); }
.pbar-f::after{ content:""; position:absolute; top:0; bottom:0; width:30%; left:-45%; background:linear-gradient(90deg, transparent, rgba(255,255,255,.7), transparent); animation:pbBrilho 2.2s ease-in-out 1.2s infinite; }
@keyframes pbCresce{ from{ width:0; } }
@keyframes pbBrilho{ 0%{ left:-45%; } 70%,100%{ left:110%; } }
@keyframes pbLatejo{ 0%,100%{ filter:brightness(1); } 50%{ filter:brightness(1.16) saturate(1.1); } }

/* ===== v26: gráfico de status com itens removíveis ===== */
.gs-box{ margin-top:12px; }
.gs-chips{ display:flex; flex-wrap:wrap; gap:7px; }
.gs-chip{ font:inherit; font-size:.8rem; display:inline-flex; align-items:center; gap:7px; padding:5px 7px 5px 10px; border-radius:99px; border:1.5px solid var(--border); background:var(--panel); color:var(--text); cursor:pointer; transition:transform .15s, opacity .2s, border-color .15s; }
.gs-chip:hover{ transform:translateY(-1px); border-color:var(--muted); }
.gs-chip i{ width:11px; height:11px; border-radius:50%; flex:none; }
.gs-chip b{ font-weight:700; }
.gs-chip em{ font-style:normal; width:18px; height:18px; display:grid; place-items:center; border-radius:50%; background:var(--bg); color:var(--muted); font-weight:700; line-height:1; }
.gs-chip:hover em{ background:#c0392b; color:#fff; }
.gs-chip.off{ opacity:.55; border-style:dashed; } .gs-chip.off .gs-n{ text-decoration:line-through; } .gs-chip.off:hover em{ background:var(--ok, #1e8e5a); }
.gs-rod{ display:flex; justify-content:space-between; gap:10px; flex-wrap:wrap; align-items:center; margin-top:10px; font-size:.78rem; color:var(--muted); }
.gs-todos{ font:inherit; font-size:.78rem; font-weight:700; border:0; background:transparent; color:var(--primary); cursor:pointer; text-decoration:underline; }

/* ===== v26: situação das indicações com cor ===== */
select.ind-st{ --k:#2563eb; font:inherit; font-size:.82rem; font-weight:700; padding:6px 10px; border-radius:99px; border:1.5px solid var(--k); color:var(--k); background:color-mix(in srgb, var(--k) 14%, var(--panel)); cursor:pointer; }
select.ind-st option{ color:var(--text); background:var(--panel); font-weight:600; }
select.ind-recebida{ --k:#2563eb; } select.ind-contatada{ --k:#d97706; } select.ind-parceria{ --k:#1e8e5a; } select.ind-descartada{ --k:#6b7280; }
.ind-pill{ display:inline-flex; align-items:center; gap:6px; font-size:.78rem; font-weight:700; padding:3px 10px; border-radius:99px; color:var(--k); background:color-mix(in srgb, var(--k) 14%, transparent); }
.ind-pill.recebida{ --k:#2563eb; } .ind-pill.contatada{ --k:#d97706; } .ind-pill.parceria{ --k:#1e8e5a; } .ind-pill.descartada{ --k:#6b7280; }

/* ===== v26: calendário de período ===== */
.mt-per{ font:inherit; display:inline-flex; align-items:center; gap:10px; height:42px; padding:0 14px; border-radius:12px; border:1.5px solid var(--border); background:var(--panel); color:var(--text); cursor:pointer; font-weight:600; transition:border-color .15s, box-shadow .15s; }
.mt-per:hover, .mt-per:focus-visible{ border-color:var(--primary); box-shadow:0 0 0 4px color-mix(in srgb, var(--primary) 16%, transparent); outline:0; }
.mt-per svg{ color:var(--primary); } .mt-per i{ font-style:normal; color:var(--muted); font-weight:500; }
.cal-pop{ position:fixed; z-index:10000; background:var(--panel); color:var(--text); border:1px solid var(--border); border-radius:20px; padding:14px; box-shadow:0 18px 50px rgba(0,0,0,.28); max-width:calc(100vw - 16px); animation:calEntra .16s ease-out; }
@keyframes calEntra{ from{ opacity:0; transform:translateY(-6px); } }
.cal-nav{ display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:10px; }
.cal-seta{ width:36px; height:36px; border-radius:50%; border:1px solid var(--border); background:var(--bg); color:var(--text); font-size:1.3rem; line-height:1; cursor:pointer; } .cal-seta:hover:not(:disabled){ background:var(--primary); color:#fff; border-color:var(--primary); } .cal-seta:disabled{ opacity:.35; cursor:default; }
.cal-resumo{ display:flex; align-items:center; gap:10px; padding:6px 14px; border-radius:99px; background:var(--bg); font-size:.9rem; } .cal-resumo i{ font-style:normal; color:var(--primary); }
.cal-meses{ display:flex; gap:22px; }
.cal-mes{ width:calc(7 * 40px); } .cal-tit{ text-align:center; font-weight:800; text-transform:capitalize; margin-bottom:6px; }
.cal-sem, .cal-grade{ display:grid; grid-template-columns:repeat(7, 40px); } .cal-sem span{ text-align:center; font-size:.72rem; font-weight:700; color:var(--muted); padding:4px 0; }
.cal-v{ height:38px; }
.cal-d{ position:relative; height:38px; border:0; background:transparent; padding:0; font:inherit; font-size:.88rem; color:var(--text); cursor:pointer; }
.cal-d span{ position:relative; z-index:1; display:grid; place-items:center; width:34px; height:34px; margin:2px auto; border-radius:50%; transition:transform .12s, background .12s; }
.cal-d:hover:not(:disabled):not(.in) span{ background:color-mix(in srgb, var(--primary) 16%, transparent); }
.cal-d:disabled{ opacity:.28; cursor:default; }
.cal-d.hoje span{ box-shadow:inset 0 0 0 1.5px var(--primary); font-weight:800; }
.cal-d.in::before{ content:""; position:absolute; inset:2px 0; background:color-mix(in srgb, var(--primary) 20%, transparent); }
.cal-d.in.l0::before{ border-radius:99px 0 0 99px; margin-left:3px; } .cal-d.in.l1::before{ border-radius:0 99px 99px 0; margin-right:3px; } .cal-d.in.l0.l1::before{ border-radius:99px; }
.cal-d.ini::before{ left:50%; border-radius:0; margin-left:0; } .cal-d.fim::before{ right:50%; border-radius:0; margin-right:0; } .cal-d.so::before{ display:none; }
.cal-d.ini.fim:not(.so)::before{ display:none; }
.cal-d.ini span, .cal-d.fim span{ color:#fff; font-weight:800; background:linear-gradient(135deg, var(--primary), var(--primary-dark, var(--primary))); box-shadow:0 4px 12px color-mix(in srgb, var(--primary) 45%, transparent); }
.cal-d.in:not(.ini):not(.fim) span{ font-weight:600; }
.cal-rod{ display:flex; align-items:center; gap:8px; margin-top:10px; padding-top:10px; border-top:1px solid var(--border); } .cal-ajuda{ flex:1; font-size:.8rem; color:var(--muted); }
.cal-bt{ font:inherit; font-size:.82rem; font-weight:700; padding:7px 12px; border-radius:10px; border:1px solid var(--border); background:var(--bg); color:var(--text); cursor:pointer; } .cal-bt:hover{ border-color:var(--primary); }
@media (max-width:759px){ .cal-mes{ width:calc(7 * 44px); } .cal-sem, .cal-grade{ grid-template-columns:repeat(7, 44px); } }

/* ===== v26: logo do parceiro ===== */
.sv-ph img.sv-logo{ width:auto; height:clamp(68px, 17vw, 96px); max-width:46%; object-fit:contain; background:transparent; border-radius:0; filter:drop-shadow(0 2px 6px rgba(0,0,0,.2)); }
.sv-ph span.sv-logo{ width:clamp(68px, 17vw, 88px); height:clamp(68px, 17vw, 88px); }
.pa-pc img.pa-pc-logo{ width:auto; max-width:90px; height:56px; object-fit:contain; border-radius:0; }
.pa-drop-prev{ width:auto; min-width:72px; } .pa-drop-prev img.pa-drop-img{ width:auto; max-width:140px; height:72px; object-fit:contain; border-radius:10px; background:repeating-conic-gradient(#e6e6ea 0 25%, #fff 0 50%) 0 0/14px 14px; padding:4px; }
.pa-logomsg{ font-size:.78rem; color:var(--muted); } .pa-logomsg.ok{ color:#1c8a4e; font-weight:600; }
.pa-switch.mini.solo{ padding:0; }
@media (prefers-reduced-motion:reduce){ .pbar-f, .pbar-f::before, .pbar-f::after, .cal-pop{ animation:none !important; } }
.pa-field>label.pa-switch{ display:flex; font-size:.9rem; font-weight:400; margin-top:2px; } .pa-field>label.pa-switch .pa-sw-t b{ font-weight:700; font-size:.88rem; }
.pa-sw{ background:#c4c7d0; }
.pa-form-main, .pa-prev, .pa-panel, .pa-pc{ min-width:0; } .pa-drop{ flex-wrap:wrap; } .pa-drop-tx{ min-width:130px; }
@media (max-width:900px){ .pa-form, .pa-two{ grid-template-columns:minmax(0,1fr); } }
/* barra viva também na página inicial do cliente */
.hm-bar{ height:12px; border-radius:99px; box-shadow:inset 0 1px 3px rgba(0,0,0,.14); }
.hm-bar > div{ position:relative; overflow:hidden; min-width:12px; border-radius:99px; box-shadow:0 0 12px rgba(232,131,15,.35); animation:pbCresce 1.6s cubic-bezier(.22,.8,.28,1) both, pbLatejo 2.6s ease-in-out 1.6s infinite; }
.hm-bar > div::before{ content:""; position:absolute; inset:0 0 50% 0; border-radius:99px 99px 0 0; background:linear-gradient(rgba(255,255,255,.38), rgba(255,255,255,.04)); }
.hm-bar > div::after{ content:""; position:absolute; top:0; bottom:0; width:42%; left:-45%; background:linear-gradient(90deg, transparent, rgba(255,255,255,.7), transparent); animation:pbBrilho 2.2s ease-in-out 1.2s infinite; }
@media (prefers-reduced-motion:reduce){ .hm-bar > div, .hm-bar > div::before, .hm-bar > div::after{ animation:none !important; } }
.sv-ph img.sv-logo{ transition:opacity .25s; aspect-ratio:auto; border-radius:0; background:transparent; }

/* ===== v27: aba Alertas ===== */
.al-wrap{ max-width:980px; margin:0 auto; display:flex; flex-direction:column; gap:16px; }
.al-hero{ display:flex; gap:18px; align-items:center; padding:26px 28px; border-radius:22px; color:#fff; position:relative; overflow:hidden;
  background:linear-gradient(135deg,#b3261e 0%,#d93025 55%,#f08a24 130%); box-shadow:0 14px 34px rgba(179,38,30,.28); }
.al-hero::after{ content:""; position:absolute; right:-60px; top:-60px; width:240px; height:240px; border-radius:50%; background:radial-gradient(circle, rgba(255,255,255,.22), transparent 70%); }
.al-hero-ic{ flex:none; width:68px; height:68px; border-radius:20px; display:grid; place-items:center; background:rgba(255,255,255,.18); border:1.5px solid rgba(255,255,255,.4); } .al-hero-ic svg{ width:38px; height:38px; }
.al-hero h1{ margin:0 0 6px; font-size:1.55rem; line-height:1.15; } .al-hero p{ margin:0; max-width:56ch; opacity:.95; line-height:1.45; }
.al-fatos{ display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.al-fato{ display:flex; gap:14px; align-items:flex-start; padding:16px 18px; border-radius:18px; background:var(--panel); border:1.5px solid color-mix(in srgb, #d93025 35%, var(--border)); }
.al-fato > svg{ flex:none; width:34px; height:34px; color:#d93025; margin-top:2px; }
.al-fato b{ display:block; font-size:1.02rem; line-height:1.3; margin-bottom:3px; } .al-fato span{ color:var(--muted); font-size:.88rem; line-height:1.4; }
.al-card{ padding:20px 22px; border-radius:18px; background:var(--panel); border:1px solid var(--border); }
.al-card h2, .al-h2{ margin:0 0 10px; font-size:1.12rem; } .al-card p{ margin:0; line-height:1.55; }
.al-duas{ display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.al-lista{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:10px; }
.al-lista li{ display:flex; gap:11px; align-items:flex-start; line-height:1.4; font-size:.92rem; } .al-lista li svg{ flex:none; width:20px; height:20px; margin-top:1px; }
.al-ruim li svg{ color:#d93025; } .al-bom li svg{ color:#1e8e5a; }
.al-ja{ border-color:color-mix(in srgb, #d97706 45%, var(--border)); background:color-mix(in srgb, #d97706 7%, var(--panel)); }
.al-cta{ margin-top:14px; font:inherit; font-weight:800; display:inline-flex; align-items:center; gap:9px; padding:12px 20px; border:0; border-radius:14px; cursor:pointer; color:#fff;
  background:linear-gradient(135deg, var(--portal-accent, #e8830f), color-mix(in srgb, var(--portal-accent, #e8830f) 72%, #000)); box-shadow:0 8px 20px color-mix(in srgb, var(--portal-accent, #e8830f) 40%, transparent); transition:transform .15s, box-shadow .2s; }
.al-cta:hover{ transform:translateY(-2px); box-shadow:0 12px 26px color-mix(in srgb, var(--portal-accent, #e8830f) 55%, transparent); } .al-cta:active{ transform:scale(.97); } .al-cta svg{ width:20px; height:20px; }
.al-h2{ display:flex; align-items:center; gap:8px; margin-top:6px; } .al-h2 svg{ color:var(--portal-accent, var(--primary)); }
.al-avisos, .al-admlista{ display:flex; flex-direction:column; gap:12px; }
.al-aviso{ --k:#d97706; padding:14px 18px 12px; border-radius:16px; background:var(--panel); border:1px solid var(--border); border-left:6px solid var(--k); }
.al-aviso.off{ opacity:.6; } .al-aviso p{ margin:8px 0 6px; line-height:1.5; white-space:pre-line; } .al-aviso small{ color:var(--muted); }
.al-aviso-t{ display:flex; gap:8px; align-items:center; flex-wrap:wrap; }
.al-nivel{ font-size:.72rem; font-weight:800; padding:3px 9px; border-radius:99px; color:#fff; background:var(--k); }
.al-tag{ font-size:.72rem; font-weight:700; padding:3px 9px; border-radius:99px; background:var(--bg); color:var(--muted); border:1px solid var(--border); }
.al-aviso-f{ display:flex; justify-content:space-between; align-items:center; gap:8px; flex-wrap:wrap; } .al-aviso-f .pa-ib{ width:auto; padding:0 10px; font:inherit; font-size:.82rem; font-weight:600; }
.al-fonte{ margin:0; font-size:.78rem; color:var(--muted); text-align:center; }
.al-home{ display:flex; align-items:center; gap:14px; padding:14px 16px; margin-bottom:12px; border-radius:18px; border:1.5px solid color-mix(in srgb, #d93025 40%, var(--border)); background:linear-gradient(120deg, color-mix(in srgb, #d93025 9%, var(--panel)), var(--panel)); }
.al-home-ic{ flex:none; width:44px; height:44px; border-radius:14px; display:grid; place-items:center; color:#fff; background:linear-gradient(135deg,#d93025,#f08a24); } .al-home-ic svg{ width:24px; height:24px; }
.al-home-t{ flex:1; min-width:0; display:flex; flex-direction:column; gap:2px; } .al-home-t span{ color:var(--muted); font-size:.85rem; line-height:1.35; }
.al-home-bt{ flex:none; font:inherit; font-weight:700; font-size:.85rem; padding:9px 14px; border-radius:12px; border:1.5px solid #d93025; background:transparent; color:#d93025; cursor:pointer; transition:background .15s, color .15s; } .al-home-bt:hover{ background:#d93025; color:#fff; }
.al-home + .al-aviso{ margin-bottom:12px; }
.al-form{ display:flex; flex-direction:column; gap:14px; padding:20px; border-radius:20px; background:var(--panel); border:1px solid var(--border); margin-bottom:8px; }
.al-area{ height:auto; padding:12px 14px; resize:vertical; line-height:1.45; }
.al-seg3{ grid-template-columns:repeat(3,1fr); } .al-seg3 button.on{ color:#fff; background:var(--k); }
@media (max-width:760px){ .al-fatos, .al-duas{ grid-template-columns:1fr; } .al-hero{ padding:20px; flex-direction:column; align-items:flex-start; } .al-home{ flex-wrap:wrap; } .al-home-bt{ width:100%; } }
.al-arte{ display:block; width:100%; height:auto; border-radius:22px; box-shadow:0 14px 34px rgba(0,0,0,.18); background:var(--panel); }
.al-ajuda{ display:flex; align-items:center; justify-content:space-between; gap:14px; flex-wrap:wrap; padding:16px 20px; border-radius:18px; background:color-mix(in srgb, #d97706 8%, var(--panel)); border:1px solid color-mix(in srgb, #d97706 40%, var(--border)); }
.al-ajuda-t{ display:flex; flex-direction:column; gap:2px; min-width:0; } .al-ajuda-t span{ color:var(--muted); font-size:.9rem; } .al-ajuda .al-cta{ margin-top:0; }
.al-ler{ display:inline-flex; align-items:center; gap:6px; font-size:.84rem; font-weight:700; text-decoration:none; color:var(--k); padding:6px 12px; border-radius:99px; background:color-mix(in srgb, var(--k) 12%, transparent); } .al-ler:hover{ background:color-mix(in srgb, var(--k) 22%, transparent); } .al-ler svg{ width:15px; height:15px; }
.al-lk{ display:block; word-break:break-all; color:var(--muted); margin-bottom:4px; }
.al-arteadm{ display:flex; gap:18px; align-items:center; padding:18px; border-radius:20px; background:var(--panel); border:1px solid var(--border); margin-bottom:14px; }
.al-arteadm-prev{ flex:none; width:min(260px, 36%); aspect-ratio:16/10; border-radius:14px; overflow:hidden; background:repeating-conic-gradient(#e6e6ea 0 25%, #fff 0 50%) 0 0/16px 16px; display:grid; place-items:center; color:var(--muted); font-size:.85rem; text-align:center; } .al-arteadm-prev img{ width:100%; height:100%; object-fit:cover; }
.al-arteadm-tx{ flex:1; min-width:0; } .al-arteadm-tx h3{ margin:0 0 4px; } .al-arteadm-tx p{ margin:0 0 12px; color:var(--muted); font-size:.88rem; line-height:1.45; } .al-arteadm-bt{ display:flex; gap:10px; flex-wrap:wrap; }
@media (max-width:640px){ .al-arteadm{ flex-direction:column; align-items:stretch; } .al-arteadm-prev{ width:100%; } .al-ajuda .al-cta{ width:100%; justify-content:center; } }

/* ---------- Notícias (cliente e equipe) ---------- */
.nt-wrap{ max-width:1080px; margin:0 auto; display:flex; flex-direction:column; gap:16px; }
.nt-topo h1{ margin:0; font-size:1.6rem; } .nt-topo p{ margin:4px 0 0; color:var(--muted); max-width:62ch; line-height:1.45; }
.nt-carregando{ color:var(--muted); padding:20px 4px; }
.nt-filtros{ display:flex; gap:12px; align-items:center; justify-content:space-between; flex-wrap:wrap; }
.nt-chips{ display:flex; gap:8px; flex-wrap:wrap; }
.nt-chips button{ --k:var(--portal-accent, #e8830f); font:inherit; font-weight:700; font-size:.88rem; display:inline-flex; align-items:center; gap:7px; padding:8px 14px; border-radius:99px; border:1.5px solid var(--border); background:var(--panel); color:var(--text); cursor:pointer; transition:background .15s, color .15s, border-color .15s; }
.nt-chips button i{ font-style:normal; font-size:.76rem; font-weight:800; padding:1px 7px; border-radius:99px; background:var(--bg); color:var(--muted); }
.nt-chips button:hover{ border-color:var(--k); }
.nt-chips button.on{ background:var(--k); border-color:var(--k); color:#fff; } .nt-chips button.on i{ background:rgba(255,255,255,.25); color:#fff; }
.nt-chips button:focus-visible, .nt-busca input:focus-visible{ outline:2px solid var(--k, #e8830f); outline-offset:2px; }
.nt-busca{ display:flex; align-items:center; gap:8px; padding:0 12px; height:40px; border-radius:99px; border:1.5px solid var(--border); background:var(--panel); color:var(--muted); min-width:210px; }
.nt-busca input{ font:inherit; flex:1; min-width:0; border:0; background:transparent; color:var(--text); outline:0; height:100%; }
.nt-grade{ display:grid; grid-template-columns:repeat(auto-fill, minmax(290px, 1fr)); gap:16px; }
.nt-card{ --k:#d97706; display:flex; flex-direction:column; border-radius:20px; overflow:hidden; background:var(--panel); border:1px solid var(--border); text-decoration:none; color:inherit; transition:transform .18s, box-shadow .18s, border-color .18s; }
.nt-card:hover{ transform:translateY(-3px); box-shadow:0 16px 34px rgba(0,0,0,.14); border-color:color-mix(in srgb, var(--k) 55%, var(--border)); }
.nt-card:focus-visible{ outline:3px solid var(--k); outline-offset:3px; }
.nt-capa{ position:relative; aspect-ratio:16/9; overflow:hidden; background:linear-gradient(135deg, color-mix(in srgb, var(--k) 88%, #000), color-mix(in srgb, var(--k) 55%, #fff)); }
.nt-capa img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.nt-semcapa{ position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; color:rgba(255,255,255,.92); text-align:center; padding:12px; }
.nt-semcapa svg{ width:38px; height:38px; opacity:.85; } .nt-semcapa b{ font-size:1.05rem; letter-spacing:.01em; }
.nt-corpo{ display:flex; flex-direction:column; gap:8px; padding:16px 18px 14px; flex:1; }
.nt-cat{ align-self:flex-start; font-size:.72rem; font-weight:800; padding:3px 10px; border-radius:99px; color:#fff; background:var(--k); }
.nt-corpo h3{ margin:0; font-size:1.06rem; line-height:1.3; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.nt-corpo p{ margin:0; color:var(--muted); font-size:.9rem; line-height:1.5; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.nt-rodape{ margin-top:auto; padding-top:8px; display:flex; flex-direction:column; gap:8px; } .nt-rodape small{ color:var(--muted); }
.nt-ler{ display:inline-flex; align-items:center; gap:7px; align-self:flex-start; font-size:.85rem; font-weight:700; color:var(--k); } .nt-ler svg{ width:16px; height:16px; }
.nt-card:hover .nt-ler{ text-decoration:underline; }
.nt-hero{ flex-direction:row; } .nt-hero .nt-capa{ flex:0 0 46%; aspect-ratio:auto; min-height:260px; }
.nt-hero .nt-corpo{ padding:24px 28px; justify-content:center; gap:12px; } .nt-hero h3{ font-size:1.5rem; line-height:1.2; -webkit-line-clamp:4; } .nt-hero p{ font-size:1rem; -webkit-line-clamp:5; }
.nt-vazio{ display:flex; flex-direction:column; gap:4px; padding:34px 20px; text-align:center; border:2px dashed var(--border); border-radius:20px; color:var(--muted); } .nt-vazio b{ color:var(--text); }
.nt-aviso{ margin:4px 0 0; font-size:.78rem; color:var(--muted); text-align:center; }
@media (max-width:760px){ .nt-hero{ flex-direction:column; } .nt-hero .nt-capa{ flex:none; aspect-ratio:16/9; min-height:0; } .nt-hero .nt-corpo{ padding:16px 18px; } .nt-hero h3{ font-size:1.2rem; } .nt-busca{ width:100%; } .nt-grade{ grid-template-columns:1fr; } }
/* admin */
.nt-linkrow{ display:flex; gap:10px; align-items:stretch; } .nt-linkrow .pa-in{ flex:1; } .nt-linkrow .pa-btn{ flex:none; white-space:nowrap; }
.nt-duas{ display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.nt-seg4{ grid-template-columns:repeat(4,1fr); } .nt-seg4 button.on{ color:#fff; background:var(--k); }
.nt-aviso-f{ padding:11px 14px; border-radius:12px; font-size:.9rem; line-height:1.4; font-weight:600; } .nt-aviso-f.ok{ background:rgba(34,160,90,.12); color:#1c8a4e; } .nt-aviso-f.warn{ background:rgba(217,119,6,.13); color:#b45309; }
.nt-dica{ color:#b45309; font-weight:600; }
.nt-capaadm{ display:flex; gap:14px; align-items:center; flex-wrap:wrap; }
.nt-capaprev{ flex:none; width:200px; aspect-ratio:16/9; border-radius:12px; overflow:hidden; background:repeating-conic-gradient(#e6e6ea 0 25%, #fff 0 50%) 0 0/14px 14px; display:grid; place-items:center; color:var(--muted); font-size:.82rem; } .nt-capaprev img{ width:100%; height:100%; object-fit:cover; }
.nt-capabt{ display:flex; gap:10px; flex-wrap:wrap; align-items:center; } .nt-capabt + .pa-logomsg{ flex-basis:100%; }
.nt-admlista{ display:flex; flex-direction:column; gap:12px; }
.nt-adm{ --k:#d97706; display:flex; gap:14px; padding:12px; border-radius:16px; background:var(--panel); border:1px solid var(--border); border-left:6px solid var(--k); } .nt-adm.off{ opacity:.6; }
.nt-adm-capa{ flex:none; width:140px; aspect-ratio:16/9; border-radius:10px; overflow:hidden; background:var(--bg); display:grid; place-items:center; color:var(--muted); align-self:flex-start; } .nt-adm-capa img{ width:100%; height:100%; object-fit:cover; }
.nt-adm-tx{ flex:1; min-width:0; display:flex; flex-direction:column; gap:5px; } .nt-adm-tx b{ line-height:1.3; } .nt-adm-tx small{ color:var(--muted); }
.nt-adm-bt{ display:flex; gap:2px; flex-wrap:wrap; margin-top:2px; } .nt-adm-bt .pa-ib{ width:auto; padding:0 10px; font:inherit; font-size:.82rem; font-weight:600; text-decoration:none; display:inline-flex; align-items:center; }
@media (max-width:640px){ .nt-linkrow{ flex-direction:column; } .nt-duas{ grid-template-columns:1fr; } .nt-seg4{ grid-template-columns:1fr 1fr; } .nt-capaprev{ width:100%; } .nt-adm{ flex-direction:column; } .nt-adm-capa{ width:100%; } }
@media (prefers-reduced-motion:reduce){ .nt-card{ transition:none; } .nt-card:hover{ transform:none; } }
/* métricas */
.mt-notcat{ display:inline-block; padding:2px 9px; border-radius:99px; font-size:.74rem; font-weight:800; color:#fff; }
.nt-capa img + .nt-semcapa{ display:none; } .nt-filtros{ margin-bottom:4px; } .nt-hero{ margin-bottom:4px; }

/* ---------- Verificação em duas etapas / login com código ---------- */
.sg h2{ margin-top:0; } .sg-p{ margin:0 0 12px; line-height:1.5; color:var(--muted); max-width:62ch; }
.sg label{ display:block; margin-top:10px; } .sg input[type=password], .sg-cod{ max-width:320px; }
.sg-cod{ font-size:1.3rem; letter-spacing:.35em; text-align:center; font-variant-numeric:tabular-nums; }
.sg-bt{ display:flex; gap:10px; flex-wrap:wrap; margin-top:14px; }
.sg-erro{ margin-top:10px; color:var(--danger, #c93a2e); font-weight:600; font-size:.9rem; }
.sg-ok{ margin:0 0 12px; padding:10px 14px; border-radius:12px; background:rgba(34,160,90,.12); color:#1c8a4e; font-weight:600; }
.sg-aviso{ margin:10px 0; padding:10px 14px; border-radius:12px; background:rgba(217,119,6,.13); color:#b45309; font-weight:600; font-size:.9rem; }
.sg-status{ display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.sg-selo{ display:inline-flex; align-items:center; gap:7px; padding:6px 12px; border-radius:99px; font-weight:800; background:rgba(34,160,90,.14); color:#1c8a4e; } .sg-selo svg{ width:18px; height:18px; }
.sg-passos{ margin:0 0 14px; padding-left:20px; line-height:1.6; max-width:62ch; }
.sg-qrbox{ display:flex; gap:20px; align-items:center; flex-wrap:wrap; margin-bottom:6px; }
.sg-qr{ flex:none; width:188px; height:188px; border:1px solid var(--border); border-radius:12px; overflow:hidden; background:#fff; } .sg-qr svg{ display:block; }
.sg-chave{ flex:1; min-width:220px; display:flex; flex-direction:column; gap:8px; font-size:.88rem; color:var(--muted); }
.sg-chave code, .sg-codigos code{ font-family:ui-monospace, Menlo, Consolas, monospace; font-size:1rem; padding:8px 12px; border-radius:10px; background:var(--bg); border:1px solid var(--border); color:var(--text); word-break:break-all; }
.sg-codigos{ display:grid; grid-template-columns:repeat(auto-fill, minmax(130px, 1fr)); gap:8px; max-width:520px; margin:6px 0; } .sg-codigos code{ text-align:center; letter-spacing:.06em; }
.sg-perigo{ color:#c93a2e !important; border-color:rgba(201,58,46,.5) !important; } .sg-perigo-bt{ background:#c93a2e !important; }
.lg2fa-ajuda{ margin:12px 0 0; text-align:center; color:var(--muted); font-size:.85rem; line-height:1.45; } .lg2fa-voltar{ margin-top:8px; display:block; width:100%; }
@media (max-width:560px){ .sg-qrbox{ flex-direction:column; align-items:flex-start; } .sg-bt .btn{ flex:1; } }

/* ---------- Equipe e ativação obrigatória ---------- */
.eq h2{ margin-top:0; } .eq h3{ margin:0 0 6px; font-size:1.05rem; }
.eq-lista{ list-style:none; margin:0 0 14px; padding:0; display:flex; flex-direction:column; gap:8px; }
.eq-item{ display:flex; flex-wrap:wrap; align-items:center; gap:8px 14px; padding:12px 14px; border:1px solid var(--border); border-radius:14px; background:var(--panel); } .eq-item.desat{ opacity:.6; }
.eq-info{ flex:1 1 240px; min-width:0; display:flex; flex-direction:column; gap:2px; } .eq-info small{ color:var(--muted); overflow-wrap:anywhere; }
.eq-selo{ padding:4px 10px; border-radius:99px; font-size:.78rem; font-weight:800; background:var(--bg); color:var(--muted); border:1px solid var(--border); }
.eq-selo.ok{ background:rgba(34,160,90,.14); color:#1c8a4e; border-color:transparent; } .eq-selo.pend{ background:rgba(217,119,6,.14); color:#b45309; border-color:transparent; } .eq-selo.off{ background:rgba(201,58,46,.12); color:#c93a2e; border-color:transparent; }
.eq-bt{ display:flex; gap:6px; flex-wrap:wrap; flex-basis:100%; }
.eq-form{ border-top:1px solid var(--border); padding-top:14px; max-width:640px; } .eq-form label{ display:block; margin-top:10px; }
.eq-senha{ display:flex; gap:8px; align-items:center; } .eq-senha input{ max-width:300px; font-family:ui-monospace, Menlo, Consolas, monospace; }
.eq-entrega{ margin:0 0 14px; padding:12px 14px; border-radius:12px; background:rgba(217,119,6,.1); } .eq-entrega code{ display:block; white-space:pre-wrap; margin-top:8px; padding:10px 12px; border-radius:10px; background:var(--panel); border:1px solid var(--border); font-family:ui-monospace, Menlo, Consolas, monospace; overflow-wrap:anywhere; }
.sg-forcado{ min-height:100vh; display:grid; place-items:start center; padding:40px 16px; background:var(--bg); }
.sg-forcado-in{ width:100%; max-width:640px; display:flex; flex-direction:column; gap:10px; } .sg-forcado-in h1{ margin:6px 0 0; font-size:1.6rem; } .sg-forcado-logo{ height:34px; width:auto; align-self:flex-start; } .sg-forcado-in .btn.sm{ align-self:flex-start; margin-top:6px; }
@media (max-width:560px){ .eq-senha{ flex-wrap:wrap; } }

.pa-busca{ display:flex; align-items:center; gap:10px; margin:0 0 12px; }
.pa-busca input{ flex:1; min-width:0; padding:11px 14px; border:1px solid var(--borda, #d9dde6); border-radius:12px; font:inherit; background:#fff; }
.pa-busca input:focus{ outline:2px solid var(--primaria, #6d28d9); outline-offset:1px; }
.pa-busca small{ color:#667; white-space:nowrap; }

.pa-gr{ margin:0 0 12px; border:1px solid var(--border); border-radius:16px; background:var(--panel); overflow:hidden; }
.pa-gr>summary{ display:flex; align-items:center; gap:10px; padding:12px 16px; cursor:pointer; list-style:none; }
.pa-gr>summary::-webkit-details-marker{ display:none; }
.pa-gr-ic{ width:30px; height:30px; border-radius:9px; display:grid; place-items:center; color:#fff; background:linear-gradient(135deg,var(--c1),var(--c2)); flex:none; }
.pa-gr-n{ margin-left:auto; min-width:26px; text-align:center; padding:2px 9px; border-radius:99px; background:var(--bg); font-size:.8rem; font-weight:700; }
.pa-gr-b{ padding:0 16px 16px; }
.pa-busca-g{ margin:0 0 12px; } .pa-busca-g input{ padding:9px 12px; }

.pa-ed{ padding:12px 0; border-top:1px solid var(--border); } .pa-ed-h{ display:flex; gap:10px; align-items:baseline; flex-wrap:wrap; margin-bottom:6px; }
.pa-ed-l{ display:grid; grid-template-columns:90px 1fr 1fr; gap:10px; padding:4px 0; align-items:start; font-size:.88rem; }
.pa-ed-a{ color:var(--muted); text-decoration:line-through; } .pa-ed-b{ font-weight:600; word-break:break-word; }
@media(max-width:640px){ .pa-ed-l{ grid-template-columns:1fr; gap:2px; } }