/* Salão Benefícios · V90 · camada visual única do site (painéis, home e logins) */
/* Salão Benefícios · V83 · painel no estilo "sidebar fixa" (mesmas cores da marca) */
@media (min-width:1000px){
  body.v83-on .lheader{display:none!important}
  body.v83-on .lpage{max-width:none!important;padding:0!important;margin:0!important}
  body.v83-on .v83-wrap{display:block!important}
  body.v83-on aside.v83-side{position:fixed!important;left:0!important;top:0!important;bottom:0!important;height:100vh!important;width:248px!important;z-index:40;margin:0!important;padding:22px 14px 16px!important;gap:14px!important;overflow-y:auto;border-radius:0!important;
    background:radial-gradient(120% 60% at 0% 0%,rgba(255,92,124,.18),transparent 60%),linear-gradient(180deg,#2A0616 0%,#1B040E 55%,#12030A 100%)!important;box-shadow:8px 0 30px -18px rgba(20,3,10,.6);scrollbar-width:none;animation:v83side .5s cubic-bezier(.2,.7,.2,1) both}
  body.v83-on aside.v83-side::-webkit-scrollbar{display:none}
  body.v83-on aside.v83-side>div:first-child{padding:0 8px 10px!important;border-bottom:1px solid rgba(255,255,255,.08)}
  body.v83-on aside.v83-side .lcard{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
  body.v83-on aside.v83-side nav.lcard{gap:4px!important}
  body.v83-on aside.v83-side nav button{border-radius:14px!important;padding:11px 14px!important;color:rgba(255,236,242,.78)!important;background:transparent!important;font-weight:500!important;transition:background .2s,color .2s,transform .2s;opacity:0;animation:v83in .45s cubic-bezier(.2,.7,.2,1) forwards}
  body.v83-on aside.v83-side nav button:hover{background:rgba(255,255,255,.06)!important;color:#fff!important;transform:translateX(3px)}
  body.v83-on aside.v83-side nav button.v83-act{background:linear-gradient(110deg,#FF5C7C,#C42E6B 60%,#8E1F55)!important;color:#fff!important;font-weight:600!important;box-shadow:0 10px 22px -10px rgba(255,92,124,.75)}
  body.v83-on aside.v83-side nav button.v83-act .ms{color:#fff!important}
  body.v83-on aside.v83-side nav button .ms{color:rgba(255,200,214,.75)!important;transition:transform .2s}
  body.v83-on aside.v83-side nav button:hover .ms{transform:scale(1.12)}
  body.v83-on aside.v83-side>.lcard:not(nav){margin:0 4px!important;padding:14px!important;border-radius:16px!important;background:rgba(255,255,255,.05)!important;border:1px solid rgba(255,255,255,.08)!important;color:#F3E9E4!important}
  body.v83-on aside.v83-side>.lcard:not(nav) div{color:inherit}
  body.v83-on .v83-help{margin:auto 4px 0;padding:16px;border-radius:18px;text-align:center;color:#fff;background:linear-gradient(160deg,rgba(255,92,124,.22),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.1)}
  body.v83-on .v83-help b{display:block;font-size:14px;margin-top:6px}
  body.v83-on .v83-help small{display:block;font-size:11.5px;opacity:.75;margin-top:2px}
  body.v83-on .v83-help button{margin-top:12px;width:100%;height:40px;border-radius:12px;border:0;background:#fff!important;color:#2A0616!important;font-weight:700;cursor:pointer;transition:transform .15s}
  body.v83-on .v83-help button:hover{transform:translateY(-1px)}
  body.v83-on .v83-main{margin-left:248px!important;margin-right:0!important;width:calc(100% - 248px)!important;max-width:none!important;box-sizing:border-box;padding:30px clamp(24px,3.5vw,56px) 60px!important;min-height:100vh}
  body.v83-on .v83-main>*{width:100%!important;max-width:1440px!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box}
  body.v83-on .v83-main>div:first-child h1{font-size:clamp(28px,2.6vw,38px)!important;letter-spacing:-.02em}
  body.v83-on .v83-eye{display:block;font-family:inherit;line-height:1.2;font-size:11px!important;font-weight:800;letter-spacing:.22em;color:#C42E6B;margin-bottom:6px;animation:v83in .5s ease both}
}
/* cartões e movimento (todas as larguras) */
body.v83-on .v83-main .lcard{border-radius:22px!important;transition:transform .25s cubic-bezier(.2,.7,.2,1),box-shadow .25s;animation:v83up .55s cubic-bezier(.2,.7,.2,1) both}
body.v83-on .v83-main .lcard:hover{transform:translateY(-2px);box-shadow:0 18px 40px -24px rgba(58,10,32,.45)!important}
body.v83-on .v83-main .lcard:nth-of-type(2){animation-delay:.06s}body.v83-on .v83-main .lcard:nth-of-type(3){animation-delay:.12s}body.v83-on .v83-main .lcard:nth-of-type(4){animation-delay:.18s}body.v83-on .v83-main .lcard:nth-of-type(5){animation-delay:.24s}
body.v83-on .v83-main button{transition:transform .15s,box-shadow .2s,filter .2s}
body.v83-on .v83-main button:active{transform:scale(.97)}
@keyframes v83in{from{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:none}}
@keyframes v83up{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes v83side{from{transform:translateX(-30px);opacity:0}to{transform:none;opacity:1}}
@media (prefers-reduced-motion:reduce){body.v83-on *{animation:none!important;transition:none!important}}
/* Salão Benefícios · V84 · home organizada em faixas (estilo vitrine de benefícios), mesmas cores */
body.h84 section.h84-s{position:relative;padding-top:clamp(64px,8vw,104px)!important;padding-bottom:clamp(64px,8vw,104px)!important;max-width:1180px!important}
/* faixas de largura total sem mexer no conteúdo */
body.h84 .h84-band{isolation:isolate}
body.h84 .h84-band::before{content:"";position:absolute;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);z-index:-1;pointer-events:none}
body.h84 .h84-b1::before{background:linear-gradient(180deg,#1A0710,#14050C)}
body.h84 .h84-b2::before{background:radial-gradient(90% 120% at 15% 0%,rgba(255,92,124,.28),transparent 55%),linear-gradient(135deg,#69022D 0%,#4A0420 55%,#2A0616 100%)}
body.h84 .h84-b3::before{background:#171013;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05)}
/* cabeçalho de seção padronizado */
body.h84 .h84-s h2{font-size:clamp(30px,3.4vw,46px)!important;line-height:1.08!important;letter-spacing:-.025em!important}
body.h84 .h84-eye{display:inline-flex;align-items:center;gap:8px;font-size:11.5px;font-weight:800;letter-spacing:.22em;color:#FF7A95;text-transform:uppercase;margin-bottom:12px}
body.h84 .h84-eye::before{content:"";width:22px;height:2px;border-radius:2px;background:linear-gradient(90deg,#FF5C7C,#C42E6B)}
/* como funciona: passos em cartões numerados com linha */
body.h84 #como-funciona{max-width:1180px!important}
body.h84 #como-funciona h2{text-align:center}
body.h84 #como-funciona>div:last-child,body.h84 .h84-steps{position:relative;gap:18px!important}
body.h84 .h84-step{position:relative;background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:22px!important;padding:26px 20px!important;backdrop-filter:blur(6px);transition:transform .25s,background .25s}
body.h84 .h84-step:hover{transform:translateY(-4px);background:rgba(255,255,255,.1)!important}
body.h84 .h84-step::after{content:attr(data-n);position:absolute;top:14px;right:16px;font-size:40px;font-weight:800;line-height:1;color:rgba(255,255,255,.08)}
/* cartões em geral */
body.h84 .h84-s .h84-card{transition:transform .25s cubic-bezier(.2,.7,.2,1),box-shadow .25s,border-color .25s}
body.h84 .h84-s .h84-card:hover{transform:translateY(-4px);box-shadow:0 24px 50px -28px rgba(255,92,124,.45);border-color:rgba(255,92,124,.35)!important}
/* FAQ em sanfona */
body.h84 #faq{max-width:880px!important}
body.h84 #faq h2{text-align:center}
body.h84 .h84-q{cursor:pointer;transition:border-color .2s,background .2s}
body.h84 .h84-q:hover{border-color:rgba(255,92,124,.35)!important}
body.h84 .h84-q p{transition:opacity .3s}
body.h84 .h84-q:not(.open) p{display:none}
body.h84 .h84-q.open p{animation:h84f .35s ease both}
@keyframes h84f{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
body.h84 .h84-q .h84-chev{margin-left:auto;transition:transform .3s;font-size:22px;opacity:.7;flex:none}
body.h84 .h84-q.open .h84-chev{transform:rotate(180deg)}
/* revelar ao rolar */
body.h84 .h84-rv{opacity:0;transform:translateY(26px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}
body.h84 .h84-rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){body.h84 .h84-rv{opacity:1;transform:none;transition:none}}
@media (max-width:700px){body.h84 section.h84-s{padding-top:56px!important;padding-bottom:56px!important}}
/* Salão Benefícios · V85 · login do site (salão, cliente, admin, anunciante): escuro com cartão animado */
@media (min-width:1000px){
  body .sa-page{max-width:none!important;margin:0!important;padding:16px!important;gap:16px!important;grid-template-columns:minmax(0,1.08fr) minmax(460px,1fr)!important;min-height:100vh;
    background:radial-gradient(70% 60% at 85% 10%,rgba(255,92,124,.22),transparent 60%),radial-gradient(60% 50% at 70% 100%,rgba(142,31,85,.35),transparent 60%),linear-gradient(160deg,#2A0616,#14040B 60%,#0E0308)!important}
  .sa-hero{min-height:calc(100vh - 32px)!important;border-radius:28px!important;border:1px solid rgba(255,255,255,.08);background:radial-gradient(60% 50% at 50% 42%,rgba(255,92,124,.28),transparent 70%),linear-gradient(160deg,#3A0A20,#1A0510 70%)!important;align-items:flex-end!important;justify-content:flex-start!important;padding:44px!important}
  .sa-hero .sa-halo,.sa-hero .sa-lotus,.sa-hero>.sa-brand>svg,.sa-hero .sa-word,.sa-hero .sa-sub,.sa-hero .sa-feats{display:none!important}
  .sa-hero .sa-brand{align-items:flex-start!important;text-align:left!important;max-width:560px!important;z-index:2}
  .sa-hero .sa-h1{text-align:left!important;font-size:clamp(28px,2.6vw,40px)!important;line-height:1.08!important;margin:0!important}
  .sa-hero .sa-pill{margin-bottom:16px!important}
  .l85-stage{position:absolute;left:0;right:0;top:0;bottom:180px;display:grid;place-items:center;perspective:1200px;z-index:1}
  .l85-orb{position:absolute;border-radius:50%;filter:blur(40px);opacity:.7;animation:l85orb 9s ease-in-out infinite alternate}
  .l85-orb.a{width:280px;height:280px;background:#FF5C7C;left:18%;top:22%}
  .l85-orb.b{width:240px;height:240px;background:#8E1F55;right:14%;bottom:12%;animation-delay:-4s}
  .l85-ring{position:absolute;width:min(560px,80%);aspect-ratio:1;border-radius:50%;border:1px solid rgba(255,140,170,.18);animation:l85spin 40s linear infinite}
  .l85-ring::before{content:"";position:absolute;top:-4px;left:50%;width:8px;height:8px;border-radius:50%;background:#FF8FA8;box-shadow:0 0 14px #FF5C7C}
  .l85-ring.r2{width:min(420px,62%);animation-duration:28s;animation-direction:reverse;border-style:dashed;border-color:rgba(255,255,255,.08)}
  .l85-card{position:relative;width:min(420px,72%);aspect-ratio:1.586;border-radius:24px;padding:26px 28px;color:#fff;transform-style:preserve-3d;
    background:radial-gradient(120% 90% at 100% 0%,rgba(255,92,124,.35),transparent 55%),linear-gradient(135deg,#2B0A18 0%,#170409 55%,#0C0205 100%);
    border:1px solid rgba(255,255,255,.14);box-shadow:0 50px 90px -30px rgba(0,0,0,.85),0 0 0 1px rgba(255,92,124,.08),0 30px 80px -20px rgba(255,92,124,.35),inset 0 1px 0 rgba(255,255,255,.12);
    animation:l85float 6s ease-in-out infinite,l85enter 1.1s cubic-bezier(.2,.8,.2,1) both;overflow:hidden;transition:transform .2s ease-out}
  .l85-card::before{content:"";position:absolute;inset:-40%;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.22) 50%,transparent 60%);animation:l85shine 4.5s ease-in-out infinite;pointer-events:none}
  .l85-card::after{content:"";position:absolute;right:-60px;bottom:-90px;width:260px;height:260px;border-radius:50%;border:1px solid rgba(255,140,170,.25);box-shadow:0 0 0 30px rgba(255,140,170,.04)}
  .l85-chip{width:48px;height:36px;border-radius:8px;background:linear-gradient(135deg,#F6D58A,#C9A04F 55%,#F1D08A);box-shadow:inset 0 0 0 1px rgba(0,0,0,.2);position:relative}
  .l85-chip::before{content:"";position:absolute;inset:8px 0;border-top:1px solid rgba(0,0,0,.25);border-bottom:1px solid rgba(0,0,0,.25)}
  .l85-nfc{position:absolute;top:30px;left:92px;width:22px;height:22px;opacity:.7}
  .l85-logo{position:absolute;right:26px;top:22px;text-align:right}
  .l85-logo svg{width:34px;height:auto;display:block;margin-left:auto;filter:drop-shadow(0 4px 10px rgba(255,92,124,.6))}
  .l85-logo b{display:block;font-family:"Playfair Display",Georgia,serif;font-style:italic;font-size:26px;line-height:1;margin-top:4px;background:linear-gradient(90deg,#FFC2D0,#FF7A95);-webkit-background-clip:text;background-clip:text;color:transparent!important}
  .l85-logo small{display:block;font-size:8.5px;letter-spacing:.42em;opacity:.75;margin-top:4px}
  .l85-num{position:absolute;left:28px;bottom:54px;font-size:19px;letter-spacing:.16em;font-weight:600;opacity:.92}
  .l85-foot{position:absolute;left:28px;right:28px;bottom:22px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.2em;opacity:.65;text-transform:uppercase}
  .l85-tag{position:absolute;z-index:3;display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:16px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(12px);color:#fff;font-size:12.5px;box-shadow:0 18px 40px -18px rgba(0,0,0,.7);animation:l85float 7s ease-in-out infinite}
  .l85-tag i{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;font-style:normal;background:linear-gradient(135deg,#FF5C7C,#8E1F55);font-size:14px}
  .l85-tag b{display:block;font-size:13px}.l85-tag small{display:block;opacity:.65;font-size:11px}
  .l85-tag.t1{left:8%;top:18%;animation-delay:-2s}.l85-tag.t2{right:5%;top:68%;animation-delay:-4.5s}

  .sa-panel{justify-content:center!important}
  .sa-card{background:linear-gradient(160deg,rgba(255,255,255,.07),rgba(255,255,255,.025))!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 30px 80px -30px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.08)!important;backdrop-filter:blur(20px);color:#F6ECEF;padding:30px 28px 24px!important}
  .sa-card h1,.sa-card h2,.sa-card h3,.sa-card b,.sa-card strong{color:#fff!important}
  .sa-lead,.sa-secure,.sa-alt,.sa-perks,.sa-remember,.sa-card p{color:rgba(246,226,233,.62)!important}
  .sa-lbl{color:rgba(255,236,242,.85)!important}
  .sa-tabs{background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.1)}
  .sa-tabs button{color:rgba(255,236,242,.7)!important}
  .sa-inp{background:rgba(255,255,255,.05)!important;border-color:rgba(255,255,255,.12)!important}
  .sa-inp:focus-within{border-color:#FF5C7C!important;background:rgba(255,92,124,.08)!important;box-shadow:0 0 0 4px rgba(255,92,124,.18),0 0 24px -6px rgba(255,92,124,.6)!important}
  .sa-inp input{color:#fff!important;background:transparent!important}
  .sa-inp input::placeholder{color:rgba(255,226,234,.38)!important}
  .sa-inp .ms,.sa-eye{color:rgba(255,190,206,.75)!important}
  .sa-link{color:#FF8FA8!important}
  .sa-btn{background:linear-gradient(110deg,#FF5C7C,#C42E6B 55%,#8E1F55)!important;box-shadow:0 16px 34px -14px rgba(255,92,124,.85)!important}
  .sa-alt{border-top-color:rgba(255,255,255,.1)!important}
  .sa-appl{background:rgba(255,255,255,.05)!important;border-color:rgba(255,255,255,.12)!important;color:#FFB3C3!important}
  .sa-appl *{color:inherit}
  .sa-strip>div{background:rgba(255,255,255,.05)!important;border-color:rgba(255,255,255,.1)!important;color:#F6ECEF!important}
  .sa-strip>div *{color:inherit!important}
  .sa-back{color:rgba(246,226,233,.7)!important}
}
/* janela "Entrar na plataforma" (todas as larguras) */
div:has(>.sa-pick-head){background:linear-gradient(170deg,#2A0A18,#14040B)!important;border:1px solid rgba(255,255,255,.12);box-shadow:0 40px 90px -30px rgba(0,0,0,.8),0 0 60px -20px rgba(255,92,124,.35)!important}
div:has(>.sa-pick-head) .mbtn{background:rgba(255,255,255,.05)!important;border:1px solid rgba(255,255,255,.1)!important;transition:transform .2s,background .2s,border-color .2s!important}
div:has(>.sa-pick-head) .mbtn:hover{background:rgba(255,92,124,.1)!important;border-color:rgba(255,92,124,.4)!important;transform:translateX(4px)}
div:has(>.sa-pick-head) .mbtn>span:nth-child(2) span:first-child{color:#fff!important}
div:has(>.sa-pick-head) .mbtn>span:nth-child(2) span:last-child{color:rgba(246,226,233,.6)!important}
div:has(>.sa-pick-head) .mbtn>.ms{color:rgba(255,190,206,.6)!important}
div:has(>.sa-pick-head)>div:last-child>button:last-child{background:rgba(255,255,255,.04)!important;color:rgba(246,226,233,.75)!important;border:1px solid rgba(255,255,255,.08)!important}
@keyframes l85float{0%,100%{translate:0 0}50%{translate:0 -14px}}
@keyframes l85enter{from{opacity:0;transform:rotateY(-35deg) rotateX(12deg) scale(.85)}to{opacity:1}}
@keyframes l85shine{0%,55%{transform:translateX(-60%)}85%,100%{transform:translateX(60%)}}
@keyframes l85orb{to{transform:translate(30px,-20px) scale(1.15)}}
@keyframes l85spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.l85-card,.l85-card::before,.l85-orb,.l85-ring,.l85-tag{animation:none!important}}

@media (min-width:1000px){body:has(.sa-page) .lheader{background:rgba(20,4,11,.92)!important;border-color:rgba(255,255,255,.06)!important}}
/* ===== versão clean (clara) — botão "Clean / Escuro" no canto do login ===== */
.l85-mode{display:none}
@media (min-width:1000px){
  body:has(.login-hero) .l85-mode,body:has(.sa-hero) .l85-mode{display:flex;position:fixed;top:22px;right:26px;z-index:200;padding:4px;gap:4px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(12px)}
  .l85-mode button{border:0;cursor:pointer;padding:8px 14px;border-radius:999px;font:600 12.5px/1 inherit;background:transparent;color:rgba(255,236,242,.75);display:flex;align-items:center;gap:6px;transition:background .2s,color .2s}
  .l85-mode button[aria-pressed="true"]{background:linear-gradient(110deg,#FF5C7C,#C42E6B 60%,#8E1F55);color:#fff;box-shadow:0 8px 20px -8px rgba(255,92,124,.8)}
  body.l85-clean .l85-mode{background:#fff;border-color:#F1DCE4;box-shadow:0 10px 30px -18px rgba(58,10,32,.4)}
  body.l85-clean .l85-mode button{color:#7A5B67}
  body.l85-clean .l85-mode button[aria-pressed="true"]{color:#fff}
  /* fundo e painel do cartão */
  body.l85-clean .login,body.l85-clean .sa-page{background:radial-gradient(70% 60% at 85% 10%,rgba(255,92,124,.12),transparent 60%),linear-gradient(160deg,#FFF8FA,#FBEFF3)!important}
  body.l85-clean .login-hero,body.l85-clean .sa-hero{background:radial-gradient(60% 50% at 50% 42%,rgba(255,92,124,.22),transparent 70%),linear-gradient(160deg,#FFFFFF,#FCE9EF)!important;border-color:#F1DCE4!important;box-shadow:0 30px 70px -40px rgba(142,31,85,.35)}
  body.l85-clean .login-hero::after{background:linear-gradient(180deg,transparent 55%,rgba(255,240,245,.6))!important}
  body.l85-clean .login-brand p,body.l85-clean .sa-hero .sa-h1{color:#2A0616!important}
  body.l85-clean .sa-hero .sa-h1 *{color:inherit}
  body.l85-clean .sa-hero .sa-h1 span,body.l85-clean .sa-hero .sa-h1 em{color:#C42E6B!important}
  body.l85-clean .login-brand small{color:#C42E6B!important}
  body.l85-clean .sa-hero .sa-pill{background:#fff!important;border-color:#F1DCE4!important;color:#C42E6B!important}
  body.l85-clean .l85-ring{border-color:rgba(196,46,107,.18)}body.l85-clean .l85-ring.r2{border-color:rgba(196,46,107,.1)}
  body.l85-clean .l85-orb{opacity:.35}
  body.l85-clean .l85-tag{background:rgba(255,255,255,.85);border-color:#F1DCE4;color:#2A0616;box-shadow:0 18px 40px -22px rgba(142,31,85,.45)}
  /* formulário */
  body.l85-clean .login-sheet .wrap,body.l85-clean .sa-card{background:#fff!important;border-color:#F1DCE4!important;box-shadow:0 30px 70px -36px rgba(142,31,85,.4)!important;color:#2A0616}
  body.l85-clean .login-sheet h1,body.l85-clean .login-sheet h2,body.l85-clean .login-sheet h3,body.l85-clean .login-sheet b,body.l85-clean .login-sheet strong,
  body.l85-clean .sa-card h1,body.l85-clean .sa-card h2,body.l85-clean .sa-card h3,body.l85-clean .sa-card b,body.l85-clean .sa-card strong{color:#2A0616!important}
  body.l85-clean .login-sheet p,body.l85-clean .login-sheet small,body.l85-clean .login-sheet .foot-note,body.l85-clean .login-sheet .sa-perks span,
  body.l85-clean .sa-lead,body.l85-clean .sa-secure,body.l85-clean .sa-alt,body.l85-clean .sa-perks,body.l85-clean .sa-remember,body.l85-clean .sa-card p{color:#8A6F7A!important}
  body.l85-clean .login-sheet label,body.l85-clean .sa-lbl{color:#5E4350!important}
  body.l85-clean .login-sheet .inp,body.l85-clean .login-sheet .field input,body.l85-clean .sa-inp{background:#FFF9FB!important;border-color:#EFD9E1!important}
  body.l85-clean .login-sheet input,body.l85-clean .sa-inp input{color:#2A0616!important}
  body.l85-clean .login-sheet input::placeholder,body.l85-clean .sa-inp input::placeholder{color:#B89AA6!important}
  body.l85-clean .login-sheet .inp:focus-within,body.l85-clean .sa-inp:focus-within{background:#fff!important;border-color:#FF5C7C!important;box-shadow:0 0 0 4px rgba(255,92,124,.14)!important}
  body.l85-clean .login-sheet svg,body.l85-clean .sa-inp .ms,body.l85-clean .sa-eye{color:#B07A8E!important}
  body.l85-clean .login-sheet .seg,body.l85-clean .login-sheet .roles,body.l85-clean .sa-tabs{background:#FBEFF3!important;border-color:#F1DCE4!important}
  body.l85-clean .login-sheet .seg button,body.l85-clean .login-sheet .roles a,body.l85-clean .sa-tabs button{color:#7A5B67!important}
  body.l85-clean .login-sheet .seg button[aria-pressed="true"],body.l85-clean .login-sheet .roles span{color:#fff!important}
  body.l85-clean .login-sheet .btn:not(.pri){color:#2A0616!important;border-color:#EFD9E1!important}
  body.l85-clean .login-sheet a,body.l85-clean .sa-link{color:#C42E6B!important}
  body.l85-clean .sa-appl{background:#FFF1F5!important;border-color:#FBDCE6!important;color:#C92A5E!important}
  body.l85-clean .sa-strip>div{background:#fff!important;border-color:#F1DCE4!important;color:#2A0616!important}
  body.l85-clean .sa-back{color:#8A6F7A!important}
  body.l85-clean:has(.sa-page) .lheader{background:rgba(255,255,255,.92)!important;border-color:#F1DCE4!important}
}
@media (min-width:1000px){body:has(.sa-page) .l85-mode{top:74px}}
/* ===== V86 · clean premium (padrão) ===== */
@media (min-width:1000px){
  body.l85-clean .login,body.l85-clean .sa-page{background:#FBF7F8!important}
  body.l85-clean .login-hero,body.l85-clean .sa-hero{border:0!important;box-shadow:none!important;
    background:radial-gradient(40% 35% at 25% 25%,rgba(255,170,195,.55),transparent 70%),radial-gradient(45% 40% at 80% 75%,rgba(255,120,160,.35),transparent 70%),radial-gradient(50% 45% at 70% 15%,rgba(255,214,226,.9),transparent 70%),linear-gradient(160deg,#FFF3F6,#FBE3EA)!important}
  body.l85-clean .login-hero::after{background:radial-gradient(rgba(196,46,107,.07) 1px,transparent 1.3px) 0 0/22px 22px!important;-webkit-mask-image:radial-gradient(60% 55% at 50% 40%,#000,transparent 80%);mask-image:radial-gradient(60% 55% at 50% 40%,#000,transparent 80%)}
  body.l85-clean .l85-orb{opacity:.28}
  body.l85-clean .l85-ring{border-color:rgba(196,46,107,.14)}
  body.l85-clean .l85-card{box-shadow:0 60px 90px -40px rgba(120,20,60,.55),0 20px 40px -20px rgba(120,20,60,.35),inset 0 1px 0 rgba(255,255,255,.14)}
  body.l85-clean .l85-tag{background:rgba(255,255,255,.75);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.9);box-shadow:0 20px 40px -24px rgba(120,20,60,.5)}
  body.l85-clean .l85-tag small{color:#8A6F7A;opacity:1}
  body.l85-clean .login-brand p,body.l85-clean .sa-hero .sa-h1{letter-spacing:-.03em}
  body.l85-clean .login-sheet .wrap,body.l85-clean .sa-card{background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;max-width:420px!important}
  body.l85-clean .login-sheet h2,body.l85-clean .sa-card h2{font-size:32px!important;letter-spacing:-.03em;line-height:1.1}
  body.l85-clean .login-sheet .inp,body.l85-clean .login-sheet .field input,body.l85-clean .sa-inp{background:#fff!important;border:1px solid #ECE2E6!important;min-height:56px;border-radius:16px!important;box-shadow:0 1px 2px rgba(42,6,22,.04)}
  body.l85-clean .login-sheet .inp:focus-within,body.l85-clean .sa-inp:focus-within{border-color:#E8457A!important;box-shadow:0 0 0 5px rgba(232,69,122,.1)!important}
  body.l85-clean .login-sheet .seg,body.l85-clean .sa-tabs{background:#F3ECEF!important;border:0!important;border-radius:16px!important;padding:5px!important}
  body.l85-clean .login-sheet .seg .thumb{background:#fff!important;box-shadow:0 4px 14px -6px rgba(42,6,22,.25)!important}
  body.l85-clean .login-sheet .seg button[aria-pressed="true"]{color:#2A0616!important}
  body.l85-clean .login-sheet .roles{background:#fff!important;border:1px solid #ECE2E6!important}
  body.l85-clean .login-sheet .btn.pri,body.l85-clean .sa-btn{min-height:56px;background:#2A0616!important;box-shadow:0 18px 30px -18px rgba(42,6,22,.7)!important;position:relative;overflow:hidden}
  body.l85-clean .login-sheet .btn.pri::after,body.l85-clean .sa-btn::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,#FF5C7C,#C42E6B 60%,#8E1F55);opacity:0;transition:opacity .3s}
  body.l85-clean .login-sheet .btn.pri:hover::after,body.l85-clean .sa-btn:hover::after{opacity:1}
  body.l85-clean .login-sheet .btn.pri>*,body.l85-clean .sa-btn>*{position:relative;z-index:1}
  body.l85-clean .login-sheet .btn:not(.pri){background:#fff!important;border:1px solid #ECE2E6!important}
  body.l85-clean .sa-strip>div{box-shadow:none!important;border:1px solid #ECE2E6!important}
  body.l85-clean .sa-appl{background:#fff!important;border:1px solid #ECE2E6!important}
  body.l85-clean .l85-mode{top:auto!important;bottom:22px}
}
@media (min-width:1000px){
  body.l85-clean .login-sheet .inp input{border:0!important;box-shadow:none!important;background:transparent!important;min-height:0!important;border-radius:0!important}
  body.l85-clean .l85-mode{right:auto!important;left:34px!important;bottom:30px!important}
  body.l85-clean .sa-tabs [class*=on],body.l85-clean .sa-tabs button[aria-selected=true]{color:#fff!important}
}
@media (min-width:1000px){
  body.l85-clean .l85-mode{left:auto!important;right:30px!important;top:26px!important;bottom:auto!important}
  body.l85-clean:has(.sa-page) .l85-mode{top:80px!important}
  body.l85-clean .login-brand p,body.l85-clean .sa-hero .sa-h1{text-shadow:none!important}
  .login-brand{display:flex!important;flex-direction:column;align-items:flex-start!important}
}
/* ===== V87 · login clean em 3 colunas: texto · cartão rosa animado · formulário ===== */
.l87-copy{display:none}
@media (min-width:1100px){
  body.l85-clean .login,body.l85-clean .sa-page{grid-template-columns:minmax(0,1.75fr) minmax(430px,1fr)!important;background:radial-gradient(55% 70% at 62% 45%,#FFE1EA 0%,rgba(255,225,234,0) 70%),linear-gradient(120deg,#FFFFFF 0%,#FFF6F8 55%,#FDEBF0 100%)!important}
  body.l85-clean .login-hero,body.l85-clean .sa-hero{background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important}
  body.l85-clean .login-hero::after{display:none!important}
  body.l85-clean .login-brand,body.l85-clean .sa-hero .sa-brand{display:none!important}
  body.l85-clean .l87-copy{display:flex;flex-direction:column;position:absolute;left:clamp(24px,4vw,64px);top:50%;transform:translateY(-50%);width:min(440px,46%);z-index:3;color:#1D0710}
  .l87-logo{display:flex;align-items:center;gap:10px;margin-bottom:clamp(28px,5vh,56px);animation:l87up .6s ease both}
  .l87-logo svg{width:52px;height:auto}
  .l87-logo b{display:block;font:800 30px/1 inherit;letter-spacing:-.02em;color:#1D0710}
  .l87-logo small{display:block;font-size:11px;letter-spacing:.42em;color:#6E5560;margin-top:3px;font-weight:600}
  .l87-h{font-size:clamp(34px,3.3vw,54px);line-height:1.02;letter-spacing:-.035em;font-weight:800;margin:0 0 18px}
  .l87-h span{display:block;opacity:0;animation:l87up .7s cubic-bezier(.2,.8,.2,1) forwards}
  .l87-h span:nth-child(2){animation-delay:.08s}.l87-h span:nth-child(3){animation-delay:.16s}.l87-h span:nth-child(4){animation-delay:.24s}
  .l87-h em{font-style:normal;background:linear-gradient(100deg,#FF3E74,#E0306A 40%,#FF6F95 60%,#E0306A);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:l87sheen 5s linear infinite}
  .l87-sub{font-size:clamp(15px,1.2vw,18px);line-height:1.45;color:#5E4A53;margin:0 0 28px;max-width:400px;opacity:0;animation:l87up .7s .32s ease forwards}
  .l87-feats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:26px}
  .l87-feat{text-align:center;font-size:12.5px;line-height:1.3;color:#3A2630;font-weight:600;opacity:0;animation:l87up .6s ease forwards}
  .l87-feat:nth-child(1){animation-delay:.4s}.l87-feat:nth-child(2){animation-delay:.48s}.l87-feat:nth-child(3){animation-delay:.56s}.l87-feat:nth-child(4){animation-delay:.64s}
  .l87-feat i{width:52px;height:52px;margin:0 auto 9px;border-radius:16px;display:grid;place-items:center;background:#FFE6EE;color:#F0457A;transition:transform .25s,background .25s}
  .l87-feat i svg{width:24px;height:24px}
  .l87-feat:hover i{transform:translateY(-4px) rotate(-4deg);background:#FFD3E0}
  .l87-trust{display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:20px;background:#fff;box-shadow:0 18px 40px -26px rgba(120,20,60,.4);max-width:380px;opacity:0;animation:l87up .6s .72s ease forwards;color:#1D0710}
  .l87-trust .dots{display:flex}.l87-trust .dots i{width:34px;height:34px;border-radius:50%;border:2px solid #fff;margin-left:-8px;display:grid;place-items:center;font-style:normal;color:#fff;font-size:15px}
  .l87-trust .dots i:first-child{margin-left:0;background:#FF5C7C}.l87-trust .dots i:nth-child(2){background:#C42E6B}.l87-trust .dots i:nth-child(3){background:#8E1F55}
  .l87-trust b{display:block;font-size:15px}.l87-trust small{display:block;color:#7A6570;font-size:12.5px}
  /* palco do cartão: metade direita da área */
  body.l85-clean .l85-stage{left:46%!important;right:0!important;top:0!important;bottom:0!important}
  body.l85-clean .l85-ring,body.l85-clean .l85-orb.b{display:none}
  body.l85-clean .l85-orb.a{width:420px;height:420px;left:10%;top:18%;background:radial-gradient(circle,#FFB6CA,#FFD9E4 60%,transparent 70%);opacity:.9;filter:blur(30px)}
  body.l85-clean .l85-card{width:min(440px,88%);border:0!important;color:#fff;
    background:radial-gradient(70% 90% at 85% 80%,rgba(255,255,255,.18),transparent 60%),linear-gradient(135deg,#FF6A90 0%,#F0457A 40%,#D42B63 100%)!important;
    box-shadow:0 60px 80px -40px rgba(200,30,90,.65),0 30px 40px -24px rgba(200,30,90,.4),inset 0 1px 0 rgba(255,255,255,.35)!important;
    animation:l87float 6s ease-in-out infinite,l87enter 1.2s cubic-bezier(.2,.8,.2,1) both!important}
  body.l85-clean .l85-card::after{right:-20px;bottom:-40px;width:230px;height:230px;border:0;border-radius:60% 0 60% 0;transform:rotate(25deg);background:linear-gradient(140deg,rgba(255,255,255,.28),rgba(255,255,255,.05));box-shadow:none}
  body.l85-clean .l85-logo b{background:none;color:#fff!important;font-family:inherit;font-style:normal;font-weight:800;font-size:30px}
  body.l85-clean .l85-logo svg path{fill:#fff}
  body.l85-clean .l85-logo small{opacity:.9}
  body.l85-clean .l85-tag{background:#fff!important;border:0!important;color:#1D0710!important;padding:14px 18px!important;border-radius:18px!important;box-shadow:0 22px 44px -26px rgba(120,20,60,.45)!important}
  body.l85-clean .l85-tag i{width:40px;height:40px;border-radius:50%;background:#FFE6EE;color:#F0457A;font-size:16px;font-weight:800}
  body.l85-clean .l85-tag b{font-size:15px}
  body.l85-clean .l85-tag.t1{left:auto!important;right:2%!important;top:24%!important}
  body.l85-clean .l85-tag.t2{right:-2%!important;top:auto!important;bottom:20%!important}
  .l87-dots{position:absolute;left:50%;bottom:14%;transform:translateX(-50%);display:none;gap:8px}
  body.l85-clean .l87-dots{display:flex}
  .l87-dots i{width:8px;height:6px;border-radius:4px;background:#F3CBD7;transition:width .4s,background .4s}
  .l87-dots i.on{width:24px;background:#F0457A}
  /* formulário em cartão branco */
  body.l85-clean .login-sheet,body.l85-clean .sa-panel{padding:24px 32px 24px 0!important}
  body.l85-clean .login-sheet .wrap,body.l85-clean .sa-card{background:#fff!important;border:1px solid #F6E6EC!important;border-radius:28px!important;box-shadow:0 40px 80px -40px rgba(120,20,60,.35)!important;padding:40px 36px!important;max-width:460px!important}
  body.l85-clean .login-sheet .seg .thumb{background:#F0457A!important;box-shadow:0 10px 22px -10px rgba(240,69,122,.8)!important}
  body.l85-clean .login-sheet .seg button[aria-pressed="true"]{color:#fff!important}
  body.l85-clean .login-sheet .seg,body.l85-clean .sa-tabs{background:#F6F1F3!important}
  body.l85-clean .login-sheet .inp,body.l85-clean .sa-inp{background:#FBF9FA!important;border-color:#EEE6EA!important}
  body.l85-clean .login-sheet .btn.pri,body.l85-clean .sa-btn{background:linear-gradient(110deg,#FF5C86,#F0457A 55%,#E0306A)!important;box-shadow:0 18px 32px -16px rgba(240,69,122,.75)!important}
  body.l85-clean .login-sheet .btn.pri::after,body.l85-clean .sa-btn::after{background:linear-gradient(110deg,#E0306A,#C42E6B)!important}
  body.l85-clean .login-sheet .roles span,body.l85-clean .login-sheet .roles [aria-current]{background:#F0457A!important}
  body.l85-clean .l85-mode{top:22px!important}
}
@keyframes l87up{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes l87sheen{to{background-position:-220% 0}}
@keyframes l87float{0%,100%{translate:0 0;rotate:-14deg}50%{translate:0 -16px;rotate:-11deg}}
@keyframes l87enter{from{opacity:0;transform:translateY(60px) rotateY(-40deg) scale(.8)}to{opacity:1}}
@media (prefers-reduced-motion:reduce){.l87-copy *,.l85-card{animation:none!important;opacity:1!important}}
@media (min-width:1100px){.l87-logo b{font-size:30px!important;font-weight:800!important}body.l85-clean .login-sheet h2,body.l85-clean .sa-card h2{font-size:28px!important}}
/* ===== V88 · login escuro em 3 colunas: texto · cartão rosa animado · formulário ===== */

@media (min-width:1100px){
  body.l88 .login,body.l88 .sa-page{grid-template-columns:minmax(0,1.75fr) minmax(430px,1fr)!important;background:radial-gradient(55% 70% at 62% 45%,#FFE1EA 0%,rgba(255,225,234,0) 70%),linear-gradient(120deg,#FFFFFF 0%,#FFF6F8 55%,#FDEBF0 100%)!important}
  body.l88 .login-hero,body.l88 .sa-hero{background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important}
  body.l88 .login-hero::after{display:none!important}
  body.l88 .login-brand,body.l88 .sa-hero .sa-brand{display:none!important}
  body.l88 .l87-copy{display:flex;flex-direction:column;position:absolute;left:clamp(24px,4vw,64px);top:50%;transform:translateY(-50%);width:min(440px,46%);z-index:3;color:#1D0710}
  .l87-logo{display:flex;align-items:center;gap:10px;margin-bottom:clamp(28px,5vh,56px);animation:l87up .6s ease both}
  .l87-logo svg{width:52px;height:auto}
  .l87-logo b{display:block;font:800 30px/1 inherit;letter-spacing:-.02em;color:#1D0710}
  .l87-logo small{display:block;font-size:11px;letter-spacing:.42em;color:#6E5560;margin-top:3px;font-weight:600}
  .l87-h{font-size:clamp(34px,3.3vw,54px);line-height:1.02;letter-spacing:-.035em;font-weight:800;margin:0 0 18px}
  .l87-h span{display:block;opacity:0;animation:l87up .7s cubic-bezier(.2,.8,.2,1) forwards}
  .l87-h span:nth-child(2){animation-delay:.08s}.l87-h span:nth-child(3){animation-delay:.16s}.l87-h span:nth-child(4){animation-delay:.24s}
  .l87-h em{font-style:normal;background:linear-gradient(100deg,#FF3E74,#E0306A 40%,#FF6F95 60%,#E0306A);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:l87sheen 5s linear infinite}
  .l87-sub{font-size:clamp(15px,1.2vw,18px);line-height:1.45;color:#5E4A53;margin:0 0 28px;max-width:400px;opacity:0;animation:l87up .7s .32s ease forwards}
  .l87-feats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:26px}
  .l87-feat{text-align:center;font-size:12.5px;line-height:1.3;color:#3A2630;font-weight:600;opacity:0;animation:l87up .6s ease forwards}
  .l87-feat:nth-child(1){animation-delay:.4s}.l87-feat:nth-child(2){animation-delay:.48s}.l87-feat:nth-child(3){animation-delay:.56s}.l87-feat:nth-child(4){animation-delay:.64s}
  .l87-feat i{width:52px;height:52px;margin:0 auto 9px;border-radius:16px;display:grid;place-items:center;background:#FFE6EE;color:#F0457A;transition:transform .25s,background .25s}
  .l87-feat i svg{width:24px;height:24px}
  .l87-feat:hover i{transform:translateY(-4px) rotate(-4deg);background:#FFD3E0}
  .l87-trust{display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:20px;background:#fff;box-shadow:0 18px 40px -26px rgba(120,20,60,.4);max-width:380px;opacity:0;animation:l87up .6s .72s ease forwards;color:#1D0710}
  .l87-trust .dots{display:flex}.l87-trust .dots i{width:34px;height:34px;border-radius:50%;border:2px solid #fff;margin-left:-8px;display:grid;place-items:center;font-style:normal;color:#fff;font-size:15px}
  .l87-trust .dots i:first-child{margin-left:0;background:#FF5C7C}.l87-trust .dots i:nth-child(2){background:#C42E6B}.l87-trust .dots i:nth-child(3){background:#8E1F55}
  .l87-trust b{display:block;font-size:15px}.l87-trust small{display:block;color:#7A6570;font-size:12.5px}
  /* palco do cartão: metade direita da área */
  body.l88 .l85-stage{left:46%!important;right:0!important;top:0!important;bottom:0!important}
  body.l88 .l85-ring,body.l88 .l85-orb.b{display:none}
  body.l88 .l85-orb.a{width:420px;height:420px;left:10%;top:18%;background:radial-gradient(circle,#FFB6CA,#FFD9E4 60%,transparent 70%);opacity:.9;filter:blur(30px)}
  body.l88 .l85-card{width:min(440px,88%);border:0!important;color:#fff;
    background:radial-gradient(70% 90% at 85% 80%,rgba(255,255,255,.18),transparent 60%),linear-gradient(135deg,#FF6A90 0%,#F0457A 40%,#D42B63 100%)!important;
    box-shadow:0 60px 80px -40px rgba(200,30,90,.65),0 30px 40px -24px rgba(200,30,90,.4),inset 0 1px 0 rgba(255,255,255,.35)!important;
    animation:l87float 6s ease-in-out infinite,l87enter 1.2s cubic-bezier(.2,.8,.2,1) both!important}
  body.l88 .l85-card::after{right:-20px;bottom:-40px;width:230px;height:230px;border:0;border-radius:60% 0 60% 0;transform:rotate(25deg);background:linear-gradient(140deg,rgba(255,255,255,.28),rgba(255,255,255,.05));box-shadow:none}
  body.l88 .l85-logo b{background:none;color:#fff!important;font-family:inherit;font-style:normal;font-weight:800;font-size:30px}
  body.l88 .l85-logo svg path{fill:#fff}
  body.l88 .l85-logo small{opacity:.9}
  body.l88 .l85-tag{background:#fff!important;border:0!important;color:#1D0710!important;padding:14px 18px!important;border-radius:18px!important;box-shadow:0 22px 44px -26px rgba(120,20,60,.45)!important}
  body.l88 .l85-tag i{width:40px;height:40px;border-radius:50%;background:#FFE6EE;color:#F0457A;font-size:16px;font-weight:800}
  body.l88 .l85-tag b{font-size:15px}
  body.l88 .l85-tag.t1{left:auto!important;right:2%!important;top:24%!important}
  body.l88 .l85-tag.t2{right:-2%!important;top:auto!important;bottom:20%!important}
  .l87-dots{position:absolute;left:50%;bottom:14%;transform:translateX(-50%);display:none;gap:8px}
  body.l88 .l87-dots{display:flex}
  .l87-dots i{width:8px;height:6px;border-radius:4px;background:#F3CBD7;transition:width .4s,background .4s}
  .l87-dots i.on{width:24px;background:#F0457A}
  /* formulário em cartão branco */
  body.l88 .login-sheet,body.l88 .sa-panel{padding:24px 32px 24px 0!important}
  body.l88 .login-sheet .wrap,body.l88 .sa-card{background:#fff!important;border:1px solid #F6E6EC!important;border-radius:28px!important;box-shadow:0 40px 80px -40px rgba(120,20,60,.35)!important;padding:40px 36px!important;max-width:460px!important}
  body.l88 .login-sheet .seg .thumb{background:#F0457A!important;box-shadow:0 10px 22px -10px rgba(240,69,122,.8)!important}
  body.l88 .login-sheet .seg button[aria-pressed="true"]{color:#fff!important}
  body.l88 .login-sheet .seg,body.l88 .sa-tabs{background:#F6F1F3!important}
  body.l88 .login-sheet .inp,body.l88 .sa-inp{background:#FBF9FA!important;border-color:#EEE6EA!important}
  body.l88 .login-sheet .btn.pri,body.l88 .sa-btn{background:linear-gradient(110deg,#FF5C86,#F0457A 55%,#E0306A)!important;box-shadow:0 18px 32px -16px rgba(240,69,122,.75)!important}
  body.l88 .login-sheet .btn.pri::after,body.l88 .sa-btn::after{background:linear-gradient(110deg,#E0306A,#C42E6B)!important}
  body.l88 .login-sheet .roles span,body.l88 .login-sheet .roles [aria-current]{background:#F0457A!important}
  body.l88 .l85-mode{top:22px!important}
}

@media (min-width:1100px){
  body.l88 .login,body.l88 .sa-page{background:radial-gradient(55% 70% at 60% 45%,rgba(240,69,122,.22) 0%,transparent 70%),radial-gradient(40% 50% at 95% 10%,rgba(142,31,85,.35),transparent 70%),linear-gradient(120deg,#14040B 0%,#1E0711 55%,#2A0616 100%)!important}
  body.l88 .l87-copy,body.l88 .l87-logo b{color:#fff!important}
  body.l88 .l87-logo small,body.l88 .l87-sub{color:rgba(246,226,233,.7)!important}
  body.l88 .l87-feat{color:rgba(255,236,242,.88)}
  body.l88 .l87-feat i{background:rgba(255,92,124,.14);color:#FF7A9C;border:1px solid rgba(255,92,124,.22)}
  body.l88 .l87-feat:hover i{background:rgba(255,92,124,.24)}
  body.l88 .l87-trust{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:#fff;backdrop-filter:blur(12px)}
  body.l88 .l87-trust small{color:rgba(246,226,233,.6)}
  body.l88 .l87-trust .dots i{border-color:#1E0711}
  body.l88 .l85-orb.a{background:radial-gradient(circle,rgba(255,92,124,.55),rgba(196,46,107,.25) 60%,transparent 70%)!important;opacity:.8}
  body.l88 .l85-tag{background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.14)!important;color:#fff!important;backdrop-filter:blur(14px)}
  body.l88 .l85-tag i{background:rgba(255,92,124,.18)!important;color:#FF7A9C!important}
  body.l88 .l85-tag small{color:rgba(246,226,233,.6)!important}
  body.l88 .l87-dots i{background:rgba(255,255,255,.18)}
  body.l88 .login-sheet .wrap,body.l88 .sa-card{background:linear-gradient(160deg,rgba(255,255,255,.08),rgba(255,255,255,.03))!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 40px 90px -40px rgba(0,0,0,.8),inset 0 1px 0 rgba(255,255,255,.08)!important;backdrop-filter:blur(20px)}
  body.l88 .login-sheet .seg,body.l88 .sa-tabs{background:rgba(255,255,255,.06)!important}
  body.l88 .login-sheet .inp,body.l88 .sa-inp{background:rgba(255,255,255,.05)!important;border-color:rgba(255,255,255,.12)!important}
  body.l88 .login-sheet .btn.pri::after,body.l88 .sa-btn::after{content:"";position:absolute;inset:0;opacity:0;transition:opacity .3s}
  body.l88 .login-sheet .btn.pri:hover::after,body.l88 .sa-btn:hover::after{opacity:1}
  body.l88 .login-sheet .btn.pri,body.l88 .sa-btn{position:relative;overflow:hidden}
  body.l88 .login-sheet .btn.pri>*,body.l88 .sa-btn>*{position:relative;z-index:1}
  body.l88:has(.sa-page) .lheader{background:rgba(20,4,11,.92)!important}
}
.l85-mode{display:none!important}
@media (min-width:1100px){body.l88 .l87-copy{width:min(420px,42%)!important}}
/* ===== V89 · login da cliente no site (authgrid) com o mesmo desenho escuro ===== */
@media (min-width:1100px){
  body.l88:has(.authgrid){background:#14040B!important}
  body.l88:has(.authgrid) .lpage{max-width:none!important;min-height:calc(100vh - 58px);padding:20px 32px 32px!important;background:radial-gradient(55% 70% at 40% 50%,rgba(240,69,122,.22) 0%,transparent 70%),radial-gradient(40% 50% at 95% 10%,rgba(142,31,85,.35),transparent 70%),linear-gradient(120deg,#14040B 0%,#1E0711 55%,#2A0616 100%)!important}
  body.l88:has(.authgrid) .lpage>div:first-child{position:absolute;top:74px;right:32px;margin:0!important;z-index:5}
  body.l88 .authgrid{grid-template-columns:minmax(0,1.75fr) minmax(430px,1fr)!important;min-height:calc(100vh - 110px);align-items:center!important}
  body.l88 .authgrid>div:first-child{background:transparent!important;box-shadow:none!important;border:0!important;min-height:calc(100vh - 120px);padding:0!important;overflow:visible!important}
  body.l88 .authgrid>div:first-child>*:not(.l85-stage):not(.l87-copy){display:none!important}
  body.l88 .authgrid .lcard{background:linear-gradient(160deg,rgba(255,255,255,.08),rgba(255,255,255,.03))!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 40px 90px -40px rgba(0,0,0,.8),inset 0 1px 0 rgba(255,255,255,.08)!important;backdrop-filter:blur(20px);color:#F6ECEF}
  body.l88 .authgrid .lcard h2{color:#fff!important}
  body.l88 .authgrid .lcard p,body.l88 .authgrid .lcard label,body.l88 .authgrid .authcard{color:rgba(246,226,233,.65)!important}
  body.l88 .authgrid .lcard>div:first-child{background:rgba(255,255,255,.06)!important}
  body.l88 .authgrid .lcard>div:first-child button{color:rgba(255,236,242,.75)!important}
  body.l88 .authgrid .linput{background:rgba(255,255,255,.05)!important;border-color:rgba(255,255,255,.12)!important}
  body.l88 .authgrid .linput input{color:#fff!important;background:transparent!important}
  body.l88 .authgrid .linput input::placeholder{color:rgba(255,226,234,.4)!important}
  body.l88 .authgrid .linput:focus-within{border-color:#FF5C7C!important;box-shadow:0 0 0 4px rgba(255,92,124,.18)!important}
  body.l88 .authgrid .authcard{background:rgba(255,255,255,.04)!important;border-color:rgba(255,255,255,.1)!important}
  body.l88 .authgrid .authcard *{color:inherit}
}
@media (min-width:1100px){body.l88:has(.authgrid) div[style*="position: fixed"][style*="z-index: 1;"][style*="background: rgb"]{display:none!important}}
@media (min-width:1100px){body.l88:has(.authgrid) .lpage::before,body.l88:has(.authgrid) .lpage::after{display:none!important}}
@media (min-width:1100px){
  body.l88:has(.authgrid) .lheader{background:rgba(20,4,11,.92)!important;border-color:rgba(255,255,255,.06)!important}
  body.l88:has(.authgrid) .lpage>div:first-child{top:auto!important;bottom:28px;right:auto!important;left:32px;position:fixed!important}
  body.l88 .authgrid .authtrust{background:transparent!important;border-color:rgba(255,255,255,.08)!important}
  body.l88 .authgrid .authtrust *{color:rgba(246,226,233,.75)}
  body.l88 .authgrid .authtrust b,body.l88 .authgrid .authtrust strong{color:#fff}
}
@media (min-width:1100px){body.l88 .authgrid .authcard>*{color:#fff!important}body.l88 .authgrid .authcard>*:last-child{color:rgba(246,226,233,.6)!important}body.l88 .authgrid .authcard .ms{color:#FF7A9C!important}}
/* ===== V90 · login escuro também no celular (cartão animado em cima, formulário embaixo) ===== */
@media (max-width:1099px){
  body.l88 .login,body.l88 .sa-page,body.l88:has(.authgrid) .lpage{background:radial-gradient(90% 40% at 50% 18%,rgba(240,69,122,.28),transparent 70%),linear-gradient(180deg,#1E0711 0%,#14040B 60%,#120309 100%)!important}
  body.l88:has(.authgrid),body.l88:has(.sa-page){background:#14040B!important}
  body.l88:has(.authgrid) .lpage::before,body.l88:has(.authgrid) .lpage::after{display:none!important}
  body.l88:has(.authgrid) div[style*="position: fixed"][style*="z-index: 1;"][style*="background: rgb"]{display:none!important}
  body.l88:has(.authgrid) .lheader,body.l88:has(.sa-page) .lheader{background:rgba(20,4,11,.92)!important;border-color:rgba(255,255,255,.06)!important}
  /* área do cartão */
  body.l88 .login-hero,body.l88 .sa-hero,body.l88 .authgrid>div:first-child{position:relative!important;height:300px!important;min-height:300px!important;max-height:none!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;overflow:hidden!important;border-radius:0!important}
  body.l88 .login-hero img,body.l88 .login-brand,body.l88 .sa-hero>*:not(.l85-stage),body.l88 .authgrid>div:first-child>*:not(.l85-stage),body.l88 .l87-copy{display:none!important}
  body.l88 .login-hero::before,body.l88 .login-hero::after{display:none!important}
  body.l88 .l85-stage{position:absolute!important;inset:0!important;display:grid;place-items:center;perspective:1000px}
  body.l88 .l85-ring{display:none}
  body.l88 .l85-orb{position:absolute;border-radius:50%;filter:blur(36px);opacity:.75}
  body.l88 .l85-orb.a{width:240px;height:240px;left:20%;top:12%;background:radial-gradient(circle,rgba(255,92,124,.6),transparent 70%)}
  body.l88 .l85-orb.b{display:none}
  body.l88 .l85-card{position:relative;width:min(300px,76vw);aspect-ratio:1.586;border-radius:18px;padding:18px 20px;color:#fff;overflow:hidden;
    background:radial-gradient(70% 90% at 85% 80%,rgba(255,255,255,.18),transparent 60%),linear-gradient(135deg,#FF6A90 0%,#F0457A 40%,#D42B63 100%);
    box-shadow:0 40px 60px -30px rgba(200,30,90,.7),inset 0 1px 0 rgba(255,255,255,.35);animation:l87float 6s ease-in-out infinite,l87enter 1.1s cubic-bezier(.2,.8,.2,1) both}
  body.l88 .l85-card::before{content:"";position:absolute;inset:-40%;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.25) 50%,transparent 60%);animation:l85shine 4.5s ease-in-out infinite;pointer-events:none}
  body.l88 .l85-card::after{content:"";position:absolute;right:-20px;bottom:-40px;width:160px;height:160px;border-radius:60% 0 60% 0;transform:rotate(25deg);background:linear-gradient(140deg,rgba(255,255,255,.28),rgba(255,255,255,.05))}
  body.l88 .l85-chip{width:36px;height:27px;border-radius:6px;background:linear-gradient(135deg,#F6D58A,#C9A04F 55%,#F1D08A);position:relative}
  body.l88 .l85-nfc{position:absolute;top:22px;left:66px;width:18px;height:18px;opacity:.8}
  body.l88 .l85-logo{position:absolute;right:18px;top:14px;text-align:right}
  body.l88 .l85-logo svg{width:24px;height:auto;display:block;margin-left:auto}
  body.l88 .l85-logo svg path{fill:#fff}
  body.l88 .l85-logo b{display:block;font-weight:800;font-size:20px;line-height:1;margin-top:2px;color:#fff}
  body.l88 .l85-logo small{display:block;font-size:7px;letter-spacing:.38em;margin-top:3px;opacity:.9}
  body.l88 .l85-num{position:absolute;left:20px;bottom:38px;font-size:14px;letter-spacing:.14em;font-weight:600}
  body.l88 .l85-foot{position:absolute;left:20px;right:20px;bottom:15px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.2em;opacity:.75;text-transform:uppercase}
  body.l88 .l85-tag{position:absolute;z-index:3;display:flex;align-items:center;gap:8px;padding:8px 11px;border-radius:14px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(12px);color:#fff;font-size:11px;animation:l85float 7s ease-in-out infinite}
  body.l88 .l85-tag i{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-style:normal;background:rgba(255,92,124,.25);color:#FF8FA8;font-size:12px}
  body.l88 .l85-tag b{display:block;font-size:12px}body.l88 .l85-tag small{display:block;opacity:.65;font-size:10px}
  body.l88 .l85-tag.t1{left:4%;top:8%}body.l88 .l85-tag.t2{right:4%;bottom:6%}
  body.l88 .l87-dots{display:none!important}
  /* formulário */
  body.l88 .login-sheet{position:relative!important;margin:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;padding:0 16px 32px!important;transform:none!important}
  body.l88 .login-sheet::before{display:none!important}
  body.l88 .login-sheet .wrap,body.l88 .sa-card,body.l88 .authgrid .lcard{background:linear-gradient(160deg,rgba(255,255,255,.08),rgba(255,255,255,.03))!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 30px 70px -30px rgba(0,0,0,.8)!important;backdrop-filter:blur(18px);border-radius:24px!important;padding:24px 20px!important;color:#F6ECEF}
  body.l88 .login-sheet h1,body.l88 .login-sheet h2,body.l88 .login-sheet b,body.l88 .sa-card h2,body.l88 .sa-card b,body.l88 .authgrid .lcard h2{color:#fff!important}
  body.l88 .login-sheet p,body.l88 .login-sheet small,body.l88 .login-sheet .foot-note,body.l88 .sa-lead,body.l88 .sa-secure,body.l88 .sa-alt,body.l88 .sa-perks,body.l88 .sa-remember,body.l88 .sa-card p,body.l88 .authgrid .lcard p{color:rgba(246,226,233,.62)!important}
  body.l88 .login-sheet label,body.l88 .sa-lbl,body.l88 .authgrid .lcard label{color:rgba(255,236,242,.85)!important}
  body.l88 .login-sheet .inp,body.l88 .sa-inp,body.l88 .authgrid .linput{background:rgba(255,255,255,.05)!important;border-color:rgba(255,255,255,.12)!important}
  body.l88 .login-sheet .inp input,body.l88 .sa-inp input,body.l88 .authgrid .linput input{color:#fff!important;background:transparent!important;border:0!important}
  body.l88 .login-sheet input::placeholder,body.l88 .sa-inp input::placeholder,body.l88 .authgrid .linput input::placeholder{color:rgba(255,226,234,.4)!important}
  body.l88 .login-sheet .seg,body.l88 .login-sheet .roles,body.l88 .sa-tabs,body.l88 .authgrid .lcard>div:first-child{background:rgba(255,255,255,.06)!important;border-color:rgba(255,255,255,.1)!important}
  body.l88 .login-sheet .seg button,body.l88 .login-sheet .roles a,body.l88 .sa-tabs button,body.l88 .authgrid .lcard>div:first-child button{color:rgba(255,236,242,.75)!important}
  body.l88 .login-sheet .seg .thumb{background:#F0457A!important}
  body.l88 .login-sheet .seg button[aria-pressed="true"],body.l88 .login-sheet .roles span{color:#fff!important}
  body.l88 .login-sheet .roles span{background:#F0457A!important}
  body.l88 .login-sheet .btn.pri,body.l88 .sa-btn{background:linear-gradient(110deg,#FF5C86,#F0457A 55%,#E0306A)!important;color:#fff!important;border:0!important}
  body.l88 .login-sheet .btn:not(.pri){background:transparent!important;color:#fff!important;border:1px solid rgba(255,255,255,.18)!important}
  body.l88 .login-sheet a,body.l88 .sa-link{color:#FF8FA8!important}
  body.l88 .sa-appl,body.l88 .sa-strip>div,body.l88 .authgrid .authcard{background:rgba(255,255,255,.05)!important;border-color:rgba(255,255,255,.1)!important;color:#F6ECEF!important}
  body.l88 .sa-strip>div *,body.l88 .authgrid .authcard>*{color:inherit!important}
  body.l88 .sa-back{color:rgba(246,226,233,.7)!important}
  body.l88 .sa-panel{margin-top:0!important;padding:0 16px 32px!important}
  body.l88 .authgrid{grid-template-columns:1fr!important;gap:0!important}
  body.l88:has(.authgrid) .lpage{padding:0 16px 40px!important}
  body.l88 .authgrid .authtrust{background:transparent!important}
}
@media (max-width:1099px){body.l88 .authgrid>div:first-child{display:block!important}body.l88:has(.authgrid) .lpage>div:first-child{display:none!important}}
@media (max-width:1099px){body.l88 .authgrid>div:first-child{order:-1!important;grid-row:auto!important}}
/* ===== V91 · painéis do site no celular: topo vinho, cartões em grade e barra de navegação embaixo ===== */
.v91-bar{display:none}
@media (max-width:999px){
  body.v83-on .lheader{background:linear-gradient(120deg,#2A0616,#4A0A26 60%,#6B1238)!important;border:0!important;box-shadow:0 10px 30px -18px rgba(20,3,10,.7)!important}
  body.v83-on .lheader *{color:#fff!important}
  body.v83-on .lheader button,body.v83-on .lheader a{background:rgba(255,255,255,.1)!important;border-color:rgba(255,255,255,.16)!important}
  body.v83-on .lpage{padding-bottom:110px!important}
  body.v83-on aside.v83-side>div:first-child{display:none!important}
  body.v83-on .v83-main>div:first-child h1{font-size:26px!important;letter-spacing:-.02em}
  body.v83-on .v83-main .v91-kpis{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  body.v83-on .v83-main .v91-kpis>*{min-width:0!important;padding:14px!important}
  body.v83-on .v83-main .v91-kpis>* *{font-size:revert}
  body.v83-on .v83-main .lcard{border-radius:20px!important}
  .v91-bar{display:flex;position:fixed;left:12px;right:12px;bottom:calc(env(safe-area-inset-bottom) + 12px);z-index:60;padding:6px;gap:2px;border-radius:24px;
    background:rgba(28,6,16,.92);backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);border:1px solid rgba(255,255,255,.1);box-shadow:0 18px 40px -16px rgba(20,3,10,.75);animation:v91up .45s cubic-bezier(.2,.8,.2,1) both}
  .v91-bar button{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 2px;border:0;border-radius:18px;background:transparent;color:rgba(255,226,234,.7);font:600 10.5px/1.1 inherit;cursor:pointer;transition:background .2s,color .2s}
  .v91-bar button .ms{font-size:22px;color:inherit}
  .v91-bar button span.t{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .v91-bar button.on{background:linear-gradient(140deg,#FF5C7C,#C42E6B);color:#fff;box-shadow:0 8px 18px -8px rgba(255,92,124,.8)}
  body.v83-on .assist-fab,body.v83-on .assist-bubble{bottom:calc(env(safe-area-inset-bottom) + 92px)!important}
}
@keyframes v91up{from{transform:translateY(30px);opacity:0}to{transform:none;opacity:1}}
@media (max-width:999px){body.v83-on .lheader [style*="background"]{background:rgba(255,255,255,.1)!important;border-color:rgba(255,255,255,.16)!important}body.v83-on .lheader>div>button:first-child{background:transparent!important;border:0!important}}
/* ===== V92 · Área do salão: cabeçalho por seção, banner com foto, cartões claros e animados ===== */
.v92-hero{display:none}
body.v92-salao .v83-main>div:first-child{flex-wrap:wrap!important;row-gap:22px!important}
body.v92-salao .v83-main>div:first-child>div:first-child{flex-wrap:wrap}
body.v92-salao .v92-hero{display:flex;position:relative;order:9;flex:0 0 100%;width:100%;min-height:170px;border-radius:26px;overflow:hidden;align-items:center;padding:28px 34px;box-sizing:border-box;
  background:linear-gradient(90deg,#FFE3EC 0%,#FFD6E2 38%,rgba(255,214,226,.0) 70%),var(--v92img) right center/auto 100% no-repeat,#FCD9E3;box-shadow:0 24px 50px -34px rgba(196,46,107,.55);animation:v92in .6s cubic-bezier(.2,.8,.2,1) both}
body.v92-salao .v92-hero::before{content:"";position:absolute;left:-60px;top:-80px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.7),transparent 70%);pointer-events:none}
body.v92-salao .v92-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.35) 45%,transparent 60%);transform:translateX(-100%);animation:v92shine 6s 1s ease-in-out infinite;pointer-events:none}
.v92-hero .v92-txt{position:relative;z-index:1;max-width:min(560px,58%)}
.v92-hero .v92-tag{display:inline-block;padding:5px 12px;border-radius:999px;background:#2A0616;color:#fff;font-size:10.5px;font-weight:800;letter-spacing:.16em;margin-bottom:12px}
.v92-hero h2{margin:0 0 8px;font-size:clamp(22px,2.2vw,32px);line-height:1.1;letter-spacing:-.025em;font-weight:800;color:#2A0616}
.v92-hero h2 em{font-style:normal;color:#E0306A}
.v92-hero p{margin:0 0 16px;font-size:14.5px;line-height:1.45;color:#6B4555}
.v92-hero .v92-cta{display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border:0;border-radius:12px;background:linear-gradient(110deg,#FF5C86,#E0306A);color:#fff;font-weight:700;font-size:13.5px;cursor:pointer;box-shadow:0 12px 24px -12px rgba(224,48,106,.8);transition:transform .15s,filter .2s}
.v92-hero .v92-cta:hover{transform:translateY(-1px);filter:brightness(1.06)}
.v92-hero .v92-chips{position:absolute;right:26px;top:50%;transform:translateY(-50%);z-index:1;display:flex;flex-direction:column;gap:8px;padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.82);backdrop-filter:blur(10px);box-shadow:0 16px 34px -22px rgba(120,20,60,.5)}
.v92-hero .v92-chips span{display:flex;align-items:center;gap:9px;font-size:12.5px;font-weight:600;color:#3A1626}
.v92-hero .v92-chips i{width:24px;height:24px;border-radius:8px;display:grid;place-items:center;background:#FFE3EC;color:#E0306A;font-style:normal;font-size:12px}
/* título por seção (sem mexer no texto original) */
body.v92-salao .v83-main>div:first-child h1[data-v92]{font-size:0!important}
body.v92-salao .v83-main>div:first-child h1[data-v92] .v83-eye{font-size:11px!important}
body.v92-salao .v83-main>div:first-child h1[data-v92]::after{content:attr(data-v92);font-size:clamp(26px,2.4vw,34px);letter-spacing:-.02em;display:block;animation:v92in .5s ease both}
body.v92-salao .v83-main>div:first-child p[data-v92]{font-size:0!important}
body.v92-salao .v83-main>div:first-child p[data-v92]::after{content:attr(data-v92);font-size:14px;display:block}
/* cartões claros e ícones coloridos */
body.v92-salao .v83-main .lcard{border:1px solid #F3E6EB!important;box-shadow:0 14px 34px -26px rgba(120,20,60,.35)!important}
body.v92-salao .v83-main .lcard:hover{box-shadow:0 22px 44px -26px rgba(196,46,107,.4)!important}
@media (max-width:999px){
  body.v92-salao .v92-hero{min-height:150px;padding:20px;border-radius:20px;background:linear-gradient(120deg,#FFE3EC,#FFC9D8)}
  .v92-hero .v92-txt{max-width:100%}
  .v92-hero .v92-chips{display:none}
  .v92-hero h2{font-size:21px}
  body.v92-salao .v83-main>div:first-child h1[data-v92]::after{font-size:24px}
}
@keyframes v92in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes v92shine{0%,60%{transform:translateX(-100%)}100%{transform:translateX(100%)}}
@media (prefers-reduced-motion:reduce){.v92-hero,.v92-hero::after{animation:none!important}}
body.v92-salao aside.v83-side nav button.v83-act:not(.v92-on){background:transparent!important;box-shadow:none!important;color:rgba(255,236,242,.78)!important;font-weight:500!important}
body.v92-salao aside.v83-side nav button.v83-act:not(.v92-on) .ms{color:rgba(255,200,214,.75)!important}
body.v92-salao aside.v83-side nav button.v92-on{background:linear-gradient(110deg,#FF5C7C,#C42E6B 60%,#8E1F55)!important;color:#fff!important;font-weight:600!important;box-shadow:0 10px 22px -10px rgba(255,92,124,.75)!important}
body.v92-salao aside.v83-side nav button.v92-on .ms{color:#fff!important}
.v83-eye{display:block!important;font-size:11px!important;font-weight:800;letter-spacing:.2em;color:#C42E6B;margin-bottom:4px}

/* ===== V93 · blocos escuros viram cartões claros na Área do salão ===== */
body.v92-salao .v93-l{background:#fff!important;background-image:none!important;border:1px solid #F3E6EB!important;box-shadow:0 14px 34px -26px rgba(120,20,60,.35)!important;color:#2A0616!important}
body.v92-salao .v93-l .v93-t{color:#2A0616!important}
body.v92-salao .v93-l p.v93-t,body.v92-salao .v93-l small.v93-t{color:#7A5E69!important}
body.v92-salao .v93-l .v93-s{background:#FBF5F7!important;border-color:#F1E3E9!important}
body.v92-salao .v93-l .v93-s2{background:#FFF4F7!important;background-image:none!important;border:1px solid #F6DDE6!important}
body.v92-salao .v93-l .v93-s2 .v93-t{color:#2A0616!important}
body.v92-salao .v83-main .v91-kpis>*,body.v92-salao .v83-main [class*=kpi]{transition:transform .25s}
body.v92-salao .v93-l::before,body.v92-salao .v93-l::after,body.v92-salao .v93-s2::before,body.v92-salao .v93-s2::after{display:none!important}
html body.v92-salao .v83-main div.lcard.v93-l,html body.v92-salao .v83-main .v93-l{background:#fff!important;background-image:none!important}
html body.v92-salao .v83-main .v93-l .v93-s2{background:#FFF4F7!important;background-image:none!important}
html body.v92-salao .v83-main .v93-l .v93-s{border:1px solid #F1E3E9!important;border-radius:14px}
html body.v92-salao .v83-main .v93-l :is(h1,h2,h3,h4){color:#2A0616!important}
/* ===== V96 · acabamento: botões, campos, listas, atalhos, cadastro rápido e QR ===== */
/* botões e campos dentro dos painéis */
body.v92-salao .v83-main button{transition:transform .15s,box-shadow .2s,filter .2s,background .2s}
body.v92-salao .v83-main button:not(:disabled):active{transform:scale(.97)}
body.v92-salao .v83-main .mbtn,body.v92-salao .v83-main button[style*="linear-gradient"]{border-radius:12px!important;box-shadow:0 10px 20px -12px rgba(224,48,106,.7)}
body.v92-salao .v83-main .mbtn:hover,body.v92-salao .v83-main button[style*="linear-gradient"]:hover{filter:brightness(1.06);transform:translateY(-1px)}
body.v92-salao .v83-main input:not([type=checkbox]):not([type=radio]),body.v92-salao .v83-main select,body.v92-salao .v83-main textarea{border-radius:12px!important;border:1px solid #EFDFE6!important;background:#fff!important;transition:border-color .2s,box-shadow .2s}
body.v92-salao .v83-main input:focus,body.v92-salao .v83-main select:focus,body.v92-salao .v83-main textarea:focus{outline:0!important;border-color:#F08AAA!important;box-shadow:0 0 0 4px rgba(255,92,124,.14)!important}
body.v92-salao .v83-main .linput{border-radius:12px!important;border-color:#EFDFE6!important;transition:box-shadow .2s,border-color .2s}
body.v92-salao .v83-main .linput:focus-within{border-color:#F08AAA!important;box-shadow:0 0 0 4px rgba(255,92,124,.14)!important}
body.v92-salao .v83-main .lsoft{border-radius:12px!important;background:#FBF4F7!important;border:1px solid #F3E6EB!important}
/* cartões e linhas */
body.v92-salao .v83-main .lcard{border-radius:20px!important;border:1px solid #F3E6EB!important;box-shadow:0 14px 34px -28px rgba(120,20,60,.45)!important;transition:box-shadow .25s,transform .25s,border-color .25s}
body.v92-salao .v83-main .lcard:hover{border-color:#F0D6E0!important;box-shadow:0 20px 40px -28px rgba(120,20,60,.55)!important}
body.v92-salao .v83-main [data-crm-seg-tabs] button{border-radius:999px!important;transition:background .2s,color .2s,box-shadow .2s}
body.v92-salao .v83-main table{border-collapse:separate;border-spacing:0}
body.v92-salao .v83-main th{font-size:11px!important;letter-spacing:.08em;text-transform:uppercase;color:#9A8590!important;font-weight:700!important;border-bottom:1px solid #F3E6EB!important}
body.v92-salao .v83-main td{border-bottom:1px solid #F8EEF2!important}
body.v92-salao .v83-main tr:hover td{background:#FFF8FA}
body.v92-salao .v83-main>*{animation:v96in .45s cubic-bezier(.2,.8,.2,1) both}
body.v92-salao .v83-main>*:nth-child(2){animation-delay:.05s}body.v92-salao .v83-main>*:nth-child(3){animation-delay:.1s}body.v92-salao .v83-main>*:nth-child(4){animation-delay:.15s}body.v92-salao .v83-main>*:nth-child(n+5){animation-delay:.2s}
@keyframes v96in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
/* botão + Cliente */
.v96-add{display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 15px;margin-right:8px;border-radius:12px;border:1px solid #F0DCE4;background:#fff;color:#C42E6B;font:700 13px/1 'Manrope','Sora',system-ui,sans-serif;cursor:pointer;box-shadow:0 8px 18px -14px rgba(120,20,60,.6)}
.v96-add svg{width:17px;height:17px}.v96-add:hover{background:#FFF1F5;transform:translateY(-1px)}
/* aproveite também */
.v96-also{margin-top:18px;padding:22px 24px;border-radius:24px;background:#fff;border:1px solid #F3E6EB;box-shadow:0 14px 34px -28px rgba(120,20,60,.45)}
.v96-also-h span{font-size:10.5px;letter-spacing:.16em;font-weight:800;color:#E0306A}.v96-also-h h3{margin:4px 0 14px;font-size:20px;letter-spacing:-.02em;color:#1D0710}
.v96-also-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.v96-tile{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:16px;border-radius:18px;border:1px solid #F3E6EB;background:linear-gradient(160deg,#FFF7FA,#fff);text-align:left;cursor:pointer;animation:v96in .5s cubic-bezier(.2,.8,.2,1) both;transition:transform .25s,box-shadow .25s,border-color .25s}
.v96-tile:hover{transform:translateY(-4px);border-color:#F2C6D6;box-shadow:0 22px 40px -26px rgba(224,48,106,.55)}
.v96-tile i{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;margin-bottom:6px;color:#fff;background:linear-gradient(140deg,#FF6A90,#E0306A);box-shadow:0 10px 18px -10px rgba(224,48,106,.8);transition:transform .3s}
.v96-tile:hover i{transform:rotate(-6deg) scale(1.06)}
.v96-tile.t-b i{background:linear-gradient(140deg,#A88BFF,#7B5CF0)}.v96-tile.t-c i{background:linear-gradient(140deg,#4FD1A5,#18A07A)}.v96-tile.t-d i{background:linear-gradient(140deg,#FFB65C,#F08A1E)}
.v96-tile i svg{width:20px;height:20px}
.v96-tile b{font-size:14px;color:#1D0710}.v96-tile small{font-size:12px;color:#7A5E69;line-height:1.4}
.v96-tile em{font-style:normal;font-size:12px;font-weight:800;color:#E0306A;margin-top:6px}
/* QR */
.v96-qr{display:flex;gap:8px;flex-wrap:wrap;width:100%;padding-top:12px;margin-top:4px;border-top:1px dashed #F0DCE4}
.v96-qr button{display:inline-flex;align-items:center;gap:7px;padding:9px 14px;border-radius:12px;border:1px solid #F0DCE4;background:#fff;color:#1D0710;font:700 12.5px/1 'Manrope','Sora',system-ui,sans-serif;cursor:pointer}
.v96-qr button:hover{background:#FFF1F5;color:#C42E6B}.v96-qr button svg{width:16px;height:16px}
/* modal */
.v96-modal{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:16px;background:rgba(29,7,16,.45);backdrop-filter:blur(6px);animation:v96fade .2s ease both}
.v96-modal.out{animation:v96fade .2s ease reverse both}
.v96-sheet{position:relative;width:min(420px,100%);padding:26px 24px 22px;border-radius:24px;background:#fff;box-shadow:0 40px 80px -30px rgba(29,7,16,.6);animation:v96pop .35s cubic-bezier(.2,.9,.3,1.2) both}
.v96-sheet h3{margin:10px 0 4px;font-size:22px;color:#1D0710;letter-spacing:-.02em}.v96-sheet p{margin:0 0 16px;font-size:13px;color:#7A5E69}
.v96-ic{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;color:#fff;background:linear-gradient(140deg,#FF6A90,#E0306A)}.v96-ic svg{width:24px}
.v96-x{position:absolute;right:14px;top:14px;width:34px;height:34px;border-radius:50%;border:0;background:#FBF1F5;color:#7A5E69;cursor:pointer;display:grid;place-items:center}.v96-x svg{width:16px}
.v96-sheet label{display:block;font-size:12.5px;font-weight:700;color:#3A2530;margin-bottom:12px}.v96-sheet label small{font-weight:500;color:#9A8590}
.v96-sheet input{display:block;width:100%;box-sizing:border-box;margin-top:6px;padding:12px 14px;border-radius:12px;border:1px solid #EFDFE6;font:500 14px 'Manrope',system-ui,sans-serif;outline:0;transition:border-color .2s,box-shadow .2s}
.v96-sheet input:focus{border-color:#F08AAA;box-shadow:0 0 0 4px rgba(255,92,124,.14)}
.v96-msg{min-height:18px;font-size:12.5px;color:#D0284F;margin-bottom:6px}
.v96-go{width:100%;padding:13px;border:0;border-radius:14px;color:#fff;font:800 14px 'Manrope',system-ui,sans-serif;cursor:pointer;background:linear-gradient(110deg,#FF5C86,#E0306A);box-shadow:0 14px 26px -14px rgba(224,48,106,.9)}.v96-go:disabled{opacity:.7}
@keyframes v96fade{from{opacity:0}to{opacity:1}}@keyframes v96pop{from{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:none}}
/* aviso */
.v96-toast{position:fixed;left:50%;bottom:28px;z-index:10000;transform:translateX(-50%);padding:13px 18px;border-radius:14px;background:#1D0710;color:#fff;font:600 13.5px/1.3 'Manrope',system-ui,sans-serif;box-shadow:0 20px 40px -18px rgba(29,7,16,.7);animation:v96t .35s cubic-bezier(.2,.9,.3,1.2) both;max-width:calc(100% - 32px)}
.v96-toast::before{content:"✓";display:inline-grid;place-items:center;width:20px;height:20px;margin-right:9px;border-radius:50%;background:#18A07A;font-size:12px}
.v96-toast.err::before{content:"!";background:#E0306A}
.v96-toast.out{opacity:0;transform:translate(-50%,10px);transition:.4s}
@keyframes v96t{from{opacity:0;transform:translate(-50%,16px)}to{opacity:1;transform:translateX(-50%)}}
@media (max-width:1100px){.v96-also-g{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:999px){.v96-add span{display:none}.v96-add{padding:0 11px;margin-right:6px}.v96-toast{bottom:104px}.v96-also{padding:18px 16px}}
@media (max-width:520px){.v96-also-g{gap:10px}.v96-tile{padding:13px}.v96-tile small{display:none}}
@media (prefers-reduced-motion:reduce){body.v92-salao .v83-main>*,.v96-tile,.v96-sheet,.v96-modal{animation:none!important}}
.v96-modal,.v96-toast,.v96-also{font-family:'Manrope','Sora',system-ui,sans-serif}.v96-sheet h3,.v96-also-h h3{font-family:'Sora','Manrope',sans-serif}

/* ===== V97 · agenda por profissional e resultados das campanhas ===== */
.v97-box{margin:0 0 18px;padding:22px 24px;border-radius:24px;background:#fff;border:1px solid #F3E6EB;box-shadow:0 14px 34px -28px rgba(120,20,60,.45);font-family:'Manrope','Sora',system-ui,sans-serif;animation:v96in .45s cubic-bezier(.2,.8,.2,1) both}
.v97-ah{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.v97-eye{font-size:10.5px;letter-spacing:.16em;font-weight:800;color:#E0306A}
.v97-ah h3{margin:4px 0 2px;font:800 20px/1.2 'Sora','Manrope',sans-serif;letter-spacing:-.02em;color:#1D0710}.v97-ah p{margin:0;font-size:12.5px;color:#7A5E69}
.v97-nav{display:flex;gap:6px}.v97-nav button{height:36px;min-width:36px;padding:0 12px;border-radius:12px;border:1px solid #F0DCE4;background:#fff;color:#1D0710;font:700 15px/1 'Manrope',sans-serif;cursor:pointer}.v97-nav button.hj{font-size:12.5px}.v97-nav button:hover{background:#FFF1F5}
.v97-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin-bottom:16px}
.v97-week button{display:flex;flex-direction:column;align-items:center;gap:2px;padding:9px 4px;border-radius:14px;border:1px solid #F3E6EB;background:#FFFBFC;cursor:pointer;font-family:'Manrope',sans-serif;transition:transform .2s,box-shadow .2s,background .2s}
.v97-week button small{font-size:11px;color:#9A8590;font-weight:700}.v97-week button b{font:800 18px/1.1 'Sora',sans-serif;color:#1D0710}.v97-week button i{font-style:normal;font-size:10.5px;color:#C42E6B;font-weight:700}
.v97-week button:hover{transform:translateY(-2px)}.v97-week button.hoje{border-color:#F2C6D6}
.v97-week button.on{background:linear-gradient(140deg,#FF6A90,#E0306A);border-color:transparent;box-shadow:0 12px 22px -12px rgba(224,48,106,.8)}.v97-week button.on *{color:#fff!important}
.v97-grid{display:grid;grid-template-columns:repeat(var(--n),minmax(220px,1fr));gap:12px;overflow-x:auto;padding-bottom:4px}
.v97-col{border-radius:18px;background:#FCF8FA;border:1px solid #F3E9EE;padding:10px;min-height:160px;border-top:3px solid var(--c)}
.v97-ch{display:flex;align-items:center;gap:10px;padding:4px 4px 10px}.v97-ch i{width:34px;height:34px;flex:none;border-radius:50%;display:grid;place-items:center;font-style:normal;font-weight:800;color:#fff;background:var(--c)}
.v97-ch b{display:block;font-size:13.5px;color:#1D0710}.v97-ch small{font-size:11px;color:#9A8590}
.v97-ev{display:flex;gap:10px;padding:10px;margin-bottom:8px;border-radius:14px;background:#fff;border:1px solid #F3E6EB;border-left:4px solid var(--c);animation:v96in .4s cubic-bezier(.2,.8,.2,1) both;transition:transform .2s,box-shadow .2s}
.v97-ev:hover{transform:translateY(-2px);box-shadow:0 14px 26px -20px rgba(120,20,60,.6)}.v97-ev.cx{opacity:.55}.v97-ev.cx b{text-decoration:line-through}
.v97-t{font:800 13px/1.2 'Sora',sans-serif;color:var(--c);min-width:42px}.v97-b{min-width:0}.v97-b b{display:block;font-size:13px;color:#1D0710;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v97-b span{display:block;font-size:11.5px;color:#7A5E69;margin:1px 0 5px}
.v97-b em{font-style:normal;font-size:10.5px;font-weight:800;padding:3px 8px;border-radius:999px}
.v97-free{padding:16px 10px;text-align:center;font-size:13px;font-weight:700;color:#7A5E69;border:1px dashed #EBD6DF;border-radius:14px}.v97-free small{display:block;font-weight:500;font-size:11.5px;color:#9A8590;margin-top:3px}
.v97-sk{height:180px;border-radius:16px;background:linear-gradient(90deg,#F8EEF2 25%,#FFF6F9 50%,#F8EEF2 75%);background-size:200% 100%;animation:v97sh 1.2s linear infinite}
@keyframes v97sh{from{background-position:200% 0}to{background-position:-200% 0}}
.v97-err{padding:16px;border-radius:14px;background:#FFF4F6;color:#C42E6B;font-size:13px;font-weight:700}
.v97-kpi{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px}
.v97-kpi>div{padding:14px 16px;border-radius:16px;background:linear-gradient(160deg,#FFF5F8,#fff);border:1px solid #F3E6EB}.v97-kpi small{font-size:11.5px;color:#9A8590;font-weight:700}.v97-kpi b{display:block;font:800 26px/1.2 'Sora',sans-serif;color:#1D0710;margin-top:4px}.v97-kpi b i{font-style:normal;font-size:13px;color:#9A8590;font-weight:600}
.v97-two{display:grid;grid-template-columns:1.2fr 1fr;gap:14px}
.v97-chart,.v97-rank{padding:16px;border-radius:18px;border:1px solid #F3E6EB}.v97-two h4{margin:0 0 12px;font:800 14px 'Sora',sans-serif;color:#1D0710}
.v97-bars{display:flex;align-items:flex-end;gap:8px;height:170px}
.v97-bar{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;height:100%;justify-content:flex-end}
.v97-bar span{position:relative;display:block;width:100%;max-width:34px;height:var(--h);min-height:4px;border-radius:9px 9px 4px 4px;background:linear-gradient(180deg,#FF7A9A,#E0306A);transform-origin:bottom;animation:v97up .7s cubic-bezier(.2,.8,.2,1) both}
.v97-bar span em{position:absolute;top:-18px;left:50%;transform:translateX(-50%);font-style:normal;font-size:11px;font-weight:800;color:#1D0710}
.v97-bar small{font-size:10.5px;color:#9A8590}
@keyframes v97up{from{transform:scaleY(0)}to{transform:scaleY(1)}}
.v97-rk{display:grid;grid-template-columns:minmax(0,1.3fr) 1fr auto;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid #F8EEF2}.v97-rk:last-child{border:0}
.v97-rk b{display:block;font-size:13px;color:#1D0710;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v97-rk small{font-size:11px;color:#9A8590}.v97-rk strong{font:800 14px 'Sora',sans-serif;color:#1D0710}
.v97-rb{height:8px;border-radius:8px;background:#F6E8EE;overflow:hidden}.v97-rb span{display:block;height:100%;width:var(--w);border-radius:8px;background:linear-gradient(90deg,#FF7A9A,#E0306A);transform-origin:left;animation:v97x .8s cubic-bezier(.2,.8,.2,1) both}
@keyframes v97x{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media (max-width:999px){.v97-box{padding:18px 14px;border-radius:20px}.v97-week{gap:5px}.v97-week button{padding:7px 2px}.v97-week button i{display:none}.v97-grid{grid-template-columns:repeat(var(--n),minmax(78%,1fr));scroll-snap-type:x mandatory}.v97-col{scroll-snap-align:start}.v97-two{grid-template-columns:1fr}.v97-kpi{grid-template-columns:1fr 1fr}.v97-kpi>div:last-child{grid-column:1/-1}}
@media (prefers-reduced-motion:reduce){.v97-box,.v97-ev,.v97-bar span,.v97-rb span,.v97-sk{animation:none!important}}
/* cartão de membro da cliente: brilho e leve flutuação */
.v97-member{position:relative;overflow:hidden!important;animation:v97float 7s ease-in-out infinite}
.v97-member::after{content:"";position:absolute;inset:-50%;background:linear-gradient(115deg,transparent 42%,rgba(255,255,255,.22) 50%,transparent 58%);animation:v97shine 5s ease-in-out infinite;pointer-events:none;z-index:2}
@keyframes v97shine{0%,60%{transform:translateX(-60%)}100%{transform:translateX(60%)}}
@keyframes v97float{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@media (prefers-reduced-motion:reduce){.v97-member,.v97-member::after{animation:none!important}}

/* ===== V98 · menu lateral nas cores do modelo (vinho/magenta, item ativo rosa) ===== */
@media (min-width:1000px){
  body.v83-on aside.v83-side{width:236px!important;padding:22px 14px 16px!important;
    background:radial-gradient(90% 40% at 50% 0%,rgba(255,92,140,.16),transparent 70%),linear-gradient(180deg,#4B0B2C 0%,#3A0822 38%,#2C0619 72%,#22040F 100%)!important;
    box-shadow:10px 0 34px -22px rgba(60,6,30,.7)!important}
  body.v83-on aside.v83-side nav button{color:#fff!important;font-weight:500!important;font-size:14px!important;padding:12px 16px!important;border-radius:14px!important;border:1px solid transparent!important}
  body.v83-on aside.v83-side nav button .ms{color:#fff!important;opacity:.92}
  body.v83-on aside.v83-side nav button:hover{background:rgba(255,255,255,.07)!important}
  body.v83-on aside.v83-side nav button.v92-on,body.v83-on:not(.v92-salao) aside.v83-side nav button.v83-act{
    background:linear-gradient(100deg,#FF7AA2 0%,#F7558A 45%,#E23A74 100%)!important;color:#fff!important;font-weight:600!important;
    border:1px solid rgba(255,200,220,.55)!important;box-shadow:0 10px 26px -10px rgba(255,80,130,.85),inset 0 1px 0 rgba(255,255,255,.3)!important}
  body.v83-on aside.v83-side>.lcard:not(nav){background:rgba(255,255,255,.04)!important;border:1px solid rgba(255,190,215,.22)!important;border-radius:16px!important}
  body.v83-on .v83-help{background:rgba(255,255,255,.04)!important;border:1px solid rgba(255,190,215,.22)!important}
  body.v83-on .v83-help button,body.v83-on .v83-help a{background:#fff!important;color:#2C0619!important}
  body.v83-on .v83-brand{border-bottom:1px solid rgba(255,190,215,.14)!important}
}
@media (min-width:1000px){
  body.v83-on [data-desktop-menu-label]{display:none!important}
  body.v83-on aside.v83-side nav button.v83-act:not(.v92-on){border-color:transparent!important}
  body.v83-on:not(.v92-salao) aside.v83-side nav button.v83-act{border-color:rgba(255,200,220,.55)!important}
}
@media (min-width:1000px){body.v83-on .v83-main>.v92-head h1{font-size:clamp(28px,2.6vw,38px)!important;letter-spacing:-.02em}}
@media (max-width:999px){body.v83-on .v83-main>.v92-head h1{font-size:26px!important;letter-spacing:-.02em}}
body.v92-salao .v83-main>.v92-head{flex-wrap:wrap!important;row-gap:22px!important}
body.v92-salao .v83-main>.v92-head>div:first-child{flex-wrap:wrap}
body.v92-salao .v83-main>.v92-head h1[data-v92]{font-size:0!important}
body.v92-salao .v83-main>.v92-head h1[data-v92] .v83-eye{font-size:11px!important}
body.v92-salao .v83-main>.v92-head h1[data-v92]::after{content:attr(data-v92);font-size:clamp(26px,2.4vw,34px);letter-spacing:-.02em;display:block;animation:v92in .5s ease both}
body.v92-salao .v83-main>.v92-head p[data-v92]{font-size:0!important}
body.v92-salao .v83-main>.v92-head p[data-v92]::after{content:attr(data-v92);font-size:14px;display:block}
@media (max-width:999px){body.v92-salao .v83-main>.v92-head h1[data-v92]::after{font-size:24px}}

/* ===== V99 · Visão geral do salão mais viva ===== */
.v99-box{margin:0 0 18px;font-family:'Manrope','Sora',system-ui,sans-serif}
.v99-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:16px}
.v99-card{min-height:250px;padding:18px 18px 12px;border-radius:22px;background:#fff;border:1px solid #F3E6EB;box-shadow:0 14px 34px -28px rgba(120,20,60,.45);animation:v96in .5s cubic-bezier(.2,.8,.2,1) both;transition:transform .25s,box-shadow .25s}
.v99-card:nth-child(2){animation-delay:.08s}.v99-card:nth-child(3){animation-delay:.16s}
.v99-card:hover{transform:translateY(-3px);box-shadow:0 24px 44px -30px rgba(120,20,60,.6)}
.v99-h{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.v99-hi{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;color:#E0306A;background:#FFEAF1}.v99-hi svg{width:19px;height:19px}
.v99-h b{flex:1;font:800 15px 'Sora','Manrope',sans-serif;color:#1D0710}
.v99-h button{border:1px solid #F0DCE4;background:#fff;border-radius:10px;padding:6px 10px;font:700 11.5px 'Manrope',sans-serif;color:#1D0710;cursor:pointer;white-space:nowrap}
.v99-h button:hover{background:#FFF1F5;color:#C42E6B}
.v99-row,.v99-next,.v99-pro{display:flex;align-items:center;gap:12px;padding:9px 6px;border-radius:14px;animation:v96in .45s cubic-bezier(.2,.8,.2,1) both;transition:background .2s}
.v99-row:hover,.v99-next:hover,.v99-pro:hover{background:#FFF7FA}
.v99-row+.v99-row,.v99-pro+.v99-pro,.v99-next+.v99-next{border-top:1px solid #F8EEF2}
.v99-row i{flex:none;width:38px;height:38px;border-radius:12px;display:grid;place-items:center}.v99-row i svg{width:18px;height:18px}
.v99-row div,.v99-next>div:last-child,.v99-pro div{flex:1;min-width:0}
.v99-row b,.v99-next b,.v99-pro b{display:block;font-size:13px;color:#1D0710;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v99-row small,.v99-next small,.v99-pro small{display:block;font-size:11.5px;color:#8A7380;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v99-row em{font-style:normal;font-size:11.5px;color:#9A8590;font-weight:600}
.v99-when{flex:none;width:56px;padding:7px 0;border-radius:12px;text-align:center;background:color-mix(in srgb,var(--c) 14%,#fff);border-left:3px solid var(--c)}
.v99-when b{font:800 14px 'Sora',sans-serif;color:var(--c)!important}.v99-when small{font-size:10.5px!important;font-weight:700;color:#7A5E69!important}
.v99-pro i{flex:none;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-weight:800;color:#fff;background:var(--c);box-shadow:0 0 0 3px #fff,0 0 0 4px color-mix(in srgb,var(--c) 40%,#fff)}
.v99-pro span{font-size:11px;font-weight:800;padding:4px 9px;border-radius:999px;background:#F4EFF1;color:#9A8590}
.v99-pro span.on{background:#E6F7F0;color:#18A07A;position:relative;padding-left:18px}
.v99-pro span.on::before{content:"";position:absolute;left:8px;top:50%;width:6px;height:6px;margin-top:-3px;border-radius:50%;background:#18A07A;animation:v99pulse 1.6s ease-out infinite}
@keyframes v99pulse{0%{box-shadow:0 0 0 0 rgba(24,160,122,.6)}100%{box-shadow:0 0 0 7px rgba(24,160,122,0)}}
/* hero mais vivo */
body.v92-salao .v92-hero{animation:v99hero .7s cubic-bezier(.2,.8,.2,1) both}
@keyframes v99hero{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}
body.v92-salao .v92-hero .v92-chips span{animation:v96in .5s cubic-bezier(.2,.8,.2,1) both}
body.v92-salao .v92-hero .v92-chips span:nth-child(2){animation-delay:.12s}body.v92-salao .v92-hero .v92-chips span:nth-child(3){animation-delay:.24s}
@media (max-width:1200px){.v99-grid{grid-template-columns:1fr 1fr}.v99-card:first-child{grid-column:1/-1}}
@media (max-width:760px){.v99-grid{grid-template-columns:1fr}.v99-card{min-height:0}}
@media (prefers-reduced-motion:reduce){.v99-card,.v99-row,.v99-next,.v99-pro,body.v92-salao .v92-hero{animation:none!important}.v99-pro span.on::before{animation:none}}
body.v83-on .v83-main section.v99-box{display:block!important}

/* ===== V100 · painel do salão mais organizado ===== */
/* resumo do dia: faixa com a Lia + 4 cartões separados */
body.v100-sal .v100-hl{background:linear-gradient(120deg,#FFF1F5,#fff)!important;border:1px solid #F3E2EA!important;border-radius:22px!important;padding:16px 20px!important;align-items:center!important;box-shadow:0 14px 30px -26px rgba(120,20,60,.45)!important}
body.v100-sal .v83-main .lcard.v100-today{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
body.v100-sal .v83-main .lcard.v100-today::before,body.v100-sal .v83-main .lcard.v100-today::after{display:none!important}
body.v100-sal .v100-wrap{display:flex!important;flex-direction:column!important;gap:16px!important}
body.v100-sal .v100-kpis{gap:16px!important}
body.v100-sal .v100-kpis>button{display:grid!important;grid-template-columns:46px 1fr;column-gap:12px;row-gap:2px;align-items:start;text-align:left;padding:18px!important;border-radius:20px!important;background:#fff!important;border:1px solid #F3E6EB!important;box-shadow:0 14px 30px -26px rgba(120,20,60,.5)!important;animation:v96in .5s cubic-bezier(.2,.8,.2,1) both;transition:transform .25s,box-shadow .25s}
body.v100-sal .v100-kpis>button:nth-child(2){animation-delay:.06s}body.v100-sal .v100-kpis>button:nth-child(3){animation-delay:.12s}body.v100-sal .v100-kpis>button:nth-child(4){animation-delay:.18s}
body.v100-sal .v100-kpis>button:hover{transform:translateY(-4px);box-shadow:0 24px 40px -26px rgba(120,20,60,.6)!important}
body.v100-sal .v100-kpis>button>span:first-child{grid-row:1/4;width:46px!important;height:46px!important;border-radius:14px!important;margin:0!important}
body.v100-sal .v100-kpis>button>span:nth-child(3){font-size:26px!important;color:#1D0710!important;margin:2px 0!important}
body.v100-sal .v100-kpis>button>span:nth-child(5){grid-column:1/-1;margin-top:10px!important;padding-top:10px;border-top:1px solid #F6ECF0}
/* busca no topo */
.v100-search{display:flex;align-items:center;gap:8px;height:40px;padding:0 12px;margin-right:8px;border-radius:12px;background:#fff;border:1px solid #F0DCE4;box-shadow:0 8px 18px -14px rgba(120,20,60,.5);min-width:240px;transition:border-color .2s,box-shadow .2s}
.v100-search:focus-within{border-color:#F08AAA;box-shadow:0 0 0 4px rgba(255,92,124,.14)}
.v100-search svg{width:16px;height:16px;color:#9A8590;flex:none}
.v100-search input{border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;font:500 13px 'Manrope',sans-serif;color:#1D0710;width:100%;padding:0!important}
@media (max-width:1200px){.v100-search{min-width:180px}}
@media (max-width:999px){.v100-search{display:none}body.v100-sal .v100-kpis{grid-template-columns:1fr 1fr!important;gap:10px!important}body.v100-sal .v100-kpis>button{padding:14px!important;grid-template-columns:1fr}body.v100-sal .v100-kpis>button>span:first-child{grid-row:auto;margin-bottom:6px!important}}

/* ===== V101 · nada de branco em branco ===== */
body.v83-on .v83-main .v101-dk{color:#2A1420!important;-webkit-text-fill-color:#2A1420!important}
/* fundo da área de conteúdo levemente rosado-acinzentado, cartões brancos se destacam (como o modelo) */
@media (min-width:1000px){body.v83-on .v83-main{background:transparent}body.v83-on{background:#F4F0F2!important}}


/* Menu do salão: base escura e destaque apenas nos estados de interação. */
html body #dc-root#dc-root#dc-root [data-app-dashboard="salao"] aside[data-salon-side].v83-side{
  color:#f5e9f0!important;
}
html body #dc-root#dc-root#dc-root [data-app-dashboard="salao"] aside[data-salon-side].v83-side .lcard,
html body #dc-root#dc-root#dc-root [data-app-dashboard="salao"] aside[data-salon-side].v83-side .v83-help{
  background:#2e1025!important;
  background-image:none!important;
  border:1px solid #ffffff16!important;
  box-shadow:none!important;
  color:#f5e9f0!important;
}
html body #dc-root#dc-root#dc-root [data-app-dashboard="salao"] aside[data-salon-side].v83-side .lcard :is(div,p,small,strong,b,span){
  color:#ead6e2!important;
}
html body #dc-root#dc-root#dc-root [data-app-dashboard="salao"] aside[data-salon-side].v83-side nav.lcard>button{
  background:transparent!important;
  background-image:none!important;
  color:#ecdde7!important;
  border:1px solid transparent!important;
  box-shadow:none!important;
  transition:background-color .18s ease,border-color .18s ease,color .18s ease!important;
}
html body #dc-root#dc-root#dc-root [data-app-dashboard="salao"] aside[data-salon-side].v83-side nav.lcard>button :is(span,svg){
  color:inherit!important;
}
html body #dc-root#dc-root#dc-root [data-app-dashboard="salao"] aside[data-salon-side].v83-side nav.lcard>button:is([data-active="1"],:not([data-active]).v92-on){
  background:#6d254b!important;
  color:#fff!important;
  border-color:#b54e7c!important;
  box-shadow:inset 3px 0 0 #ff83b1!important;
}
@media(hover:hover){
  html body #dc-root#dc-root#dc-root [data-app-dashboard="salao"] aside[data-salon-side].v83-side nav.lcard>button:hover{
    background:#4e203a!important;
    color:#fff!important;
    border-color:#9f5b7a!important;
  }
  html body #dc-root#dc-root#dc-root [data-app-dashboard="salao"] aside[data-salon-side].v83-side nav.lcard>button:is([data-active="1"],:not([data-active]).v92-on):hover{
    background:#793057!important;
  }
}
html body #dc-root#dc-root#dc-root [data-app-dashboard="salao"] aside[data-salon-side].v83-side nav.lcard>button:active{
  background:#793057!important;
  color:#fff!important;
}
html body #dc-root#dc-root#dc-root [data-app-dashboard="salao"] aside[data-salon-side].v83-side :is(button,a):focus-visible{
  outline:2px solid #ff9dc3!important;
  outline-offset:3px!important;
}
html body #dc-root#dc-root#dc-root [data-app-dashboard="salao"] aside[data-salon-side].v83-side .lcard>button,
html body #dc-root#dc-root#dc-root [data-app-dashboard="salao"] aside[data-salon-side].v83-side .lcard button[title="Sair"]{
  background:#ffffff0b!important;
  color:#ffbad5!important;
  border:1px solid #ffffff20!important;
}
html body #dc-root#dc-root#dc-root [data-app-dashboard="salao"] aside[data-salon-side].v83-side .v83-help :is(b,small,span){
  color:#eedde7!important;
}
html body #dc-root#dc-root#dc-root [data-app-dashboard="salao"] aside[data-salon-side].v83-side .v83-help button{
  background:#55223f!important;
  color:#fff!important;
  border:1px solid #925776!important;
}
@media(prefers-reduced-motion:reduce){
  html body #dc-root#dc-root#dc-root [data-app-dashboard="salao"] aside[data-salon-side].v83-side nav.lcard>button{transition:none!important;}
}

/* Referencias visuais do salao — 20261021 */
html body #dc-root#dc-root#dc-root#dc-root#dc-root [data-app-dashboard="salao"][data-app-dashboard="salao"]{--accent:#f52f78;--accent2:#ff5b8d;--text:#310b1e;--muted:#867a81;background:#f5f5f6!important;color:#310b1e!important}
html body #dc-root#dc-root#dc-root#dc-root#dc-root [data-app-dashboard="salao"][data-app-dashboard="salao"] .v83-main{background:#f5f5f6!important;color:#310b1e!important}
html body #dc-root#dc-root#dc-root#dc-root#dc-root [data-app-dashboard="salao"][data-app-dashboard="salao"] aside[data-salon-side].v83-side{background:linear-gradient(165deg,#45051f 0%,#360419 65%,#300316 100%)!important;border-right:1px solid #ffffff0c!important}
html body #dc-root#dc-root#dc-root#dc-root#dc-root [data-app-dashboard="salao"][data-app-dashboard="salao"] aside[data-salon-side] nav.lcard{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
html body #dc-root#dc-root#dc-root#dc-root#dc-root [data-app-dashboard="salao"][data-app-dashboard="salao"] aside[data-salon-side] nav.lcard>button{background:transparent!important;color:#ead7e0!important;border:1px solid transparent!important;border-radius:10px!important;box-shadow:none!important}
html body #dc-root#dc-root#dc-root#dc-root#dc-root [data-app-dashboard="salao"][data-app-dashboard="salao"] aside[data-salon-side] nav.lcard>button:is([data-active="1"],:not([data-active]).v92-on){background:linear-gradient(110deg,#fd5789,#cb1563)!important;color:#fff!important;border-color:#ff78a12b!important;box-shadow:0 7px 18px #18000c30!important}
html body #dc-root#dc-root#dc-root#dc-root#dc-root [data-app-dashboard="salao"][data-app-dashboard="salao"] aside[data-salon-side] .lcard:not(nav),html body #dc-root#dc-root#dc-root#dc-root#dc-root [data-app-dashboard="salao"][data-app-dashboard="salao"] aside[data-salon-side] .v83-help{background:#ffffff04!important;border-color:#ffffff14!important;border-radius:14px!important}
html body #dc-root#dc-root#dc-root#dc-root#dc-root [data-app-dashboard="salao"][data-app-dashboard="salao"] .v83-main .lcard,html body #dc-root#dc-root#dc-root#dc-root#dc-root [data-app-dashboard="salao"][data-app-dashboard="salao"] .v83-main .v99-card{background:#fdfdfd!important;border:1px solid #ece8eb!important;border-radius:18px!important;box-shadow:0 5px 20px #36041905!important}
html body #dc-root#dc-root#dc-root#dc-root#dc-root [data-app-dashboard="salao"][data-app-dashboard="salao"] .v83-main h1,html body #dc-root#dc-root#dc-root#dc-root#dc-root [data-app-dashboard="salao"][data-app-dashboard="salao"] .v83-main h2,html body #dc-root#dc-root#dc-root#dc-root#dc-root [data-app-dashboard="salao"][data-app-dashboard="salao"] .v83-main h3{color:#310b1e!important}
html body #dc-root#dc-root#dc-root#dc-root#dc-root [data-app-dashboard="salao"][data-app-dashboard="salao"] .v83-main .v83-eye{color:#aa8294!important;letter-spacing:.16em!important}
html body #dc-root#dc-root#dc-root#dc-root#dc-root [data-app-dashboard="salao"][data-app-dashboard="salao"] .v92-hero{background:linear-gradient(90deg,#fec8da 0%,#fec8da 35%,#fec8da00 72%),var(--v92img) right center/auto 100% no-repeat,#fec8da!important;border:1px solid #f8bfd2!important;border-radius:20px!important;box-shadow:0 10px 30px #af235c0a!important;min-height:206px!important}
html body #dc-root#dc-root#dc-root#dc-root#dc-root [data-app-dashboard="salao"][data-app-dashboard="salao"] .v92-hero .v92-tag{background:#4a0b27!important;color:white!important}
html body #dc-root#dc-root#dc-root#dc-root#dc-root [data-app-dashboard="salao"][data-app-dashboard="salao"] .v92-hero h2{color:#300b1e!important;line-height:1.18!important}
html body #dc-root#dc-root#dc-root#dc-root#dc-root [data-app-dashboard="salao"][data-app-dashboard="salao"] .v92-hero h2 em{color:#e52d70!important}
html body #dc-root#dc-root#dc-root#dc-root#dc-root [data-app-dashboard="salao"][data-app-dashboard="salao"] .v92-hero p{color:#785366!important}
html body #dc-root#dc-root#dc-root#dc-root#dc-root [data-app-dashboard="salao"][data-app-dashboard="salao"] .v92-cta,html body #dc-root#dc-root#dc-root#dc-root#dc-root [data-app-dashboard="salao"][data-app-dashboard="salao"] .v83-main .mbtn,html body #dc-root#dc-root#dc-root#dc-root#dc-root [data-app-dashboard="salao"][data-app-dashboard="salao"] .v83-main .v96-add{background:linear-gradient(110deg,#ff4a86,#ee246d)!important;color:#fff!important;border-color:transparent!important;border-radius:11px!important;box-shadow:0 6px 16px #f12f7826!important;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease!important}
html body #dc-root#dc-root#dc-root#dc-root#dc-root [data-app-dashboard="salao"][data-app-dashboard="salao"] .v92-cta *,html body #dc-root#dc-root#dc-root#dc-root#dc-root [data-app-dashboard="salao"][data-app-dashboard="salao"] .v83-main .mbtn *,html body #dc-root#dc-root#dc-root#dc-root#dc-root [data-app-dashboard="salao"][data-app-dashboard="salao"] .v83-main .v96-add *{color:inherit!important}
html body #dc-root#dc-root#dc-root#dc-root#dc-root [data-app-dashboard="salao"][data-app-dashboard="salao"] .v100-kpis>button{background:#fff!important;border:1px solid #ece8eb!important;border-radius:16px!important;box-shadow:0 4px 14px #36041904!important}
html body #dc-root#dc-root#dc-root#dc-root#dc-root [data-app-dashboard="salao"][data-app-dashboard="salao"] .v100-hl{background:linear-gradient(110deg,#fff7fa,#ffedf4)!important;border:1px solid #f9dae6!important;border-radius:15px!important}
html body #dc-root#dc-root#dc-root#dc-root#dc-root [data-app-dashboard="salao"][data-app-dashboard="salao"] .v99-h{color:#42182b!important;border-color:#f0e9ed!important}
@media(hover:hover){
html body #dc-root#dc-root#dc-root#dc-root#dc-root [data-app-dashboard="salao"][data-app-dashboard="salao"] aside[data-salon-side] nav.lcard>button:hover{background:#ffffff0d!important;color:#fff!important}
html body #dc-root#dc-root#dc-root#dc-root#dc-root [data-app-dashboard="salao"][data-app-dashboard="salao"] aside[data-salon-side] nav.lcard>button[data-active="1"]:hover{background:linear-gradient(110deg,#ff6394,#da206e)!important}
html body #dc-root#dc-root#dc-root#dc-root#dc-root [data-app-dashboard="salao"][data-app-dashboard="salao"] .v92-cta:hover,html body #dc-root#dc-root#dc-root#dc-root#dc-root [data-app-dashboard="salao"][data-app-dashboard="salao"] .v83-main .mbtn:hover,html body #dc-root#dc-root#dc-root#dc-root#dc-root [data-app-dashboard="salao"][data-app-dashboard="salao"] .v83-main .v96-add:hover{color:white!important;filter:brightness(1.04);transform:translateY(-2px);box-shadow:0 9px 20px #f12f7833!important}
}
html body #dc-root#dc-root#dc-root#dc-root#dc-root [data-app-dashboard="salao"][data-app-dashboard="salao"] button:focus-visible,html body #dc-root#dc-root#dc-root#dc-root#dc-root [data-app-dashboard="salao"][data-app-dashboard="salao"] a:focus-visible{outline:3px solid #f65a94!important;outline-offset:3px!important}
@media(max-width:700px){html body #dc-root#dc-root#dc-root#dc-root#dc-root [data-app-dashboard="salao"][data-app-dashboard="salao"] .v92-hero{background:linear-gradient(120deg,#ffdfeb,#fec8da)!important;min-height:190px!important;padding:24px!important}html body #dc-root#dc-root#dc-root#dc-root#dc-root [data-app-dashboard="salao"][data-app-dashboard="salao"] .v92-hero .v92-txt{max-width:100%!important}}
@media(prefers-reduced-motion:reduce){html body #dc-root#dc-root#dc-root#dc-root#dc-root [data-app-dashboard="salao"][data-app-dashboard="salao"] *,html body #dc-root#dc-root#dc-root#dc-root#dc-root [data-app-dashboard="salao"][data-app-dashboard="salao"] *::before,html body #dc-root#dc-root#dc-root#dc-root#dc-root [data-app-dashboard="salao"][data-app-dashboard="salao"] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* ===== V104 · administrador com os mesmos cartões e busca do salão ===== */
body.v104-adm .v104-kpis{gap:16px!important}
body.v104-adm .v104-kpis>.lcard{padding:18px 18px 16px!important;border-radius:20px!important;background:#fff!important;border:1px solid #F3E6EB!important;box-shadow:0 14px 30px -26px rgba(120,20,60,.5)!important;animation:v96in .5s cubic-bezier(.2,.8,.2,1) both;transition:transform .25s,box-shadow .25s}
body.v104-adm .v104-kpis>.lcard:nth-child(2){animation-delay:.06s}body.v104-adm .v104-kpis>.lcard:nth-child(3){animation-delay:.12s}body.v104-adm .v104-kpis>.lcard:nth-child(4){animation-delay:.18s}
body.v104-adm .v104-kpis>.lcard:hover{transform:translateY(-4px);box-shadow:0 24px 40px -26px rgba(120,20,60,.6)!important}
body.v104-adm .v104-kpis>.lcard .ms{width:42px;height:42px;border-radius:13px;display:inline-grid!important;place-items:center;background:#FFEAF1;color:#E0306A!important;font-size:22px!important;margin-right:10px;flex:none;overflow:hidden}
body.v104-adm .v104-kpis>.lcard:nth-child(2) .ms{background:#EEF6FF;color:#2F7BF6!important}
body.v104-adm .v104-kpis>.lcard:nth-child(3) .ms{background:#E6F7F0;color:#18A07A!important}
body.v104-adm .v104-kpis>.lcard:nth-child(4) .ms{background:#FFF2E2;color:#E0791A!important}
@media (max-width:999px){body.v104-adm .v104-kpis{grid-template-columns:1fr 1fr!important;gap:10px!important}}

/* ===== V105 · vazio bonito e carregamento animado ===== */
body.v83-on .v83-main .v105-empty{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center!important;padding:22px 16px!important;border:1.5px dashed #EBD3DD!important;border-radius:18px!important;background:linear-gradient(160deg,#FFF8FA,#fff)!important;color:#7A5E69!important;animation:v96in .5s cubic-bezier(.2,.8,.2,1) both}
body.v83-on .v83-main .v105-empty .v105-ic{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;font-style:normal;color:#E0306A;background:#FFEAF1;animation:v105bob 3s ease-in-out infinite}
body.v83-on .v83-main .v105-empty .v105-ic svg{width:22px;height:22px}
body.v83-on .v83-main .v105-empty>*:not(.v105-ic){margin:0!important}
body.v83-on .v83-main .v105-load{position:relative;color:transparent!important;-webkit-text-fill-color:transparent!important;border-radius:10px;min-height:16px;min-width:140px;display:inline-block;background:linear-gradient(90deg,#F6E8EE 25%,#FFF4F7 50%,#F6E8EE 75%);background-size:200% 100%;animation:v97sh 1.2s linear infinite}
@keyframes v105bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@media (prefers-reduced-motion:reduce){body.v83-on .v83-main .v105-empty,body.v83-on .v83-main .v105-empty .v105-ic,body.v83-on .v83-main .v105-load{animation:none!important}}

/* ===== V106 · resultados por anúncio ===== */
.v106-card{background:#fff;border:1px solid #F3E2EA;border-radius:20px;padding:18px;margin:14px 0;box-shadow:0 18px 36px -30px rgba(142,31,85,.45);animation:v96in .5s cubic-bezier(.2,.8,.2,1) both}
.v106-head{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:12px}
.v106-head>div:first-child{flex:1 1 260px}.v106-head small{font-size:10px;letter-spacing:.14em;color:#C42E6B;font-weight:800}
.v106-head h3{margin:2px 0;font-size:18px;color:#1D0710}.v106-head p{margin:0;font-size:12.5px;color:#8A7380}
.v106-tot{background:#FBF4F7;border-radius:14px;padding:8px 14px;text-align:center;min-width:92px}
.v106-tot b{display:block;font-size:18px;color:#8E1F55}.v106-tot span{font-size:11px;color:#8A7380}
.v106-list{display:flex;flex-direction:column;gap:8px}
.v106-row{display:grid;grid-template-columns:minmax(180px,2fr) repeat(5,minmax(62px,1fr)) minmax(120px,1fr);gap:8px;align-items:center;padding:12px;border:1px solid #F6E8EE;border-radius:14px;position:relative;overflow:hidden}
.v106-t b{display:block;color:#1D0710;font-size:14px}.v106-t span{font-size:11.5px;color:#8A7380}
.v106-st{font-style:normal;font-size:10.5px;font-weight:800;padding:2px 8px;border-radius:99px;margin-right:4px}
.v106-st.on{background:#E3F7EC;color:#1C7A47}.v106-st.ag{background:#FFF3DC;color:#9A6200}.v106-st.off{background:#F1ECEE;color:#7A6870}
.v106-m{text-align:center}.v106-m b{display:block;font-size:15px;color:#2A1420}.v106-m span{font-size:10.5px;color:#8A7380}
.v106-bar{position:absolute;left:0;right:0;bottom:0;height:3px;background:#F8EDF2}.v106-bar i{display:block;height:100%;background:linear-gradient(90deg,#FF5C86,#E0306A)}
.v106-p{font-size:11px;color:#8A7380;display:flex;flex-direction:column;gap:3px}
.v106-p select{border:1px solid #EBD3DD;border-radius:10px;padding:6px 8px;background:#fff;color:#2A1420;font-weight:700}
.v106-empty{padding:18px;text-align:center;color:#8A7380;border:1.5px dashed #EBD3DD;border-radius:14px}
@media (max-width:900px){.v106-row{grid-template-columns:repeat(3,1fr)}.v106-t,.v106-p{grid-column:1/-1}}

/* ===== V107 · login moderno (abas legíveis) ===== */
.lcard{background:rgba(255,255,255,.86)!important;backdrop-filter:blur(18px) saturate(1.3);-webkit-backdrop-filter:blur(18px) saturate(1.3);border:1px solid rgba(240,210,222,.8)!important;box-shadow:0 30px 70px -40px rgba(142,31,85,.45),0 2px 6px rgba(142,31,85,.05)!important;animation:v96in .55s cubic-bezier(.2,.8,.2,1) both}
.lcard>div:first-child:has(>button+button){background:#F6ECF0!important;padding:5px!important;border-radius:16px!important;box-shadow:inset 0 1px 2px rgba(142,31,85,.08)!important;gap:4px}
.lcard>div:first-child:has(>button+button)>button{background:transparent!important;color:#8A6F7B!important;-webkit-text-fill-color:#8A6F7B!important;opacity:1!important;border:0!important;outline:0!important;box-shadow:none!important;border-radius:12px!important;font-weight:700!important;letter-spacing:.01em;transition:background .25s,color .25s,box-shadow .25s,transform .15s!important;cursor:pointer}
.lcard>div:first-child:has(>button+button)>button:hover{color:#C42E6B!important;-webkit-text-fill-color:#C42E6B!important}
.lcard>div:first-child:has(>button+button)>button[style*="gradient"]{background:#fff!important;color:#C42E6B!important;-webkit-text-fill-color:#C42E6B!important;box-shadow:0 6px 16px -8px rgba(196,46,107,.45),0 1px 2px rgba(142,31,85,.08)!important}
.lcard>div:first-child:has(>button+button)>button:active{transform:scale(.97)}
.lcard>div:first-child:has(>button+button)>button:focus-visible{box-shadow:0 0 0 3px rgba(224,48,106,.25)!important}
.lcard input{border-radius:14px!important;transition:border-color .2s,box-shadow .2s,background .2s!important}
.lcard input:focus{outline:0!important;border-color:#E0306A!important;box-shadow:0 0 0 4px rgba(224,48,106,.12)!important;background:#fff!important}
.lcard div:has(>input):focus-within{border-color:#E0306A!important;box-shadow:0 0 0 4px rgba(224,48,106,.12)!important}
.lcard button[type=submit],.lcard form>button:last-of-type{transition:transform .15s,box-shadow .25s,filter .2s!important}
.lcard button[type=submit]:hover{filter:brightness(1.05);box-shadow:0 16px 30px -14px rgba(224,48,106,.7)!important}
.lcard button[type=submit]:active{transform:scale(.98)}

/* ===== V108 · login animado ===== */
.lpage{position:relative;overflow:hidden}
.lpage::before,.lpage::after{content:"";position:absolute;width:520px;height:520px;border-radius:50%;filter:blur(70px);opacity:.55;pointer-events:none;z-index:0}
.lpage::before{background:radial-gradient(circle,#FFB3C9,transparent 65%);top:-160px;left:-120px;animation:v108blob 16s ease-in-out infinite}
.lpage::after{background:radial-gradient(circle,#F7C6E6,transparent 65%);bottom:-200px;right:-140px;animation:v108blob 20s ease-in-out infinite reverse}
.lpage>*{position:relative;z-index:1}
@keyframes v108blob{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(80px,40px) scale(1.12)}66%{transform:translate(-40px,70px) scale(.92)}}
.l85-card{animation:v108float 6s ease-in-out infinite!important;transition:transform .25s ease-out;will-change:transform}
.l85-stage.v108-tilt .l85-card{animation:none!important;transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(-6px)!important}
@keyframes v108float{0%,100%{transform:perspective(900px) rotate(-8deg) translateY(0)}50%{transform:perspective(900px) rotate(-6deg) translateY(-14px)}}
.l85-card::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.45) 45%,transparent 60%);background-size:250% 100%;animation:v108sheen 4.5s ease-in-out infinite;pointer-events:none}
@keyframes v108sheen{0%,60%{background-position:150% 0}100%{background-position:-50% 0}}
.login-hero svg:first-of-type{animation:v108petal 3.2s ease-in-out infinite;transform-origin:50% 100%}
@keyframes v108petal{0%,100%{transform:scale(1) rotate(0)}50%{transform:scale(1.08) rotate(-3deg)}}
.lcard>div:first-child:has(>button+button){position:relative!important}
.lcard .v108-pill{position:absolute;top:5px;bottom:5px;left:5px;border-radius:12px;background:#fff;box-shadow:0 6px 16px -8px rgba(196,46,107,.5),0 1px 2px rgba(142,31,85,.08);transition:transform .45s cubic-bezier(.34,1.56,.64,1),width .45s;z-index:0;pointer-events:none}
.lcard>div:first-child:has(>.v108-pill)>button[style]{position:relative;z-index:1;background:transparent!important;box-shadow:none!important}
.lcard>div:first-child:has(>button+button)~*{animation:v108up .55s cubic-bezier(.2,.8,.2,1) both}
.lcard>div:first-child~*:nth-child(2){animation-delay:.05s}.lcard>div:first-child~*:nth-child(3){animation-delay:.1s}.lcard>div:first-child~*:nth-child(4){animation-delay:.15s}.lcard>div:first-child~*:nth-child(5){animation-delay:.2s}.lcard>div:first-child~*:nth-child(6){animation-delay:.25s}.lcard>div:first-child~*:nth-child(n+7){animation-delay:.3s}
@keyframes v108up{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.lcard button[style*="gradient"]{position:relative;overflow:hidden}
.lcard button[style*="gradient"]::after{content:"";position:absolute;top:0;bottom:0;width:40%;left:-60%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.35),transparent);transform:skewX(-20deg);animation:v108btn 3.2s ease-in-out infinite;pointer-events:none}
.lcard>div:first-child>button::after{display:none!important}
@keyframes v108btn{0%,55%{left:-60%}100%{left:130%}}
.lcard button[style*="gradient"] svg,.lcard button[style*="gradient"] .material-symbols-rounded{transition:transform .25s}
.lcard button[style*="gradient"]:hover svg,.lcard button[style*="gradient"]:hover .material-symbols-rounded{transform:translateX(4px)}
@media (prefers-reduced-motion:reduce){.lpage::before,.lpage::after,.l85-card,.l85-card::after,.login-hero svg,.lcard *,.lcard button::after{animation:none!important}}

/* ===== V109 · login no celular: fundo vivo e animado ===== */
@media (max-width:760px){
  .lpage{min-height:100vh}
  .lpage .v109-bg{display:block;position:absolute;inset:-40px -20px 0;z-index:0;pointer-events:none;background:radial-gradient(60% 40% at 20% 10%,rgba(255,190,215,.9),transparent 70%),radial-gradient(50% 35% at 90% 30%,rgba(255,150,110,.5),transparent 70%),linear-gradient(165deg,#FF7EA6 0%,#E0306A 30%,#A3205F 52%,#FBE9F0 52.2%,#FFF6F9 100%);background-size:180% 180%,180% 180%,100% 100%;animation:v109bg 12s ease-in-out infinite}
  @keyframes v109bg{0%,100%{background-position:0% 0%,100% 0%,0 0}50%{background-position:100% 60%,0% 50%,0 0}}
  .lpage::before{width:380px;height:380px;background:radial-gradient(circle,rgba(255,214,228,.9),transparent 65%);opacity:.6;top:-120px;left:-140px;filter:blur(50px)}
  .lpage::after{width:420px;height:420px;background:radial-gradient(circle,rgba(255,170,120,.55),transparent 65%);opacity:.5;top:180px;right:-200px;bottom:auto;filter:blur(60px)}
  .authgrid,.authgrid>div,.sb-auth-visual,.login-hero{background:transparent!important}
  .login-hero,.login-hero *:not(.l85-card):not(.l85-card *){color:#fff!important;-webkit-text-fill-color:#fff!important}
  .login-hero svg path{fill:#fff!important}
  .login-hero{animation:v109in .7s cubic-bezier(.2,.8,.2,1) both}
  .l85-card{box-shadow:0 30px 60px -20px rgba(60,5,30,.65),0 0 0 1px rgba(255,255,255,.25) inset!important}
  .l85-stage::before{content:"";position:absolute;inset:10% 5%;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.35),transparent 70%);filter:blur(20px);animation:v109glow 4s ease-in-out infinite;pointer-events:none}
  @keyframes v109glow{0%,100%{opacity:.5;transform:scale(.9)}50%{opacity:1;transform:scale(1.08)}}
  .lpage>*:not(.v109-bg):not(.v109-spark){position:relative;z-index:1}
  .lpage .v109-spark{position:absolute;width:6px;height:6px;border-radius:50%;background:#fff;box-shadow:0 0 10px #fff;opacity:0;animation:v109spark 5s ease-in-out infinite;pointer-events:none;z-index:1}
  @keyframes v109spark{0%,100%{opacity:0;transform:translateY(0) scale(.4)}40%{opacity:.9}70%{opacity:0;transform:translateY(-70px) scale(1)}}
  .lcard{border-radius:30px!important;margin:6px 0 20px!important;padding:26px 20px!important;background:rgba(255,255,255,.94)!important;border:1px solid rgba(255,255,255,.7)!important;box-shadow:0 -10px 40px -18px rgba(60,5,30,.5),0 30px 60px -30px rgba(60,5,30,.6)!important;animation:v109sheet .75s cubic-bezier(.2,.9,.25,1.15) .1s both!important}
  @keyframes v109sheet{from{opacity:0;transform:translateY(60px) scale(.96)}to{opacity:1;transform:none}}
  @keyframes v109in{from{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:none}}
  .lcard input{font-size:16px!important;min-height:52px}
  .lcard button{min-height:48px}
}

.v109-bg{display:none}
.lcard .v109-eye{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:36px;height:36px;border:0;border-radius:10px;background:transparent;color:#B07A92;display:grid;place-items:center;cursor:pointer;min-height:0!important;padding:0;transition:background .2s,color .2s}
.lcard .v109-eye:hover{background:#FBEFF4;color:#C42E6B}.lcard .v109-eye svg{width:20px;height:20px}
@media (max-width:760px) and (prefers-reduced-motion:reduce){.v109-bg,.lcard,.login-hero,.l85-stage::before,.v109-spark{animation:none!important}}

/* ===== V110 · fundo do login no celular mais limpo ===== */
@media (max-width:760px){
  .lpage .v109-bg{background:linear-gradient(180deg,#E8457C 0%,#F07AA0 26%,#FBDDE8 44%,#FFF7FA 58%)!important;background-size:100% 100%!important;animation:none!important;inset:-40px -20px 0!important}
  .lpage .v109-spark,.lpage::before,.lpage::after,.l85-stage::before{display:none!important}
  .l85-card::after{opacity:.6}
}

/* ===== V111 · home animada (herói 3D no scroll + revelação das seções) ===== */
.v111 .v111-hero{position:relative}
.v111 .v111-hero::after{content:"";position:absolute;left:-10%;right:-10%;top:38%;height:46%;pointer-events:none;z-index:0;background:radial-gradient(60% 50% at 30% 50%,rgba(255,92,134,.18),transparent 70%),radial-gradient(55% 45% at 75% 45%,rgba(224,48,106,.14),transparent 70%);filter:blur(26px);transform:translate3d(0,var(--v111-par,0px),0) scale(var(--v111-pars,1))}
.v111 .v111-hero>*{position:relative;z-index:1}
.v111 .v111-w{display:inline-block;overflow:hidden;vertical-align:bottom;padding-bottom:.06em;margin-bottom:-.06em}
.v111 .v111-w>i{display:inline-block;font-style:inherit;transform:translateY(110%) rotate(3deg);opacity:0;animation:v111word .85s cubic-bezier(.19,1,.22,1) forwards;animation-delay:var(--d,0s)}
@keyframes v111word{to{transform:none;opacity:1}}
.v111 .v111-rise{opacity:0;transform:translateY(22px);animation:v111rise .8s cubic-bezier(.19,1,.22,1) forwards;animation-delay:var(--d,0s)}
@keyframes v111rise{to{opacity:1;transform:none}}
.v111 .v111-art{animation:none!important;transform:translate3d(0,var(--v111-y,0px),0) perspective(1400px) rotateX(var(--v111-rx,12deg)) rotateY(var(--v111-ry,-16deg)) rotateZ(var(--v111-rz,-4deg)) scale(var(--v111-sc,.90))!important;transition:transform .14s linear;will-change:transform}
.v111 .bc3d-badge{opacity:0;transform:translateY(16px) scale(.9);animation:v111pop .7s cubic-bezier(.34,1.56,.64,1) forwards;animation-delay:var(--d,.8s)}
@keyframes v111pop{to{opacity:1;transform:none}}
.v111 [data-v111]{opacity:0;transform:translateY(34px);transition:opacity .85s cubic-bezier(.19,1,.22,1),transform .85s cubic-bezier(.19,1,.22,1);transition-delay:var(--d,0s);will-change:opacity,transform}
.v111 [data-v111].v111-in{opacity:1;transform:none}
.v111 [data-v111="zoom"]{transform:translateY(26px) scale(.965)}
.v111 [data-v111="zoom"].v111-in{transform:none}
@media (prefers-reduced-motion:reduce){
  .v111 .v111-w>i,.v111 .v111-rise,.v111 .bc3d-badge{animation:none!important;opacity:1!important;transform:none!important}
  .v111 [data-v111]{opacity:1!important;transform:none!important;transition:none!important}
  .v111 .v111-art{transform:none!important}
}

/* ===== V116 · cartão girando 360 ===== */
.v116-spin{position:absolute;inset:0;transform-style:preserve-3d;animation:v116spin 18s linear infinite;will-change:transform}
.v116-spin>*{backface-visibility:hidden;-webkit-backface-visibility:hidden}
@keyframes v116spin{to{transform:rotateY(360deg)}}
.bc3d-card-wrap:hover .v116-spin{animation-play-state:paused}
.v116-back{position:absolute;inset:0;border-radius:30px;transform:rotateY(180deg);display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 20% 10%,rgba(255,38,139,.55),rgba(0,0,0,0) 60%),linear-gradient(145deg,#2A0616,#17030C 55%,#3A0A20);box-shadow:0 30px 60px -28px rgba(255,38,139,.55),inset 0 0 0 1px rgba(255,255,255,.12)}
.v116-back::before{content:"";position:absolute;left:0;right:0;top:16%;height:16%;background:linear-gradient(90deg,#120208,#2a0a16)}
.v116-back b{position:relative;font:800 20px/1 system-ui,-apple-system,Segoe UI,sans-serif;letter-spacing:.22em;color:#fff;opacity:.92;text-align:center}
.v116-back i{position:relative;display:block;font-style:normal;font-size:11px;letter-spacing:.3em;color:#FF5BA9;margin-top:8px}
@media (prefers-reduced-motion:reduce){.v116-spin{animation:none!important}}

/* ===== V117 · blocos modernos (estilo WebCosmético) na home do cartão ===== */
.v111 .h84-s{position:relative}
.v111 .h84-card,
.v111 .h84-step{border-radius:20px!important;border:1px solid rgba(255,255,255,.10)!important;background:rgba(255,255,255,.035)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.07), 0 24px 50px -36px rgba(0,0,0,.8)!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:transform .35s cubic-bezier(.19,1,.22,1), box-shadow .35s, border-color .35s!important}
.v111 .h84-card:hover,
.v111 .h84-step:hover{transform:translateY(-6px);border-color:rgba(255,91,169,.45)!important;box-shadow:inset 0 0 0 1px rgba(255,91,169,.25), 0 30px 60px -34px rgba(255,38,139,.55)!important}
.v111 .h84-s.h84-band{border-radius:36px!important;margin:18px auto!important;overflow:hidden}
.v111 .h84-s h2{letter-spacing:-.02em}
.v111 .h84-eye{display:flex!important;width:max-content!important;margin-left:auto!important;margin-right:auto!important;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;border:1px solid rgba(255,91,169,.35);background:rgba(255,91,169,.10);color:#FF8FC2!important;font-weight:800;letter-spacing:.16em!important;font-size:10.5px!important}
.v111 .h84-eye::before{content:"";width:6px;height:6px;border-radius:50%;background:#FF2E8B;box-shadow:0 0 10px #FF2E8B;flex:0 0 auto}
.v111 .h84-s::after{content:"";position:absolute;left:50%;bottom:-1px;width:min(760px,86%);height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(255,91,169,.35),transparent);pointer-events:none}
@media (prefers-reduced-motion:reduce){.v111 .h84-card,.v111 .h84-step{transition:none!important}.v111 .h84-card:hover,.v111 .h84-step:hover{transform:none}}

/* ===== V118 · cartão divertido no hover ===== */
.v118-tilt,.v118-boost{position:absolute;inset:0;transform-style:preserve-3d}
.v118-tilt{transform:rotateY(var(--v118-tx,0deg)) rotateX(var(--v118-ty,0deg)) scale(var(--v118-sc,1));transition:transform .3s cubic-bezier(.19,1,.22,1)}
.v118-boost{animation:v116spin 9s linear infinite;animation-play-state:paused}
.bc3d-card-wrap:hover .v116-spin{animation-play-state:running!important}
.bc3d-stage:hover .v118-boost,.bc3d-stage.v118-on .v118-boost{animation-play-state:running}
.bc3d-stage:hover,.bc3d-stage.v118-on{--v118-sc:1.05}
.bc3d-stage:hover .bc3d-orbit,.bc3d-stage.v118-on .bc3d-orbit{opacity:1;filter:brightness(1.45) saturate(1.2)}
.bc3d-stage .bc3d-badge{transition:transform .45s cubic-bezier(.34,1.56,.64,1),box-shadow .35s}
.bc3d-stage:hover .bc3d-b1,.bc3d-stage.v118-on .bc3d-b1{transform:translate(-10px,-12px) rotate(-2.5deg)}
.bc3d-stage:hover .bc3d-b2,.bc3d-stage.v118-on .bc3d-b2{transform:translate(12px,-8px) rotate(2deg)}
.bc3d-stage:hover .bc3d-b3,.bc3d-stage.v118-on .bc3d-b3{transform:translate(10px,12px) rotate(-1.5deg)}
.v118-spark{position:absolute;width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:0 0 12px #FF2E8B,0 0 22px rgba(255,46,139,.7);opacity:0;pointer-events:none;z-index:3}
.bc3d-stage:hover .v118-spark,.bc3d-stage.v118-on .v118-spark{animation:v118sp 1.6s ease-in-out infinite;animation-delay:var(--d,0s)}
@keyframes v118sp{0%{opacity:0;transform:translateY(6px) scale(.4)}35%{opacity:1;transform:translateY(-6px) scale(1)}100%{opacity:0;transform:translateY(-26px) scale(.5)}}
@media (prefers-reduced-motion:reduce){.v118-boost,.v118-spark{animation:none!important}}

/* ===== V120 · blocos do corpo animados e organizados ===== */
.v120 [data-v120]{opacity:0;transition:opacity .9s cubic-bezier(.19,1,.22,1),transform .9s cubic-bezier(.19,1,.22,1);transition-delay:var(--d,0s);will-change:opacity,transform}
.v120 [data-v120="up"]{transform:translateY(30px)}
.v120 [data-v120="zoom"]{transform:translateY(22px) scale(.97)}
.v120 [data-v120="left"]{transform:translateX(-46px)}
.v120 [data-v120="right"]{transform:translateX(46px)}
.v120 [data-v120].v120-in{opacity:1;transform:translateY(var(--v120-par,0px))}
.v120 [data-v120="left"].v120-in,.v120 [data-v120="right"].v120-in{transform:translateY(var(--v120-par,0px))}
@media (prefers-reduced-motion:reduce){.v120 [data-v120]{opacity:1!important;transform:none!important;transition:none!important}}

/* ===== V121 · cartão dinâmico + visual mais editorial ===== */
.v116-spin,.v118-boost{animation:none!important;transform:none!important}
.v116-back,.v118-spark{display:none!important}
.v121-float{position:absolute;inset:0;transform-style:preserve-3d;animation:v121fl 7s ease-in-out infinite}
@keyframes v121fl{0%,100%{transform:translateY(0) rotateZ(0)}50%{transform:translateY(-14px) rotateZ(-1.2deg)}}
.bc3d-stage:hover .v121-float{animation-duration:3.4s}
.bc3d-card-wrap .v118-tilt{transition:transform .5s cubic-bezier(.19,1,.22,1)}
.v111 .v111-hero::after{opacity:.5}
.v120 .h84-s{padding-top:118px!important;padding-bottom:118px!important}
.v120 .h84-s h2{font-size:clamp(30px,3.1vw,44px)!important;font-weight:700!important;letter-spacing:-.025em!important;line-height:1.08!important}
.v120 .h84-s p{max-width:62ch;color:rgba(255,255,255,.66)!important}
.v120 .h84-eye{background:transparent!important;border:0!important;padding:0 0 0 26px!important;border-radius:0!important;color:rgba(255,255,255,.55)!important;font-weight:600!important;letter-spacing:.22em!important;position:relative}
.v120 .h84-eye::before{content:""!important;position:absolute;left:0;top:50%;width:18px;height:1px;border-radius:0!important;background:#FF2E8B!important;box-shadow:none!important;transform:translateY(-50%)}
.v120 .h84-card,.v120 .h84-step{background:rgba(255,255,255,.022)!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:none!important;backdrop-filter:none!important;border-radius:14px!important}
.v120 .h84-card:hover,.v120 .h84-step:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.2)!important;box-shadow:0 18px 40px -30px rgba(0,0,0,.9)!important}
.v120 .h84-s.h84-band{border-radius:18px!important;margin-left:auto!important;margin-right:auto!important}
.v120 .h84-s::after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent)!important}
@media (prefers-reduced-motion:reduce){.v121-float{animation:none!important}}

/* ===== V233 · login no computador igual ao do celular ===== */
@media (min-width:1100px){
body.l88 .login, body.l88 .sa-page, body.l88:has(.authgrid) .lpage { background: radial-gradient(90% 40% at 50% 18%, rgba(240, 69, 122, 0.28), transparent 70%), linear-gradient(rgb(30, 7, 17) 0%, rgb(20, 4, 11) 60%, rgb(18, 3, 9) 100%) !important; }
body.l88:has(.authgrid), body.l88:has(.sa-page) { background: rgb(20, 4, 11) !important; }
body.l88:has(.authgrid) .lpage::before, body.l88:has(.authgrid) .lpage::after { display: none !important; }
body.l88:has(.authgrid) div[style*="position: fixed"][style*="z-index: 1;"][style*="background: rgb"] { display: none !important; }
body.l88:has(.authgrid) .lheader, body.l88:has(.sa-page) .lheader { background: rgba(20, 4, 11, 0.92) !important; border-color: rgba(255, 255, 255, 0.06) !important; }
body.l88 .login-hero, body.l88 .sa-hero, body.l88 .authgrid > div:first-child { position: relative !important; height: 300px !important; min-height: 300px !important; max-height: none !important; margin: 0px !important; padding: 0px !important; background: transparent !important; border: 0px !important; box-shadow: none !important; overflow: hidden !important; border-radius: 0px !important; }
body.l88 .login-hero img, body.l88 .login-brand, body.l88 .sa-hero > :not(.l85-stage), body.l88 .authgrid > div:first-child > :not(.l85-stage), body.l88 .l87-copy { display: none !important; }
body.l88 .login-hero::before, body.l88 .login-hero::after { display: none !important; }
body.l88 .l85-stage { display: grid; place-items: center; perspective: 1000px; position: absolute !important; inset: 0px !important; }
body.l88 .l85-ring { display: none; }
body.l88 .l85-orb { position: absolute; border-radius: 50%; filter: blur(36px); opacity: 0.75; }
body.l88 .l85-orb.a { width: 240px; height: 240px; left: 20%; top: 12%; background: radial-gradient(circle, rgba(255, 92, 124, 0.6), transparent 70%); }
body.l88 .l85-orb.b { display: none; }
body.l88 .l85-card { position: relative; width: min(300px, 76vw); aspect-ratio: 1.586 / 1; border-radius: 18px; padding: 18px 20px; color: rgb(255, 255, 255); overflow: hidden; background: radial-gradient(70% 90% at 85% 80%, rgba(255, 255, 255, 0.18), transparent 60%), linear-gradient(135deg, rgb(255, 106, 144) 0%, rgb(240, 69, 122) 40%, rgb(212, 43, 99) 100%); box-shadow: rgba(200, 30, 90, 0.7) 0px 40px 60px -30px, rgba(255, 255, 255, 0.35) 0px 1px 0px inset; animation: 6s ease-in-out 0s infinite normal none running l87float, 1.1s cubic-bezier(0.2, 0.8, 0.2, 1) 0s 1 normal both running l87enter; }
body.l88 .l85-card::before { content: ""; position: absolute; inset: -40%; background: linear-gradient(115deg, transparent 40%, rgba(255, 255, 255, 0.25) 50%, transparent 60%); animation: 4.5s ease-in-out 0s infinite normal none running l85shine; pointer-events: none; }
body.l88 .l85-card::after { content: ""; position: absolute; right: -20px; bottom: -40px; width: 160px; height: 160px; border-radius: 60% 0px; transform: rotate(25deg); background: linear-gradient(140deg, rgba(255, 255, 255, 0.28), rgba(255, 255, 255, 0.05)); }
body.l88 .l85-chip { width: 36px; height: 27px; border-radius: 6px; background: linear-gradient(135deg, rgb(246, 213, 138), rgb(201, 160, 79) 55%, rgb(241, 208, 138)); position: relative; }
body.l88 .l85-nfc { position: absolute; top: 22px; left: 66px; width: 18px; height: 18px; opacity: 0.8; }
body.l88 .l85-logo { position: absolute; right: 18px; top: 14px; text-align: right; }
body.l88 .l85-logo svg { width: 24px; height: auto; display: block; margin-left: auto; }
body.l88 .l85-logo svg path { fill: rgb(255, 255, 255); }
body.l88 .l85-logo b { display: block; font-weight: 800; font-size: 20px; line-height: 1; margin-top: 2px; color: rgb(255, 255, 255); }
body.l88 .l85-logo small { display: block; font-size: 7px; letter-spacing: 0.38em; margin-top: 3px; opacity: 0.9; }
body.l88 .l85-num { position: absolute; left: 20px; bottom: 38px; font-size: 14px; letter-spacing: 0.14em; font-weight: 600; }
body.l88 .l85-foot { position: absolute; left: 20px; right: 20px; bottom: 15px; display: flex; justify-content: space-between; font-size: 8px; letter-spacing: 0.2em; opacity: 0.75; text-transform: uppercase; }
body.l88 .l85-tag { position: absolute; z-index: 3; display: flex; align-items: center; gap: 8px; padding: 8px 11px; border-radius: 14px; background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.16); backdrop-filter: blur(12px); color: rgb(255, 255, 255); font-size: 11px; animation: 7s ease-in-out 0s infinite normal none running l85float; }
body.l88 .l85-tag i { width: 26px; height: 26px; border-radius: 50%; display: grid; place-items: center; font-style: normal; background: rgba(255, 92, 124, 0.25); color: rgb(255, 143, 168); font-size: 12px; }
body.l88 .l85-tag b { display: block; font-size: 12px; }
body.l88 .l85-tag small { display: block; opacity: 0.65; font-size: 10px; }
body.l88 .l85-tag.t1 { left: 4%; top: 8%; }
body.l88 .l85-tag.t2 { right: 4%; bottom: 6%; }
body.l88 .l87-dots { display: none !important; }
body.l88 .login-sheet { position: relative !important; margin: 0px !important; background: transparent !important; box-shadow: none !important; border-radius: 0px !important; padding: 0px 16px 32px !important; transform: none !important; }
body.l88 .login-sheet::before { display: none !important; }
body.l88 .login-sheet .wrap, body.l88 .sa-card, body.l88 .authgrid .lcard { backdrop-filter: blur(18px); color: rgb(246, 236, 239); background: linear-gradient(160deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.03)) !important; border: 1px solid rgba(255, 255, 255, 0.12) !important; box-shadow: rgba(0, 0, 0, 0.8) 0px 30px 70px -30px !important; border-radius: 24px !important; padding: 24px 20px !important; }
body.l88 .login-sheet h1, body.l88 .login-sheet h2, body.l88 .login-sheet b, body.l88 .sa-card h2, body.l88 .sa-card b, body.l88 .authgrid .lcard h2 { color: rgb(255, 255, 255) !important; }
body.l88 .login-sheet p, body.l88 .login-sheet small, body.l88 .login-sheet .foot-note, body.l88 .sa-lead, body.l88 .sa-secure, body.l88 .sa-alt, body.l88 .sa-perks, body.l88 .sa-remember, body.l88 .sa-card p, body.l88 .authgrid .lcard p { color: rgba(246, 226, 233, 0.62) !important; }
body.l88 .login-sheet label, body.l88 .sa-lbl, body.l88 .authgrid .lcard label { color: rgba(255, 236, 242, 0.85) !important; }
body.l88 .login-sheet .inp, body.l88 .sa-inp, body.l88 .authgrid .linput { background: rgba(255, 255, 255, 0.05) !important; border-color: rgba(255, 255, 255, 0.12) !important; }
body.l88 .login-sheet .inp input, body.l88 .sa-inp input, body.l88 .authgrid .linput input { color: rgb(255, 255, 255) !important; background: transparent !important; border: 0px !important; }
body.l88 .login-sheet input::placeholder, body.l88 .sa-inp input::placeholder, body.l88 .authgrid .linput input::placeholder { color: rgba(255, 226, 234, 0.4) !important; }
body.l88 .login-sheet .seg, body.l88 .login-sheet .roles, body.l88 .sa-tabs, body.l88 .authgrid .lcard > div:first-child { background: rgba(255, 255, 255, 0.06) !important; border-color: rgba(255, 255, 255, 0.1) !important; }
body.l88 .login-sheet .seg button, body.l88 .login-sheet .roles a, body.l88 .sa-tabs button, body.l88 .authgrid .lcard > div:first-child button { color: rgba(255, 236, 242, 0.75) !important; }
body.l88 .login-sheet .seg .thumb { background: rgb(240, 69, 122) !important; }
body.l88 .login-sheet .seg button[aria-pressed="true"], body.l88 .login-sheet .roles span { color: rgb(255, 255, 255) !important; }
body.l88 .login-sheet .roles span { background: rgb(240, 69, 122) !important; }
body.l88 .login-sheet .btn.pri, body.l88 .sa-btn { background: linear-gradient(110deg, rgb(255, 92, 134), rgb(240, 69, 122) 55%, rgb(224, 48, 106)) !important; color: rgb(255, 255, 255) !important; border: 0px !important; }
body.l88 .login-sheet .btn:not(.pri) { background: transparent !important; color: rgb(255, 255, 255) !important; border: 1px solid rgba(255, 255, 255, 0.18) !important; }
body.l88 .login-sheet a, body.l88 .sa-link { color: rgb(255, 143, 168) !important; }
body.l88 .sa-appl, body.l88 .sa-strip > div, body.l88 .authgrid .authcard { background: rgba(255, 255, 255, 0.05) !important; border-color: rgba(255, 255, 255, 0.1) !important; color: rgb(246, 236, 239) !important; }
body.l88 .sa-strip > div *, body.l88 .authgrid .authcard > * { color: inherit !important; }
body.l88 .authgrid { grid-template-columns: 1fr !important; gap: 0px !important; }
body.l88:has(.authgrid) .lpage { padding: 0px 16px 40px !important; }
body.l88 .authgrid .authtrust { background: transparent !important; }
body.l88 .authgrid > div:first-child { display: block !important; }
body.l88:has(.authgrid) .lpage > div:first-child { display: none !important; }
body.l88 .authgrid > div:first-child { order: -1 !important; grid-row: auto !important; }
html body.l88 #dc-root#dc-root#dc-root#dc-root [data-auth-wrap]{max-width:460px!important;width:100%!important;margin:0 auto!important;padding:0!important;min-height:100vh;box-shadow:0 30px 80px rgba(214,63,125,.18)!important}
html body.l88 #dc-root#dc-root#dc-root#dc-root [data-auth-wrap] .authgrid{grid-template-columns:1fr!important;gap:0!important;width:100%!important;max-width:none!important}
html body.l88:has([data-auth-wrap]){background:#fbeef4!important}
}