:root{
  --bg:#050b16;
  --panel:rgba(9,18,34,.66);
  --panel-strong:rgba(6,12,24,.82);
  --stroke:rgba(170,195,255,.18);
  --text:#f8fbff;
  --muted:#aebbd2;
  --gold:#f8c84f;
  --blue:#4078ff;
  --blue2:#79a6ff;
  --radius:28px;
}
*{box-sizing:border-box}
html,body{min-height:100%;margin:0;background:var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text)}
body{overflow-x:hidden}
.auth-shell{
  min-height:100svh;
  display:grid;
  place-items:center;
  padding:24px 16px calc(24px + env(safe-area-inset-bottom));
  position:relative;
  isolation:isolate;
  background:
    radial-gradient(circle at 50% 12%, rgba(49,112,255,.32), transparent 35%),
    linear-gradient(180deg, rgba(3,9,20,.1), rgba(3,8,18,.92)),
    url('assets/img/auth-bg.svg') center/cover no-repeat;
}
.auth-shell::before{
  content:"";
  position:absolute;inset:0;
  background:linear-gradient(180deg, rgba(5,10,22,.22), rgba(5,10,22,.88));
  z-index:-1;
}
.glass-panel{
  background:linear-gradient(180deg, rgba(12,24,45,.72), rgba(5,11,22,.82));
  border:1px solid var(--stroke);
  box-shadow:0 28px 70px rgba(0,0,0,.46), inset 0 1px 0 rgba(255,255,255,.08);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
.glass-inset{
  background:linear-gradient(180deg, rgba(8,18,36,.54), rgba(4,10,20,.72));
  border:1px solid rgba(176,199,255,.14);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
.auth-card{
  width:min(100%,390px);
  min-height:min(760px,calc(100svh - 48px));
  border-radius:var(--radius);
  padding:34px 22px 22px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:28px;
}
.brand-block{text-align:center;margin-top:8px}
.brand-shield{width:108px;height:126px;margin:0 auto 10px;filter:drop-shadow(0 15px 24px rgba(248,194,59,.18))}
.brand-shield svg{width:100%;height:100%}
.brand-kicker{font-weight:950;letter-spacing:.08em;font-size:1.7rem;margin:0;line-height:1;text-shadow:0 4px 18px rgba(0,0,0,.38)}
.brand-sub{font-weight:800;letter-spacing:.24em;font-size:.68rem;margin:5px 0 0;color:#d9e2f7}
.auth-copy{text-align:center;margin:auto 0 12px}
.auth-copy h1{font-size:1.45rem;line-height:1.16;margin:0 0 12px;font-weight:900;letter-spacing:-.02em}
.auth-copy p{margin:0 auto;max-width:280px;color:#d8e2f4;line-height:1.55;font-size:.95rem}
.setup-box{border-radius:24px;padding:18px;display:grid;gap:16px}
.setup-box h2{font-size:.95rem;text-align:center;margin:0 0 2px;font-weight:800}
.field{display:grid;gap:8px}
.field span{text-transform:uppercase;letter-spacing:.11em;color:#9eacc7;font-size:.68rem;font-weight:900}
.field input{width:100%;border-radius:14px;border:1px solid rgba(174,198,255,.14);background:rgba(8,17,33,.72);color:#fff;font:inherit;padding:15px 16px;outline:none}
.field input:focus{border-color:rgba(109,151,255,.7);box-shadow:0 0 0 4px rgba(64,120,255,.14)}
.primary-btn,.gold-btn{border:0;color:white;border-radius:15px;padding:16px 18px;font:inherit;font-weight:900;cursor:pointer}
.primary-btn{background:linear-gradient(180deg,#3468ff,#1644bd);box-shadow:0 16px 34px rgba(44,99,255,.28), inset 0 1px 0 rgba(255,255,255,.18)}
.primary-btn:active,.gold-btn:active{transform:translateY(1px) scale(.99)}
.gold-btn{background:linear-gradient(180deg,#e9ad32,#9d6514);box-shadow:0 16px 34px rgba(248,198,65,.22), inset 0 1px 0 rgba(255,255,255,.20)}
.link-btn{background:none;border:0;color:#aebbd2;font:inherit;font-size:.82rem;padding:0 0 2px;cursor:pointer}.link-btn b{color:#50a0ff}
.preview-toast{position:fixed;left:16px;right:16px;bottom:calc(18px + env(safe-area-inset-bottom));max-width:420px;margin:auto;border-radius:24px;padding:18px;display:grid;grid-template-columns:58px 1fr;gap:14px;align-items:center;z-index:5;animation:rise .25s ease-out both}.preview-toast.hidden{display:none}.preview-toast .gold-btn{grid-column:1/-1}.close-btn{position:absolute;right:12px;top:12px;width:36px;height:36px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:#fff;font-size:1.4rem}.mini-shield{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12)}.mini-shield img{width:40px}.eyebrow{margin:0 0 4px;color:var(--gold);letter-spacing:.14em;text-transform:uppercase;font-size:.68rem;font-weight:900}.preview-toast h3{margin:0;font-size:1.18rem}.preview-toast p:last-child{margin:4px 0 0;color:var(--muted);font-size:.84rem}
@keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@media (max-height:720px){.auth-card{min-height:auto}.brand-shield{width:88px;height:104px}.auth-copy{margin:6px 0}.auth-card{gap:18px}}

/* ===== Onboarding completo - TopBRS Multi-Clã ===== */
.onboarding-card{
  width:min(100%,390px);
  min-height:min(760px,calc(100svh - 48px));
  border-radius:var(--radius);
  padding:22px 18px 20px;
  display:flex;
  flex-direction:column;
  gap:22px;
  position:relative;
  animation:rise .22s ease-out both;
}
.onboard-top{display:grid;grid-template-columns:40px 1fr 40px;align-items:center}.back-btn{width:40px;height:40px;border-radius:14px;border:0;background:transparent;color:#fff;font-size:1.55rem}.onboard-title{text-align:center;font-weight:900}.onboarding-stepper{display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin:0 4px 6px;position:relative}.onboarding-stepper::before{content:"";position:absolute;left:10%;right:10%;top:15px;height:2px;background:rgba(87,114,175,.34)}.step-item{display:grid;justify-items:center;gap:8px;z-index:1}.step-dot{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;border:2px solid rgba(91,130,255,.55);background:#071226;color:#6fa0ff;font-size:.78rem;font-weight:800}.step-item.active .step-dot{border-color:rgba(255,210,80,.85);background:rgba(248,200,79,.20);color:#ffd65f;box-shadow:0 0 18px rgba(248,200,79,.25)}.step-item.done .step-dot{border-color:rgba(91,130,255,.7);color:#8bb4ff}.step-label{font-size:.58rem;color:#cbd6ee;font-weight:800}.onboard-heading{text-align:center;margin:8px 0 0}.onboard-heading h1{font-size:1.28rem;line-height:1.2;margin:0 0 8px}.onboard-heading p{margin:0;color:#b8c5dc;font-size:.82rem;line-height:1.5}.clan-confirm-card{border-radius:14px;overflow:hidden;background:linear-gradient(180deg,rgba(26,39,69,.75),rgba(8,17,34,.78));border:1px solid rgba(176,199,255,.15)}.clan-main{display:flex;gap:14px;align-items:center;padding:16px}.clan-icon{width:62px;height:62px;border-radius:18px;display:grid;place-items:center;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12)}.clan-icon img{width:46px}.clan-main h2{margin:0;font-size:1.25rem}.clan-main p{margin:3px 0 0;color:#aebbd2}.clan-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(176,199,255,.12)}.clan-stat{padding:13px 10px;text-align:center}.clan-stat span{display:block;color:#9eacc7;text-transform:uppercase;font-size:.58rem;font-weight:900;letter-spacing:.08em;margin-bottom:6px}.clan-stat strong{font-size:.95rem}.confirm-copy{text-align:center;margin:auto 0 0}.confirm-copy h3{margin:0 0 8px;font-size:.95rem}.confirm-copy p{margin:0;color:#9eacc7;font-size:.78rem}.ghost-btn{color:var(--gold);background:none;padding:10px 0;border:0;font-weight:900;cursor:pointer}.import-progress{width:170px;height:170px;border-radius:50%;margin:18px auto 4px;background:conic-gradient(var(--gold) 0deg 292deg, rgba(255,255,255,.08) 292deg 360deg);display:grid;place-items:center;box-shadow:0 0 26px rgba(248,200,79,.12)}.progress-inner{width:132px;height:132px;border-radius:50%;background:#06101f;display:grid;place-items:center;text-align:center}.progress-inner strong{font-size:2.5rem;line-height:1}.progress-inner span{font-weight:800;color:#cbd6ee}.import-sub{text-align:center;margin:0;color:#dce6ff;font-size:.78rem}.import-list{border:1px solid rgba(176,199,255,.14);border-radius:14px;overflow:hidden;margin-top:8px}.import-row{display:grid;grid-template-columns:24px 1fr 98px 22px;gap:6px;align-items:center;padding:10px 12px;border-bottom:1px solid rgba(176,199,255,.10);font-size:.72rem}.import-row:last-child{border-bottom:0}.import-row small{color:#9eacc7}.ok{color:#62ed87;font-weight:900}.spin{width:14px;height:14px;border:2px solid rgba(255,255,255,.16);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.note-box{border-radius:12px;text-align:center;color:#9eacc7;font-size:.73rem;background:rgba(255,255,255,.04);padding:14px;margin-top:12px}.admin-box{display:grid;gap:12px;margin-top:4px}.success-seal{width:96px;height:96px;margin:22px auto;border-radius:30px;display:grid;place-items:center;background:linear-gradient(180deg,rgba(248,200,79,.23),rgba(248,200,79,.08));border:1px solid rgba(248,200,79,.45);font-size:2.5rem}@media (max-height:720px){.onboarding-card{min-height:auto;gap:16px}.import-progress{width:140px;height:140px}.progress-inner{width:108px;height:108px}.progress-inner strong{font-size:2rem}.step-label{font-size:.52rem}}


/* ===== Refino 01: textos + importação animada ===== */
.animated-import{
  background:
    conic-gradient(var(--gold) 0 var(--progress), rgba(255,255,255,.08) var(--progress) 100%) !important;
  transition: background .45s ease, filter .45s ease;
  filter: drop-shadow(0 0 18px rgba(248,200,79,.16));
}

.import-row{
  transition: transform .22s ease, border-color .22s ease, background .22s ease;
}

.import-row.imported{
  background: rgba(39, 209, 127, .07);
  border-color: rgba(39, 209, 127, .18);
  transform: translateX(2px);
}

.import-row .ok{
  color:#42f093;
  font-weight:900;
  text-shadow:0 0 12px rgba(66,240,147,.35);
}

.import-sub strong{
  transition: color .25s ease;
}

.link-btn{
  text-align:center;
}


/* ===== Auth flip login/cadastro completo ===== */
.flip-wrap{
  perspective: 1200px;
}

.flip-card-inner{
  position: relative;
  width: 100%;
  min-height: 392px;
  transform-style: preserve-3d;
  transition: transform .62s cubic-bezier(.2,.8,.2,1);
}

.flip-wrap.is-flipped .flip-card-inner{
  transform: rotateY(180deg);
}

.flip-face{
  min-height: 392px;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

.flip-front{
  position: relative;
}

.flip-back{
  position: absolute;
  inset: 0;
  transform: rotateY(180deg);
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding-top: 22px;
  max-height: 520px;
}

.flip-close{
  position:absolute;
  top:12px;
  right:12px;
  width:38px;
  height:38px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.06);
  color:#fff;
  font-size:1.35rem;
  font-weight:800;
  cursor:pointer;
  display:grid;
  place-items:center;
  z-index:3;
}

.member-access{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:6px;
  color:#aebbd2;
  font-size:.82rem;
  margin:2px 0 -2px;
}

.member-access.compact{
  margin-top:12px;
}

.inline-link{
  width:auto;
  padding:0;
  margin:0;
  border:0;
  background:none;
  color:#62a8ff;
  font:inherit;
  font-weight:900;
  cursor:pointer;
}

.sign-link{
  margin-top:0;
}

.auth-mode-copy{
  margin: -4px 0 6px;
  color:#aebbd2;
  font-size:.82rem;
  text-align:center;
  line-height:1.45;
}

.forgot-btn{
  margin-top:2px;
}

.input-with-btn{
  display:flex;
  gap:8px;
  width:100%;
}

.input-with-btn input{
  flex:1;
  min-width:0;
}

.input-with-btn button{
  width:auto;
  margin:0;
  padding:0 14px;
  border-radius:13px;
  border:1px solid rgba(176,199,255,.18);
  background:linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.04));
  color:#fff;
  font-weight:900;
  font-size:.78rem;
  cursor:pointer;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}

.input-with-btn button:disabled{
  opacity:.72;
  cursor:not-allowed;
}

.input-with-btn button.validated{
  border-color:rgba(66,240,147,.42);
  color:#42f093;
}

.field input:disabled{
  opacity:.68;
  color:#d8e2f4;
  background:rgba(8,17,33,.42);
}

.tag-feedback{
  min-height:18px;
  margin-top:6px;
  font-size:.72rem;
  color:#9eacc7;
}

.tag-feedback.loading{
  color:#79a6ff;
}

.tag-feedback.success{
  color:#42f093;
}

.tag-feedback.error{
  color:#ff6f8f;
}

@media (max-height: 760px){
  .flip-card-inner,
  .flip-face{
    min-height: 352px;
  }
  .flip-back{
    max-height: 430px;
  }
}


/* ===== Refino Login/Cadastro: alinhamento + olho SVG ===== */
.flip-back{
  padding: 34px 18px 20px !important;
}

.flip-close{
  top: 8px !important;
  right: 10px !important;
  transform: translateY(-8px);
  z-index: 10;
}

#authBackContent h2{
  text-align:center;
  margin: 0 48px 6px;
  line-height:1.15;
}

.auth-mode-copy{
  margin: 0 14px 16px !important;
}

.auth-field{
  margin-bottom: 14px;
}

.auth-field span{
  margin-bottom: 4px;
}

.auth-main-btn{
  display:block;
  width: min(260px, 100%);
  margin: 22px auto 0 !important;
  text-align:center;
}

.forgot-btn{
  display:block;
  width:100%;
  margin: 12px auto 0 !important;
  text-align:center;
}

.member-access.compact{
  margin-top: 14px !important;
}

.password-wrap{
  position:relative;
  width:100%;
}

.password-wrap input{
  padding-right: 54px !important;
}

.eye-btn{
  position:absolute;
  top:50%;
  right:10px;
  transform:translateY(-50%);
  width:38px;
  height:38px;
  margin:0;
  padding:0;
  border-radius:12px;
  border:1px solid rgba(176,199,255,.14);
  background:rgba(255,255,255,.05);
  color:#d8e2f4;
  display:grid;
  place-items:center;
  cursor:pointer;
}

.eye-btn:active{
  transform:translateY(-50%) scale(.96);
}

.eye-svg{
  width:20px;
  height:20px;
  display:block;
}

.input-with-btn{
  align-items:stretch;
}

.input-with-btn button{
  min-width:112px;
}

#authBack .field input,
#authBack .password-wrap input{
  min-height:58px;
}

@media (max-width: 380px){
  .input-with-btn button{
    min-width:96px;
    padding-inline:10px;
  }

  .auth-main-btn{
    width:100%;
  }
}


/* ===== Refino: fechar alinhado + popup esqueci senha ===== */
.flip-close{
  top: 16px !important;
  right: 12px !important;
  transform: none !important;
}

.premium-modal-overlay{
  position:fixed;
  inset:0;
  z-index:999;
  display:grid;
  place-items:center;
  padding:22px;
  background:rgba(2,8,18,.58);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  opacity:0;
  pointer-events:none;
  transition:opacity .22s ease;
}

.premium-modal-overlay.show{
  opacity:1;
  pointer-events:auto;
}

.premium-modal{
  position:relative;
  width:min(100%, 360px);
  border-radius:26px;
  padding:28px 22px 22px;
  transform:translateY(14px) scale(.97);
  opacity:.98;
  transition:transform .24s cubic-bezier(.2,.8,.2,1);
}

.premium-modal-overlay.show .premium-modal{
  transform:translateY(0) scale(1);
}

.modal-close{
  position:absolute;
  top:12px;
  right:12px;
  width:40px;
  height:40px;
  border-radius:15px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.07);
  color:#fff;
  font-size:1.35rem;
  font-weight:900;
  display:grid;
  place-items:center;
  cursor:pointer;
}

.modal-eyebrow{
  color:var(--gold);
  text-transform:uppercase;
  letter-spacing:.16em;
  font-size:.66rem;
  font-weight:900;
  margin-bottom:14px;
  padding-right:44px;
}

.premium-modal h2{
  margin:0 44px 8px 0;
  font-size:1.32rem;
  line-height:1.15;
}

.premium-modal p{
  margin:0 0 18px;
  color:#b8c5dc;
  line-height:1.45;
  font-size:.88rem;
}

.modal-field{
  margin-bottom:16px;
}

.modal-action{
  width:100%;
  margin-top:4px !important;
}

.modal-feedback{
  display:block;
  min-height:20px;
  margin-top:12px;
  text-align:center;
  color:#aebbd2;
  font-size:.78rem;
}

.modal-feedback.success{
  color:#42f093;
}

.modal-feedback.error{
  color:#ff6f8f;
}

/* ===== Dashboard V1 + Menu inferior ===== */
.dashboard-shell{min-height:100svh;display:grid;place-items:center;padding:8px 8px calc(10px + env(safe-area-inset-bottom));background:radial-gradient(circle at 50% 2%,rgba(49,112,255,.22),transparent 38%),linear-gradient(180deg,rgba(5,10,22,.1),rgba(5,10,22,.94)),url('assets/img/auth-bg.svg') center/cover no-repeat;color:var(--text)}
.dashboard-phone{width:min(100%,390px);min-height:min(770px,calc(100svh - 16px));border-radius:30px;padding:16px 14px 88px;display:flex;flex-direction:column;gap:14px;position:relative;overflow:hidden}
.dash-header{display:flex;justify-content:space-between;align-items:center;padding:4px 2px 10px}.dash-clan{display:flex;align-items:center;gap:10px}.dash-badge{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12)}.dash-badge img{width:36px}.dash-clan strong{display:block;font-size:.94rem;font-weight:900}.dash-clan span{display:block;color:#9eacc7;font-size:.72rem;margin-top:2px}.dash-bell{width:46px;height:46px;border-radius:50%;border:1px solid rgba(176,199,255,.14);color:#dfe8fb;background:rgba(255,255,255,.08);display:grid;place-items:center;position:relative}.dash-bell svg{width:24px;height:24px}.dash-bell i{position:absolute;right:10px;top:9px;width:8px;height:8px;border-radius:50%;background:#ff4e68;box-shadow:0 0 10px rgba(255,78,104,.7)}
.dash-title-card{border-radius:16px;padding:18px;position:relative;overflow:hidden}.dash-title-card h1{margin:0 0 5px;font-size:1.18rem;letter-spacing:.03em}.dash-title-card p{margin:0;color:#b9c5db;font-size:.83rem}.dash-card{border-radius:16px;padding:16px}.dash-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.dash-card-head span,.dash-section-label{text-transform:uppercase;letter-spacing:.12em;color:#aebbd2;font-size:.72rem;font-weight:900}.dash-card-head b{font-size:.68rem;padding:6px 9px;border-radius:999px;color:#bfffd5;background:rgba(34,197,94,.28);border:1px solid rgba(34,197,94,.28)}.dash-card h2{margin:14px 0;font-size:1.1rem}.war-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.war-grid small{display:block;color:#9eacc7;font-size:.72rem;margin-bottom:4px}.war-grid strong{font-size:1.12rem}.fame-value{color:#7bb3ff}.progress-line{height:8px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}.progress-line span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#306dff,#79a6ff);box-shadow:0 0 18px rgba(48,109,255,.45)}
.highlight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:13px}.highlight-grid article{min-height:104px;border-radius:15px;padding:10px 7px;text-align:center;background:rgba(5,13,27,.42);border:1px solid rgba(176,199,255,.09)}.highlight-grid svg{width:30px;height:30px;color:#ffd65f;filter:drop-shadow(0 0 10px rgba(248,200,79,.25))}.highlight-grid span{display:block;margin:6px 0 5px;color:#aebbd2;font-size:.54rem;text-transform:uppercase;letter-spacing:.07em;font-weight:900}.highlight-grid strong{display:block;font-size:.9rem}.highlight-grid small{display:block;margin-top:4px;color:#d8e2f4;font-weight:800;font-size:.75rem}
.note-row{display:grid;grid-template-columns:30px 1fr 20px;align-items:center;gap:10px;padding:13px 0;border-bottom:1px solid rgba(176,199,255,.10)}.note-row:last-child{border-bottom:0}.note-row svg{width:23px;height:23px;color:#d9e5f7}.note-row strong{display:block;font-size:.82rem}.note-row span{display:block;margin-top:3px;color:#9eacc7;font-size:.72rem}.red-dot{width:8px;height:8px;border-radius:50%;background:#ff4e68;justify-self:end}.note-row em{justify-self:end;color:#9eacc7;font-style:normal}
.bottom-nav{position:absolute;left:0;right:0;bottom:0;height:82px;padding:8px 10px calc(8px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(7,1fr);gap:2px;background:linear-gradient(180deg,rgba(4,10,20,.70),rgba(3,7,15,.96));border-top:1px solid rgba(176,199,255,.10);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.nav-btn{width:100%;border:0;background:none;color:#d7e1f4;display:grid;place-items:center;align-content:center;gap:4px;padding:0;cursor:pointer;font:inherit;min-width:0}.nav-btn svg{width:24px;height:24px}.nav-btn span{font-size:.55rem;white-space:nowrap;font-weight:800;letter-spacing:-.02em}.nav-btn.active{color:#ffd65f}.nav-home{transform:translateY(-14px)}.nav-home svg{width:34px;height:34px;padding:11px;box-sizing:content-box;border-radius:50%;background:linear-gradient(180deg,rgba(255,214,95,.95),rgba(218,147,24,.95));color:#071327;border:1px solid rgba(255,255,255,.22);box-shadow:0 12px 28px rgba(248,200,79,.28),0 0 0 7px rgba(255,255,255,.05)}.nav-home span{margin-top:2px;color:#ffd65f}
@media (max-width:370px){.dashboard-phone{padding-inline:12px}.nav-btn span{font-size:.5rem}.highlight-grid{gap:6px}}


/* ===== Dashboard V2: scroll livre + menu fixo real ===== */
.dashboard-shell{
  align-items:start !important;
  place-items:start center !important;
  min-height:100svh !important;
  height:auto !important;
  overflow-x:hidden;
  padding:8px 8px 0 !important;
}

.dashboard-phone{
  min-height:100svh !important;
  height:auto !important;
  overflow:visible !important;
  padding-bottom:calc(128px + env(safe-area-inset-bottom)) !important;
  margin-bottom:0 !important;
}

.bottom-nav{
  position:fixed !important;
  left:50% !important;
  right:auto !important;
  bottom:0 !important;
  transform:translateX(-50%) !important;
  width:min(100%,390px) !important;
  max-width:390px !important;
  height:88px !important;
  z-index:900 !important;
  border-radius:22px 22px 0 0;
  padding:8px 10px calc(10px + env(safe-area-inset-bottom)) !important;
  box-shadow:0 -18px 40px rgba(0,0,0,.38);
}

.nav-home{
  transform:translateY(-18px) !important;
}

.notifications-card{
  max-height:260px;
  overflow-y:auto;
  -webkit-overflow-scrolling:touch;
}

/* Modal notificações do sino */
.notifications-overlay{
  position:fixed;
  inset:0;
  z-index:1000;
  display:grid;
  place-items:center;
  padding:22px;
  background:rgba(2,8,18,.58);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  opacity:0;
  pointer-events:none;
  transition:opacity .22s ease;
}

.notifications-overlay.show{
  opacity:1;
  pointer-events:auto;
}

.notifications-modal{
  width:min(100%,360px);
  max-height:72svh;
  overflow-y:auto;
  -webkit-overflow-scrolling:touch;
  position:relative;
  border-radius:26px;
  padding:28px 22px 20px;
  transform:translateY(12px) scale(.97);
  transition:transform .24s cubic-bezier(.2,.8,.2,1);
}

.notifications-overlay.show .notifications-modal{
  transform:translateY(0) scale(1);
}

.notifications-modal h2{
  margin:0 44px 8px 0;
  font-size:1.35rem;
}

.notifications-modal p{
  margin:0 0 18px;
  color:#b8c5dc;
  line-height:1.45;
  font-size:.88rem;
}

.modal-notification-list{
  display:grid;
  gap:10px;
}

.modal-note-row{
  display:grid;
  grid-template-columns:1fr 12px;
  align-items:center;
  gap:10px;
  padding:14px;
  border-radius:16px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(176,199,255,.10);
}

.modal-note-row strong{
  display:block;
  font-size:.88rem;
}

.modal-note-row span{
  display:block;
  margin-top:4px;
  color:#9eacc7;
  font-size:.74rem;
}

.modal-note-row i{
  width:8px;
  height:8px;
  border-radius:50%;
  background:#ff4e68;
  box-shadow:0 0 10px rgba(255,78,104,.7);
}

@supports (-webkit-touch-callout: none){
  html, body{
    overscroll-behavior:none;
  }
}


/* ===== Dashboard V3: menu flutuante + notificações dinâmicas ===== */
html{
  touch-action:manipulation;
  -webkit-text-size-adjust:100%;
}

.dashboard-shell{
  align-items:start !important;
  place-items:start center !important;
  min-height:100svh !important;
  height:auto !important;
  overflow-x:hidden !important;
  padding:8px 8px 0 !important;
}

.dashboard-phone{
  min-height:100svh !important;
  height:auto !important;
  overflow:visible !important;
  padding-bottom:calc(138px + env(safe-area-inset-bottom)) !important;
}

.bottom-nav{
  position:fixed !important;
  left:50% !important;
  right:auto !important;
  bottom:calc(14px + env(safe-area-inset-bottom)) !important;
  transform:translateX(-50%) !important;
  width:min(calc(100% - 28px),390px) !important;
  max-width:390px !important;
  height:82px !important;
  z-index:950 !important;
  border-radius:28px !important;
  padding:8px 10px !important;
  box-shadow:0 18px 46px rgba(0,0,0,.52), 0 0 0 1px rgba(176,199,255,.12);
  background:linear-gradient(180deg, rgba(8,18,36,.86), rgba(3,8,18,.94)) !important;
  backdrop-filter:blur(22px) !important;
  -webkit-backdrop-filter:blur(22px) !important;
  border:1px solid rgba(176,199,255,.13) !important;
}

.nav-home{
  transform:translateY(-20px) !important;
}

.dashboard-notification-list{
  display:grid;
  gap:10px;
  margin-top:12px;
}

.note-item{
  border-bottom:1px solid rgba(176,199,255,.08);
}

.note-item:last-child{
  border-bottom:0;
}

.note-summary{
  width:100%;
  border:0;
  background:transparent;
  color:inherit;
  padding:12px 0;
  display:grid;
  grid-template-columns:30px 1fr 12px 20px;
  align-items:center;
  gap:10px;
  text-align:left;
  font:inherit;
  cursor:pointer;
}

.note-summary svg{
  width:23px;
  height:23px;
  color:#d9e5f7;
}

.note-summary strong{
  display:block;
  font-size:.84rem;
}

.note-summary span{
  display:block;
  margin-top:3px;
  color:#9eacc7;
  font-size:.72rem;
}

.note-arrow{
  justify-self:end;
  color:#9eacc7;
  font-style:normal;
  transition:transform .2s ease;
}

.note-item.open .note-arrow{
  transform:rotate(180deg);
}

.note-details{
  max-height:0;
  overflow:hidden;
  color:#aebbd2;
  font-size:.76rem;
  line-height:1.45;
  padding:0 0 0 40px;
  transition:max-height .25s ease, padding .25s ease;
}

.note-item.open .note-details{
  max-height:120px;
  padding:0 0 13px 40px;
}

.notifications-modal{
  width:min(100%,360px);
  max-height:76svh;
  overflow:hidden !important;
  display:flex;
  flex-direction:column;
}

.notifications-modal-head{
  flex:0 0 auto;
  padding-bottom:16px;
}

.notifications-modal .modal-close{
  top:12px;
  right:12px;
}

.modal-notification-scroll{
  flex:1 1 auto;
  overflow-y:auto;
  -webkit-overflow-scrolling:touch;
  padding-right:2px;
}

.modal-notification-list{
  display:grid;
  gap:10px;
}

.modal-note-row{
  display:block !important;
  padding:0 !important;
  overflow:hidden;
}

.modal-note-summary{
  width:100%;
  border:0;
  background:transparent;
  color:inherit;
  padding:14px;
  display:grid;
  grid-template-columns:1fr 12px 18px;
  align-items:center;
  gap:10px;
  text-align:left;
  font:inherit;
  cursor:pointer;
}

.modal-note-summary strong{
  display:block;
  font-size:.88rem;
}

.modal-note-summary span{
  display:block;
  margin-top:4px;
  color:#9eacc7;
  font-size:.74rem;
}

.modal-note-summary i{
  width:8px;
  height:8px;
  border-radius:50%;
  background:#ff4e68;
  box-shadow:0 0 10px rgba(255,78,104,.7);
}

.modal-note-summary em{
  font-style:normal;
  color:#9eacc7;
  transition:transform .2s ease;
}

.modal-note-row.open .modal-note-summary em{
  transform:rotate(180deg);
}

.modal-note-details{
  max-height:0;
  overflow:hidden;
  color:#aebbd2;
  font-size:.76rem;
  line-height:1.45;
  padding:0 14px;
  transition:max-height .25s ease, padding .25s ease;
}

.modal-note-row.open .modal-note-details{
  max-height:150px;
  padding:0 14px 14px;
}

@media (max-width:370px){
  .bottom-nav{
    width:min(calc(100% - 18px),390px) !important;
  }
  .nav-btn span{
    font-size:.48rem !important;
  }
}


/* ===== V4: Premium icons + menu realmente fora da Dashboard ===== */
.tbrs-arrow{
  width:18px !important;
  height:18px !important;
  color:#9eacc7;
  transition:transform .24s cubic-bezier(.2,.8,.2,1), color .24s ease;
}

.note-item.open .tbrs-arrow,
.modal-note-row.open .tbrs-arrow{
  transform:rotate(180deg);
  color:#d8e2f4;
}

.modal-close svg{
  width:21px;
  height:21px;
}

/* remove dependência visual do card da dashboard */
.dashboard-shell{
  min-height:100svh !important;
  height:auto !important;
  display:block !important;
  padding:8px 8px 0 !important;
  overflow-x:hidden !important;
}

.dashboard-phone{
  width:min(100%,390px) !important;
  margin:0 auto !important;
  min-height:auto !important;
  height:auto !important;
  overflow:visible !important;
  padding-bottom:calc(142px + env(safe-area-inset-bottom)) !important;
}

/* menu flutuante independente da Dashboard */
.bottom-nav{
  position:fixed !important;
  left:50% !important;
  right:auto !important;
  bottom:calc(16px + env(safe-area-inset-bottom)) !important;
  transform:translateX(-50%) !important;
  width:min(calc(100vw - 28px),390px) !important;
  max-width:390px !important;
  height:82px !important;
  z-index:9999 !important;
  display:grid !important;
  grid-template-columns:repeat(7, minmax(0, 1fr)) !important;
  align-items:center !important;
  gap:0 !important;
  padding:8px 8px !important;
  border-radius:28px !important;
  background:linear-gradient(180deg, rgba(8,18,36,.90), rgba(3,8,18,.96)) !important;
  border:1px solid rgba(176,199,255,.16) !important;
  box-shadow:0 18px 46px rgba(0,0,0,.56), 0 0 0 1px rgba(255,255,255,.035) !important;
  backdrop-filter:blur(24px) !important;
  -webkit-backdrop-filter:blur(24px) !important;
}

.nav-btn{
  min-width:0 !important;
  width:100% !important;
  height:64px !important;
  display:grid !important;
  grid-template-rows:28px 16px !important;
  justify-items:center !important;
  align-content:center !important;
  align-items:center !important;
  gap:4px !important;
  padding:0 !important;
  margin:0 !important;
  text-align:center !important;
}

.nav-btn svg{
  width:24px !important;
  height:24px !important;
  display:block !important;
}

.nav-btn span{
  font-size:.54rem !important;
  line-height:1 !important;
  font-weight:850 !important;
  letter-spacing:-.03em !important;
  text-align:center !important;
  white-space:nowrap !important;
  max-width:100% !important;
  overflow:hidden !important;
  text-overflow:clip !important;
}

.nav-home{
  transform:translateY(-20px) !important;
  height:76px !important;
  grid-template-rows:56px 16px !important;
}

.nav-home svg{
  width:34px !important;
  height:34px !important;
  padding:11px !important;
  box-sizing:content-box !important;
  margin:0 auto !important;
}

.nav-home span{
  transform:translateY(-1px);
}

/* cabeçalho fixo e lista independente na central */
.notifications-modal{
  overflow:hidden !important;
}

.notifications-modal-head{
  position:sticky;
  top:0;
  z-index:3;
  background:linear-gradient(180deg, rgba(9,18,34,.96), rgba(9,18,34,.82));
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  margin:-28px -22px 14px;
  padding:28px 22px 14px;
  border-bottom:1px solid rgba(176,199,255,.08);
}

.modal-notification-scroll{
  max-height:calc(72svh - 160px);
  overflow-y:auto !important;
  -webkit-overflow-scrolling:touch;
}

@media (max-width:370px){
  .bottom-nav{
    width:min(calc(100vw - 18px),390px) !important;
    padding-inline:6px !important;
  }
  .nav-btn span{
    font-size:.48rem !important;
  }
  .nav-btn svg{
    width:22px !important;
    height:22px !important;
  }
}


/* ===== V5: ícones semi-fill estilo mockup ===== */
.nav-svg{
  display:block;
  width:25px !important;
  height:25px !important;
}

.nav-btn{
  color:#dbe6f8 !important;
}

.nav-btn.active{
  color:#ffd65f !important;
}

.nav-btn:not(.active){
  opacity:.92;
}

.nav-home .nav-svg{
  width:34px !important;
  height:34px !important;
}

.dash-bell svg{
  width:28px !important;
  height:28px !important;
  color:#dfe8fb;
}

.tbrs-arrow{
  width:18px !important;
  height:18px !important;
}

.note-item.open .tbrs-arrow,
.modal-note-row.open .tbrs-arrow{
  transform:rotate(180deg);
}


/* ===== PATCH: popup oculta menu + setas alinhadas ===== */
body.modal-open .bottom-nav{
  opacity:0 !important;
  transform:translateX(-50%) translateY(22px) scale(.96) !important;
  pointer-events:none !important;
}

.bottom-nav{
  transition:opacity .22s ease, transform .22s ease !important;
}

/* Notificações da Dashboard: coluna fixa para ícone, texto, status e seta */
.note-summary{
  grid-template-columns:30px minmax(0,1fr) 16px 26px !important;
  column-gap:10px !important;
}

.note-summary .red-dot{
  grid-column:3 !important;
  justify-self:center !important;
}

.note-summary .tbrs-arrow,
.note-summary .note-arrow{
  grid-column:4 !important;
  justify-self:center !important;
  align-self:center !important;
  margin:0 !important;
  width:18px !important;
  height:18px !important;
}

/* Central: cabeçalho fixo e lista rolando independente */
.notifications-modal{
  overflow:hidden !important;
  display:flex !important;
  flex-direction:column !important;
}

.notifications-modal-head{
  flex:0 0 auto !important;
  position:sticky;
  top:0;
  z-index:3;
  background:linear-gradient(180deg, rgba(9,18,34,.96), rgba(9,18,34,.82));
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  margin:-28px -22px 14px;
  padding:28px 22px 14px;
  border-bottom:1px solid rgba(176,199,255,.08);
}

.modal-notification-scroll{
  flex:1 1 auto !important;
  max-height:calc(72svh - 160px);
  overflow-y:auto !important;
  -webkit-overflow-scrolling:touch;
}

/* Central: coluna fixa para texto, status e seta */
.modal-note-summary{
  grid-template-columns:minmax(0,1fr) 16px 26px !important;
  column-gap:10px !important;
}

.modal-note-summary i{
  grid-column:2 !important;
  justify-self:center !important;
}

.modal-note-summary .tbrs-arrow,
.modal-note-summary .modal-arrow{
  grid-column:3 !important;
  justify-self:center !important;
  align-self:center !important;
  margin:0 !important;
  width:18px !important;
  height:18px !important;
}


/* ===== MENU EVOLUÍDO: glow, transição, indicador ativo ===== */
html.modal-open,
body.modal-open{
  overflow:hidden !important;
  height:100% !important;
  touch-action:none;
}

.bottom-nav{
  isolation:isolate;
  overflow:visible !important;
}

.bottom-nav::before{
  content:"";
  position:absolute;
  inset:7px;
  border-radius:22px;
  background:
    radial-gradient(circle at var(--active-x, 50%) 50%, rgba(255,214,95,.18), transparent 18%),
    linear-gradient(180deg, rgba(255,255,255,.035), transparent);
  opacity:.95;
  pointer-events:none;
  z-index:-1;
  transition:background-position .28s ease, opacity .28s ease;
}

.nav-btn{
  position:relative;
  transition:
    color .24s ease,
    opacity .24s ease,
    transform .24s cubic-bezier(.2,.8,.2,1),
    filter .24s ease !important;
}

.nav-btn svg{
  transition:
    transform .24s cubic-bezier(.2,.8,.2,1),
    filter .24s ease,
    opacity .24s ease !important;
}

.nav-btn span{
  transition:
    color .24s ease,
    transform .24s ease,
    opacity .24s ease !important;
}

.nav-btn.active{
  color:#ffd65f !important;
  filter:drop-shadow(0 0 11px rgba(255,214,95,.28));
}

.nav-btn.active:not(.nav-home)::after{
  content:"";
  position:absolute;
  top:3px;
  width:5px;
  height:5px;
  border-radius:50%;
  background:#ffd65f;
  box-shadow:0 0 12px rgba(255,214,95,.8);
}

.nav-btn.active:not(.nav-home) svg{
  transform:translateY(-2px) scale(1.08);
}

.nav-btn.active:not(.nav-home) span{
  transform:translateY(1px);
}

.nav-btn.tap{
  animation:navTap .26s cubic-bezier(.2,.8,.2,1);
}

@keyframes navTap{
  0%{transform:scale(1)}
  45%{transform:scale(.88)}
  100%{transform:scale(1)}
}

.nav-home{
  transition:transform .28s cubic-bezier(.2,.8,.2,1), filter .28s ease !important;
}

.nav-home.active{
  filter:drop-shadow(0 0 18px rgba(255,214,95,.36));
}

.nav-home.tap{
  animation:homeTap .32s cubic-bezier(.2,.8,.2,1);
}

@keyframes homeTap{
  0%{transform:translateY(-20px) scale(1)}
  45%{transform:translateY(-20px) scale(.90)}
  100%{transform:translateY(-20px) scale(1)}
}

.nav-home::before{
  content:"";
  position:absolute;
  top:-4px;
  left:50%;
  transform:translateX(-50%);
  width:66px;
  height:66px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(255,214,95,.28), transparent 68%);
  opacity:.9;
  pointer-events:none;
  z-index:-1;
  animation:homeGlow 2.4s ease-in-out infinite;
}

@keyframes homeGlow{
  0%,100%{opacity:.55; transform:translateX(-50%) scale(.94)}
  50%{opacity:1; transform:translateX(-50%) scale(1.08)}
}

/* feedback premium ao pressionar */
.nav-btn:active svg{
  transform:scale(.9);
}

.nav-home:active svg{
  transform:scale(.94);
}

/* Popup aberto: além de esconder menu, bloqueia gestos e scroll */
body.modal-open .dashboard-shell{
  overflow:hidden !important;
  max-height:100svh !important;
}

body.modal-open .dashboard-phone{
  pointer-events:none;
}

body.modal-open .notifications-overlay{
  pointer-events:auto;
}

/* ===== War Page V1 ===== */
.war-shell{align-items:start!important;place-items:start center!important;min-height:100svh!important;height:auto!important;display:block!important;padding:8px 8px 0!important}
.war-phone{width:min(100%,390px)!important;margin:0 auto!important;min-height:100svh!important;height:auto!important;overflow:visible!important;padding:20px 16px calc(142px + env(safe-area-inset-bottom))!important}
.war-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.war-kicker{margin:0 0 8px;color:#fff;font-size:1rem;font-weight:900}.war-header h1{margin:0;font-size:1.35rem;line-height:1.12}.war-day{display:block;margin-top:7px;color:#aebbd2;font-weight:800;min-height:18px}
.calendar-btn{width:48px;height:48px;border-radius:18px;border:1px solid rgba(176,199,255,.14);background:rgba(255,255,255,.07);color:#dfe8fb;display:grid;place-items:center;flex:0 0 auto}.calendar-btn svg{width:25px;height:25px}
.war-status-line{margin-top:14px}.status-pill{display:inline-flex;align-items:center;gap:7px;color:#cfffdb;background:rgba(34,197,94,.28);border:1px solid rgba(34,197,94,.30);padding:8px 12px;border-radius:999px;font-size:.82rem;font-weight:900}.status-pill i{width:13px;height:13px;border-radius:4px;background:#72f19c;box-shadow:0 0 14px rgba(114,241,156,.45);transform:rotate(45deg)}
.war-summary{margin-top:16px;border-radius:16px;padding:16px;display:grid;grid-template-columns:1fr 1fr;gap:14px}.war-summary small{display:block;color:#9eacc7;margin-bottom:5px}.war-summary strong{font-size:1.2rem}.war-fame:before{content:'';display:inline-block;width:12px;height:12px;margin-right:6px;border-radius:50%;background:#ffd65f;box-shadow:0 0 12px rgba(255,214,95,.5)}
.war-progress{grid-column:1/-1;height:8px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}.war-progress span{display:block;height:100%;background:linear-gradient(90deg,#306dff,#79a6ff);border-radius:inherit}
.war-tabs{margin-top:16px;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:6px;border-radius:16px}.war-tab{border:1px solid rgba(176,199,255,.10);border-radius:14px;background:rgba(255,255,255,.045);color:#d8e2f4;padding:13px;font-weight:900;font:inherit}.war-tab.active{background:linear-gradient(180deg,rgba(26,92,212,.62),rgba(8,42,112,.62));border-color:rgba(74,130,255,.48);color:#fff;box-shadow:0 0 22px rgba(48,109,255,.18)}
.war-table-card{margin-top:16px;border-radius:16px;padding:14px}.war-table-head{display:grid;grid-template-columns:minmax(0,1fr) 78px 86px;gap:8px;color:#aebbd2;text-transform:uppercase;letter-spacing:.10em;font-size:.66rem;font-weight:900;padding:0 4px 12px}.war-row{display:grid;grid-template-columns:minmax(0,1fr) 78px 86px;gap:8px;align-items:center;min-height:58px;border-top:1px solid rgba(176,199,255,.08);padding:8px 4px}
.war-member-cell{display:flex;align-items:center;gap:10px;min-width:0}.war-member-cell strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.war-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:900;color:#071327;background:linear-gradient(180deg,#dbeafe,#8bb4ff);border:2px solid rgba(255,255,255,.28);flex:0 0 auto}.war-avatar.tier-1{background:linear-gradient(180deg,#ffe58a,#f2b936)}.war-avatar.tier-2{background:linear-gradient(180deg,#dbeafe,#9fbce9)}.war-avatar.tier-3{background:linear-gradient(180deg,#ffbf86,#e16f21)}.war-avatar.tier-4{background:linear-gradient(180deg,#99f6e4,#1fa989)}
.fame.green{color:#42f093}.fame.yellow{color:#ffd65f}.fame.red{color:#ff5d73}.attack-dots{display:flex;align-items:center;gap:6px;justify-content:flex-end}.attack-dots i{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.10);border:1px solid rgba(176,199,255,.16)}.attack-dots i.done{background:#4f7cff;box-shadow:0 0 12px rgba(79,124,255,.46);border-color:rgba(121,166,255,.56)}
.war-calendar-overlay{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:22px;background:rgba(2,8,18,.58);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);opacity:0;pointer-events:none;transition:opacity .22s ease}.war-calendar-overlay.show{opacity:1;pointer-events:auto}.war-calendar-modal{position:relative;width:min(100%,342px);border-radius:26px;padding:28px 20px 20px;transform:translateY(12px) scale(.97);transition:transform .24s cubic-bezier(.2,.8,.2,1)}.war-calendar-overlay.show .war-calendar-modal{transform:translateY(0) scale(1)}
.calendar-mini{display:grid;gap:14px;margin-top:16px}.calendar-months,.calendar-weeks,.calendar-days{display:grid;gap:8px}.calendar-months{grid-template-columns:repeat(3,1fr)}.calendar-weeks,.calendar-days{grid-template-columns:repeat(4,1fr)}.calendar-mini button{border:1px solid rgba(176,199,255,.14);border-radius:14px;background:rgba(255,255,255,.055);color:#d8e2f4;padding:12px 8px;font-weight:900}.calendar-mini button.active{color:#071327;background:linear-gradient(180deg,#ffd65f,#d99221);box-shadow:0 10px 24px rgba(255,214,95,.22)}.hidden{display:none!important}
body.modal-open .bottom-nav{opacity:0!important;transform:translateX(-50%) translateY(22px) scale(.96)!important;pointer-events:none!important}
@media(max-width:370px){.war-table-head,.war-row{grid-template-columns:minmax(0,1fr) 64px 78px}}


/* ===== War V2 updates: dashboard link + months scroll + alignment ===== */
.go-war-card{
  cursor:pointer;
  transition:transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}

.go-war-card:active{
  transform:scale(.985);
}

.go-war-card:hover{
  border-color:rgba(121,166,255,.28);
  box-shadow:0 0 24px rgba(48,109,255,.12);
}

.months-scroll{
  display:flex !important;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  scroll-snap-type:x proximity;
  gap:8px;
  padding:2px 2px 8px;
  margin-inline:-2px;
}

.months-scroll::-webkit-scrollbar{
  display:none;
}

.months-scroll button{
  min-width:72px;
  flex:0 0 auto;
  scroll-snap-align:center;
}

.war-table-head{
  align-items:center;
}

.war-table-head span:nth-child(1){
  text-align:left;
}

.war-table-head span:nth-child(2){
  text-align:center;
}

.war-table-head span:nth-child(3){
  text-align:left;
}

.war-row > strong:nth-child(2),
.war-row .attack-count,
.war-row .day-fame{
  text-align:center;
  justify-self:center;
}

.war-row > strong:nth-child(3),
.war-row .fame{
  text-align:left;
  justify-self:start;
}

.attacks-row .attack-dots{
  justify-content:flex-start;
  justify-self:start;
}

.attacks-row .day-fame{
  color:#7fb0ff;
  font-weight:900;
}

.attacks-row .day-fame.green{
  color:#42f093;
}

.attacks-row .day-fame.yellow{
  color:#ffd65f;
}

.attacks-row .day-fame.red{
  color:#ff5d73;
}

/* ===== WAR V3 FIX: alinhamento real da tabela + calendário clicável ===== */
.war-table-head,
.war-row{
  grid-template-columns:minmax(0,1.35fr) minmax(72px,.55fr) minmax(86px,.7fr) !important;
  column-gap:10px !important;
}

.war-table-head span{
  display:block;
  width:100%;
}

.war-table-head span:nth-child(1){
  text-align:left !important;
  justify-self:start !important;
}

.war-table-head span:nth-child(2){
  text-align:center !important;
  justify-self:center !important;
}

.war-table-head span:nth-child(3){
  text-align:left !important;
  justify-self:start !important;
}

.war-row > :nth-child(1){
  justify-self:stretch !important;
}

.war-row > :nth-child(2){
  justify-self:center !important;
  text-align:center !important;
}

.war-row > :nth-child(3){
  justify-self:start !important;
  text-align:left !important;
}

.members-row .fame{
  min-width:76px;
}

.attacks-row .day-fame{
  justify-self:center !important;
  text-align:center !important;
}

.attacks-row .attack-dots{
  justify-self:start !important;
  justify-content:flex-start !important;
  min-width:86px;
}

.calendar-mini button{
  cursor:pointer;
  transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease, background .18s ease;
}

.calendar-mini button:active{
  transform:scale(.96);
}

.calendar-mini button.active{
  border-color:rgba(255,214,95,.58) !important;
}

.months-scroll{
  display:flex !important;
  overflow-x:auto !important;
  -webkit-overflow-scrolling:touch;
  scroll-snap-type:x proximity;
  gap:8px;
  padding:2px 2px 8px;
  margin-inline:-2px;
}

.months-scroll button{
  min-width:72px;
  flex:0 0 auto;
  scroll-snap-align:center;
}

.months-scroll::-webkit-scrollbar{
  display:none;
}

@media(max-width:370px){
  .war-table-head,
  .war-row{
    grid-template-columns:minmax(0,1.25fr) minmax(60px,.5fr) minmax(78px,.7fr) !important;
    column-gap:8px !important;
  }
}

/* ===== Classification Page V1 ===== */
html,body{touch-action:manipulation;-webkit-text-size-adjust:100%}.ranking-shell{display:block!important;align-items:start!important;place-items:start center!important;min-height:100svh!important;height:auto!important;padding:8px 8px 0!important}.ranking-phone{width:min(100%,390px)!important;margin:0 auto!important;min-height:100svh!important;height:auto!important;overflow:visible!important;padding:20px 16px calc(142px + env(safe-area-inset-bottom))!important}
.ranking-header{display:grid;grid-template-columns:54px 1fr 48px;gap:12px;align-items:center}.ranking-title-icon{width:52px;height:52px;border-radius:18px;background:rgba(255,255,255,.07);border:1px solid rgba(176,199,255,.14);display:grid;place-items:center;color:#dfe8fb}.ranking-title-icon svg{width:28px;height:28px}.ranking-header h1{margin:0;font-size:1.16rem}.ranking-header p{margin:4px 0 0;color:#aebbd2;font-weight:750}
.ranking-tabs{display:flex;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:22px 0 18px;padding-bottom:4px}.ranking-tabs::-webkit-scrollbar{display:none}.ranking-tab{flex:0 0 auto;border:1px solid rgba(176,199,255,.12);background:rgba(255,255,255,.045);color:#d8e2f4;border-radius:14px;padding:12px 18px;font-weight:900;font:inherit}.ranking-tab.active{color:#071327;background:linear-gradient(180deg,#ffd65f,#d99221);box-shadow:0 12px 26px rgba(255,214,95,.20);border-color:rgba(255,214,95,.55)}
.podium{display:grid;grid-template-columns:1fr 1.18fr 1fr;gap:8px;align-items:end;min-height:220px;margin-top:4px}.podium-card{position:relative;border-radius:16px;background:rgba(255,255,255,.055);border:1px solid rgba(176,199,255,.10);min-height:150px;padding:52px 8px 14px;text-align:center;display:grid;align-content:end;justify-items:center}.podium-1{min-height:188px;background:linear-gradient(180deg,rgba(43,78,145,.52),rgba(10,20,40,.62));border-color:rgba(255,214,95,.26);transform:translateY(-12px)}.podium-3{background:rgba(65,28,24,.28)}.rank-crown{position:absolute;top:-24px;width:52px;height:52px;filter:drop-shadow(0 10px 14px rgba(0,0,0,.34))}.podium-1 .rank-crown{width:70px;height:70px;top:-40px}.podium-avatar{position:absolute;top:-22px;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;font-weight:950;font-size:1.4rem;color:#071327;background:linear-gradient(180deg,#90cdf4,#2563eb);border:3px solid #ffd65f}.podium-1 .podium-avatar{width:72px;height:72px;top:-34px}.avatar-2{border-color:#dbeafe;background:linear-gradient(180deg,#dbeafe,#89b4ef)}.avatar-3{border-color:#ffb070;background:linear-gradient(180deg,#ffb070,#b45309)}.podium-place{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(180deg,#ffd65f,#b7791f);color:#071327;font-weight:950;margin-bottom:8px}.podium-card strong{font-size:.9rem}.podium-card small{margin-top:5px;color:#f8fafc;font-weight:850}
.ranking-table-card{border-radius:16px;padding:12px;margin-top:-8px;position:relative;z-index:2}.ranking-table-head{display:grid;grid-template-columns:58px minmax(0,1fr) 96px;gap:8px;color:#aebbd2;text-transform:uppercase;letter-spacing:.10em;font-size:.66rem;font-weight:900;padding:0 12px 8px}.ranking-table-head.donations-head{grid-template-columns:58px minmax(0,1fr) 68px 68px}.ranking-row{width:100%;border:0;background:transparent;color:#fff;display:grid;grid-template-columns:58px minmax(0,1fr) 96px;gap:8px;align-items:center;min-height:56px;border-top:1px solid rgba(176,199,255,.08);padding:8px 12px;text-align:left;font:inherit}.ranking-row.donation-row{grid-template-columns:58px minmax(0,1fr) 68px 68px}.ranking-row span{font-weight:900;color:#d8e2f4}.ranking-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ranking-row b{text-align:right;font-weight:950}.donation-row b{text-align:center}
.ranking-calendar-overlay,.ranking-detail-overlay{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:22px;background:rgba(2,8,18,.58);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);opacity:0;pointer-events:none;transition:opacity .22s ease}.ranking-calendar-overlay.show,.ranking-detail-overlay.show{opacity:1;pointer-events:auto}.ranking-calendar-modal,.ranking-detail-modal{position:relative;width:min(100%,342px);border-radius:26px;padding:28px 20px 20px;transform:translateY(12px) scale(.97);transition:transform .24s cubic-bezier(.2,.8,.2,1)}.ranking-calendar-overlay.show .ranking-calendar-modal,.ranking-detail-overlay.show .ranking-detail-modal{transform:translateY(0) scale(1)}
.detail-total{margin-top:18px;border-radius:18px;background:rgba(255,255,255,.07);border:1px solid rgba(176,199,255,.12);padding:16px}.detail-total span{text-transform:uppercase;letter-spacing:.12em;color:#aebbd2;font-weight:900;font-size:.72rem}.detail-total strong{display:block;margin-top:8px;color:#fff3b0;font-size:1.35rem}.detail-weeks{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.detail-weeks div{border-radius:16px;background:rgba(255,255,255,.07);border:1px solid rgba(176,199,255,.12);padding:14px;text-align:center}.detail-weeks span{display:block;color:#aebbd2}.detail-weeks strong{display:block;font-size:1.35rem;margin-top:6px}body.modal-open .bottom-nav{opacity:0!important;transform:translateX(-50%) translateY(22px) scale(.96)!important;pointer-events:none!important}
@media(max-width:370px){.ranking-table-head,.ranking-row{grid-template-columns:48px minmax(0,1fr) 84px}.podium{gap:6px}.ranking-tab{padding:11px 14px}}


/* ===== NAV FIX: estado ativo centralizado ===== */
.bottom-nav .nav-btn{
  cursor:pointer;
}

.bottom-nav .nav-btn.active{
  color:#ffd65f !important;
}

.bottom-nav .nav-btn.active svg{
  filter:drop-shadow(0 0 10px rgba(255,214,95,.35));
}

/* ===== Classification V2 refinements ===== */
.ranking-period{
  display:inline-block;
  margin:16px 0 0 66px;
  color:#fff;
  font-size:1.18rem;
  line-height:1.1;
  font-weight:950;
}

.ranking-tabs-wrap{
  margin:20px 0 18px;
  border-radius:16px;
  padding:7px;
  overflow:hidden;
}

.ranking-tabs{
  margin:0 !important;
  padding:0 !important;
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  overflow:visible !important;
}

.ranking-tab{
  width:100%;
  min-width:0;
  padding:12px 8px !important;
  text-align:center;
  border-radius:14px !important;
  font-size:.92rem;
}

.podium{
  min-height:190px !important;
  margin-top:0 !important;
  gap:7px !important;
}

.podium-card{
  min-height:132px !important;
  padding:44px 6px 12px !important;
  cursor:pointer;
}

.podium-1{
  min-height:164px !important;
  transform:translateY(-8px) !important;
}

.podium-2{
  min-height:134px !important;
}

.podium-3{
  min-height:130px !important;
}

.rank-crown{
  position:absolute;
  top:-34px !important;
  width:62px !important;
  height:52px !important;
  filter:drop-shadow(0 10px 14px rgba(0,0,0,.34));
  z-index:3;
}

.podium-1 .rank-crown,
.rank-crown.crown-1{
  width:82px !important;
  height:66px !important;
  top:-52px !important;
  filter:drop-shadow(0 0 14px rgba(255,214,95,.38)) drop-shadow(0 10px 14px rgba(0,0,0,.34));
}

.rank-crown.crown-2{
  filter:drop-shadow(0 0 10px rgba(219,234,254,.22)) drop-shadow(0 10px 14px rgba(0,0,0,.34));
}

.rank-crown.crown-3{
  filter:drop-shadow(0 0 10px rgba(255,176,112,.22)) drop-shadow(0 10px 14px rgba(0,0,0,.34));
}

.podium-avatar{
  width:52px !important;
  height:52px !important;
  top:-12px !important;
  z-index:2;
}

.podium-1 .podium-avatar{
  width:64px !important;
  height:64px !important;
  top:-20px !important;
}

.podium-place{
  width:27px !important;
  height:27px !important;
  margin-bottom:6px !important;
}

.ranking-table-card{
  margin-top:0 !important;
}

html, body{
  overscroll-behavior:none;
  touch-action:manipulation;
  -webkit-text-size-adjust:100%;
}

@media(max-width:370px){
  .ranking-period{
    margin-left:60px;
    font-size:1.08rem;
  }
  .ranking-tab{
    font-size:.84rem;
    padding-inline:4px !important;
  }
  .rank-crown{
    width:56px !important;
  }
  .podium-1 .rank-crown{
    width:74px !important;
  }
}


/* ===== Header refino Guerra/Classificação ===== */
.ranking-header{
  grid-template-columns:104px minmax(0,1fr) 48px !important;
  align-items:start !important;
}

.ranking-title-stack,
.war-title-stack{
  width:104px !important;
  min-height:104px;
  border-radius:22px !important;
  align-content:center;
  justify-items:center;
  gap:8px;
  padding:10px 8px;
  box-sizing:border-box;
}

.ranking-title-stack svg,
.war-title-stack svg{
  width:34px !important;
  height:34px !important;
}

.menu-period{
  display:grid;
  justify-items:center;
  gap:1px;
  line-height:1.05;
  text-align:center;
}

.menu-period strong{
  font-size:1.02rem;
  color:#fff;
  font-weight:950;
  letter-spacing:-.03em;
}

.menu-period span{
  color:#aebbd2;
  font-size:.72rem;
  font-weight:900;
  white-space:nowrap;
}

.ranking-period{
  display:none !important;
}

.ranking-header h1{
  margin-top:8px !important;
}

.ranking-header p{
  max-width:190px;
}

/* Guerra com ícone no mesmo padrão */
.war-header-refined{
  display:grid !important;
  grid-template-columns:104px minmax(0,1fr) 48px;
  align-items:start !important;
  gap:12px !important;
}

.war-title-icon{
  width:104px;
  min-height:104px;
  border-radius:22px;
  background:rgba(255,255,255,.07);
  border:1px solid rgba(176,199,255,.14);
  color:#dfe8fb;
  display:grid;
  place-items:center;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}

.war-heading-text{
  min-width:0;
}

.war-heading-text .war-kicker{
  margin-top:8px !important;
}

.war-heading-text h1{
  display:none !important;
}

.war-heading-text .war-day{
  margin-top:8px;
}

@media(max-width:370px){
  .ranking-header,
  .war-header-refined{
    grid-template-columns:92px minmax(0,1fr) 44px !important;
    gap:10px !important;
  }

  .ranking-title-stack,
  .war-title-stack,
  .war-title-icon{
    width:92px !important;
    min-height:96px !important;
  }

  .menu-period strong{
    font-size:.92rem;
  }

  .menu-period span{
    font-size:.66rem;
  }
}


/* ===== WAR BLOCK FIX REAL - base estável ===== */
.war-heading-text .war-kicker{
  margin-top:8px !important;
  font-size:1.16rem !important;
  font-weight:950 !important;
  line-height:1.15;
}

.war-subtitle{
  margin:6px 0 0;
  color:#aebbd2;
  font-size:.92rem;
  font-weight:750;
  line-height:1.28;
  max-width:190px;
}

.dashboard-war-block{
  margin-top:18px;
  border-radius:20px;
  padding:18px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(176,199,255,.12);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055);
}

.war-block-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}

.war-block-label{
  display:block;
  color:#aebbd2;
  font-size:.72rem;
  font-weight:950;
  letter-spacing:.13em;
}

.war-block-head h2{
  margin:12px 0 0;
  color:#fff;
  font-size:1.18rem;
  line-height:1.1;
  font-weight:950;
}

.war-block-day{
  margin:7px 0 0;
  color:#aebbd2;
  font-size:.82rem;
  font-weight:850;
}

.war-state-pill{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  gap:7px;
  border-radius:999px;
  padding:7px 11px;
  font-size:.72rem;
  font-weight:950;
  border:1px solid transparent;
  white-space:nowrap;
}

.war-state-pill i{
  width:11px;
  height:11px;
  border-radius:4px;
  transform:rotate(45deg);
}

.war-state-pill.state-current{
  color:#cfffdb;
  background:rgba(34,197,94,.26);
  border-color:rgba(34,197,94,.32);
}

.war-state-pill.state-current i{
  background:#72f19c;
  box-shadow:0 0 14px rgba(114,241,156,.45);
}

.war-state-pill.state-finished{
  color:#d7dde9;
  background:rgba(148,163,184,.20);
  border-color:rgba(148,163,184,.26);
}

.war-state-pill.state-finished i{
  background:#aeb8c8;
  box-shadow:0 0 12px rgba(174,184,200,.28);
}

.war-state-pill.state-future{
  color:#d8e8ff;
  background:rgba(80,140,255,.22);
  border-color:rgba(80,140,255,.32);
}

.war-state-pill.state-future i{
  background:#79a6ff;
  box-shadow:0 0 14px rgba(121,166,255,.42);
}

.war-block-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
  margin-top:18px;
}

.war-block-grid small{
  display:block;
  color:#9eacc7;
  margin-bottom:5px;
  font-size:.82rem;
}

.war-block-grid strong{
  color:#fff;
  font-size:1.22rem;
  font-weight:950;
}

.war-block-fame::before{
  content:"";
  display:inline-block;
  width:12px;
  height:12px;
  margin-right:7px;
  border-radius:50%;
  background:#ffd65f;
  box-shadow:0 0 12px rgba(255,214,95,.5);
}

.war-block-progress{
  margin-top:14px;
  height:8px;
  border-radius:999px;
  overflow:hidden;
  background:rgba(255,255,255,.08);
}

.war-block-progress span{
  display:block;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#306dff,#79a6ff);
  box-shadow:0 0 18px rgba(48,109,255,.45);
}

/* evita sobras do bloco antigo */
.war-status-line,
.war-summary{
  display:none !important;
}

/* ===== Refino Dashboard Guerra + Notificações ===== */
.dashboard-war-block .war-block-label{font-size:.78rem!important;font-weight:950!important;letter-spacing:.16em!important;color:#c0cbe0!important}
.dashboard-war-block .war-block-head h2{font-size:1.28rem!important;font-weight:950!important;letter-spacing:-.04em!important;color:#fff!important}
.dashboard-war-block .war-block-grid small{font-size:.88rem!important;color:#aebbd2!important;font-weight:650!important}
.dashboard-war-block .war-block-grid strong{font-size:1.42rem!important;line-height:1.05!important;color:#fff!important;font-weight:950!important}
.dashboard-war-block .war-block-fame{color:#85adff!important}
.dashboard-war-block .war-block-fame::before{background:#85adff!important;box-shadow:0 0 12px rgba(133,173,255,.55)!important}
.dashboard-war-block .war-block-progress span{background:linear-gradient(90deg,#4e7fff,#8db2ff)!important}
.highlight-card.clickable{cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.highlight-card.clickable:active{transform:scale(.97)}
.dash-notification-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.dash-notification-head .dash-section-label{margin:0!important}
.dash-clear-notifications{width:34px;height:34px;border:1px solid rgba(176,199,255,.10);border-radius:12px;background:rgba(255,255,255,.055);color:#d8e2f4;display:grid;place-items:center}
.dash-clear-notifications svg{width:18px;height:18px}
.empty-notifications{min-height:118px;display:grid;place-items:center;color:#9eacc7;font-size:.82rem;font-weight:750;text-align:center}
.notifications-overlay{align-items:center!important;padding:calc(26px + env(safe-area-inset-top)) 22px calc(26px + env(safe-area-inset-bottom))!important}
.notifications-modal{width:min(100%,360px)!important;max-height:min(76svh,620px)!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;padding:0!important}
.notifications-modal-head{position:relative!important;top:auto!important;margin:0!important;flex:0 0 auto!important;padding:30px 22px 18px!important;border-bottom:1px solid rgba(176,199,255,.08);background:linear-gradient(180deg,rgba(9,18,34,.98),rgba(9,18,34,.88))!important;z-index:5}
.notifications-modal-head h2{margin:12px 54px 6px 0!important}
.notifications-modal-head p{margin:0!important}
.notifications-modal .modal-close{top:22px!important;right:22px!important;z-index:8}
.modal-notification-scroll{flex:1 1 auto!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch;padding:14px 18px 20px!important;max-height:none!important}
.modal-note-summary{grid-template-columns:minmax(0,1fr) 14px 22px 32px!important;column-gap:10px!important;padding:14px!important}
.modal-note-summary .ghost-dot{width:8px;height:8px;opacity:0}
.modal-trash-btn{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;color:#d8e2f4;opacity:.95}
.modal-trash-btn svg{width:17px;height:17px}
.modal-note-details{padding-right:52px!important}
.modal-empty{min-height:180px}


/* ===== Final refine: bloco Guerra igual Dashboard + popup construção + badge sino ===== */

/* War block copy uses dashboard typography exactly */
.war-dashboard-copy{
  margin-top:18px !important;
  padding:18px !important;
  border-radius:20px !important;
  background:rgba(255,255,255,.045) !important;
  border:1px solid rgba(176,199,255,.12) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055) !important;
}

.war-dashboard-copy .dash-card-head{
  display:flex !important;
  justify-content:space-between !important;
  align-items:flex-start !important;
  gap:12px !important;
}

.war-dashboard-copy .dash-section-label{
  font-size:.78rem !important;
  font-weight:950 !important;
  letter-spacing:.16em !important;
  color:#c0cbe0 !important;
  margin:0 0 14px !important;
}

.war-dashboard-copy h2{
  margin:0 !important;
  font-size:1.35rem !important;
  line-height:1.12 !important;
  font-weight:950 !important;
  letter-spacing:-.045em !important;
  color:#fff !important;
}

.war-dashboard-copy .war-block-day{
  margin:8px 0 0 !important;
  color:#aebbd2 !important;
  font-size:.84rem !important;
  font-weight:850 !important;
}

.war-dashboard-copy .dash-war-stats{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:14px !important;
  margin-top:20px !important;
}

.war-dashboard-copy .dash-war-stats span{
  display:block !important;
  color:#aebbd2 !important;
  font-size:.88rem !important;
  font-weight:650 !important;
  margin-bottom:6px !important;
}

.war-dashboard-copy .dash-war-stats strong{
  display:block !important;
  color:#fff !important;
  font-size:1.42rem !important;
  line-height:1.05 !important;
  font-weight:950 !important;
  letter-spacing:-.04em !important;
}

.war-dashboard-copy .dash-fame,
.war-dashboard-copy .war-block-fame{
  color:#85adff !important;
}

.war-dashboard-copy .dash-fame::before,
.war-dashboard-copy .war-block-fame::before{
  content:"✦" !important;
  display:inline-block !important;
  margin-right:7px !important;
  color:#85adff !important;
  background:none !important;
  width:auto !important;
  height:auto !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

.war-dashboard-copy .dash-progress,
.war-dashboard-copy .war-block-progress{
  height:8px !important;
  margin-top:14px !important;
  border-radius:999px !important;
  overflow:hidden !important;
  background:rgba(255,255,255,.08) !important;
}

.war-dashboard-copy .dash-progress span,
.war-dashboard-copy .war-block-progress span{
  display:block !important;
  height:100% !important;
  border-radius:inherit !important;
  background:linear-gradient(90deg,#4e7fff,#8db2ff) !important;
  box-shadow:0 0 18px rgba(48,109,255,.45) !important;
}

.war-state-pill{
  flex:0 0 auto !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:7px !important;
  border-radius:999px !important;
  padding:7px 11px !important;
  font-size:.72rem !important;
  font-weight:950 !important;
  border:1px solid transparent !important;
  white-space:nowrap !important;
}

/* Popup menu em construção */
.construction-overlay{
  position:fixed;
  inset:0;
  z-index:1200;
  display:grid;
  place-items:center;
  padding:24px;
  background:rgba(2,8,18,.58);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  opacity:0;
  pointer-events:none;
  transition:opacity .22s ease;
}

.construction-overlay.show{
  opacity:1;
  pointer-events:auto;
}

.construction-modal{
  position:relative;
  width:min(100%,330px);
  border-radius:26px;
  padding:30px 22px 24px;
  text-align:left;
  transform:translateY(12px) scale(.97);
  transition:transform .24s cubic-bezier(.2,.8,.2,1);
}

.construction-overlay.show .construction-modal{
  transform:translateY(0) scale(1);
}

.construction-modal h2{
  margin:14px 48px 8px 0;
  font-size:1.35rem;
}

.construction-modal p{
  margin:0;
  color:#aebbd2;
  line-height:1.35;
}

/* Sino: bolinha só quando houver unread */
.dash-bell{
  position:relative;
}

.dash-bell::after{
  content:"";
  position:absolute;
  top:10px;
  right:10px;
  width:9px;
  height:9px;
  border-radius:50%;
  background:#ff4e68;
  box-shadow:0 0 12px rgba(255,78,104,.75);
  opacity:0;
  transform:scale(.7);
  transition:opacity .18s ease, transform .18s ease;
}

.dash-bell.has-unread::after{
  opacity:1;
  transform:scale(1);
}

/* caso exista bolinha interna do SVG/HTML, apaga quando sem has-unread */
.dash-bell:not(.has-unread) circle[fill="#ff4e68"],
.dash-bell:not(.has-unread) .red-dot{
  opacity:0 !important;
}


/* ===== WAR BLOCO PADRÃO DASHBOARD - FIX FINAL APLICADO ===== */
.war-dashboard-copy{
  padding:16px !important;
  border-radius:20px !important;
}

.war-dashboard-copy .dash-section-label{
  font-size:.72rem !important;
  letter-spacing:.14em !important;
  margin-bottom:10px !important;
}

.war-dashboard-copy h2{
  font-size:1.15rem !important;
  font-weight:900 !important;
  letter-spacing:-.02em !important;
  line-height:1.15 !important;
}

.war-dashboard-copy .war-block-day{
  font-size:.78rem !important;
}

.war-dashboard-copy .dash-war-stats{
  margin-top:14px !important;
}

.war-dashboard-copy .dash-war-stats span{
  font-size:.78rem !important;
  margin-bottom:4px !important;
}

.war-dashboard-copy .dash-war-stats strong{
  font-size:1.2rem !important;
  font-weight:900 !important;
  line-height:1.08 !important;
}

.war-dashboard-copy .dash-fame,
.war-dashboard-copy .war-block-fame{
  color:#85adff !important;
}

.war-dashboard-copy .dash-progress,
.war-dashboard-copy .war-block-progress{
  height:6px !important;
  margin-top:10px !important;
}

.war-state-pill{
  padding:5px 9px !important;
  font-size:.65rem !important;
  font-weight:800 !important;
  gap:6px !important;
  letter-spacing:.04em !important;
}

.war-state-pill i{
  width:6px !important;
  height:6px !important;
}

/* ===== FINAL WAR MATCH DASHBOARD ===== */
.war-dashboard-copy h2{font-size:1rem !important;}
.war-dashboard-copy .dash-war-stats strong{font-size:1.05rem !important;}
.war-dashboard-copy .dash-war-stats span{font-size:.7rem !important;}

.war-state-pill{
  background:none !important;
  border:none !important;
  box-shadow:none !important;
  padding:0 !important;
  font-size:.7rem !important;
  font-weight:800;
}

.war-state-pill.em{color:#22c55e !important;}
.war-state-pill.final{color:#9ca3af !important;}
.war-state-pill.future{color:#60a5fa !important;}

.menu-subtitle{
  font-size:.75rem !important;
  opacity:.7;
}


/* ===== STATUS COLOR FIX FINAL ===== */
.war-state-pill{
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
}

.war-state-pill.em,
.war-state-pill.em b{
  color:#22c55e !important;
}

.war-state-pill.final,
.war-state-pill.final b{
  color:#9ca3af !important;
}

.war-state-pill.future,
.war-state-pill.future b{
  color:#60a5fa !important;
}

.war-state-pill.em i{
  background:#22c55e !important;
  box-shadow:0 0 10px rgba(34,197,94,.45) !important;
}

.war-state-pill.final i{
  background:#9ca3af !important;
  box-shadow:0 0 10px rgba(156,163,175,.35) !important;
}

.war-state-pill.future i{
  background:#60a5fa !important;
  box-shadow:0 0 10px rgba(96,165,250,.45) !important;
}

/* neutraliza regras antigas que deixavam tudo verde */
.war-state-pill.state-current,
.war-state-pill.state-finished,
.war-state-pill.state-future{
  background:transparent !important;
  border:none !important;
}


/* === onboarding-import-fix === */
.onboarding-step,
.import-step{
  transform: translateZ(0);
  backface-visibility: hidden;
}

.import-ring{
  will-change: background;
  transition: background 0.3s linear;
}

.import-row{
  transition: all 0.25s ease;
}

.import-row.done{
  background: rgba(34,197,94,0.1);
}

.import-row.loading::after{
  content:"";
  width:16px;
  height:16px;
  border-radius:50%;
  border:2px solid rgba(255,255,255,0.2);
  border-top-color:#fff;
  animation:spin 0.7s linear infinite;
}

@keyframes spin{
  to{transform:rotate(360deg);}
}

/* ===== Members Page V1 ===== */
.members-shell{display:block!important;align-items:start!important;place-items:start center!important;min-height:100svh!important;height:auto!important;padding:8px 8px 0!important}
.members-phone{width:min(100%,390px)!important;margin:0 auto!important;min-height:100svh!important;height:auto!important;overflow:visible!important;padding:20px 16px calc(142px + env(safe-area-inset-bottom))!important}
.members-header{display:grid;grid-template-columns:54px 1fr 48px;gap:12px;align-items:center}
.members-title-icon{width:52px;height:52px;border-radius:18px;background:rgba(255,255,255,.07);border:1px solid rgba(176,199,255,.14);display:grid;place-items:center;color:#dfe8fb;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.members-title-icon svg{width:29px;height:29px}
.members-header h1{margin:0;font-size:1.16rem;line-height:1.1;font-weight:950}
.members-header p{margin:4px 0 0;color:#aebbd2;font-size:.82rem;font-weight:750;line-height:1.25}
.members-header span{display:block;margin-top:4px;color:#8f9fba;font-size:.76rem;font-weight:800}
.members-sync-btn{width:48px;height:48px;border-radius:18px;border:1px solid rgba(176,199,255,.14);background:rgba(255,255,255,.07);color:#dfe8fb;display:grid;place-items:center;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.members-sync-btn svg{width:25px;height:25px}
.members-sync-btn.spinning svg{animation:topbrsSpin .85s linear infinite}
.members-tools{display:grid;grid-template-columns:1fr 54px;gap:10px;margin:22px 0 14px}
.member-search{height:54px;border-radius:16px;display:grid;grid-template-columns:38px 1fr;align-items:center;padding:0 14px;color:#8fa3c5}
.member-search svg{width:22px;height:22px}
.member-search input{width:100%;border:0;outline:0;background:transparent;color:#fff;font:inherit;font-weight:750;min-width:0}
.member-search input::placeholder{color:#7d8aa3}
.member-filter-btn{width:54px;height:54px;border:0;border-radius:16px;color:#d8e2f4;display:grid;place-items:center}
.member-filter-btn svg{width:25px;height:25px}
.members-list-card{border-radius:20px;padding:10px 14px}
.members-list{display:grid}
.member-row{display:grid;grid-template-columns:48px minmax(0,1fr) 28px 92px;gap:10px;align-items:center;min-height:70px;border-bottom:1px solid rgba(176,199,255,.07);position:relative;transition:background .18s ease,transform .18s ease}
.member-row:last-child{border-bottom:0}
.member-row.current-member{margin-inline:-6px;padding-inline:6px;border-radius:16px;background:linear-gradient(90deg,rgba(255,214,95,.10),rgba(121,166,255,.045));border:1px solid rgba(255,214,95,.16);box-shadow:0 0 22px rgba(255,214,95,.07)}
.member-row:active{transform:scale(.985)}
.member-avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;color:#dfe8fb;background:linear-gradient(180deg,rgba(219,234,254,.22),rgba(121,166,255,.12));border:2px solid rgba(176,199,255,.28);overflow:hidden}
.member-avatar img{width:25px;height:25px;opacity:.92}
.member-info{min-width:0}
.member-info strong{display:block;color:#fff;font-size:1rem;font-weight:950;line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.member-info span{display:block;margin-top:4px;color:#aebbd2;font-size:.78rem;font-weight:800}
.member-perm{width:24px;height:24px;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.25))}
.member-trophies{display:flex;align-items:center;justify-content:flex-end;gap:7px;color:#ffd65f;min-width:0}
.member-trophies strong{color:#f8fafc;font-size:.9rem;font-weight:900;white-space:nowrap}
.member-trophies svg{width:21px;height:21px;color:#ffd65f;flex:0 0 auto;filter:drop-shadow(0 0 8px rgba(255,214,95,.22))}
.empty-members{min-height:180px;display:grid;place-items:center;color:#9eacc7;font-size:.85rem;font-weight:750}
.member-filter-overlay{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:22px;background:rgba(2,8,18,.58);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);opacity:0;pointer-events:none;transition:opacity .22s ease}
.member-filter-overlay.show{opacity:1;pointer-events:auto}
.member-filter-modal{position:relative;width:min(100%,342px);border-radius:26px;padding:28px 20px 20px;transform:translateY(12px) scale(.97);transition:transform .24s cubic-bezier(.2,.8,.2,1)}
.member-filter-overlay.show .member-filter-modal{transform:translateY(0) scale(1)}
.member-filter-modal h2{margin:12px 48px 16px 0;font-size:1.25rem}
.member-filter-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.member-filter-options button{border:1px solid rgba(176,199,255,.14);border-radius:14px;background:rgba(255,255,255,.055);color:#d8e2f4;padding:12px 8px;font-weight:900}
.member-filter-options button.active{color:#071327;background:linear-gradient(180deg,#ffd65f,#d99221);border-color:rgba(255,214,95,.58)}
@media(max-width:370px){.member-row{grid-template-columns:44px minmax(0,1fr) 24px 78px;gap:8px}.member-trophies strong{font-size:.82rem}.member-perm{width:21px;height:21px}}


/* ===== FIX Membros/Nav + Notificações lidas + Avatar global ===== */
.war-avatar,
.podium-avatar{
  overflow:hidden;
  display:grid;
  place-items:center;
}

.war-avatar img,
.podium-avatar img{
  width:58%;
  height:58%;
  object-fit:contain;
  opacity:.92;
  color:currentColor;
}

.podium-avatar img{
  width:52%;
  height:52%;
}

.modal-note-row:not(.unread) .modal-note-summary > i:not(.ghost-dot),
.note-item:not(.unread) .red-dot{
  opacity:0 !important;
  transform:scale(.4) !important;
}

.ghost-dot{
  opacity:0 !important;
}

.dash-bell:not(.has-unread)::after{
  opacity:0 !important;
  transform:scale(.6) !important;
}

.dash-bell.has-unread::after{
  opacity:1 !important;
  transform:scale(1) !important;
}

.is-muted{ background:rgba(148,163,184,.18)!important; color:#cbd5e1!important; border-color:rgba(148,163,184,.28)!important; }
.notification-item{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.08);}
.notification-copy{flex:1;display:flex;flex-direction:column;gap:3px;}
.notification-copy strong{color:#fff;font-weight:800;}
.notification-copy span,.notification-copy p{color:rgba(226,232,240,.72);margin:0;}
.notification-dot{width:10px;height:10px;border-radius:50%;background:#f05b72;box-shadow:0 0 14px rgba(240,91,114,.65);}
.notification-chevron{background:transparent;border:0;color:#dbe7ff;font-size:24px;}
.dot.empty{display:inline-block;width:9px;height:9px;border-radius:50%;background:rgba(148,163,184,.26);margin-right:6px;}

/* Onboarding premium bottom sheet */
.clan-result-sheet-overlay{
  position:fixed;
  inset:0;
  z-index:9998;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  padding:18px 18px calc(18px + env(safe-area-inset-bottom));
  background:rgba(1,6,18,.18);
  opacity:0;
  pointer-events:none;
  transition:opacity .22s ease;
}
.clan-result-sheet-overlay.show{opacity:1;pointer-events:auto}
.clan-result-sheet{
  width:min(720px,100%);
  border-radius:30px;
  padding:22px 22px 24px;
  display:grid;
  grid-template-columns:78px 1fr;
  gap:18px;
  position:relative;
  transform:translateY(22px);
  transition:transform .24s ease;
  box-shadow:0 -18px 48px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.08);
}
.clan-result-sheet-overlay.show .clan-result-sheet{transform:translateY(0)}
.sheet-close{
  position:absolute;right:18px;top:18px;width:54px;height:54px;border-radius:18px;
  border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.07);color:#fff;
  font-size:34px;line-height:1;
}
.sheet-clan-icon{
  width:78px;height:78px;border-radius:22px;border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.06);display:grid;place-items:center;overflow:hidden;
}
.sheet-clan-icon img{width:72%;height:72%;object-fit:contain}
.sheet-eyebrow{margin:0 0 6px;color:#f7cf63;font-weight:900;letter-spacing:.28em;font-size:13px}
.sheet-content h3{margin:0;color:#fff;font-size:30px;font-weight:900}
.sheet-content p:not(.sheet-eyebrow){margin:7px 0 0;color:rgba(224,232,255,.72);font-size:18px;line-height:1.35}
.sheet-confirm{grid-column:1/-1;width:100%;margin-top:10px}
.clan-result-sheet.error .sheet-eyebrow{color:#ff6f86}
.error-btn{background:linear-gradient(180deg,#315eff,#1836bf)}
.clan-country-flag{font-size:28px;line-height:1;filter:drop-shadow(0 4px 12px rgba(0,0,0,.35))}
.login-error-text{display:block;margin:10px 0 2px;color:#ff657a;font-weight:800;text-align:center;letter-spacing:.01em}
.login-error-text[hidden]{display:none!important}
.dash-clan strong{font-size:1.18em;font-weight:900}
.settings-profile-card{display:flex;gap:16px;align-items:center;padding:18px;margin:18px 0}
.settings-avatar{width:64px;height:64px}
.settings-profile-card small,.settings-card span,.settings-card small{color:rgba(225,232,255,.68);font-weight:700}
.settings-profile-card h2,.settings-card strong{color:#fff;margin:4px 0;font-size:24px}
.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}
.settings-card{padding:16px;border-radius:22px}
.settings-actions{padding:16px;margin-top:16px}


/* Ajuste fino onboarding: bottom sheet menor no padrão do sistema */
.clan-result-sheet-overlay{
  padding:14px 16px calc(14px + env(safe-area-inset-bottom)) !important;
}
.clan-result-sheet{
  width:min(680px, calc(100vw - 28px)) !important;
  border-radius:26px !important;
  padding:18px 18px 20px !important;
  grid-template-columns:64px 1fr !important;
  gap:14px !important;
  align-items:center !important;
}
.sheet-close{
  width:46px !important;
  height:46px !important;
  border-radius:16px !important;
  font-size:28px !important;
  right:14px !important;
  top:14px !important;
}
.sheet-clan-icon{
  width:64px !important;
  height:64px !important;
  border-radius:19px !important;
}
.sheet-clan-icon img{
  width:76% !important;
  height:76% !important;
  object-fit:contain !important;
}
.sheet-eyebrow{
  font-size:11px !important;
  letter-spacing:.24em !important;
  margin-bottom:4px !important;
}
.sheet-content h3{
  font-size:23px !important;
  line-height:1.08 !important;
  max-width:calc(100% - 52px);
}
.sheet-content p:not(.sheet-eyebrow){
  font-size:15px !important;
  line-height:1.3 !important;
  margin-top:5px !important;
}
.sheet-confirm{
  height:62px !important;
  border-radius:19px !important;
  font-size:20px !important;
  margin-top:6px !important;
}
.clan-result-sheet.error .sheet-content h3{
  font-size:25px !important;
}
.real-clan-badge img,
.clan-icon img{
  object-fit:contain !important;
}
.clan-country-label{
  font-size:20px !important;
  white-space:nowrap;
}
.clan-confirm-card .clan-stat strong{
  white-space:nowrap;
}


/* Ajuste país no onboarding: mesmo tamanho dos demais valores */
.clan-confirm-card .clan-stat strong,
.clan-country-label{
  font-size:18px !important;
  line-height:1.1 !important;
  font-weight:900 !important;
}
.clan-country-label{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:5px !important;
  max-width:100% !important;
  white-space:nowrap !important;
}
.clan-confirm-card .clan-stats{
  align-items:center !important;
}
.real-clan-badge img{
  width:78% !important;
  height:78% !important;
  object-fit:contain !important;
}
.sheet-clan-icon img{
  object-fit:contain !important;
}


/* FINAL FIX - onboarding popup compacto */
.clan-result-sheet-overlay{
  padding:14px 16px calc(14px + env(safe-area-inset-bottom)) !important;
}
.clan-result-sheet{
  width:min(670px, calc(100vw - 28px)) !important;
  border-radius:26px !important;
  padding:18px 18px 20px !important;
  grid-template-columns:64px 1fr !important;
  gap:14px !important;
  align-items:center !important;
}
.sheet-close{
  width:46px !important;
  height:46px !important;
  border-radius:16px !important;
  font-size:28px !important;
  right:14px !important;
  top:14px !important;
}
.sheet-clan-icon{
  width:64px !important;
  height:64px !important;
  border-radius:19px !important;
}
.sheet-clan-icon img,
.real-clan-badge-sheet img{
  display:block !important;
  width:76% !important;
  height:76% !important;
  object-fit:contain !important;
  opacity:1 !important;
  visibility:visible !important;
  filter:none !important;
  mix-blend-mode:normal !important;
}
.sheet-eyebrow{
  font-size:11px !important;
  letter-spacing:.24em !important;
  margin-bottom:4px !important;
}
.sheet-content h3{
  font-size:23px !important;
  line-height:1.08 !important;
  max-width:calc(100% - 52px);
}
.sheet-content p:not(.sheet-eyebrow){
  font-size:15px !important;
  line-height:1.3 !important;
  margin-top:5px !important;
}
.sheet-confirm{
  height:62px !important;
  border-radius:19px !important;
  font-size:20px !important;
  margin-top:6px !important;
}
.clan-result-sheet.error .sheet-content h3{
  font-size:25px !important;
}

/* FINAL FIX - emblema Clash */
.real-clan-badge,
.clan-icon{
  overflow:hidden !important;
}
.real-clan-badge img,
.clan-icon img{
  display:block !important;
  width:78% !important;
  height:78% !important;
  object-fit:contain !important;
  opacity:1 !important;
  visibility:visible !important;
  filter:none !important;
  mix-blend-mode:normal !important;
}

/* FINAL FIX - país e valores alinhados */
.clan-confirm-card .clan-stat strong,
.clan-country-label{
  font-size:18px !important;
  line-height:1.1 !important;
  font-weight:900 !important;
}
.clan-country-label{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:5px !important;
  white-space:nowrap !important;
}
.clan-confirm-card .clan-stat strong{
  white-space:nowrap !important;
}


/* REPAIR: Config menu uses the same horizontal bottom nav as the system */
.settings-shell{
  padding-bottom:120px !important;
}
.settings-phone{
  padding-bottom:34px !important;
}
.settings-shell + .bottom-nav,
body > .bottom-nav{
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:space-around !important;
}


/* NAV FINAL CLEAN: rodapé sempre único, horizontal e acima do conteúdo */
.bottom-nav{
  position:fixed !important;
  left:50% !important;
  right:auto !important;
  bottom:calc(16px + env(safe-area-inset-bottom)) !important;
  transform:translateX(-50%) !important;
  width:min(720px, calc(100vw - 30px)) !important;
  height:92px !important;
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:space-around !important;
  gap:0 !important;
  z-index:9000 !important;
}
.bottom-nav .nav-btn{
  width:auto !important;
  min-width:0 !important;
  flex:1 1 0 !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:6px !important;
}
.bottom-nav .nav-home{
  flex:1.12 1 0 !important;
}
.dashboard-shell,
.members-shell,
.settings-shell{
  padding-bottom:130px !important;
}


/* ================================
   CONFIGURAÇÕES PREMIUM FINAL
================================ */
.settings-shell{
  padding-bottom:136px !important;
}
.settings-phone{
  padding:18px 16px 34px !important;
  overflow:visible !important;
}
.settings-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-bottom:16px;
}
.settings-header-left{
  display:flex;
  align-items:center;
  gap:13px;
}
.settings-title-icon,
.settings-theme-btn{
  width:54px;
  height:54px;
  border-radius:18px;
  display:grid;
  place-items:center;
  color:#f7cf63;
  background:linear-gradient(180deg, rgba(255,255,255,.105), rgba(255,255,255,.045));
  border:1px solid rgba(255,255,255,.14);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 10px 24px rgba(0,0,0,.22);
}
.settings-title-icon svg,
.settings-theme-btn svg{
  width:28px;
  height:28px;
}
.settings-header h1{
  color:#fff;
  font-size:30px;
  line-height:1;
  margin:0;
  font-weight:900;
  letter-spacing:.01em;
}
.settings-header p{
  color:rgba(226,234,255,.68);
  margin:5px 0 0;
  font-size:14px;
  font-weight:700;
}
.settings-theme-btn{
  color:#dce9ff;
  border:0;
}
.settings-profile-hero{
  text-align:center;
  padding:24px 18px 22px;
  border-radius:30px;
  margin-bottom:14px;
  position:relative;
  overflow:visible;
}
.settings-profile-hero:before{
  content:"";
  position:absolute;
  inset:12px 20% auto;
  height:84px;
  border-radius:999px;
  background:radial-gradient(circle, rgba(247,207,99,.25), transparent 70%);
  filter:blur(22px);
  pointer-events:none;
}
.settings-avatar-wrap{
  position:relative;
  width:102px;
  height:102px;
  margin:0 auto 13px;
  border-radius:32px;
  display:grid;
  place-items:center;
  background:linear-gradient(180deg, rgba(255,255,255,.11), rgba(255,255,255,.045));
  border:1px solid rgba(255,255,255,.14);
  box-shadow:0 18px 38px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.09);
}
.settings-avatar-wrap img{
  width:68%;
  height:68%;
  object-fit:contain;
}
.settings-avatar-edit{
  position:absolute;
  right:-4px;
  bottom:-4px;
  width:38px;
  height:38px;
  border-radius:14px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.18);
  background:linear-gradient(180deg, rgba(255,219,103,.98), rgba(219,143,20,.98));
  color:#071327;
  box-shadow:0 10px 24px rgba(0,0,0,.32);
}
.settings-avatar-edit svg{
  width:20px;
  height:20px;
}
.settings-profile-hero h2{
  margin:0;
  color:#fff;
  font-size:26px;
  line-height:1.08;
  font-weight:900;
}
.settings-profile-hero p{
  margin:6px 0 0;
  color:rgba(226,234,255,.72);
  font-size:15px;
  font-weight:800;
}
.settings-mini-grid{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:10px;
  margin:14px 0;
}
.settings-mini-card{
  min-height:128px;
  border-radius:25px;
  padding:14px 10px;
  text-align:center;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:6px;
}
.settings-mini-icon{
  width:38px;
  height:38px;
  border-radius:14px;
  display:grid;
  place-items:center;
  color:#f7cf63;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.11);
}
.settings-mini-icon.online{
  color:#3dff9d;
}
.settings-mini-icon svg{
  width:22px;
  height:22px;
}
.settings-mini-card span{
  color:rgba(226,234,255,.62);
  font-size:12px;
  font-weight:900;
  letter-spacing:.04em;
}
.settings-mini-card strong{
  color:#fff;
  font-size:17px;
  line-height:1.05;
  font-weight:900;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.settings-mini-card small{
  color:rgba(226,234,255,.55);
  font-size:10.5px;
  font-weight:800;
}
.settings-online{
  color:#3dff9d !important;
  text-shadow:0 0 14px rgba(61,255,157,.35);
}
.settings-list{
  border-radius:28px;
  padding:6px;
  margin:14px 0;
}
.settings-item{
  width:100%;
  min-height:68px;
  display:grid;
  grid-template-columns:46px 1fr auto;
  align-items:center;
  gap:12px;
  border:0;
  background:transparent;
  color:#fff;
  text-align:left;
  padding:10px 10px;
  border-radius:22px;
}
.settings-item + .settings-item{
  border-top:1px solid rgba(255,255,255,.075);
}
.settings-item-icon{
  width:46px;
  height:46px;
  border-radius:16px;
  display:grid;
  place-items:center;
  color:#f7cf63;
  background:rgba(255,255,255,.075);
  border:1px solid rgba(255,255,255,.10);
}
.settings-item-icon svg{
  width:24px;
  height:24px;
}
.settings-item strong{
  display:block;
  color:#fff;
  font-size:17px;
  font-weight:900;
}
.settings-item span{
  display:block;
  color:rgba(226,234,255,.60);
  font-size:12.5px;
  margin-top:3px;
  font-weight:700;
}
.settings-chevron{
  width:22px;
  height:22px;
  color:rgba(226,234,255,.52);
}
.settings-api-status{
  color:#3dff9d;
  font-size:12px;
  font-weight:900;
  padding:7px 9px;
  border-radius:999px;
  background:rgba(61,255,157,.10);
  border:1px solid rgba(61,255,157,.16);
}
.settings-logout{
  width:100%;
  height:66px;
  border-radius:24px;
  border:1px solid rgba(255,91,116,.24);
  color:#ff657a;
  font-size:18px;
  font-weight:900;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  background:rgba(255,91,116,.08);
}
.settings-logout svg{
  width:24px;
  height:24px;
}
.avatar-picker-overlay{
  position:fixed;
  inset:0;
  z-index:9999;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  padding:18px 18px calc(18px + env(safe-area-inset-bottom));
  background:rgba(2,6,18,.38);
  opacity:0;
  pointer-events:none;
  transition:opacity .22s ease;
}
.avatar-picker-overlay.show{
  opacity:1;
  pointer-events:auto;
}
.avatar-picker-modal{
  width:min(720px, 100%);
  border-radius:30px;
  padding:24px 20px;
  transform:translateY(28px);
  transition:transform .24s ease;
  position:relative;
}
.avatar-picker-overlay.show .avatar-picker-modal{
  transform:translateY(0);
}
.avatar-picker-modal h2{
  color:#fff;
  margin:3px 0 5px;
  font-size:26px;
  font-weight:900;
}
.avatar-picker-modal p{
  color:rgba(226,234,255,.68);
  margin:0 0 16px;
  font-weight:700;
}
.avatar-picker-grid{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:12px;
}
.avatar-choice{
  height:88px;
  border-radius:24px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.07);
  display:grid;
  place-items:center;
}
.avatar-choice img{
  width:58%;
  height:58%;
  object-fit:contain;
}
.theme-soft-light .settings-phone{
  filter:brightness(1.07);
}
@media (max-width:390px){
  .settings-header h1{font-size:27px}
  .settings-mini-grid{gap:8px}
  .settings-mini-card{padding:12px 8px}
  .settings-item{grid-template-columns:42px 1fr auto}
}


/* AVATAR + IDENTIDADE DO USUÁRIO */
.you-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  vertical-align:middle;
  margin-left:6px;
  padding:3px 7px;
  border-radius:999px;
  font-style:normal;
  font-size:10px;
  line-height:1;
  font-weight:900;
  letter-spacing:.08em;
  color:#071327;
  background:linear-gradient(180deg,#ffdf72,#c98b1c);
  box-shadow:0 0 16px rgba(247,207,99,.28);
}
.current-member{
  border-color:rgba(247,207,99,.45)!important;
  box-shadow:0 0 0 1px rgba(247,207,99,.18), 0 0 28px rgba(247,207,99,.12), inset 0 1px 0 rgba(255,255,255,.10)!important;
}
.member-avatar img,
.podium-avatar img,
.war-avatar img,
.settings-avatar-wrap img,
.avatar-choice img{
  border-radius:inherit;
}
.settings-theme-btn{
  position:relative;
  overflow:hidden;
  color:#f7cf63!important;
}
.settings-theme-btn .theme-icon-sun,
.settings-theme-btn .theme-icon-moon{
  position:absolute;
  inset:0;
  margin:auto;
  width:27px!important;
  height:27px!important;
  transition:opacity .22s ease, transform .22s ease;
}
.settings-theme-btn .theme-icon-moon{
  opacity:0;
  transform:translateY(8px) scale(.85);
}
html[data-theme="light"] .settings-theme-btn .theme-icon-sun{
  opacity:0;
  transform:translateY(-8px) scale(.85);
}
html[data-theme="light"] .settings-theme-btn .theme-icon-moon{
  opacity:1;
  transform:translateY(0) scale(1);
}
html[data-theme="light"] body{
  filter:brightness(1.08);
}
.avatar-picker-grid{
  max-height:360px;
  overflow:auto;
  padding-right:4px;
}
.avatar-choice img{
  width:72%!important;
  height:72%!important;
  object-fit:cover!important;
  border-radius:20px!important;
}


/* AVATAR FILL FIX — imagens de perfil ocupam toda a área dedicada */
.settings-avatar-wrap,
.member-avatar,
.war-avatar,
.podium-avatar,
.avatar-choice{
  overflow:hidden !important;
}

.settings-avatar-wrap img,
.member-avatar img,
.war-avatar img,
.podium-avatar img,
.avatar-choice img{
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  max-height:none !important;
  object-fit:cover !important;
  border-radius:inherit !important;
  padding:0 !important;
  margin:0 !important;
}

/* Ajuste fino para não sobrar borda visual interna */
.settings-avatar-wrap img{ transform:scale(1.035); }
.member-avatar img,
.war-avatar img,
.podium-avatar img{ transform:scale(1.06); }
.avatar-choice img{ transform:scale(1.04); }

/* botão de lápis permanece por cima do avatar preenchido */
.settings-avatar-edit{
  z-index:3 !important;
}


/* REPAIR pós guerra lógica */
.dashboard-header-logout,
body > button[onclick="logoutUser()"]{
  display:none!important;
}
.empty-notifications{
  padding:18px 10px 8px;
  color:rgba(226,234,255,.62);
  font-size:14px;
  font-weight:800;
}
.settings-mini-grid{
  grid-template-columns:repeat(2, minmax(0, 1fr))!important;
  gap:12px!important;
}
.settings-mini-card{
  min-height:124px!important;
}
.settings-mini-card strong{
  font-size:18px!important;
  text-align:center!important;
}
.settings-mini-card small{
  text-align:center!important;
}
.settings-avatar-edit{
  width:34px!important;
  height:34px!important;
  right:6px!important;
  bottom:6px!important;
  border-radius:13px!important;
  z-index:10!important;
  outline:3px solid rgba(255,255,255,.22)!important;
}
.settings-avatar-edit svg{
  width:17px!important;
  height:17px!important;
}
.settings-avatar-wrap{
  overflow:visible!important;
}
.settings-avatar-wrap img{
  border-radius:28px!important;
  overflow:hidden!important;
}
.ranking-list:empty::after,
#rankingList:empty::after{
  content:"Carregando dados reais...";
  display:block;
  padding:28px 12px;
  color:rgba(226,234,255,.62);
  font-weight:800;
  text-align:center;
}
#warList:empty::after{
  content:"Carregando membros...";
  display:block;
  padding:28px 12px;
  color:rgba(226,234,255,.62);
  font-weight:800;
  text-align:center;
}


/* ONBOARDING LOCK */
.clan-result-sheet.registered .sheet-eyebrow{
  color:#ffd65f!important;
}
.clan-result-sheet.registered{
  border-color:rgba(255,214,95,.24)!important;
  box-shadow:0 20px 60px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.08), 0 0 28px rgba(255,214,95,.08)!important;
}
.clan-result-sheet.registered .sheet-clan-icon{
  box-shadow:0 0 0 1px rgba(255,214,95,.18), 0 12px 30px rgba(0,0,0,.28)!important;
}


/* BLOQUEIO DE CADASTRO POR PRÉ-CADASTRO */
.auth-main-btn:disabled,
#signupBtn:disabled{
  opacity:.48!important;
  filter:grayscale(.25)!important;
  cursor:not-allowed!important;
}
.tag-feedback.success{
  color:#50f59a!important;
}
.tag-feedback.error{
  color:#ff6b83!important;
}
.tag-feedback.loading{
  color:#9db7ff!important;
}


/* Ajuste validação membro: API individual opcional */
.tag-feedback.success{
  color:#50f59a!important;
}
.tag-feedback.error{
  color:#ff6b83!important;
}
.tag-feedback.loading{
  color:#9db7ff!important;
}


/* SAAS ADMIN / SUBSCRIBE */
.saas-admin-phone{
  padding-bottom:40px!important;
}
.saas-form,
.saas-list{
  border-radius:28px;
  padding:18px;
  margin-top:18px;
}
.saas-form select,
.subscribe-form select{
  width:100%;
  min-height:58px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(4,10,25,.62);
  color:#fff;
  padding:0 16px;
  font-size:16px;
  font-weight:800;
  outline:none;
}
.saas-denied{
  border-radius:28px;
  padding:22px;
  display:flex;
  flex-direction:column;
  gap:12px;
  color:#fff;
}
.saas-denied strong{
  font-size:24px;
  font-weight:900;
}
.saas-denied span{
  color:rgba(226,234,255,.68);
  font-weight:700;
}
.saas-row{
  min-height:72px;
  display:grid;
  grid-template-columns:1fr auto auto;
  align-items:center;
  gap:10px;
  padding:12px 4px;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.saas-row strong{
  display:block;
  color:#fff;
  font-size:16px;
  font-weight:900;
}
.saas-row span{
  display:block;
  color:rgba(226,234,255,.62);
  font-size:12px;
  font-weight:700;
  margin-top:3px;
}
.saas-row small{
  color:rgba(226,234,255,.58);
  text-align:right;
  font-weight:800;
}
.saas-pill{
  border-radius:999px;
  padding:8px 10px;
  font-size:12px;
  font-weight:900;
  color:#061122;
}
.saas-pill.plan-trial{background:#ff6b83;color:#fff;}
.saas-pill.plan-basic{background:#5aa7ff;color:#061122;}
.saas-pill.plan-plus{background:#b38cff;color:#061122;}
.saas-pill.plan-premium{background:linear-gradient(180deg,#ffdf72,#c98b1c);color:#061122;}
.subscribe-card{
  max-width:720px;
}
.subscribe-form{
  margin-top:14px;
}
.clan-result-sheet.not-released .sheet-eyebrow{
  color:#ffd65f!important;
}
.clan-result-sheet.not-released{
  border-color:rgba(255,214,95,.25)!important;
  box-shadow:0 20px 60px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.08), 0 0 28px rgba(255,214,95,.10)!important;
}


/* Cadastro membro: tag do clã */
#signupClanTag{
  text-transform:uppercase;
}


/* SAAS/UI FIX — popup onboarding mais compacto */
.clan-result-sheet{
  padding:22px 20px 22px!important;
  gap:14px!important;
  max-width:92vw!important;
}
.clan-result-sheet .sheet-eyebrow{
  font-size:13px!important;
  letter-spacing:.32em!important;
  line-height:1.1!important;
}
.clan-result-sheet h3{
  font-size:clamp(28px, 7vw, 42px)!important;
  line-height:.98!important;
  margin:4px 0 6px!important;
}
.clan-result-sheet p{
  font-size:clamp(16px, 4vw, 22px)!important;
  line-height:1.22!important;
}
.clan-result-sheet .sheet-clan-icon{
  width:82px!important;
  height:82px!important;
  min-width:82px!important;
  border-radius:24px!important;
}
.clan-result-sheet .sheet-confirm{
  min-height:64px!important;
  font-size:22px!important;
  border-radius:22px!important;
}
.clan-result-sheet .sheet-close{
  width:54px!important;
  height:54px!important;
  font-size:36px!important;
  border-radius:20px!important;
}

/* SAAS subscribe: botão Voltar menor e mais perto */
.subscribe-form .subscribe-back-btn,
.subscribe-form .link-btn{
  margin:14px auto 0!important;
  min-height:40px!important;
  width:auto!important;
  padding:0 24px!important;
  border-radius:999px!important;
  background:rgba(80,137,255,.10)!important;
  border:1px solid rgba(93,143,255,.24)!important;
  color:#69a0ff!important;
  font-size:17px!important;
  font-weight:900!important;
  box-shadow:0 10px 24px rgba(0,0,0,.14)!important;
}
.subscribe-form .tag-feedback{
  display:block;
  margin-top:12px!important;
  text-align:center;
  font-size:15px!important;
}

/* SAAS Admin popup local */
.saas-local-gate{
  position:fixed;
  inset:0;
  z-index:9999;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:22px;
  background:rgba(2,6,16,.68);
  backdrop-filter:blur(18px);
}
.saas-local-gate[hidden]{
  display:none!important;
}
.saas-local-modal{
  width:min(620px, 94vw);
  border-radius:32px;
  padding:26px 22px;
  color:#fff;
}
.saas-local-modal h2{
  font-size:32px;
  line-height:1;
  margin:8px 0 8px;
  font-weight:950;
}
.saas-local-modal p{
  color:rgba(226,234,255,.66);
  font-size:17px;
  line-height:1.35;
  font-weight:750;
  margin:0 0 18px;
}
.saas-local-modal .primary-btn,
.saas-local-modal .gold-btn{
  margin-top:12px;
}
.saas-local-error{
  display:block;
  margin-top:12px;
  color:#ff6b83;
  font-weight:850;
  text-align:center;
}
.saas-denied{
  display:none!important;
}


/* SAAS requests panel */
.saas-request-row{
  grid-template-columns:1fr auto auto!important;
}
.saas-small-action{
  min-height:38px;
  padding:0 14px;
  border-radius:14px;
  border:1px solid rgba(247,207,99,.28);
  background:linear-gradient(180deg,#ffdf72,#c98b1c);
  color:#071327;
  font-weight:950;
  font-size:13px;
}
.saas-local-modal .field input{
  font-size:18px!important;
}


/* SAAS Admin ações */
.saas-actions{
  display:flex;
  flex-direction:column;
  gap:7px;
}
.saas-small-action.danger{
  background:rgba(255,80,112,.12)!important;
  border:1px solid rgba(255,80,112,.32)!important;
  color:#ff6b83!important;
  box-shadow:none!important;
}
.saas-access-row{
  grid-template-columns:1fr auto auto auto!important;
}
@media (max-width: 520px){
  .saas-access-row{
    grid-template-columns:1fr auto!important;
  }
  .saas-access-row small{
    grid-column:1 / 2;
    text-align:left!important;
  }
  .saas-access-row .saas-small-action{
    grid-column:2 / 3;
  }
}


/* ONBOARDING SEARCH/POPUP FIX — compacto e sem sobreposição */
.clan-result-sheet-overlay{
  align-items:flex-end!important;
  padding:0 16px 88px!important;
}
.clan-result-sheet{
  width:min(94vw, 720px)!important;
  min-height:auto!important;
  display:grid!important;
  grid-template-columns:76px 1fr 46px!important;
  grid-template-areas:
    "icon content close"
    "button button button"!important;
  gap:12px 14px!important;
  padding:18px 16px 18px!important;
  border-radius:28px!important;
  box-sizing:border-box!important;
}
.clan-result-sheet .sheet-close{
  grid-area:close!important;
  position:static!important;
  width:46px!important;
  height:46px!important;
  border-radius:17px!important;
  font-size:30px!important;
  line-height:1!important;
  align-self:start!important;
}
.clan-result-sheet .sheet-clan-icon{
  grid-area:icon!important;
  width:72px!important;
  height:72px!important;
  min-width:72px!important;
  border-radius:22px!important;
  align-self:center!important;
}
.clan-result-sheet .sheet-content{
  grid-area:content!important;
  min-width:0!important;
  align-self:center!important;
}
.clan-result-sheet .sheet-eyebrow{
  font-size:11px!important;
  letter-spacing:.28em!important;
  line-height:1.1!important;
  margin:0 0 5px!important;
  white-space:normal!important;
}
.clan-result-sheet h3{
  font-size:clamp(24px, 6.5vw, 36px)!important;
  line-height:1.02!important;
  margin:0 0 6px!important;
  overflow-wrap:anywhere!important;
}
.clan-result-sheet p{
  font-size:clamp(14px, 3.8vw, 18px)!important;
  line-height:1.25!important;
  margin:0!important;
  overflow-wrap:anywhere!important;
}
.clan-result-sheet .sheet-confirm{
  grid-area:button!important;
  width:100%!important;
  min-height:56px!important;
  border-radius:20px!important;
  font-size:20px!important;
  margin-top:4px!important;
}
@media (max-width: 420px){
  .clan-result-sheet{
    grid-template-columns:64px 1fr 42px!important;
    gap:10px!important;
    padding:16px 14px!important;
  }
  .clan-result-sheet .sheet-clan-icon{
    width:62px!important;
    height:62px!important;
    min-width:62px!important;
  }
  .clan-result-sheet h3{
    font-size:26px!important;
  }
  .clan-result-sheet p{
    font-size:15px!important;
  }
}


/* ===== TOPBRS WAR REAL API FIX ===== */
.war-title-icon,
.war-title-stack{
  width:92px !important;
  min-height:92px !important;
  border-radius:20px !important;
}
.war-title-icon svg,
.war-title-stack svg{
  width:30px !important;
  height:30px !important;
}
.war-subtitle{
  font-size:.78rem !important;
  line-height:1.22 !important;
  font-weight:700 !important;
  opacity:.86 !important;
}
.war-refresh-btn{
  width:46px;
  height:46px;
  margin:12px 0 0 2px;
  border-radius:15px;
  border:1px solid rgba(176,199,255,.14);
  background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.035));
  color:#dfe8fb;
  display:grid;
  place-items:center;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08), 0 12px 26px rgba(0,0,0,.22);
}
.war-refresh-btn svg{width:24px;height:24px}
.war-refresh-btn.syncing svg{animation:topbrsSpin .75s linear infinite}
@keyframes topbrsSpin{to{transform:rotate(360deg)}}
.war-table-head,
.war-row{
  grid-template-columns:minmax(0,1fr) 76px 96px !important;
}
.war-table-head span:nth-child(1),
.war-row > :nth-child(1){text-align:left}
.war-table-head span:nth-child(2),
.war-row > :nth-child(2){text-align:center;justify-self:center}
.war-table-head span:nth-child(3),
.war-row > :nth-child(3){text-align:right;justify-self:end}
.attack-dots{justify-content:flex-end}
.attack-count{justify-self:end;text-align:right}
.day-fame,.fame{justify-self:center;text-align:center}


/* ===== TOPBRS VISUAL TABLES FIX 1 ===== */

/* Padrão de cabeçalho entre Guerra, Classificação e Membros */
.ranking-title-icon,
.ranking-title-stack,
.members-title-icon,
.war-title-icon,
.war-title-stack{
  width:92px !important;
  height:92px !important;
  min-height:92px !important;
  border-radius:20px !important;
}
.ranking-title-icon svg,
.ranking-title-stack svg,
.members-title-icon svg,
.war-title-icon svg,
.war-title-stack svg{
  width:30px !important;
  height:30px !important;
}
.ranking-header,
.war-header-refined{
  grid-template-columns:92px minmax(0,1fr) 48px !important;
  gap:12px !important;
}
.ranking-header h1,
.members-header h1,
.war-heading-text .war-kicker{
  font-size:1.16rem !important;
  line-height:1.12 !important;
}
.ranking-header p,
.members-header p,
.war-subtitle{
  font-size:.78rem !important;
  line-height:1.22 !important;
  font-weight:700 !important;
  opacity:.86 !important;
}

/* Botão atualizar da Guerra dentro/ao lado do card atual */
.war-refresh-btn{
  margin:-6px 0 16px 2px !important;
}
.dashboard-war-block{
  position:relative;
}
.dashboard-war-block .war-refresh-btn{
  position:absolute;
  right:18px;
  bottom:18px;
  margin:0 !important;
}

/* Tabelas Guerra: membro esquerda, fame centro, ataques direita */
.war-table-head,
.war-row{
  grid-template-columns:minmax(0,1fr) 76px 100px !important;
}
.war-table-head span:nth-child(1),
.war-row > :nth-child(1){text-align:left;justify-self:stretch}
.war-table-head span:nth-child(2),
.war-row > :nth-child(2){text-align:center;justify-self:center}
.war-table-head span:nth-child(3),
.war-row > :nth-child(3){text-align:right;justify-self:end}
.attack-dots{justify-content:flex-end}
.attack-count{justify-self:end;text-align:right}
.day-fame,.fame{justify-self:center;text-align:center}

/* Destaque do membro logado em rankings/listas */
.is-current-member{
  background:linear-gradient(90deg,rgba(248,200,79,.10),rgba(64,120,255,.05)) !important;
  border-radius:16px;
}
.is-current-member .war-member-cell strong,
.ranking-row.is-current-member strong{
  color:#ffe28a !important;
  text-shadow:0 0 14px rgba(248,200,79,.22);
}
.you-badge{
  display:inline-block;
  margin-left:6px;
  padding:2px 6px;
  border-radius:999px;
  color:#071327;
  background:linear-gradient(180deg,#ffd65f,#d99221);
  font-size:.56rem;
  font-style:normal;
  font-weight:950;
  letter-spacing:.08em;
  vertical-align:middle;
}

/* Classificação: ícones nas abas */
.ranking-tab{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
}
.ranking-tab img{
  width:18px;
  height:18px;
  object-fit:contain;
}

/* Classificação: substituir coroas por medalhas */
.rank-crown{display:none !important}
.rank-medal{
  position:absolute;
  top:-20px;
  width:48px;
  height:48px;
  object-fit:contain;
  filter:drop-shadow(0 10px 14px rgba(0,0,0,.34));
}
.podium-1 .rank-medal{
  width:64px;
  height:64px;
  top:-34px;
}
.rank-medal.gold{filter:drop-shadow(0 10px 14px rgba(0,0,0,.34)) sepia(1) saturate(2.4) hue-rotate(350deg) brightness(1.12)}
.rank-medal.silver{filter:drop-shadow(0 10px 14px rgba(0,0,0,.34)) grayscale(.65) brightness(1.45)}
.rank-medal.bronze{filter:drop-shadow(0 10px 14px rgba(0,0,0,.34)) sepia(1) saturate(1.8) hue-rotate(330deg) brightness(.95)}

/* Classificação: alinhamento tabelas */
.ranking-table-head,
.ranking-row{
  grid-template-columns:72px minmax(0,1fr) 104px !important;
}
.ranking-table-head.donations-head,
.ranking-row.donation-row{
  grid-template-columns:72px minmax(0,1fr) 70px 70px !important;
}
.ranking-table-head span:nth-child(1),
.ranking-row span:nth-child(1){
  text-align:left !important;
  justify-self:start !important;
}
.ranking-table-head span:nth-child(2),
.ranking-row strong{
  text-align:center !important;
  justify-self:center !important;
}
.ranking-table-head span:nth-child(3),
.ranking-row b:last-child,
.ranking-row:not(.donation-row) b{
  text-align:right !important;
  justify-self:end !important;
}
.ranking-table-head.donations-head span:nth-child(3),
.ranking-row.donation-row b:nth-of-type(1){
  text-align:center !important;
  justify-self:center !important;
}
.ranking-table-head.donations-head span:nth-child(4),
.ranking-row.donation-row b:nth-of-type(2){
  text-align:right !important;
  justify-self:end !important;
}

/* Corrigir glow quadrado do botão central */
.bottom-nav .nav-home,
.nav-btn.nav-home{
  overflow:visible !important;
  isolation:isolate;
}
.bottom-nav .nav-home::before,
.nav-btn.nav-home::before{
  content:"";
  position:absolute;
  width:82px;
  height:82px;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  border-radius:50%;
  background:radial-gradient(circle, rgba(248,200,79,.42), rgba(248,200,79,.16) 48%, transparent 72%);
  filter:blur(8px);
  z-index:-1;
}
.bottom-nav .nav-home::after,
.nav-btn.nav-home::after{
  border-radius:50% !important;
}
.bottom-nav .nav-home svg,
.nav-btn.nav-home svg{
  position:relative;
  z-index:1;
}

/* Dashboard header: centralização e emblema editável */
.dash-title-card,
.dashboard-hero,
.dash-main-card{
  text-align:center;
}
.dash-badge,
.clan-badge-editable{
  width:92px !important;
  height:92px !important;
  border-radius:20px !important;
  position:relative;
}
.dash-badge img{
  max-width:60px !important;
  max-height:60px !important;
}
.dash-badge-edit{
  position:absolute;
  right:-5px;
  bottom:-5px;
  width:30px;
  height:30px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.18);
  background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.06));
  display:grid;
  place-items:center;
  padding:6px;
}
.dash-badge-edit img{
  width:16px !important;
  height:16px !important;
  max-width:16px !important;
  max-height:16px !important;
}


/* ===== TOPBRS VISUAL FIX 2 ===== */

/* Header Membros: ícone não invade título */
.members-header{
  display:grid !important;
  grid-template-columns:92px minmax(0,1fr) 56px !important;
  align-items:center !important;
  gap:16px !important;
}
.members-title-icon{
  width:92px !important;
  height:92px !important;
  min-height:92px !important;
  border-radius:20px !important;
  flex:0 0 92px !important;
}
.members-header h1{
  margin:0 !important;
  font-size:1.16rem !important;
  line-height:1.12 !important;
  white-space:nowrap;
}
.members-header p{
  margin:5px 0 0 !important;
  font-size:.78rem !important;
  line-height:1.22 !important;
  font-weight:700 !important;
  opacity:.86 !important;
}
.members-header span#membersCount{
  display:block;
  margin-top:6px;
  font-size:.78rem;
}
.members-sync-btn{
  transform:translateY(-8px) !important;
}

/* Header padrão Classificação/Guerra/Membros */
.ranking-title-icon,
.ranking-title-stack,
.war-title-icon,
.war-title-stack{
  width:92px !important;
  height:92px !important;
  min-height:92px !important;
  border-radius:20px !important;
}
.ranking-title-icon svg,
.ranking-title-stack svg,
.war-title-icon svg,
.war-title-stack svg,
.members-title-icon svg{
  width:30px !important;
  height:30px !important;
}
.ranking-header h1,
.war-heading-text .war-kicker{
  font-size:1.16rem !important;
  line-height:1.12 !important;
}
.ranking-header p,
.war-subtitle{
  font-size:.78rem !important;
  line-height:1.22 !important;
  font-weight:700 !important;
  opacity:.86 !important;
}

/* Classificação: ícones reais nas abas */
.ranking-tab{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
}
.ranking-tab img{
  width:20px !important;
  height:20px !important;
  object-fit:contain !important;
  display:block !important;
}

/* Classificação: remover quadrados e números do top 3 */
.rank-crown,
.podium-place{
  display:none !important;
}
.rank-medal{
  position:absolute !important;
  top:44px !important;
  width:42px !important;
  height:42px !important;
  object-fit:contain !important;
  z-index:4 !important;
  border:0 !important;
  background:transparent !important;
}
.podium-1 .rank-medal{
  width:48px !important;
  height:48px !important;
  top:58px !important;
}
.rank-medal.gold{
  filter:sepia(1) saturate(3) hue-rotate(350deg) brightness(1.18) drop-shadow(0 8px 12px rgba(0,0,0,.35));
}
.rank-medal.silver{
  filter:grayscale(.85) brightness(1.55) drop-shadow(0 8px 12px rgba(0,0,0,.35));
}
.rank-medal.bronze{
  filter:sepia(1) saturate(2) hue-rotate(325deg) brightness(.96) drop-shadow(0 8px 12px rgba(0,0,0,.35));
}
.podium-avatar{
  overflow:hidden !important;
  border-radius:50% !important;
  outline:0 !important;
  box-shadow:none !important;
}
.podium-avatar img,
.podium-avatar svg{
  border:0 !important;
  outline:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
.podium-card::before,
.podium-card::after,
.podium-avatar::before,
.podium-avatar::after{
  box-shadow:none !important;
  border-radius:50% !important;
}

/* Tabelas alinhadas */
.ranking-table-head,
.ranking-row{
  grid-template-columns:72px minmax(0,1fr) 104px !important;
}
.ranking-table-head.donations-head,
.ranking-row.donation-row{
  grid-template-columns:72px minmax(0,1fr) 70px 70px !important;
}
.ranking-table-head span:nth-child(1),
.ranking-row span:nth-child(1){
  justify-self:start !important;
  text-align:left !important;
}
.ranking-table-head span:nth-child(2),
.ranking-row strong{
  justify-self:center !important;
  text-align:center !important;
}
.ranking-table-head span:nth-child(3),
.ranking-row:not(.donation-row) b{
  justify-self:end !important;
  text-align:right !important;
}
.ranking-table-head.donations-head span:nth-child(3),
.ranking-row.donation-row b:nth-of-type(1){
  justify-self:center !important;
  text-align:center !important;
}
.ranking-table-head.donations-head span:nth-child(4),
.ranking-row.donation-row b:nth-of-type(2){
  justify-self:end !important;
  text-align:right !important;
}

/* Guerra: botão refresh mais acima, sem sobrepor barra */
.dashboard-war-block{
  position:relative !important;
  padding-bottom:62px !important;
}
.dashboard-war-block .war-refresh-btn,
.war-refresh-btn{
  position:absolute !important;
  right:18px !important;
  bottom:34px !important;
  margin:0 !important;
  width:48px !important;
  height:48px !important;
}

/* Glow do Dashboard central: sem quadrado, pulso no centro do círculo */
.bottom-nav .nav-home,
.nav-btn.nav-home{
  overflow:visible !important;
  isolation:isolate !important;
}
.bottom-nav .nav-home::before,
.nav-btn.nav-home::before{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  width:76px !important;
  height:76px !important;
  transform:translate(-50%,-50%) !important;
  border-radius:50% !important;
  background:radial-gradient(circle, rgba(248,200,79,.42), rgba(248,200,79,.18) 42%, transparent 70%) !important;
  filter:blur(7px) !important;
  z-index:-1 !important;
  animation:homePulseCenter 2.2s ease-in-out infinite !important;
}
@keyframes homePulseCenter{
  0%,100%{opacity:.62;transform:translate(-50%,-50%) scale(.92)}
  50%{opacity:.95;transform:translate(-50%,-50%) scale(1.05)}
}
.bottom-nav .nav-home::after,
.nav-btn.nav-home::after{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  width:66px !important;
  height:66px !important;
  transform:translate(-50%,-50%) !important;
  border-radius:50% !important;
  background:transparent !important;
  z-index:0 !important;
}
.bottom-nav .nav-home > *,
.nav-btn.nav-home > *{
  position:relative !important;
  z-index:1 !important;
}

/* Dashboard: ícone do clã com lápis no ponto marcado */
.dash-badge,
.clan-badge-editable{
  width:92px !important;
  height:92px !important;
  border-radius:20px !important;
  position:relative !important;
}
.dash-badge img[data-dashboard-clan-badge],
.dash-badge img[data-clan-badge],
.clan-badge-editable > img:first-child{
  max-width:60px !important;
  max-height:60px !important;
}
.dash-badge-edit{
  position:absolute !important;
  right:5px !important;
  bottom:5px !important;
  width:26px !important;
  height:26px !important;
  border-radius:10px !important;
  border:1px solid rgba(255,255,255,.18) !important;
  background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.07)) !important;
  display:grid !important;
  place-items:center !important;
  padding:5px !important;
  box-shadow:0 8px 18px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.10) !important;
}
.dash-badge-edit[hidden]{
  display:none !important;
}
.dash-badge-edit img{
  width:14px !important;
  height:14px !important;
  max-width:14px !important;
  max-height:14px !important;
}


/* ===== TOPBRS BADGE PICKER + FINAL VISUAL FIX ===== */

/* Dashboard badge edit: same pencil style as Config, no broken square */
.dash-badge-edit{
  position:absolute !important;
  right:6px !important;
  bottom:6px !important;
  width:30px !important;
  height:30px !important;
  border-radius:50% !important;
  border:1px solid rgba(255,255,255,.18) !important;
  background:linear-gradient(180deg,#f9cf54,#d99a25) !important;
  color:#071327 !important;
  display:grid !important;
  place-items:center !important;
  padding:0 !important;
  box-shadow:0 10px 22px rgba(248,200,79,.30), inset 0 1px 0 rgba(255,255,255,.35) !important;
  z-index:4 !important;
}
.dash-badge-edit[hidden]{display:none !important}
.dash-badge-edit svg{
  width:17px !important;
  height:17px !important;
  display:block !important;
  color:#071327 !important;
}
.dash-badge-edit img{display:none !important}

/* Clan badge picker */
.clan-badge-picker-overlay{
  position:fixed;
  inset:0;
  z-index:1200;
  display:grid;
  place-items:center;
  padding:22px;
  background:rgba(2,8,18,.62);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  opacity:0;
  pointer-events:none;
  transition:opacity .22s ease;
}
.clan-badge-picker-overlay.show{
  opacity:1;
  pointer-events:auto;
}
.clan-badge-picker-modal{
  width:min(100%,360px);
  max-height:min(78vh,620px);
  overflow:hidden;
  position:relative;
  border-radius:26px;
  padding:22px 18px 18px;
}
.clan-badge-picker-modal h2{
  margin:4px 0 4px;
  font-size:1.35rem;
}
.clan-badge-picker-modal p{
  margin:0 0 16px;
  color:#aebbd2;
}
.clan-badge-picker-grid{
  max-height:420px;
  overflow:auto;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
  padding:4px 2px 2px;
}
.clan-badge-choice{
  aspect-ratio:1;
  border-radius:18px;
  border:1px solid rgba(176,199,255,.14);
  background:rgba(255,255,255,.055);
  display:grid;
  place-items:center;
  padding:10px;
}
.clan-badge-choice img{
  width:100%;
  height:100%;
  object-fit:contain;
}

/* Classificação: remove SVG medals; emoji medal near marked X */
.rank-medal{display:none !important}
.podium-medal-emoji{
  position:absolute !important;
  z-index:6 !important;
  left:50% !important;
  transform:translateX(-50%) !important;
  font-size:1.9rem !important;
  line-height:1 !important;
  filter:drop-shadow(0 8px 10px rgba(0,0,0,.35)) !important;
}
.podium-1 .podium-medal-emoji{top:86px !important}
.podium-2 .podium-medal-emoji,
.podium-3 .podium-medal-emoji{top:74px !important}
.podium-place{display:none !important}
.podium-avatar{
  box-shadow:none !important;
}
.podium-avatar::before,
.podium-avatar::after,
.podium-card::before,
.podium-card::after{
  content:none !important;
  display:none !important;
}

/* Guerra: restaurar bloco e subir só o botão */
.dashboard-war-block{
  padding:18px !important;
  padding-bottom:18px !important;
}
.dashboard-war-block .war-refresh-btn,
.war-refresh-btn{
  position:absolute !important;
  right:18px !important;
  bottom:58px !important;
  margin:0 !important;
  width:48px !important;
  height:48px !important;
}
.war-block-progress,
.dash-progress{
  margin-top:14px !important;
}

/* Home glow: force no rectangular background/pulse */
.nav-btn.nav-home,
.bottom-nav .nav-home{
  background:transparent !important;
  box-shadow:none !important;
}
.nav-btn.nav-home::before,
.bottom-nav .nav-home::before{
  left:50% !important;
  top:50% !important;
  width:76px !important;
  height:76px !important;
  transform:translate(-50%,-50%) !important;
  border-radius:999px !important;
  background:radial-gradient(circle,rgba(248,200,79,.55),rgba(248,200,79,.22) 48%,transparent 72%) !important;
  filter:blur(8px) !important;
}
.nav-btn.nav-home::after,
.bottom-nav .nav-home::after{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  width:64px !important;
  height:64px !important;
  transform:translate(-50%,-50%) !important;
  border-radius:999px !important;
  background:linear-gradient(180deg,#f9cf54,#c98f22) !important;
  z-index:0 !important;
}
.nav-btn.nav-home svg,
.nav-btn.nav-home span,
.bottom-nav .nav-home svg,
.bottom-nav .nav-home span{
  position:relative !important;
  z-index:2 !important;
}


/* ===== TOPBRS EMBLEMA POR CLÃ + ONBOARDING FIX ===== */

/* Emblema cheio dentro do card */
.dash-badge,
.clan-badge-editable{
  width:92px !important;
  height:92px !important;
  border-radius:20px !important;
  position:relative !important;
  overflow:visible !important;
}
.dash-badge > img:first-child,
.dash-badge img[data-dashboard-clan-badge],
.dash-badge img[data-clan-badge],
.clan-badge-editable > img:first-child{
  width:84px !important;
  height:84px !important;
  max-width:84px !important;
  max-height:84px !important;
  object-fit:contain !important;
  display:block !important;
  margin:auto !important;
}
.dash-badge-edit{
  position:absolute !important;
  right:6px !important;
  bottom:6px !important;
  width:30px !important;
  height:30px !important;
  border-radius:50% !important;
  border:1px solid rgba(255,255,255,.18) !important;
  background:linear-gradient(180deg,#f9cf54,#d99a25) !important;
  color:#071327 !important;
  display:grid !important;
  place-items:center !important;
  padding:0 !important;
  box-shadow:0 10px 22px rgba(248,200,79,.30), inset 0 1px 0 rgba(255,255,255,.35) !important;
  z-index:10 !important;
}
.dash-badge-edit[hidden]{display:none !important}
.dash-badge-edit svg{
  width:17px !important;
  height:17px !important;
  color:#071327 !important;
}
.dash-badge-edit img{display:none !important}

/* Popup de emblemas */
.clan-badge-picker-overlay{
  position:fixed;
  inset:0;
  z-index:1200;
  display:grid;
  place-items:center;
  padding:22px;
  background:rgba(2,8,18,.62);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  opacity:0;
  pointer-events:none;
  transition:opacity .22s ease;
}
.clan-badge-picker-overlay.show{opacity:1;pointer-events:auto}
.clan-badge-picker-modal{
  width:min(100%,360px);
  max-height:min(78vh,620px);
  overflow:hidden;
  position:relative;
  border-radius:26px;
  padding:22px 18px 18px;
}
.clan-badge-picker-grid{
  max-height:420px;
  overflow:auto;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
  padding:4px 2px 2px;
}
.clan-badge-choice{
  aspect-ratio:1;
  border-radius:18px;
  border:1px solid rgba(176,199,255,.14);
  background:rgba(255,255,255,.055);
  display:grid;
  place-items:center;
  padding:9px;
}
.clan-badge-choice img{
  width:100%;
  height:100%;
  object-fit:contain;
}

/* Onboarding passo 2: escolha de emblema */
.onboard-clan-badge-preview-wrap{
  position:relative !important;
  overflow:visible !important;
}
.onboard-clan-badge-preview-wrap img{
  width:74px !important;
  height:74px !important;
  object-fit:contain !important;
}
.onboard-badge-edit-dot{
  position:absolute;
  right:-4px;
  bottom:-4px;
  width:28px;
  height:28px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:linear-gradient(180deg,#f9cf54,#d99a25);
  color:#071327;
  font-weight:950;
  box-shadow:0 10px 22px rgba(248,200,79,.26);
}
.onboard-badge-selector{
  border-radius:22px;
  padding:14px;
  margin:14px 0;
}
.onboard-badge-selector > span{
  display:block;
  color:#aebbd2;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:.68rem;
  font-weight:950;
  margin-bottom:10px;
}
.onboard-badge-grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:8px;
  max-height:150px;
  overflow:auto;
}
.onboard-badge-choice{
  aspect-ratio:1;
  border-radius:14px;
  border:1px solid rgba(176,199,255,.14);
  background:rgba(255,255,255,.055);
  padding:6px;
}
.onboard-badge-choice.active{
  border-color:rgba(248,200,79,.72);
  box-shadow:0 0 0 2px rgba(248,200,79,.12), 0 0 20px rgba(248,200,79,.16);
}
.onboard-badge-choice img{
  width:100%;
  height:100%;
  object-fit:contain;
}

/* Guerra: retornar barra ao lugar e posicionar refresh acima do traço */
.dashboard-war-block{
  padding:18px !important;
  padding-bottom:18px !important;
}
.dashboard-war-block .war-refresh-btn,
.war-refresh-btn{
  position:absolute !important;
  right:18px !important;
  bottom:54px !important;
  margin:0 !important;
  width:46px !important;
  height:46px !important;
}
.war-block-progress,
.dash-progress{
  margin-top:14px !important;
}

/* Botão Dashboard: brilho centralizado no círculo */
.nav-btn.nav-home,
.bottom-nav .nav-home{
  background:transparent !important;
  box-shadow:none !important;
  overflow:visible !important;
  isolation:isolate !important;
}
.nav-btn.nav-home::before,
.bottom-nav .nav-home::before{
  left:50% !important;
  top:50% !important;
  width:74px !important;
  height:74px !important;
  transform:translate(-50%,-50%) !important;
  border-radius:999px !important;
  background:radial-gradient(circle,rgba(248,200,79,.50),rgba(248,200,79,.18) 48%,transparent 72%) !important;
  filter:blur(7px) !important;
}
.nav-btn.nav-home::after,
.bottom-nav .nav-home::after{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  width:64px !important;
  height:64px !important;
  transform:translate(-50%,-50%) !important;
  border-radius:999px !important;
  background:linear-gradient(180deg,#f9cf54,#c98f22) !important;
  z-index:0 !important;
}
.nav-btn.nav-home svg,
.nav-btn.nav-home span,
.bottom-nav .nav-home svg,
.bottom-nav .nav-home span{
  position:relative !important;
  z-index:2 !important;
}

/* TOPBRS FINAL PATCH 2026-05-01 */
.settings-theme-btn,.war-refresh-btn{display:none!important}
.bottom-nav .nav-home,.nav-btn.nav-home{width:78px!important;height:78px!important;min-width:78px!important;flex:0 0 78px!important;border-radius:50%!important;background:linear-gradient(180deg,#f8d35b,#c89225)!important;box-shadow:0 0 0 1px rgba(255,255,255,.18) inset,0 0 22px rgba(248,200,79,.34)!important;overflow:visible!important}
.bottom-nav .nav-home::after,.nav-btn.nav-home::after{display:none!important}
.bottom-nav .nav-home::before,.nav-btn.nav-home::before{content:""!important;position:absolute!important;inset:-5px!important;border-radius:50%!important;background:radial-gradient(circle,rgba(248,200,79,.24),transparent 72%)!important;z-index:-1!important}
.war-title-icon,.ranking-title-icon,.settings-title-icon,.calendar-btn{color:#f8d35b!important}
.settings-header h1{font-size:2rem!important}.settings-header p{font-size:.98rem!important}
.settings-clan-badge-mini img{width:38px!important;height:38px!important;object-fit:contain}
.avatar-picker-modal p#avatarPickerSubtitle{font-size:.78rem!important;line-height:1.25!important}
.avatar-choice.locked,.premium-bg-choice.locked,.clan-badge-choice.locked{filter:grayscale(1);opacity:.65;background:rgba(120,130,150,.18)!important;position:relative}
.avatar-lock,.badge-lock{position:absolute;right:6px;bottom:6px;width:22px;height:22px;border-radius:8px;background:rgba(5,11,22,.78);display:grid;place-items:center}
.badge-lock svg,.avatar-lock svg{width:14px;height:14px}
.premium-bg-selector{margin-top:16px;padding-top:14px;border-top:1px solid rgba(176,199,255,.10)}
.premium-bg-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.premium-bg-choice{height:58px;border-radius:16px;border:1px solid rgba(255,255,255,.12);position:relative}
.premium-bg-royal{background:linear-gradient(135deg,#1c3b78,#071327)}
.premium-bg-gold{background:linear-gradient(135deg,#432b08,#f8d35b)}
.premium-bg-blue{background:linear-gradient(135deg,#061735,#3b82f6)}
.premium-bg-purple{background:linear-gradient(135deg,#1b0c2f,#a855f7)}
.settings-mini-card.plan-trial #settingsPlan,.settings-mini-card.plan-trial #settingsExpire{color:#ff6b86!important}
.settings-mini-card.plan-basic #settingsPlan{color:#72a7ff!important}
.settings-mini-card.plan-plus #settingsPlan,.settings-mini-card.plan-plus #settingsExpire{color:#b889ff!important}
.settings-mini-card.plan-premium{box-shadow:0 0 32px rgba(248,200,79,.24)!important;border-color:rgba(248,200,79,.55)!important}
.settings-mini-card.plan-premium #settingsPlan,.settings-mini-card.plan-premium #settingsExpire{color:#ffd65f!important}
.ranking-table-head,.ranking-row{grid-template-columns:42px minmax(0,1fr) 88px!important}
.ranking-table-head.donations-head,.ranking-row.donation-row{grid-template-columns:42px minmax(0,1.35fr) 82px 72px!important}
.ranking-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.saas-toolbar{display:grid!important;grid-template-columns:minmax(0,1fr) 96px;gap:10px;margin:10px 0 16px}
.saas-tabs-wrap{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px;padding:8px;margin-bottom:16px;overflow:hidden}
.saas-tab{font-size:.82rem!important;min-width:0!important;border:1px solid rgba(176,199,255,.12);background:rgba(255,255,255,.045);color:#d8e2f4;border-radius:14px;padding:11px 4px;font-weight:900}
.saas-tab.active{color:#071327;background:linear-gradient(180deg,#ffd65f,#d99221)}
.saas-row{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important;overflow:hidden!important}
.saas-main-info{min-width:0}.saas-main-info strong,.saas-main-info span{overflow:hidden;text-overflow:ellipsis;display:block}
.saas-plan-edit{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important}.saas-plan-edit .danger{grid-column:1/-1!important}
.saas-release-overlay{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:22px;background:rgba(2,8,18,.62);backdrop-filter:blur(14px);opacity:0;pointer-events:none;transition:opacity .22s ease}
.saas-release-overlay.show{opacity:1;pointer-events:auto}.saas-release-overlay .saas-form{width:min(100%,380px);position:relative;padding:22px 18px 18px;border-radius:26px}


/* ===== TOPBRS NEXT: TABLE IDENTITY + ZOOM + ONBOARDING FIX ===== */
html, body{
  touch-action:pan-x pan-y !important;
  overscroll-behavior:none;
  -webkit-text-size-adjust:100%;
}
.war-title-icon,.ranking-title-icon,.members-title-icon,.settings-title-icon,.calendar-btn{
  color:#ffd65f !important;
}
.war-title-icon svg,.ranking-title-icon svg,.members-title-icon svg,.settings-title-icon svg,.calendar-btn svg{
  color:#ffd65f !important;
}
.settings-header h1{font-size:1.16rem !important;line-height:1.12 !important}
.settings-header p{font-size:.78rem !important;line-height:1.22 !important;font-weight:750 !important}
#themeToggle,.theme-toggle,.settings-theme-btn{display:none!important}
.members-title-icon{color:#ffd65f !important}
.auth-shell{min-height:100svh;padding-top:calc(16px + env(safe-area-inset-top)) !important;overflow-x:hidden !important}
.onboarding-card{width:min(100%,390px);max-height:none !important;min-height:auto !important;margin:0 auto !important;overflow:visible !important;padding-top:24px !important}
.onboard-top{margin-top:0 !important}
.confirm-card,.clan-confirm-card{overflow:hidden !important}
.real-clan-badge,.onboard-clan-badge-preview-wrap{align-self:center !important;display:grid !important;place-items:center !important}
.onboard-badge-edit-dot{z-index:20 !important}
.confirm-meta,.clan-stats,.confirm-card .stats{min-width:0 !important;overflow:hidden !important}
.confirm-meta strong,.confirm-meta span,.clan-stats strong,.clan-stats span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* Botão Dashboard/Início refeito */
.bottom-nav .nav-home,.nav-btn.nav-home{
  position:relative !important;width:74px !important;height:74px !important;min-width:74px !important;flex:0 0 74px !important;
  transform:translateY(-23px) !important;border-radius:999px !important;
  background:linear-gradient(180deg,#f8d35b,#c68c1f) !important;
  box-shadow:0 0 0 1px rgba(255,255,255,.18) inset,0 12px 25px rgba(0,0,0,.36),0 0 24px rgba(248,200,79,.35) !important;
  overflow:visible !important;isolation:isolate !important;
}
.bottom-nav .nav-home::before,.nav-btn.nav-home::before{
  content:"" !important;position:absolute !important;inset:-10px !important;border-radius:999px !important;
  background:radial-gradient(circle, rgba(248,200,79,.30), rgba(248,200,79,.10) 48%, transparent 72%) !important;
  filter:blur(6px) !important;z-index:-1 !important;pointer-events:none !important;
}
.bottom-nav .nav-home::after,.nav-btn.nav-home::after{display:none!important}
.bottom-nav .nav-home svg,.nav-btn.nav-home svg{
  width:32px !important;height:32px !important;padding:0 !important;border:0 !important;background:transparent !important;color:#071327 !important;box-shadow:none !important;margin:auto !important;
}
.bottom-nav .nav-home span,.nav-btn.nav-home span{
  position:absolute !important;left:50% !important;bottom:-28px !important;transform:translateX(-50%) !important;color:#ffd65f !important;font-weight:950 !important;
}

/* Guerra sem refresh e tabela premium */
#warRefreshBtn,.war-refresh-btn{display:none!important}
.war-table-card,.ranking-table-card{
  border-radius:22px !important;padding:14px 14px 8px !important;
  background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.025)) !important;
  border:1px solid rgba(176,199,255,.13) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 14px 32px rgba(0,0,0,.15) !important;
}
.war-table-head,.ranking-table-head{
  min-height:32px;align-items:center;border-bottom:1px solid rgba(176,199,255,.11);
  padding:0 6px 10px !important;color:#c8d4ea !important;font-size:.62rem !important;letter-spacing:.14em !important;
}
.war-row,.ranking-row{
  min-height:58px !important;padding:9px 6px !important;border-top:1px solid rgba(176,199,255,.07) !important;
}
.war-row:hover,.ranking-row:hover{background:rgba(255,255,255,.035) !important}
.war-table-head,.war-row{grid-template-columns:minmax(0,1fr) 74px 92px !important}
.war-table-head span:first-child,.war-row .war-member-cell{justify-self:start;text-align:left}
.war-table-head span:nth-child(2),.war-row .fame,.war-row .day-fame{justify-self:center;text-align:center}
.war-table-head span:nth-child(3),.war-row .attack-count,.war-row .attack-dots{justify-self:end;text-align:right}
.attack-dots{justify-content:flex-end}

/* Classificação tabelas otimizadas */
.ranking-table-head,.ranking-row{grid-template-columns:42px minmax(0,1fr) 88px !important;gap:8px !important}
.ranking-table-head.donations-head,.ranking-row.donation-row{grid-template-columns:42px minmax(0,1fr) 74px 64px !important}
.ranking-table-head span:nth-child(1),.ranking-row span:nth-child(1){justify-self:start!important;text-align:left!important}
.ranking-table-head span:nth-child(2),.ranking-row strong{
  justify-self:start!important;text-align:left!important;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.ranking-table-head span:nth-child(3),.ranking-row:not(.donation-row) b{justify-self:end!important;text-align:right!important}
.ranking-table-head.donations-head span:nth-child(3),.ranking-row.donation-row b:nth-of-type(1){justify-self:end!important;text-align:right!important}
.ranking-table-head.donations-head span:nth-child(4),.ranking-row.donation-row b:nth-of-type(2){justify-self:end!important;text-align:right!important}

/* Top 3 refinado */
.podium{gap:10px !important;min-height:214px !important}
.podium-card{
  border-radius:22px !important;min-height:154px !important;padding:54px 8px 14px !important;
  background:linear-gradient(180deg,rgba(255,255,255,.072),rgba(255,255,255,.03)) !important;
  border:1px solid rgba(176,199,255,.14) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 12px 28px rgba(0,0,0,.16) !important;
}
.podium-1{
  min-height:188px !important;border-color:rgba(255,214,95,.35) !important;
  box-shadow:0 0 28px rgba(248,200,79,.11), inset 0 1px 0 rgba(255,255,255,.07) !important;
}
.podium-avatar{
  width:60px !important;height:60px !important;border-radius:50% !important;top:-24px !important;overflow:hidden !important;
  border:2px solid rgba(255,255,255,.18) !important;background:rgba(255,255,255,.08) !important;
}
.podium-1 .podium-avatar{width:72px !important;height:72px !important;top:-34px !important;border-color:rgba(255,214,95,.6) !important}
.podium-medal-emoji{
  position:absolute !important;z-index:6 !important;left:50% !important;transform:translateX(-50%) !important;
  font-size:1.65rem !important;line-height:1 !important;filter:drop-shadow(0 8px 10px rgba(0,0,0,.35)) !important;
}
.podium-1 .podium-medal-emoji{top:48px!important}
.podium-2 .podium-medal-emoji,.podium-3 .podium-medal-emoji{top:42px!important}
.podium-place,.rank-crown,.rank-medal{display:none!important}

/* Config card clã com emblema */
.settings-mini-card.clan-card img,.settings-clan-badge,img[data-settings-clan-badge]{
  width:28px!important;height:28px!important;object-fit:contain!important;
}

/* ===== FINE FIX: Plano card + onboarding fit ===== */
.settings-mini-grid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:14px !important;
}
.settings-mini-card.plan-card,
.settings-mini-card.clan-card{
  min-width:0 !important;
}
.settings-mini-card.plan-card .settings-mini-icon svg,
.settings-mini-card.clan-card .settings-mini-icon img{
  width:30px !important;
  height:30px !important;
  object-fit:contain !important;
}
.settings-mini-card.plan-card #settingsPlan,
.settings-mini-card.clan-card #settingsClan{
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

/* Onboarding: centralizado, sem corte lateral em iPhone/Safari */
body:has(.onboarding-card),
body:has(.auth-card){
  overflow-x:hidden !important;
}
.auth-shell{
  place-items:start center !important;
  justify-items:center !important;
  padding-left:max(8px, env(safe-area-inset-left)) !important;
  padding-right:max(8px, env(safe-area-inset-right)) !important;
  box-sizing:border-box !important;
  overflow-x:hidden !important;
}
.auth-card,
.onboarding-card{
  width:calc(100vw - 16px) !important;
  max-width:390px !important;
  box-sizing:border-box !important;
  margin-left:auto !important;
  margin-right:auto !important;
  transform:none !important;
}
.onboarding-card{
  padding-left:14px !important;
  padding-right:14px !important;
}
.onboard-top,
.onboarding-stepper,
.confirm-card,
.clan-confirm-card,
.onboard-confirm-card{
  max-width:100% !important;
  box-sizing:border-box !important;
}
.confirm-card,
.clan-confirm-card,
.onboard-confirm-card{
  margin-left:0 !important;
  margin-right:0 !important;
}
.confirm-card .confirm-main,
.clan-confirm-card .confirm-main{
  display:grid !important;
  grid-template-columns:82px minmax(0,1fr) !important;
}
.confirm-meta,
.confirm-copy,
.clan-stats{
  min-width:0 !important;
}
.confirm-meta h2,
.confirm-meta strong,
.confirm-meta p,
.clan-stats strong,
.clan-stats span{
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}
@media (max-width:390px){
  .auth-shell{
    padding-left:6px !important;
    padding-right:6px !important;
  }
  .auth-card,
  .onboarding-card{
    width:calc(100vw - 12px) !important;
    max-width:none !important;
  }
  .onboarding-card{
    padding-left:12px !important;
    padding-right:12px !important;
  }
}

/* ===== TOPBRS Add-On Perfil + SaaS v1 ===== */
.settings-nick-line{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
}
.settings-addon-badge{
  width:24px;
  height:24px;
  object-fit:contain;
  filter:drop-shadow(0 0 10px rgba(248,200,79,.38));
}
.plan-card{cursor:pointer}
.settings-mini-card.plan-trial{border-color:rgba(255,92,122,.38)!important;box-shadow:0 0 22px rgba(255,92,122,.10)!important}
.settings-mini-card.plan-trial #settingsPlan,.settings-mini-card.plan-trial #settingsExpire{color:#ff6b86!important}
.settings-mini-card.plan-basic{border-color:rgba(88,147,255,.34)!important}
.settings-mini-card.plan-basic #settingsPlan{color:#72a7ff!important}
.settings-mini-card.plan-plus{border-color:rgba(167,110,255,.38)!important;box-shadow:0 0 22px rgba(167,110,255,.12)!important}
.settings-mini-card.plan-plus #settingsPlan,.settings-mini-card.plan-plus #settingsExpire{color:#b889ff!important}
.settings-mini-card.plan-premium{border-color:rgba(248,200,79,.55)!important;background:linear-gradient(180deg,rgba(248,200,79,.12),rgba(255,255,255,.045))!important;box-shadow:0 0 32px rgba(248,200,79,.24),inset 0 1px 0 rgba(255,255,255,.12)!important}
.settings-mini-card.plan-premium #settingsPlan,.settings-mini-card.plan-premium #settingsExpire{color:#ffd65f!important;text-shadow:0 0 18px rgba(248,200,79,.35)}
.settings-profile-hero.premium-avatar-bg-enabled{
  background-size:cover!important;
  background-position:center!important;
  box-shadow:0 0 34px rgba(248,200,79,.18), inset 0 1px 0 rgba(255,255,255,.12)!important;
}
.avatar-picker-modal p#avatarPickerSubtitle{font-size:.78rem!important;line-height:1.25!important;color:#aebbd2!important}
.avatar-choice.locked,.premium-bg-choice.locked{filter:grayscale(1);opacity:.65;background:rgba(120,130,150,.18)!important;position:relative}
.avatar-lock{position:absolute;right:6px;bottom:6px;width:22px;height:22px;border-radius:8px;background:rgba(5,11,22,.78);color:#d8e2f4;display:grid;place-items:center}
.avatar-lock svg{width:14px;height:14px}
.premium-bg-selector{margin-top:16px;padding-top:14px;border-top:1px solid rgba(176,199,255,.10)}
.premium-bg-selector h3{margin:4px 0 10px;color:#fff;font-size:.96rem}
.premium-bg-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;max-height:245px;overflow:auto;padding-right:2px}
.premium-bg-choice{height:58px;border-radius:16px;border:1px solid rgba(255,255,255,.12);position:relative;background-size:cover!important;background-position:center!important;overflow:hidden}
.premium-bg-royal{background:linear-gradient(135deg,#1c3b78,#071327)!important}
.premium-bg-gold{background:linear-gradient(135deg,#432b08,#f8d35b)!important}
.premium-bg-blue{background:linear-gradient(135deg,#061735,#3b82f6)!important}
.premium-bg-purple{background:linear-gradient(135deg,#1b0c2f,#a855f7)!important}
.premium-image-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.22))}
.plan-manager-overlay{
  position:fixed;
  inset:0;
  z-index:1300;
  display:grid;
  place-items:center;
  padding:22px;
  background:rgba(2,8,18,.66);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  opacity:0;
  pointer-events:none;
  transition:opacity .22s ease;
}
.plan-manager-overlay.show{opacity:1;pointer-events:auto}
.plan-manager-modal{
  width:min(100%,390px);
  max-height:82vh;
  overflow:auto;
  border-radius:28px;
  padding:22px 18px 18px;
  position:relative;
}
.plan-manager-modal h2{margin:4px 0 14px;font-size:1.32rem}
.plan-tabs{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:6px;
  padding:6px;
  border-radius:18px;
  background:rgba(255,255,255,.045);
  margin-bottom:14px;
}
.plan-tab{
  border:1px solid rgba(176,199,255,.12);
  background:rgba(255,255,255,.045);
  color:#d8e2f4;
  border-radius:14px;
  padding:10px 4px;
  font-size:.78rem;
  font-weight:900;
}
.plan-tab.active{
  color:#071327;
  background:linear-gradient(180deg,#ffd65f,#d99221);
  box-shadow:0 10px 22px rgba(255,214,95,.18);
}
.plan-panel{display:none}
.plan-panel.active{display:block}
.plan-summary-card,.addon-current-card,.payment-manual-card{
  border:1px solid rgba(176,199,255,.12);
  background:rgba(255,255,255,.055);
  border-radius:20px;
  padding:14px;
  margin-bottom:12px;
}
.plan-summary-card span,.plan-info-grid span{display:block;color:#aebbd2;font-size:.73rem;text-transform:uppercase;letter-spacing:.08em;font-weight:900}
.plan-summary-card strong{display:block;color:#fff;font-size:1.45rem;margin:3px 0}
.plan-summary-card small,.addon-current-card span,.payment-manual-card p{color:#aebbd2;line-height:1.35}
.plan-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}
.plan-info-grid div{border:1px solid rgba(176,199,255,.10);background:rgba(255,255,255,.04);border-radius:16px;padding:12px}
.plan-info-grid strong{display:block;color:#fff;font-size:.9rem;margin-top:4px}
.plan-benefits{display:grid;gap:8px}
.plan-benefits span,.payment-steps span{
  display:block;
  border:1px solid rgba(176,199,255,.10);
  background:rgba(255,255,255,.045);
  border-radius:14px;
  padding:10px 12px;
  color:#d8e2f4;
  font-size:.86rem;
}
.addon-options{display:grid;gap:12px}
.addon-option{
  border:1px solid rgba(176,199,255,.12);
  background:rgba(255,255,255,.055);
  border-radius:22px;
  padding:14px;
}
.addon-option.plus{border-color:rgba(88,147,255,.24)}
.addon-option.premium{border-color:rgba(248,200,79,.32);box-shadow:0 0 22px rgba(248,200,79,.10)}
.addon-option-head{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.addon-option-head img{width:28px;height:28px;object-fit:contain}
.addon-option-head strong{color:#fff}
.addon-option p{color:#aebbd2;line-height:1.35;margin:0 0 12px;font-size:.88rem}
.addon-request-btn:disabled{opacity:.45;filter:grayscale(1)}
.addon-disabled-note{display:block;color:#ffd65f;margin-top:12px;line-height:1.35}
.payment-steps{display:grid;gap:8px}
.saas-tabs-wrap{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:5px;padding:8px;margin-bottom:16px;overflow:hidden}
.saas-tab{min-width:0!important;font-size:.72rem!important;border:1px solid rgba(176,199,255,.12);background:rgba(255,255,255,.045);color:#d8e2f4;border-radius:14px;padding:10px 4px;font-weight:900}
.saas-tab.active{color:#071327;background:linear-gradient(180deg,#ffd65f,#d99221)}
.saas-row{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important;overflow:hidden!important}
.saas-main-info{min-width:0}
.saas-main-info strong,.saas-main-info span{display:block;overflow:hidden;text-overflow:ellipsis}
.saas-plan-edit{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}
.saas-plan-edit .danger{grid-column:1/-1}
.saas-small-action.secondary{background:rgba(110,150,255,.14)!important;color:#cfe0ff!important}
.saas-addon-clan{
  display:grid;
  gap:10px;
  margin-bottom:14px;
}
.saas-addon-clan-head{
  border:1px solid rgba(248,200,79,.18);
  background:rgba(248,200,79,.08);
  border-radius:18px;
  padding:12px;
}
.saas-addon-clan-head strong{display:block;color:#fff}
.saas-addon-clan-head span{color:#aebbd2;font-size:.86rem}
.addon-request-row{border-color:rgba(248,200,79,.16)!important}
.saas-pill.plan-plus{background:rgba(167,110,255,.18);color:#b889ff}
.saas-pill.plan-premium{background:rgba(248,200,79,.18);color:#ffd65f}

/* TOPBRS ADDON/PAYMENT FIX 2026-05 */
/* Popup avatar/fundos: cabeçalho sempre visível e rolagem interna no celular */
.avatar-picker-overlay{
  align-items:center!important;
  justify-content:center!important;
  padding:calc(12px + env(safe-area-inset-top)) 14px calc(14px + env(safe-area-inset-bottom))!important;
  background:rgba(2,8,18,.66)!important;
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
}
.avatar-picker-modal{
  width:min(100%,390px)!important;
  max-height:min(82dvh,720px)!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  padding:20px 18px 22px!important;
  border-radius:28px!important;
  transform:translateY(10px)!important;
  scroll-padding-top:72px!important;
}
.avatar-picker-overlay.show .avatar-picker-modal{transform:translateY(0)!important;}
.avatar-picker-modal .modal-close{
  position:sticky!important;
  top:0!important;
  margin-left:auto!important;
  z-index:20!important;
  float:right!important;
  background:rgba(255,255,255,.10)!important;
  backdrop-filter:blur(10px)!important;
}
.avatar-picker-modal .modal-eyebrow,.avatar-picker-modal h2,.avatar-picker-modal p{clear:both;}
.avatar-picker-modal h2{font-size:1.45rem!important;margin-top:2px!important;}
.avatar-picker-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;}
.avatar-choice{height:auto!important;aspect-ratio:1!important;border-radius:20px!important;}
.avatar-choice img{width:82%!important;height:82%!important;object-fit:cover!important;border-radius:16px!important;}
.premium-bg-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:9px!important;}
.premium-bg-choice{height:auto!important;aspect-ratio:1.45/1!important;border-radius:15px!important;background-size:cover!important;background-position:center!important;}
/* Plano/Add-On */
.plan-summary-card-active{position:relative!important;padding-right:72px!important;}
.plan-status-active-icon{
  position:absolute!important;
  right:16px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:48px!important;
  height:48px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 8px 18px rgba(34,197,94,.25))!important;
}
.addon-option-head img{
  width:36px!important;
  height:36px!important;
  padding:4px!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.06)!important;
  border:1px solid rgba(176,199,255,.12)!important;
}
.addon-price-btn{
  height:auto!important;
  min-height:66px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:2px!important;
  line-height:1.1!important;
}
.addon-price-btn span{font-size:1rem!important;font-weight:950!important;}
.addon-price-btn small{font-size:.74rem!important;font-weight:900!important;opacity:.86!important;color:rgba(5,11,22,.78)!important;}
.plan-tab[hidden]{display:none!important;}
.plan-tabs:has(.plan-tab[hidden]){grid-template-columns:repeat(2,1fr)!important;}
.payment-upgrade-flow{display:grid;gap:10px;}
.payment-select-label{
  display:grid;
  gap:8px;
  border:1px solid rgba(176,199,255,.10);
  background:rgba(255,255,255,.045);
  border-radius:16px;
  padding:12px;
  color:#d8e2f4;
  font-weight:850;
}
.payment-select-label span{font-size:.86rem;color:#d8e2f4;}
.payment-plan-select{
  width:100%;
  height:48px;
  border-radius:14px;
  border:1px solid rgba(176,199,255,.14);
  background:rgba(5,11,22,.72);
  color:#fff;
  font-size:.95rem;
  font-weight:900;
  padding:0 12px;
}
.payment-request-btn{height:58px!important;border-radius:18px!important;}
.payment-request-status{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  border:1px solid rgba(176,199,255,.10);
  background:rgba(255,255,255,.045);
  border-radius:16px;
  padding:12px;
  color:#d8e2f4;
  font-weight:850;
}
.payment-request-status img{width:28px;height:28px;object-fit:contain;}
.payment-request-status.pending img{filter:drop-shadow(0 0 12px rgba(248,201,75,.35));}
.payment-request-status.complete{
  border-color:rgba(34,197,94,.22);
  background:rgba(34,197,94,.08);
  color:#79f4ac;
}
.payment-request-status.complete img{filter:drop-shadow(0 0 12px rgba(34,197,94,.35));}
.settings-addon-badge{
  width:28px!important;
  height:28px!important;
  object-fit:contain!important;
  margin-left:8px!important;
  vertical-align:middle!important;
  filter:drop-shadow(0 6px 12px rgba(248,201,75,.22))!important;
}
.saas-main-info small{display:block;color:#aebbd2;margin-top:3px;font-weight:750;line-height:1.2;}
@supports not selector(:has(*)){
  .plan-tabs{grid-template-columns:repeat(3,1fr);}
}

/* ===== FIX AVATAR/BG PICKER GRID 4 COLS + FULL COVER ===== */
.avatar-picker-overlay.show{
  align-items:center!important;
  justify-content:center!important;
}
.avatar-picker-modal{
  width:min(92vw, 390px)!important;
  max-height:82dvh!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding:24px 18px 22px!important;
  box-sizing:border-box!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch!important;
}
.avatar-picker-modal .modal-close,
.avatar-picker-modal #closeAvatarPicker{
  position:sticky!important;
  top:0!important;
  margin-left:auto!important;
  z-index:40!important;
  display:grid!important;
  place-items:center!important;
}
.avatar-picker-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
  align-items:stretch!important;
  width:100%!important;
}
.avatar-choice{
  width:100%!important;
  min-width:0!important;
  height:auto!important;
  aspect-ratio:1/1!important;
  padding:0!important;
  margin:0!important;
  overflow:hidden!important;
  border-radius:18px!important;
  display:block!important;
  position:relative!important;
}
.avatar-choice img{
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:center!important;
  display:block!important;
  border-radius:inherit!important;
}
.premium-bg-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
  align-items:stretch!important;
  width:100%!important;
}
.premium-bg-choice{
  width:100%!important;
  min-width:0!important;
  height:auto!important;
  aspect-ratio:1/1!important;
  padding:0!important;
  margin:0!important;
  overflow:hidden!important;
  border-radius:18px!important;
  background-size:cover!important;
  background-position:center!important;
}
.premium-bg-choice.premium-bg-royal,
.premium-bg-choice.premium-bg-gold,
.premium-bg-choice.premium-bg-blue,
.premium-bg-choice.premium-bg-purple{
  aspect-ratio:1/1!important;
}
@media (max-width:390px){
  .avatar-picker-modal{width:94vw!important;padding-left:14px!important;padding-right:14px!important;}
  .avatar-picker-grid,.premium-bg-grid{gap:8px!important;}
  .avatar-choice,.premium-bg-choice{border-radius:15px!important;}
}


/* ===== TOPBRS PICKER FINAL GRID FIX V5 =====
   Força avatar e fundos em grade 4x4 compacta, como era antes.
   Remove efeito "pílula/coluna" e faz a imagem preencher o card. */
.avatar-picker-overlay.show{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:12px!important;
  box-sizing:border-box!important;
}
.avatar-picker-modal{
  width:min(94vw,390px)!important;
  max-width:390px!important;
  max-height:80dvh!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding:22px 18px 24px!important;
  box-sizing:border-box!important;
  border-radius:28px!important;
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior:contain!important;
}
.avatar-picker-modal .modal-close,
.avatar-picker-modal #closeAvatarPicker{
  position:sticky!important;
  top:0!important;
  margin-left:auto!important;
  z-index:999!important;
  width:56px!important;
  height:56px!important;
  min-width:56px!important;
  min-height:56px!important;
  border-radius:20px!important;
  display:grid!important;
  place-items:center!important;
}
.avatar-picker-modal .modal-eyebrow,
.avatar-picker-modal h2,
.avatar-picker-modal p{
  clear:both!important;
}
.avatar-picker-grid,
.premium-bg-grid{
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  gap:10px!important;
  width:100%!important;
  max-width:100%!important;
  align-items:start!important;
  justify-items:stretch!important;
  grid-auto-flow:row!important;
}
.avatar-choice,
.premium-bg-choice{
  width:100%!important;
  height:clamp(64px,20vw,78px)!important;
  min-height:clamp(64px,20vw,78px)!important;
  max-height:78px!important;
  aspect-ratio:auto!important;
  padding:0!important;
  margin:0!important;
  display:block!important;
  position:relative!important;
  overflow:hidden!important;
  border-radius:18px!important;
  box-sizing:border-box!important;
}
.avatar-choice img{
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  min-width:100%!important;
  min-height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  display:block!important;
  border-radius:inherit!important;
  transform:none!important;
}
.premium-bg-choice{
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
}
.premium-bg-choice.premium-bg-royal,
.premium-bg-choice.premium-bg-gold,
.premium-bg-choice.premium-bg-blue,
.premium-bg-choice.premium-bg-purple{
  height:clamp(64px,20vw,78px)!important;
  min-height:clamp(64px,20vw,78px)!important;
  aspect-ratio:auto!important;
}
.avatar-choice.locked::after,
.premium-bg-choice.locked::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:rgba(5,11,22,.34)!important;
  pointer-events:none!important;
}
.avatar-lock,.badge-lock{
  z-index:3!important;
}
@media (max-width:380px){
  .avatar-picker-modal{width:95vw!important;padding-left:14px!important;padding-right:14px!important;}
  .avatar-picker-grid,.premium-bg-grid{gap:8px!important;}
  .avatar-choice,.premium-bg-choice{
    height:clamp(58px,19vw,72px)!important;
    min-height:clamp(58px,19vw,72px)!important;
    max-height:72px!important;
    border-radius:15px!important;
  }
}

/* ===== TOPBRS PATCH: Add-On/Pagamento + Dashboard glow containment ===== */
.payment-request-status[hidden]{display:none!important}
.addon-request-btn.addon-active-choice{opacity:.62!important;filter:none!important;cursor:not-allowed!important}
.bottom-nav{overflow:visible!important}
.bottom-nav .nav-home,.nav-btn.nav-home{
  overflow:hidden!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.18) inset,0 10px 22px rgba(0,0,0,.34),0 0 14px rgba(248,200,79,.22)!important;
}
.bottom-nav .nav-home::before,.nav-btn.nav-home::before{
  inset:0!important;
  background:radial-gradient(circle, rgba(255,226,112,.32), rgba(248,200,79,.08) 56%, transparent 74%)!important;
  filter:blur(3px)!important;
  z-index:0!important;
}
.bottom-nav .nav-home svg,.nav-btn.nav-home svg,
.bottom-nav .nav-home span,.nav-btn.nav-home span{z-index:2!important}

/* =========================================================
   Painel SaaS Profissional Mobile — v1
   ========================================================= */
body.saas-pro-body{
  min-height:100dvh;
  margin:0;
  overflow:hidden;
  background:
    radial-gradient(circle at 15% 15%, rgba(0,180,255,.22), transparent 28%),
    radial-gradient(circle at 88% 78%, rgba(255,176,32,.16), transparent 30%),
    linear-gradient(180deg,#020712 0%,#07101f 46%,#02040a 100%)!important;
  color:#edf6ff;
}
body.saas-pro-body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-2;
  background:
    linear-gradient(90deg,rgba(0,0,0,.2),rgba(0,0,0,.7) 22%,rgba(0,0,0,.7) 78%,rgba(0,0,0,.2)),
    radial-gradient(circle at 8% 80%,rgba(255,129,22,.26),transparent 20%),
    radial-gradient(circle at 92% 20%,rgba(0,174,255,.18),transparent 22%);
}
body.saas-pro-body::after{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  opacity:.38;
  background:
    linear-gradient(135deg,transparent 0 70%,rgba(27,90,140,.22) 70% 72%,transparent 72%),
    linear-gradient(45deg,transparent 0 76%,rgba(245,171,54,.18) 76% 78%,transparent 78%);
  filter:blur(.2px);
}
.saas-pro-shell{
  min-height:100dvh;
  display:grid;
  place-items:center;
  padding:0;
}
.saas-pro-app{
  width:min(100vw,430px)!important;
  height:100dvh!important;
  border-radius:0!important;
  border:0!important;
  overflow:auto!important;
  padding:calc(env(safe-area-inset-top) + 12px) 12px calc(env(safe-area-inset-bottom) + 88px)!important;
  background:
    linear-gradient(180deg,rgba(4,13,29,.94),rgba(5,12,25,.92)),
    radial-gradient(circle at 50% 0,rgba(0,190,255,.12),transparent 30%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important;
  -webkit-overflow-scrolling:touch;
}
.saas-pro-app [hidden]{display:none!important;}
.saas-pro-header{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
  padding:2px 2px 12px;
  border-bottom:1px solid rgba(143,191,255,.13);
  position:sticky;
  top:0;
  z-index:50;
  background:linear-gradient(180deg,rgba(4,13,29,.98),rgba(4,13,29,.86));
  backdrop-filter:blur(18px);
}
.saas-pro-brand{display:flex;gap:7px;align-items:center;min-width:94px}
.saas-pro-logo{
  width:33px;height:33px;border-radius:11px;display:grid;place-items:center;
  color:#06101f;font-weight:1000;font-size:.78rem;letter-spacing:-.03em;
  background:linear-gradient(180deg,#ffe57e,#d58f17 65%,#87530d);
  box-shadow:0 0 18px rgba(255,193,56,.28), inset 0 1px 0 rgba(255,255,255,.45);
  border:1px solid rgba(255,225,120,.55);
}
.saas-pro-brand strong{display:block;font-size:.86rem;line-height:1;font-weight:1000;letter-spacing:.02em;color:#fff}
.saas-pro-brand span{display:block;font-size:.52rem;font-weight:950;color:#f4be51;letter-spacing:.12em;margin-top:3px}
.saas-pro-titleblock{min-width:0}
.saas-pro-titleblock h1{margin:0;color:#fff;font-size:1.06rem;line-height:1.1;font-weight:1000;letter-spacing:-.025em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.saas-pro-titleblock p{margin:3px 0 0;color:#3ee2ff;font-size:.78rem;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.saas-pro-head-actions{display:flex;gap:6px;align-items:center}
.saas-icon-btn,.saas-avatar-btn{
  width:36px;height:36px;border-radius:14px;border:1px solid rgba(158,203,255,.16);
  background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.035));
  color:#e8f4ff;font-weight:950;display:grid;place-items:center;position:relative;
  box-shadow:0 10px 28px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.07);
}
.saas-avatar-btn{border-color:rgba(197,126,255,.42);background:radial-gradient(circle at 50% 35%,rgba(255,210,117,.36),rgba(101,50,180,.16) 60%,rgba(255,255,255,.04));}
.saas-icon-btn.has-badge span{
  position:absolute;right:-4px;top:-5px;min-width:17px;height:17px;border-radius:999px;
  display:grid;place-items:center;background:#f7ad22;color:#06101f;font-size:.62rem;font-weight:1000;
  box-shadow:0 0 14px rgba(255,184,45,.5);
}
.saas-pro-command{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:9px;padding:9px!important;margin:12px 0!important;border-radius:20px!important;background:rgba(255,255,255,.04)!important}
.saas-pro-search{display:flex;align-items:center;gap:8px;min-width:0;border:1px solid rgba(143,191,255,.16);border-radius:16px;background:rgba(0,0,0,.18);padding:0 10px;color:#87dfff}
.saas-pro-search input{min-width:0;width:100%;height:40px;border:0;outline:0;background:transparent;color:#eaf6ff;font-weight:800;font-size:.82rem}
.saas-pro-search input::placeholder{color:#74849b}
.saas-pro-primary{
  min-height:40px;border:1px solid rgba(255,216,106,.55);border-radius:16px;padding:0 12px;
  background:linear-gradient(180deg,#ffe072,#d48d17);color:#06101f;font-weight:1000;font-size:.78rem;
  box-shadow:0 0 22px rgba(255,185,49,.24), inset 0 1px 0 rgba(255,255,255,.45);
}
.saas-pro-tabs{
  display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:4px -12px 12px;padding:0 12px 2px;
}
.saas-pro-tabs::-webkit-scrollbar{display:none}
.saas-pro-tab{
  flex:0 0 auto;display:flex;align-items:center;gap:6px;height:38px;border-radius:999px;padding:0 13px;
  border:1px solid rgba(143,191,255,.15);background:rgba(255,255,255,.045);color:#cbd8ed;font-weight:950;font-size:.79rem;
}
.saas-pro-tab.active{
  color:#eaffff;border-color:rgba(0,222,255,.55);background:linear-gradient(180deg,rgba(0,169,255,.28),rgba(0,94,170,.16));
  box-shadow:0 0 22px rgba(0,178,255,.22), inset 0 1px 0 rgba(255,255,255,.12);
}
.saas-pro-tab span{color:#6ee8ff}
.saas-pro-filters{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:0 0 12px!important;padding:8px!important;border-radius:18px!important;background:rgba(255,255,255,.035)!important;
}
.saas-pro-filters select,.saas-inline-actions select,.saas-manual-form select,.saas-manual-form input{
  min-width:0;width:100%;border:1px solid rgba(143,191,255,.16);border-radius:13px;background:rgba(3,10,22,.74);color:#dbe8ff;font-weight:850;font-size:.72rem;padding:10px 8px;outline:0;
}
.saas-pro-view{display:grid;gap:12px;animation:saasFadeIn .2s ease both}
@keyframes saasFadeIn{from{opacity:.3;transform:translateY(4px)}to{opacity:1;transform:none}}
.saas-kpi-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.saas-kpi-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}
.saas-kpi-grid.tiny{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:10px}
.saas-kpi{
  min-height:87px;border-radius:19px;border:1px solid rgba(143,191,255,.14);padding:12px;
  display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;align-items:center;
  background:linear-gradient(180deg,rgba(255,255,255,.072),rgba(255,255,255,.033));
  box-shadow:0 16px 32px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.07);overflow:hidden;position:relative;
}
.saas-kpi::after{content:"";position:absolute;inset:auto -24px -34px auto;width:92px;height:92px;border-radius:50%;opacity:.18;filter:blur(8px);background:var(--glow,#42caff)}
.saas-kpi>span{width:38px;height:38px;border-radius:15px;display:grid;place-items:center;font-size:1rem;font-weight:1000;background:rgba(0,0,0,.22);border:1px solid currentColor;box-shadow:0 0 18px color-mix(in srgb,currentColor 35%, transparent)}
.saas-kpi small{display:block;color:#d8e4f7;font-weight:900;font-size:.72rem;line-height:1.12}
.saas-kpi strong{display:block;color:#fff;font-size:1.28rem;line-height:1.05;margin-top:6px;font-weight:1000;letter-spacing:-.03em}
.saas-kpi em{display:block;color:#5eff9f;font-style:normal;font-weight:900;font-size:.66rem;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.saas-kpi.blue{color:#37b9ff;--glow:#35baff}.saas-kpi.green{color:#5cf06f;--glow:#47e866}.saas-kpi.purple{color:#ad6cff;--glow:#ad6cff}.saas-kpi.gold{color:#ffc542;--glow:#ffc542}.saas-kpi.teal{color:#3effd0;--glow:#3effd0}.saas-kpi.red{color:#ff615d;--glow:#ff615d}.saas-kpi.red em{color:#ff6c68}
.saas-chart,.saas-pro-card{
  border-radius:22px;border:1px solid rgba(143,191,255,.16);background:linear-gradient(180deg,rgba(7,21,43,.82),rgba(5,13,28,.74));
  box-shadow:0 18px 40px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.06);overflow:hidden;
}
.saas-chart{padding:13px 12px 10px}
.saas-chart-top,.saas-section-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}
.saas-chart-top strong,.saas-section-head h2{margin:0;color:#fff;font-size:.98rem;font-weight:1000;letter-spacing:-.01em}
.saas-chart-top span{border:1px solid rgba(143,191,255,.14);border-radius:999px;padding:7px 9px;color:#bfcce2;font-weight:850;font-size:.7rem;background:rgba(255,255,255,.04)}
.saas-chart svg{width:100%;height:146px;display:block;overflow:visible}
.saas-chart .grid{stroke:rgba(174,206,255,.1);stroke-width:.35;vector-effect:non-scaling-stroke}
.saas-chart .line{fill:none;stroke-width:1.7;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 2px currentColor)}
.saas-chart .revenue{stroke:#28bfff;color:#28bfff}.saas-chart .releases{stroke:#b26bff;color:#b26bff}
.saas-chart-legend{display:flex;justify-content:center;gap:10px;align-items:center;color:#b7c7dd;font-size:.68rem;font-weight:850}.saas-chart-legend .dot{width:8px;height:8px;border-radius:50%;display:inline-block}.saas-chart-legend .dot.revenue{background:#28bfff}.saas-chart-legend .dot.releases{background:#b26bff}
.saas-pro-card{padding:12px}
.saas-pro-empty{border:1px dashed rgba(143,191,255,.18);border-radius:16px;padding:16px;color:#91a3bb;text-align:center;font-weight:850;background:rgba(255,255,255,.025)}
.saas-mini-pills,.saas-quick-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.saas-mini-pills span,.saas-quick-actions button{
  border:1px solid rgba(143,191,255,.14);background:rgba(255,255,255,.045);border-radius:16px;padding:10px;color:#dce9ff;font-size:.75rem;font-weight:900;
}
.saas-mini-pills b{display:block;color:#fff;font-size:1.08rem;margin-top:4px}.saas-quick-actions button{min-height:54px;color:#f0f7ff}.saas-quick-actions button.danger{border-color:rgba(255,90,90,.25);color:#ff928e;background:rgba(255,60,60,.08)}
.saas-two-col{display:grid;grid-template-columns:1fr;gap:12px}
.saas-pro-table,.saas-addon-grid,.saas-request-list,.saas-clan-cards{display:grid;gap:8px}
.saas-pro-row,.saas-request-item,.saas-clan-card,.saas-selected-panel{
  display:grid;grid-template-columns:auto minmax(0,1fr);gap:9px;align-items:center;border:1px solid rgba(143,191,255,.13);
  border-radius:18px;padding:10px;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.023));
}
.saas-pro-row{grid-template-columns:auto minmax(0,1.2fr) auto;align-items:center}
.saas-pro-row.addon{grid-template-columns:auto minmax(0,1fr);align-items:start}
.saas-pro-emblem{width:42px;height:42px;border-radius:15px;display:grid;place-items:center;color:#06101f;font-weight:1000;font-size:.72rem;border:1px solid rgba(255,255,255,.2);background:linear-gradient(180deg,#60d8ff,#1c69d5);box-shadow:0 0 20px rgba(40,170,255,.22)}
.saas-pro-emblem.plan-premium{background:linear-gradient(180deg,#ffe37a,#bd7914);box-shadow:0 0 22px rgba(255,194,49,.25)}
.saas-pro-emblem.plan-plus{background:linear-gradient(180deg,#bf84ff,#5e2ebb);box-shadow:0 0 20px rgba(170,93,255,.25);color:#fff}
.saas-pro-emblem.plan-trial{background:linear-gradient(180deg,#70ff9c,#228342)}
.saas-pro-emblem.plan-basic{background:linear-gradient(180deg,#d5e4ff,#76869b)}
.saas-pro-row .main,.saas-request-item .main,.saas-clan-card .main,.saas-selected-panel .main{min-width:0}.main strong,.saas-clan-card strong{display:block;color:#fff;font-weight:1000;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main span,.saas-clan-card span,.muted{display:block;color:#9eb0c7;font-size:.72rem;font-weight:800;line-height:1.25}.muted small{display:block;color:#6f829c;margin-top:2px}
.saas-pro-badge,.saas-pro-status{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:5px 8px;font-size:.67rem;font-weight:1000;white-space:nowrap;border:1px solid rgba(255,255,255,.13);margin-top:4px}.saas-pro-badge.plan-premium{background:rgba(255,196,52,.14);color:#ffd663;border-color:rgba(255,196,52,.35)}.saas-pro-badge.plan-plus{background:rgba(161,101,255,.14);color:#c08bff;border-color:rgba(161,101,255,.3)}.saas-pro-badge.plan-trial{background:rgba(82,222,110,.13);color:#76ff96;border-color:rgba(82,222,110,.28)}.saas-pro-badge.plan-basic,.saas-pro-badge.plan-pro{background:rgba(76,175,255,.12);color:#7fd4ff;border-color:rgba(76,175,255,.25)}
.saas-pro-status{margin:0;background:rgba(255,185,55,.12);color:#ffc95c;border-color:rgba(255,185,55,.3)}.saas-pro-status.ok{background:rgba(70,232,109,.12);color:#75ff9b;border-color:rgba(70,232,109,.28)}.saas-pro-status.info{background:rgba(59,189,255,.13);color:#67d7ff;border-color:rgba(59,189,255,.28)}.saas-pro-status.danger{background:rgba(255,84,84,.12);color:#ff8a84;border-color:rgba(255,84,84,.28)}
.saas-inline-actions{grid-column:1/-1;display:flex;gap:7px;flex-wrap:wrap;align-items:center}.saas-inline-actions.compact{grid-column:auto}.saas-inline-actions button,.saas-request-item button,.saas-clan-actions button{
  border:1px solid rgba(45,236,142,.22);background:rgba(42,210,108,.12);color:#81ff9c;border-radius:12px;padding:8px 10px;font-weight:1000;font-size:.7rem;
}.saas-inline-actions button.danger,.saas-request-item button.danger{border-color:rgba(255,86,86,.28);background:rgba(255,50,50,.1);color:#ff8e89}.saas-inline-actions button.secondary{border-color:rgba(90,178,255,.25);background:rgba(47,148,255,.1);color:#8ed4ff}
.saas-request-item{grid-template-columns:auto minmax(0,1fr) auto;gap:9px}.saas-request-item button{grid-column:auto}.saas-request-item button.danger{display:none}
.saas-clan-card{display:block}.saas-clan-main{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center}.saas-clan-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:11px;padding-top:10px;border-top:1px solid rgba(143,191,255,.1)}.saas-clan-meta span{font-size:.68rem;color:#8fa1b8;font-weight:850}.saas-clan-meta b{display:block;color:#fff;font-size:.76rem;margin-top:2px}.saas-clan-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:11px}.saas-clan-actions button{color:#95dbff;border-color:rgba(54,191,255,.2);background:rgba(36,150,255,.08)}
.saas-selected-panel.large,.saas-clan-selected{display:block}.saas-selected-panel{grid-template-columns:auto minmax(0,1fr);box-shadow:0 0 0 1px rgba(0,201,255,.15), 0 0 28px rgba(0,170,255,.12)}.saas-selected-panel>div:not(.main):not(.saas-inline-actions){margin-top:9px}.saas-selected-panel .saas-inline-actions{margin-top:10px}
.saas-request-tabs{display:flex;gap:7px;overflow-x:auto;margin:-2px -12px 0;padding:0 12px 2px;scrollbar-width:none}.saas-request-tabs span{flex:0 0 auto;border:1px solid rgba(143,191,255,.15);border-radius:999px;padding:9px 11px;background:rgba(255,255,255,.04);color:#cad8ed;font-weight:900;font-size:.73rem}.saas-request-tabs span:first-child{color:#eaffff;border-color:rgba(0,222,255,.5);background:rgba(0,160,255,.16)}
.saas-finance-lines{display:grid;gap:8px}.saas-finance-lines span{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid rgba(143,191,255,.1);padding-bottom:7px;color:#95a9c3;font-size:.76rem;font-weight:850}.saas-finance-lines b{color:#fff;text-align:right}.saas-manual-form{display:grid;grid-template-columns:1fr;gap:9px;margin-bottom:10px}.saas-manual-form label{display:grid;gap:5px;color:#dce8fb;font-size:.75rem;font-weight:900}
.saas-funnel{display:grid;gap:8px}.saas-funnel span{position:relative;display:flex;justify-content:space-between;border-radius:13px;padding:9px;background:rgba(255,255,255,.04);overflow:hidden;color:#dce8ff;font-weight:900;font-size:.74rem}.saas-funnel span::before{content:"";position:absolute;inset:0 auto 0 0;width:var(--w);background:linear-gradient(90deg,rgba(0,190,255,.22),rgba(100,255,120,.12));z-index:0}.saas-funnel span>*{position:relative;z-index:1}
.saas-history-list{display:grid;gap:0}.saas-history-list article{display:grid;grid-template-columns:14px minmax(0,1fr) auto;gap:9px;padding:9px 0;border-bottom:1px solid rgba(143,191,255,.09);align-items:start}.saas-history-list article:last-child{border-bottom:0}.saas-history-list .dot{width:9px;height:9px;border-radius:50%;margin-top:4px;background:#42caff;box-shadow:0 0 12px currentColor}.saas-history-list .dot.purple{background:#b66bff}.saas-history-list .dot.blue{background:#37bfff}.saas-history-list .dot.green{background:#53ec75}.saas-history-list .dot.gold{background:#ffc34d}.saas-history-list .dot.teal{background:#3effd0}.saas-history-list strong{display:block;color:#fff;font-size:.8rem}.saas-history-list small{display:block;color:#8fa1ba;font-size:.7rem;margin-top:2px}.saas-history-list em{color:#8ea2bc;font-style:normal;font-size:.66rem;text-align:right;line-height:1.25}
.saas-pro-logout{margin-top:14px!important;width:100%;border-radius:17px!important;background:rgba(255,67,67,.08)!important;color:#ffb5b5!important;border:1px solid rgba(255,86,86,.22)!important}
.saas-release-overlay{position:fixed;inset:0;z-index:1200;display:grid;place-items:end center;padding:16px 12px max(16px,env(safe-area-inset-bottom));background:rgba(2,8,18,.62);backdrop-filter:blur(14px);opacity:0;pointer-events:none;transition:opacity .22s ease}.saas-release-overlay.show{opacity:1;pointer-events:auto}.saas-pro-release{width:min(100%,430px)!important;max-height:88dvh;overflow:auto;position:relative;padding:22px 18px 18px!important;border-radius:28px 28px 22px 22px!important}.saas-pro-release h2{margin:3px 0 6px;color:#fff}.saas-pro-modal-note{margin:0 0 12px;color:#9eacc2;font-weight:800;font-size:.82rem}.saas-pro-release .gold-btn{width:100%;margin-top:8px}.modal-close{position:absolute;right:14px;top:12px;width:34px;height:34px;border-radius:13px;border:1px solid rgba(255,255,255,.15);background:rgba(0,0,0,.22);color:#fff;font-size:1.2rem}
@media (min-width:760px){.saas-pro-app{width:min(96vw,1180px)!important;border-radius:30px!important;height:min(96dvh,920px)!important;padding:22px 24px 96px!important;border:1px solid rgba(143,191,255,.16)!important}.saas-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.saas-kpi-grid.compact{grid-template-columns:repeat(4,minmax(0,1fr))}.saas-two-col{grid-template-columns:1fr 1fr}.saas-pro-row.addon{grid-template-columns:auto minmax(0,1fr) 110px 110px 110px 120px}.saas-pro-row{grid-template-columns:auto minmax(0,1fr) auto auto auto}.saas-request-item{grid-template-columns:auto minmax(0,1fr) auto auto}.saas-request-item button.danger{display:inline-flex}.saas-manual-form{grid-template-columns:repeat(3,1fr)}.saas-pro-shell{padding:20px}.saas-pro-header{top:-22px}.saas-clan-meta{grid-template-columns:repeat(4,1fr)}}
@media (max-width:370px){.saas-pro-app{padding-left:9px!important;padding-right:9px!important}.saas-kpi{grid-template-columns:32px minmax(0,1fr);padding:10px}.saas-kpi>span{width:32px;height:32px}.saas-kpi strong{font-size:1.08rem}.saas-pro-brand{min-width:78px}.saas-pro-brand strong{font-size:.78rem}.saas-pro-titleblock h1{font-size:.94rem}.saas-pro-filters{grid-template-columns:1fr}.saas-clan-meta{grid-template-columns:1fr}.saas-quick-actions,.saas-mini-pills{grid-template-columns:1fr}}

/* ===== SaaS Dashboard Refinamento v2 ===== */
.saas-pro-app{
  scroll-padding-top: 94px;
  background:
    radial-gradient(circle at 12% 8%,rgba(255,198,74,.08),transparent 26%),
    radial-gradient(circle at 88% 0%,rgba(0,203,255,.10),transparent 28%),
    linear-gradient(180deg,rgba(3,10,23,.98),rgba(4,10,22,.96))!important;
}
.saas-pro-header{
  grid-template-columns:auto minmax(0,1fr) auto!important;
  gap:8px!important;
  padding:6px 2px 12px!important;
  background:#050d1b!important;
  box-shadow:0 14px 24px rgba(0,0,0,.34), inset 0 -1px 0 rgba(143,191,255,.12)!important;
  backdrop-filter:none!important;
}
.saas-pro-brand{min-width:76px!important;gap:6px!important}
.saas-pro-logo{width:34px!important;height:34px!important;border-radius:12px!important;font-size:.72rem!important}
.saas-pro-brand strong{font-size:.74rem!important;letter-spacing:.05em!important}
.saas-pro-brand span{font-size:.46rem!important;letter-spacing:.14em!important}
.saas-pro-titleblock h1{font-size:.98rem!important;max-width:100%;letter-spacing:-.03em!important}
.saas-pro-titleblock p{font-size:.72rem!important;color:#52e2ff!important}
.saas-pro-head-actions{gap:5px!important}
.saas-icon-btn,.saas-avatar-btn{width:34px!important;height:34px!important;border-radius:13px!important;font-size:.78rem!important}
.saas-pro-command{
  grid-template-columns:minmax(0,1fr) auto!important;
  margin:10px 0 12px!important;
  padding:7px!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.028)!important;
  border:1px solid rgba(143,191,255,.10)!important;
}
.saas-pro-command.dashboard-command .saas-pro-search{max-width:none}
.saas-pro-search{height:38px;border-radius:14px!important;overflow:hidden}
.saas-pro-search input{height:38px!important;font-size:.76rem!important}
.saas-pro-primary{height:38px;min-height:38px!important;border-radius:14px!important;padding:0 12px!important;font-size:.73rem!important;white-space:nowrap!important}
.saas-pro-tabs{margin:2px -12px 12px!important;padding:0 12px 5px!important;gap:7px!important}
.saas-pro-tab{height:36px!important;padding:0 12px!important;font-size:.74rem!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.saas-pro-tab.active{box-shadow:0 0 18px rgba(0,178,255,.18), inset 0 1px 0 rgba(255,255,255,.10)!important}
.saas-pro-filters[hidden]{display:none!important}
.saas-pro-filters{margin-top:-4px!important}
#saasPageDashboard{gap:10px!important}
#saasPageDashboard .saas-kpi-grid{gap:8px!important}
.saas-kpi{
  min-height:76px!important;
  border-radius:18px!important;
  padding:10px!important;
  grid-template-columns:34px minmax(0,1fr)!important;
  gap:9px!important;
  background:
    linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.026)),
    radial-gradient(circle at 100% 100%,color-mix(in srgb,var(--glow,#42caff) 24%,transparent),transparent 55%)!important;
  border-color:rgba(143,191,255,.16)!important;
}
.saas-kpi.wide{grid-column:1/-1!important;min-height:68px!important}
.saas-kpi>span{width:34px!important;height:34px!important;border-radius:14px!important;font-size:.88rem!important}
.saas-kpi small{font-size:.66rem!important;line-height:1.08!important;letter-spacing:-.01em!important}
.saas-kpi strong{font-size:1.16rem!important;margin-top:4px!important;line-height:1!important}
.saas-kpi em{font-size:.61rem!important;margin-top:4px!important;letter-spacing:-.01em!important}
.saas-chart,.saas-pro-card{border-radius:21px!important;background:linear-gradient(180deg,rgba(7,20,41,.88),rgba(5,13,28,.78))!important}
.saas-chart-refined{padding:12px 12px 11px!important}
.saas-chart-top{margin-bottom:6px!important}
.saas-chart-top strong,.saas-section-head h2{font-size:.92rem!important;line-height:1.15!important}
.saas-chart-top span{font-size:.64rem!important;padding:6px 8px!important}
.saas-chart-refined .saas-chart-legend{justify-content:flex-start!important;margin:2px 0 5px!important;font-size:.62rem!important;gap:8px!important;padding-left:2px}
.saas-chart svg{height:112px!important;margin-top:4px!important}
.saas-chart .line{stroke-width:1.35!important}
.saas-chart-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:8px}
.saas-chart-metrics span{border:1px solid rgba(143,191,255,.12);border-radius:13px;background:rgba(255,255,255,.035);padding:7px;color:#91a5be;font-size:.58rem;font-weight:850;line-height:1.15}
.saas-chart-metrics b{display:block;color:#fff;font-size:.72rem;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.saas-pro-card{padding:11px!important}
.saas-mini-pills.refined{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px!important}
.saas-mini-pills.refined span{display:grid;grid-template-columns:26px minmax(0,1fr);column-gap:7px;align-items:center;min-height:52px;padding:8px!important;border-radius:15px!important;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025))!important}
.saas-mini-pills.refined i{grid-row:1/3;width:26px;height:26px;border-radius:10px;display:grid;place-items:center;background:rgba(0,0,0,.22);border:1px solid rgba(143,191,255,.14);font-style:normal;color:#6ee8ff;font-size:.72rem}
.saas-mini-pills.refined b{font-size:1rem!important;margin:1px 0 0!important}
.saas-pro-row.addon{
  grid-template-columns:auto minmax(0,1fr)!important;
  gap:10px!important;
  padding:10px!important;
}
.saas-pro-row.addon > div:not(.main):not(.saas-inline-actions){
  grid-column:1 / -1;
  display:grid;
  grid-template-columns:86px minmax(0,1fr);
  gap:8px;
  align-items:center;
  padding:5px 0 0;
  border-top:1px solid rgba(143,191,255,.08);
}
.saas-pro-row.addon > div small{color:#8ea2bc;font-weight:900;font-size:.66rem;text-transform:none}
.saas-inline-actions.compact{grid-column:1/-1!important;justify-content:flex-start!important;margin-top:3px}
.saas-inline-actions button,.saas-request-item button,.saas-clan-actions button{min-height:34px;border-radius:12px!important;padding:8px 11px!important;font-size:.69rem!important}
.saas-clan-card{padding:11px!important;overflow:hidden}
.saas-clan-main{grid-template-columns:auto minmax(0,1fr) auto!important}
.saas-clan-meta{grid-template-columns:1fr 1fr!important;gap:9px 10px!important}
.saas-clan-meta span,.saas-clan-meta b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.saas-clan-meta b{max-width:100%;font-size:.72rem!important}
.saas-clan-actions button{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.saas-request-item{border-radius:17px!important;padding:10px!important;grid-template-columns:auto minmax(0,1fr) auto!important}
.saas-request-item .danger{display:none!important}
.saas-finance-lines span{font-size:.72rem!important;align-items:flex-start}
.saas-finance-lines b{max-width:54%;overflow:hidden;text-overflow:ellipsis}
.saas-history-list strong{font-size:.76rem!important}.saas-history-list small{font-size:.66rem!important}.saas-history-list em{font-size:.62rem!important}
.saas-quick-actions{gap:8px!important}.saas-quick-actions button{min-height:48px!important;border-radius:16px!important;font-size:.72rem!important}
.saas-pro-logout{
  min-height:46px!important;
  margin:12px 0 4px!important;
  font-size:.86rem!important;
  background:rgba(255,67,67,.055)!important;
  color:#ff9d9d!important;
  border-color:rgba(255,86,86,.18)!important;
}
@media (max-width:370px){
  .saas-pro-brand strong,.saas-pro-brand span{display:none!important}
  .saas-pro-brand{min-width:36px!important}
  .saas-pro-command{grid-template-columns:1fr!important}
  .saas-pro-primary{width:100%!important}
  .saas-chart-metrics{grid-template-columns:1fr!important}
}

/* ===== SaaS Dashboard Ajuste fino v3 ===== */
.saas-pro-head-actions{margin-left:auto!important}
.saas-pro-header{grid-template-columns:auto minmax(0,1fr) auto!important}
.saas-chart-top{align-items:flex-start!important}
.saas-chart-period{display:block;position:relative;min-width:112px;flex:0 0 auto}
.saas-chart-period select{
  appearance:none;-webkit-appearance:none;width:100%;height:34px;border-radius:999px;
  border:1px solid rgba(143,191,255,.16);background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.035));
  color:#c9d8ec;font-weight:950;font-size:.68rem;padding:0 24px 0 10px;outline:0;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
}
.saas-chart-period::after{content:"⌄";position:absolute;right:9px;top:7px;color:#8ca6c4;font-size:.78rem;pointer-events:none}
.saas-chart-plot{position:relative;margin-top:2px;overflow:hidden;border-radius:14px;background:linear-gradient(180deg,rgba(0,0,0,.06),rgba(255,255,255,.012))}
.saas-chart-yaxis{position:absolute;left:0;top:7px;bottom:9px;width:38px;display:flex;flex-direction:column;justify-content:space-between;z-index:2;pointer-events:none}
.saas-chart-yaxis span{font-size:.54rem;font-weight:950;color:#7f96b3;text-align:left;letter-spacing:-.02em;text-shadow:0 1px 2px rgba(0,0,0,.8)}
.saas-chart-refined svg{height:134px!important;margin-top:0!important;display:block!important}
.saas-chart-refined .grid{stroke:rgba(174,206,255,.095)!important;stroke-width:.28!important}
.saas-chart-refined .line{stroke-width:1.25!important;stroke-linejoin:round;stroke-linecap:round}
.saas-chart-metrics{position:relative;z-index:3;margin-top:7px!important}
.saas-chart-metrics span{backdrop-filter:blur(10px);background:rgba(13,25,48,.72)!important}
@media (max-width:370px){.saas-chart-period{min-width:104px}.saas-chart-period select{font-size:.62rem;padding-left:8px}.saas-chart-yaxis{width:34px}.saas-chart-yaxis span{font-size:.5rem}}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

/* ===== SaaS Dashboard Ajuste fino v4 ===== */
.saas-pro-titleblock{
  text-align:center!important;
  align-self:center!important;
}
.saas-pro-titleblock p{display:none!important}
.saas-pro-titleblock h1{
  font-size:1.06rem!important;
  line-height:1.05!important;
  white-space:nowrap!important;
  text-align:center!important;
}
.saas-pro-header{
  min-height:54px!important;
}
.saas-pro-tabs{
  scroll-snap-type:x proximity;
}
.saas-pro-tab{
  scroll-snap-align:center;
}
.saas-section-head{
  min-height:32px;
}
.saas-collapse-btn{
  width:32px!important;
  height:32px!important;
  min-width:32px!important;
  border-radius:12px!important;
  border:1px solid rgba(143,191,255,.16)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.035))!important;
  color:#eaf6ff!important;
  font-size:1.35rem!important;
  line-height:1!important;
  font-weight:1000!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  box-shadow:0 10px 22px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.06)!important;
  transition:transform .18s ease, border-color .18s ease, color .18s ease;
}
.saas-pro-card.collapsed .saas-collapse-btn{
  transform:rotate(-90deg);
  color:#7fdfff!important;
  border-color:rgba(46,204,255,.36)!important;
}
.saas-section-body{
  display:block;
}
.saas-pro-card.collapsed .saas-section-body{
  display:none!important;
}
.saas-pro-card.collapsed{
  padding-bottom:8px!important;
}
.saas-pro-emblem.has-img,
.saas-profile-avatar.has-img{
  background:rgba(255,255,255,.045)!important;
  color:transparent!important;
  padding:4px!important;
  overflow:hidden!important;
}
.saas-pro-emblem.has-img img,
.saas-profile-avatar.has-img img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  display:block!important;
  border-radius:inherit!important;
}
.saas-profile-avatar.has-img img{
  object-fit:cover!important;
}
.saas-profile-avatar{
  border-radius:16px!important;
}
.saas-pro-row.addon .saas-profile-avatar{
  width:48px!important;
  height:48px!important;
}
.saas-clan-card .saas-pro-emblem.has-img,
.saas-clan-selected .saas-pro-emblem.has-img,
.saas-pro-row .saas-pro-emblem.has-img{
  box-shadow:0 0 20px rgba(46,204,255,.16), inset 0 1px 0 rgba(255,255,255,.08)!important;
}
#saasPageDashboard .saas-section-head h2{
  padding-right:4px;
}
#saasPageDashboard .saas-pro-card.is-collapsible{
  overflow:hidden!important;
}
@media (max-width:370px){
  .saas-pro-titleblock h1{font-size:.96rem!important}
  .saas-collapse-btn{width:30px!important;height:30px!important;min-width:30px!important}
}

/* ===== SaaS Assinaturas Refinamento v1 ===== */
#saasPageSubscriptions .saas-pro-card.is-collapsible,
#saasPageSubscriptions .saas-pro-card{
  overflow:hidden!important;
}
.saas-pro-filters.subscription-filters{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:7px!important;
  padding:8px!important;
  border-radius:18px!important;
}
.saas-pro-filters.subscription-filters select{
  height:38px!important;
  min-width:0!important;
  font-size:.72rem!important;
  padding:0 24px 0 10px!important;
  border-radius:14px!important;
  text-overflow:ellipsis!important;
}
#saasPageSubscriptions .subscriptions-summary{gap:8px!important}
#saasPageSubscriptions .subscriptions-summary .saas-kpi{
  min-height:72px!important;
  border-radius:18px!important;
}
#saasPageSubscriptions .subscriptions-summary .saas-kpi.wide{grid-column:1/-1!important;min-height:66px!important}
#saasPageSubscriptions .subscriptions-summary .saas-kpi small{font-size:.66rem!important;line-height:1.08!important}
#saasPageSubscriptions .subscriptions-summary .saas-kpi strong{font-size:1.12rem!important}
.refined-subscriptions{gap:10px!important}
.saas-sub-card{
  position:relative;
  display:grid;
  gap:10px;
  padding:12px!important;
  border-radius:20px;
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));
  border:1px solid rgba(143,191,255,.14);
  box-shadow:0 14px 30px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.045);
  overflow:hidden;
}
.saas-sub-card::before{
  content:"";
  position:absolute;
  inset:auto -20% -42% 35%;
  height:90px;
  background:radial-gradient(circle,rgba(54,206,255,.13),transparent 65%);
  pointer-events:none;
}
.saas-sub-main{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:10px;
  align-items:start;
}
.saas-sub-main .main strong{font-size:.93rem!important;letter-spacing:-.02em}
.truncate-line{display:block;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.saas-sub-badges{display:flex;flex-direction:column;align-items:flex-end;gap:5px;min-width:72px}
.saas-sub-meta{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  padding-top:8px;
  border-top:1px solid rgba(143,191,255,.09);
}
.saas-sub-meta span,
.saas-sub-details div{
  min-width:0;
  padding:7px 8px;
  border-radius:13px;
  background:rgba(1,9,20,.22);
  border:1px solid rgba(143,191,255,.07);
}
.saas-sub-meta small,
.saas-sub-details small,
.saas-sub-change label{
  display:block;color:#879bb5;font-size:.58rem;font-weight:950;text-transform:uppercase;letter-spacing:.04em;margin-bottom:3px
}
.saas-sub-meta b,.saas-sub-details b{display:block;color:#eaf6ff;font-size:.73rem;font-weight:950;line-height:1.18}
.saas-sub-meta em{display:block;color:#7fffa3;font-size:.62rem;font-style:normal;font-weight:900;margin-top:2px}
.saas-sub-change{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:80px minmax(0,1fr);
  gap:8px;
  align-items:center;
}
.saas-sub-change label{margin:0;color:#9aadca}
.saas-sub-change select{
  min-width:0;
  width:100%;
  height:38px;
  border-radius:14px;
  border:1px solid rgba(143,191,255,.12);
  background:rgba(0,0,0,.18);
  color:#eaf6ff;
  font-weight:950;
  padding:0 12px;
  outline:0;
}
.saas-sub-details{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  padding-top:8px;
  border-top:1px solid rgba(143,191,255,.09);
}
.saas-sub-details[hidden]{display:none!important}
.saas-sub-card.expanded{border-color:rgba(46,204,255,.32);box-shadow:0 0 24px rgba(46,204,255,.10), inset 0 1px 0 rgba(255,255,255,.06)}
.saas-sub-actions{
  position:relative;
  z-index:1;
  display:flex!important;
  justify-content:flex-start!important;
  flex-wrap:wrap;
  gap:8px!important;
  margin-top:0!important;
}
.saas-sub-actions button{min-width:88px!important}
.saas-inline-actions .secondary,
.saas-sub-actions .secondary{
  color:#a9dfff!important;
  border-color:rgba(82,198,255,.22)!important;
  background:rgba(61,177,255,.08)!important;
}
#saasPageSubscriptions .saas-clan-card .saas-clan-meta b,
#saasPageSubscriptions .saas-clan-card .main span,
#saasPageSubscriptions .saas-clan-card strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (max-width:370px){
  .saas-pro-filters.subscription-filters{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .saas-sub-main{grid-template-columns:auto minmax(0,1fr)}
  .saas-sub-badges{grid-column:1/-1;flex-direction:row;align-items:center}
  .saas-sub-meta,.saas-sub-details{grid-template-columns:1fr}
  .saas-sub-change{grid-template-columns:1fr}
}

/* ===== SaaS Arquivados + dados reais v1 ===== */
.saas-sub-card.archived{border-color:rgba(255,197,66,.18);background:linear-gradient(180deg,rgba(255,197,66,.055),rgba(255,255,255,.025))}
.saas-sub-card.archived::after{content:"Arquivado";position:absolute;right:12px;top:12px;border:1px solid rgba(255,197,66,.3);border-radius:999px;padding:4px 8px;color:#ffd66d;background:rgba(255,197,66,.08);font-size:.62rem;font-weight:1000;letter-spacing:.02em}
#saasPageArchives .saas-sub-badges{padding-right:72px}
#saasPageArchives .saas-sub-change{display:none!important}
#saasPageArchives .saas-sub-actions button{min-width:112px!important}
.saas-clan-meta span:nth-child(5){grid-column:1/-1}
.saas-pro-filters select option{background:#081326;color:#eaf6ff}
@media (max-width:430px){
  .saas-clan-meta{grid-template-columns:1fr 1fr!important}
  .saas-clan-meta span:nth-child(5){grid-column:1/-1}
}

/* ===== SaaS Add-Ons Refinamento v1 ===== */
#saasPageAddons .saas-kpi.clickable{
  cursor:pointer;
  grid-column:1/-1!important;
  min-height:68px!important;
  touch-action:manipulation;
}
#saasPageAddons .saas-kpi.clickable:active{transform:scale(.985)}
#saasPageAddons .saas-pro-row.addon{
  align-items:start!important;
}
#saasPageAddons .saas-pro-row.addon .main strong,
.saas-rejected-addon-item .main strong{
  max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.addon-selected-refined{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:14px!important;
  padding:14px!important;
}
.saas-selected-top{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center}
.saas-selected-lines{display:grid;gap:8px}
.saas-selected-lines span{
  display:grid;grid-template-columns:118px minmax(0,1fr);gap:8px;align-items:center;
  padding-top:8px;border-top:1px solid rgba(143,191,255,.1);
}
.saas-selected-lines small{color:#9aadca;font-weight:950;font-size:.72rem}
.saas-selected-lines b{color:#eef6ff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.saas-rejected-overlay{z-index:1500!important}
.saas-rejected-sheet{width:min(100%,430px)!important;max-height:84dvh!important;overflow:auto!important}
.saas-rejected-list{display:grid;gap:10px;margin-top:12px}
.saas-rejected-addon-item{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:10px;
  padding:12px;
  border-radius:20px;
  border:1px solid rgba(143,191,255,.14);
  background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 14px 28px rgba(0,0,0,.18);
}
.saas-rejected-addon-item .meta,
.saas-rejected-addon-item .saas-pro-status,
.saas-rejected-addon-item button{grid-column:1/-1}
.saas-rejected-addon-item .meta{
  display:grid;grid-template-columns:118px minmax(0,1fr);gap:8px;align-items:center;
  padding-top:7px;border-top:1px solid rgba(143,191,255,.09);
}
.saas-rejected-addon-item .meta small{color:#9aadca;font-weight:950;font-size:.68rem}
.saas-rejected-addon-item .meta b{color:#eef6ff;font-size:.76rem}
.saas-rejected-addon-item button{
  min-height:36px;border-radius:13px;border:1px solid rgba(143,191,255,.18);
  background:rgba(255,255,255,.055);color:#9fe5ff;font-weight:1000;
}
@media (max-width:370px){
  .saas-selected-lines span,.saas-rejected-addon-item .meta{grid-template-columns:98px minmax(0,1fr)}
}

/* ===== SaaS Clãs Refinamento v1 ===== */
.saas-pro-filters{
  display:flex!important;
  grid-template-columns:none!important;
  flex-wrap:nowrap!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  gap:8px!important;
  padding:8px!important;
  margin:0 -2px 12px!important;
  scroll-snap-type:x proximity;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
}
.saas-pro-filters::-webkit-scrollbar{display:none}
.saas-pro-filters select{
  flex:0 0 auto!important;
  width:auto!important;
  min-width:112px!important;
  height:40px!important;
  padding:0 30px 0 12px!important;
  border-radius:14px!important;
  scroll-snap-align:start;
  white-space:nowrap!important;
}
.saas-pro-filters.clan-filters select{min-width:108px!important}
#saasPageClans .clan-summary{gap:8px!important}
#saasPageClans .clan-summary .saas-kpi{min-height:70px!important}
.saas-clan-cards.managed-clans{gap:10px!important}
.saas-clan-managed{
  display:block!important;
  padding:12px!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,rgba(12,28,54,.88),rgba(7,16,34,.82))!important;
}
.saas-clan-headline{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
}
.saas-clan-title{min-width:0}
.saas-clan-title strong{display:block;color:#fff;font-size:.92rem;font-weight:1000;line-height:1.05;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.saas-clan-title span{display:block;color:#93a8c1;font-size:.68rem;font-weight:900;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.saas-clan-badges{display:flex;flex-direction:column;align-items:flex-end;gap:5px;min-width:0}
.saas-clan-badges .saas-pro-badge,.saas-clan-badges .saas-pro-status{max-width:92px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.saas-clan-expand{
  grid-column:1/-1;
  justify-self:stretch;
  min-height:34px;
  border-radius:13px;
  border:1px solid rgba(82,198,255,.18);
  background:rgba(52,167,255,.06);
  color:#a7ddff;
  font-size:.72rem;
  font-weight:1000;
}
.saas-clan-closed-meta{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin-top:10px;
  padding-top:10px;
  border-top:1px solid rgba(143,191,255,.08);
}
.saas-clan-closed-meta span{color:#91a4bc;font-size:.66rem;font-weight:900;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.saas-clan-closed-meta b{display:block;color:#fff;font-size:.78rem;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.saas-clan-closed-meta small{display:block;color:#7effa5;font-size:.6rem;margin-top:1px;font-weight:900}
.saas-clan-expanded{margin-top:10px;padding-top:10px;border-top:1px solid rgba(143,191,255,.09)}
.saas-clan-expanded[hidden]{display:none!important}
.saas-clan-managed.expanded{border-color:rgba(0,208,255,.32)!important;box-shadow:0 0 24px rgba(0,174,255,.10), inset 0 1px 0 rgba(255,255,255,.06)}
.saas-clan-meta.refined{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important;margin-top:0!important;padding-top:0!important;border-top:0!important}
.saas-clan-meta.refined span{min-width:0;color:#8fa2bc;font-size:.66rem;font-weight:900}
.saas-clan-meta.refined b{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;font-size:.73rem;margin-top:3px}
.saas-clan-meta.refined small{display:block;color:#7effa5;font-size:.6rem;margin-top:1px}
.saas-clan-stats-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}
.saas-clan-stats-row .saas-kpi{min-height:64px!important;padding:8px!important;border-radius:16px!important;grid-template-columns:30px minmax(0,1fr)!important}
.saas-clan-stats-row .saas-kpi>span{width:30px!important;height:30px!important;border-radius:12px!important;font-size:.78rem!important}
.saas-clan-stats-row .saas-kpi small{font-size:.58rem!important}.saas-clan-stats-row .saas-kpi strong{font-size:1rem!important}.saas-clan-stats-row .saas-kpi em{font-size:.56rem!important}
.saas-clan-actions.refined{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin-top:10px!important}
.saas-clan-actions.refined button{min-height:38px!important;border-radius:14px!important}
.saas-clan-selected.refined{display:block!important}
.saas-clan-selected-head{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center}
.saas-clan-selected-head .main{min-width:0}
.saas-clan-selected-head .main strong{font-size:.98rem!important;line-height:1.05!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.saas-clan-selected-head .main span,.saas-clan-selected-head .main em{display:block;color:#98acc6;font-size:.7rem;font-style:normal;font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:3px}
.saas-clan-selected-head .main .saas-pro-badge{margin-top:6px}
.saas-clan-selected-head>b{grid-column:1/-1;justify-self:start;color:#eaf6ff;font-size:.86rem;font-weight:1000;background:rgba(255,255,255,.035);border:1px solid rgba(143,191,255,.12);border-radius:999px;padding:7px 10px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#saasPageClans .saas-quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}
@media (max-width:370px){
  .saas-pro-filters select{min-width:104px!important}
  .saas-clan-meta.refined,.saas-clan-closed-meta,.saas-clan-stats-row{grid-template-columns:1fr!important}
}

/* CHECKOUT ASSINE AGORA — Mercado Pago ready */
.checkout-shell{
  align-items:flex-start!important;
  padding-bottom:32px!important;
}
.checkout-card{
  width:min(980px, 100%)!important;
  max-width:980px!important;
  padding:22px!important;
  overflow:hidden;
}
.checkout-brand{margin-bottom:10px!important;}
.checkout-copy{text-align:center;margin-bottom:16px!important;}
.checkout-eyebrow{
  display:inline-flex;align-items:center;justify-content:center;
  padding:7px 12px;border-radius:999px;
  border:1px solid rgba(255,214,95,.24);
  background:rgba(255,214,95,.08);
  color:#ffd65f;font-size:.72rem;font-weight:1000;letter-spacing:.18em;
  margin-bottom:9px;
}
.checkout-copy h1{margin-top:0!important;}
.checkout-copy p{max-width:620px;margin:0 auto!important;}
.checkout-form{display:grid;gap:14px;margin-top:14px!important;}
.checkout-section{
  border:1px solid rgba(255,255,255,.10);
  background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 16px 36px rgba(0,0,0,.18);
  border-radius:24px;
  padding:14px;
}
.checkout-section-head{
  display:flex;align-items:center;gap:10px;margin-bottom:12px;
}
.checkout-section-head>span{
  width:34px;height:34px;border-radius:14px;
  display:inline-flex;align-items:center;justify-content:center;
  background:rgba(255,214,95,.12);border:1px solid rgba(255,214,95,.22);
  color:#ffd65f;font-weight:1000;font-size:.78rem;
}
.checkout-section-head strong{display:block;color:#fff;font-weight:1000;font-size:.98rem;}
.checkout-section-head small{display:block;color:rgba(226,234,255,.64);font-weight:750;font-size:.78rem;margin-top:2px;}
.checkout-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
.checkout-plan-card{
  position:relative;text-align:left;min-height:260px;padding:16px 14px;border-radius:24px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.055);
  color:#fff;overflow:hidden;cursor:pointer;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 14px 34px rgba(0,0,0,.22);
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
.checkout-plan-card::before{
  content:"";position:absolute;inset:-40% -25% auto auto;width:160px;height:160px;border-radius:999px;
  opacity:.28;filter:blur(18px);pointer-events:none;
}
.checkout-plan-card:hover,.checkout-plan-card.active{transform:translateY(-2px);}
.checkout-plan-card.active{box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 18px 46px rgba(0,0,0,.30),0 0 30px rgba(255,255,255,.08);}
.checkout-plan-card.plan-basic{border-color:rgba(76,158,255,.28);background:linear-gradient(180deg,rgba(65,138,255,.14),rgba(255,255,255,.045));}
.checkout-plan-card.plan-basic::before{background:#4aa3ff;}
.checkout-plan-card.plan-basic.active{border-color:rgba(103,177,255,.62);box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 0 32px rgba(76,158,255,.18),0 18px 46px rgba(0,0,0,.28);}
.checkout-plan-card.plan-plus{border-color:rgba(174,104,255,.32);background:linear-gradient(180deg,rgba(126,71,255,.18),rgba(255,255,255,.05));}
.checkout-plan-card.plan-plus::before{background:#a86cff;}
.checkout-plan-card.plan-plus.active{border-color:rgba(190,135,255,.68);box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 0 36px rgba(174,104,255,.22),0 18px 46px rgba(0,0,0,.30);}
.checkout-plan-card.plan-premium{border-color:rgba(255,214,95,.44);background:linear-gradient(180deg,rgba(255,214,95,.18),rgba(164,111,24,.08),rgba(255,255,255,.045));}
.checkout-plan-card.plan-premium::before{background:#ffd65f;opacity:.36;}
.checkout-plan-card.plan-premium.active{border-color:rgba(255,219,106,.78);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 0 42px rgba(255,214,95,.26),0 18px 50px rgba(0,0,0,.34);}
.checkout-plan-card .plan-tag{
  display:inline-flex;padding:6px 9px;border-radius:999px;
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);
  color:rgba(255,255,255,.84);font-weight:1000;font-size:.67rem;text-transform:uppercase;letter-spacing:.08em;
}
.checkout-plan-card strong{display:block;font-size:1.45rem;font-weight:1000;margin-top:14px;}
.checkout-plan-card em{display:block;font-style:normal;font-weight:1000;font-size:1.35rem;margin-top:5px;}
.checkout-plan-card small{display:block;color:rgba(226,234,255,.66);font-weight:800;line-height:1.35;margin-top:8px;}
.checkout-plan-card ul{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:7px;}
.checkout-plan-card li{color:rgba(246,249,255,.82);font-weight:850;font-size:.82rem;}
.checkout-plan-card li::before{content:"✓";color:#7dffb0;margin-right:7px;font-weight:1000;}
.checkout-cycle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}
.checkout-cycle{
  display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;
  min-height:76px;border-radius:18px;border:1px solid rgba(255,255,255,.11);
  background:rgba(255,255,255,.055);color:#fff;cursor:pointer;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}
.checkout-cycle.active{border-color:rgba(255,214,95,.55);background:rgba(255,214,95,.10);box-shadow:0 0 22px rgba(255,214,95,.13),inset 0 1px 0 rgba(255,255,255,.12);}
.checkout-cycle span{font-weight:1000;color:rgba(226,234,255,.78);font-size:.82rem;}
.checkout-cycle b{font-size:1.02rem;color:#fff;}
.checkout-fields-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px!important;margin-top:0!important;}
.checkout-fields-grid .field-wide{grid-column:1/-1;}
.checkout-summary{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:15px 16px!important;border-radius:22px!important;
  border-color:rgba(255,214,95,.22)!important;
  background:linear-gradient(135deg,rgba(255,214,95,.11),rgba(255,255,255,.045))!important;
}
.checkout-summary span{display:block;color:rgba(226,234,255,.66);font-weight:1000;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;}
.checkout-summary strong{display:block;color:#fff;font-size:1.04rem;margin-top:3px;}
.checkout-summary small{display:block;color:rgba(226,234,255,.58);font-weight:750;margin-top:4px;line-height:1.3;}
.checkout-summary>b{font-size:1.5rem;color:#ffd65f;text-shadow:0 0 22px rgba(255,214,95,.24);white-space:nowrap;}
.checkout-status-panel{
  display:flex;align-items:center;gap:12px;border-radius:20px;padding:13px 14px;
  border:1px solid rgba(255,214,95,.22);background:rgba(255,214,95,.08);
}
.checkout-status-panel[hidden]{display:none!important;}
.checkout-status-panel[data-status="approved"]{border-color:rgba(94,255,157,.26);background:rgba(94,255,157,.08);}
.checkout-status-panel[data-status="rejected"]{border-color:rgba(255,96,120,.28);background:rgba(255,96,120,.08);}
.checkout-status-icon{width:42px;height:42px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.08);font-weight:1000;color:#ffd65f;}
.checkout-status-panel strong{display:block;color:#fff;font-weight:1000;}
.checkout-status-panel p{margin:3px 0 0;color:rgba(226,234,255,.66);font-weight:750;line-height:1.35;}
.checkout-pay-btn{margin-top:0!important;}
@media (max-width:780px){
  .checkout-card{padding:16px!important;border-radius:28px!important;}
  .checkout-plan-grid{grid-template-columns:1fr;}
  .checkout-plan-card{min-height:auto;}
  .checkout-cycle-grid{grid-template-columns:1fr;}
  .checkout-fields-grid{grid-template-columns:1fr;}
  .checkout-summary{align-items:flex-start;flex-direction:column;}
  .checkout-summary>b{font-size:1.7rem;}
}

/* CHECKOUT STEPS — interação em etapas/acordeão */
.checkout-step{
  transition:opacity .22s ease,transform .22s ease,border-color .22s ease,box-shadow .22s ease,padding .22s ease;
}
.checkout-step[hidden],
.checkout-step.is-hidden{
  display:none!important;
}
.checkout-section-head{
  cursor:default;
}
.checkout-step.is-complete .checkout-section-head{
  cursor:pointer;
  margin-bottom:0;
}
.checkout-step.is-complete{
  padding:12px 14px;
  border-color:rgba(126,255,165,.18);
  background:linear-gradient(180deg,rgba(126,255,165,.055),rgba(255,255,255,.032));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 26px rgba(0,0,0,.13);
}
.checkout-step.is-complete .checkout-step-body{
  max-height:0;
  opacity:0;
  overflow:hidden;
  pointer-events:none;
  margin:0;
}
.checkout-step.is-active{
  border-color:rgba(255,214,95,.26);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 18px 44px rgba(0,0,0,.22),0 0 24px rgba(255,214,95,.07);
}
.checkout-step.is-active .checkout-step-body{
  animation:checkoutStepIn .24s ease both;
}
.checkout-step-pill{
  margin-left:auto;
  min-width:max-content;
  border-radius:999px;
  padding:7px 10px;
  border:1px solid rgba(255,214,95,.20);
  background:rgba(255,214,95,.08);
  color:#ffd65f;
  font-size:.68rem;
  font-weight:1000;
  letter-spacing:.02em;
  white-space:nowrap;
}
.checkout-step.is-complete .checkout-step-pill{
  border-color:rgba(126,255,165,.22);
  background:rgba(126,255,165,.08);
  color:#7effa5;
}
.checkout-step.is-complete .checkout-section-head::after{
  content:"Editar";
  margin-left:6px;
  color:rgba(226,234,255,.55);
  font-size:.68rem;
  font-weight:1000;
}
.checkout-final-panel[hidden],
.checkout-final-panel.is-hidden,
.checkout-final-action[hidden],
.checkout-final-action.is-hidden{
  display:none!important;
}
.checkout-final-panel:not([hidden]){
  animation:checkoutStepIn .24s ease both;
}
@keyframes checkoutStepIn{
  from{opacity:0;transform:translateY(8px)}
  to{opacity:1;transform:translateY(0)}
}
@media (max-width:520px){
  .checkout-section-head{align-items:flex-start;gap:8px;}
  .checkout-step-pill{font-size:.62rem;padding:6px 8px;max-width:128px;overflow:hidden;text-overflow:ellipsis;}
  .checkout-step.is-complete .checkout-section-head::after{display:none;}
}

/* ===== Classificação histórico mensal/semanal v1 ===== */
.ranking-empty{
  padding:18px 14px;
  text-align:center;
  color:#9aa8bd;
  font-weight:900;
  border:1px dashed rgba(150,180,230,.18);
  border-radius:16px;
  background:rgba(255,255,255,.025);
}
.podium-card.is-empty{
  opacity:.72;
}

/* ===== Dashboard topo por plano v1 ===== */
.dash-header{position:relative!important;display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;gap:12px!important;align-items:center!important}
.dash-clan{justify-self:center!important;min-width:0!important;width:100%!important;max-width:300px!important;justify-content:center!important;padding:8px 12px!important;border-radius:22px!important;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.026))!important;border:1px solid rgba(176,199,255,.11)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 16px 28px rgba(0,0,0,.18)!important;overflow:visible!important}
.dash-clan-copy{min-width:0;text-align:center;display:grid;justify-items:center;line-height:1.08}
.dash-clan strong,.dash-clan-copy strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:1000!important;letter-spacing:-.015em!important;font-size:1.05rem!important}
.dash-clan span,.dash-clan-copy span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;font-weight:900!important}
.dash-badge{position:relative;overflow:visible!important;flex:0 0 auto!important}
.dashboard-phone.dash-plan-premium .dash-clan{border-color:rgba(255,214,98,.42)!important;background:linear-gradient(135deg,rgba(255,217,93,.16),rgba(255,255,255,.045) 52%,rgba(118,77,20,.14))!important;box-shadow:0 0 28px rgba(255,195,49,.18),inset 0 1px 0 rgba(255,245,170,.18)!important}
.dashboard-phone.dash-plan-premium .dash-clan strong{color:#ffe681!important;text-shadow:0 0 10px rgba(255,213,80,.65),0 0 22px rgba(255,166,32,.26);animation:premiumTitleGlow 2.9s ease-in-out infinite}
.dashboard-phone.dash-plan-premium .dash-clan span{color:#ffd66a!important;text-shadow:0 0 12px rgba(255,204,80,.42)}
.dashboard-phone.dash-plan-premium .dash-badge{border-color:rgba(255,214,98,.55)!important;background:radial-gradient(circle at 50% 36%,rgba(255,229,119,.30),rgba(255,255,255,.06) 55%,rgba(116,74,14,.16))!important;box-shadow:0 0 24px rgba(255,197,49,.30),0 0 44px rgba(255,197,49,.13),inset 0 1px 0 rgba(255,255,255,.18)!important;animation:premiumBadgeAura 3.2s ease-in-out infinite}
.dashboard-phone.dash-plan-plus .dash-clan{border-color:rgba(170,112,255,.38)!important;background:linear-gradient(135deg,rgba(151,91,255,.14),rgba(255,255,255,.045) 58%,rgba(27,160,255,.11))!important;box-shadow:0 0 24px rgba(148,92,255,.15),inset 0 1px 0 rgba(255,255,255,.12)!important}
.dashboard-phone.dash-plan-plus .dash-clan strong{color:#cfb5ff!important;text-shadow:0 0 12px rgba(170,105,255,.42)}
.dashboard-phone.dash-plan-plus .dash-clan span{color:#8fe5ff!important;text-shadow:0 0 10px rgba(53,208,255,.28)}
.dashboard-phone.dash-plan-plus .dash-badge{border-color:rgba(170,112,255,.40)!important;box-shadow:0 0 22px rgba(147,96,255,.20),inset 0 1px 0 rgba(255,255,255,.12)!important}
.dashboard-phone.dash-plan-basic .dash-clan{border-color:rgba(118,165,232,.18)!important;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.026))!important}
@keyframes premiumTitleGlow{0%,100%{filter:brightness(1)}50%{filter:brightness(1.18)}}
@keyframes premiumBadgeAura{0%,100%{transform:translateZ(0) scale(1);filter:brightness(1)}50%{transform:translateZ(0) scale(1.025);filter:brightness(1.13)}}
@media(max-width:380px){.dash-header{grid-template-columns:auto minmax(0,1fr) auto!important;gap:8px!important}.dash-clan{padding:7px 8px!important;gap:7px!important}.dash-clan strong{font-size:.94rem!important}.dash-badge{width:44px!important;height:44px!important}.dash-badge img{width:33px!important}}


/* ===== Dashboard sino reposicionado v2 ===== */
.dashboard-phone .dash-header{
  grid-template-columns:minmax(0,1fr) 54px!important;
  column-gap:18px!important;
  align-items:center!important;
}
.dashboard-phone .dash-clan{
  justify-self:center!important;
  max-width:min(78%,300px)!important;
  transform:translateX(-2px);
}
.dashboard-phone .dash-bell{
  justify-self:end!important;
  margin-left:12px!important;
  transform:translateX(4px)!important;
  z-index:4!important;
}
@media(max-width:380px){
  .dashboard-phone .dash-header{grid-template-columns:minmax(0,1fr) 50px!important;column-gap:14px!important;}
  .dashboard-phone .dash-clan{max-width:min(76%,270px)!important;}
  .dashboard-phone .dash-bell{transform:translateX(2px)!important;}
}

/* ===== Dashboard topo logo premium v2: emblema separado + brilho nas letras ===== */
.dashboard-phone .dash-header{
  display:grid!important;
  grid-template-columns:minmax(72px,92px) minmax(0,1fr) 54px!important;
  gap:10px!important;
  align-items:center!important;
  padding:8px 4px 14px!important;
}
.dashboard-phone .dash-clan{
  grid-column:1 / 3!important;
  display:grid!important;
  grid-template-columns:76px minmax(0,1fr)!important;
  align-items:center!important;
  gap:14px!important;
  width:100%!important;
  max-width:none!important;
  justify-self:stretch!important;
  justify-content:stretch!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important;
  overflow:visible!important;
}
.dashboard-phone .dash-bell{
  grid-column:3!important;
  justify-self:end!important;
  margin-left:0!important;
  transform:none!important;
  width:50px!important;
  height:50px!important;
}
.dashboard-phone .dash-badge,
.dashboard-phone .clan-badge-editable{
  width:72px!important;
  height:72px!important;
  border-radius:22px!important;
  justify-self:start!important;
  background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.03))!important;
  border:1px solid rgba(176,199,255,.16)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 14px 28px rgba(0,0,0,.18)!important;
  transform:none!important;
}
.dashboard-phone .dash-badge > img:first-child,
.dashboard-phone .dash-badge img[data-dashboard-clan-badge],
.dashboard-phone .dash-badge img[data-clan-badge]{
  max-width:56px!important;
  max-height:56px!important;
  width:56px!important;
  height:56px!important;
  object-fit:contain!important;
}
.dashboard-phone .dash-clan-copy{
  position:relative!important;
  min-width:0!important;
  justify-self:center!important;
  width:100%!important;
  max-width:220px!important;
  text-align:center!important;
  display:grid!important;
  justify-items:center!important;
  align-content:center!important;
  padding:2px 0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.dashboard-phone .dash-clan-copy::before,
.dashboard-phone .dash-clan-copy::after{
  display:none!important;
  content:none!important;
}
.dashboard-phone .dash-clan strong,
.dashboard-phone .dash-clan-copy strong{
  display:block!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  text-align:center!important;
  line-height:.94!important;
  letter-spacing:-.045em!important;
  font-family:"Cooper Black","Luckiest Guy","Baloo 2","Trebuchet MS","Arial Black",system-ui,sans-serif!important;
  font-size:clamp(1.12rem,5.7vw,1.82rem)!important;
  font-weight:1000!important;
  font-style:italic!important;
  transform:skew(-4deg) rotate(-.5deg)!important;
  -webkit-text-stroke:1.15px rgba(2,5,12,.92)!important;
  paint-order:stroke fill!important;
  text-shadow:0 2px 0 rgba(0,0,0,.62),0 5px 0 rgba(255,255,255,.10)!important;
  filter:none!important;
}
.dashboard-phone .dash-clan-copy span,
.dashboard-phone .dash-clan-copy [data-dashboard-clan-tag],
.dashboard-phone .dash-clan span{
  display:block!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  text-align:center!important;
  margin-top:7px!important;
  line-height:1!important;
  font-family:"Arial Black","Baloo 2",system-ui,sans-serif!important;
  font-size:clamp(.66rem,2.8vw,.86rem)!important;
  font-weight:1000!important;
  letter-spacing:.04em!important;
  -webkit-text-stroke:.45px rgba(3,6,14,.85)!important;
  paint-order:stroke fill!important;
  background:transparent!important;
}
.dashboard-phone.dash-plan-premium .dash-clan strong,
.dashboard-phone.dash-plan-premium .dash-clan-copy strong{
  color:#ffe36f!important;
  background:linear-gradient(180deg,#fff6a6 0%,#ffd651 36%,#f2a91e 68%,#7b4207 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  -webkit-text-stroke:1.25px rgba(34,18,0,.96)!important;
  text-shadow:0 2px 0 rgba(0,0,0,.82),0 0 8px rgba(255,224,105,.84),0 0 18px rgba(255,177,35,.52),0 0 34px rgba(255,177,35,.26)!important;
  animation:dashPremiumLetterGlow 2.8s ease-in-out infinite;
}
.dashboard-phone.dash-plan-premium .dash-clan-copy span,
.dashboard-phone.dash-plan-premium .dash-clan-copy [data-dashboard-clan-tag]{
  color:#ffdc67!important;
  text-shadow:0 1px 0 rgba(0,0,0,.75),0 0 11px rgba(255,213,83,.54)!important;
}
.dashboard-phone.dash-plan-premium .dash-badge{
  border-color:rgba(255,214,98,.58)!important;
  background:linear-gradient(180deg,rgba(255,228,119,.18),rgba(255,255,255,.05))!important;
  box-shadow:0 0 22px rgba(255,197,49,.38),0 0 46px rgba(255,197,49,.15),inset 0 1px 0 rgba(255,255,255,.20)!important;
  animation:premiumBadgeAura 3.2s ease-in-out infinite;
}
.dashboard-phone.dash-plan-plus .dash-clan strong,
.dashboard-phone.dash-plan-plus .dash-clan-copy strong{
  color:#d9c2ff!important;
  background:linear-gradient(180deg,#ffffff 0%,#cfb2ff 38%,#8e62ff 72%,#42d5ff 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  -webkit-text-stroke:1.08px rgba(8,4,30,.96)!important;
  text-shadow:0 2px 0 rgba(0,0,0,.74),0 0 12px rgba(161,104,255,.58),0 0 23px rgba(69,210,255,.26)!important;
}
.dashboard-phone.dash-plan-plus .dash-clan-copy span,
.dashboard-phone.dash-plan-plus .dash-clan-copy [data-dashboard-clan-tag]{
  color:#9cecff!important;
  text-shadow:0 1px 0 rgba(0,0,0,.7),0 0 10px rgba(55,216,255,.38)!important;
}
.dashboard-phone.dash-plan-plus .dash-badge{
  border-color:rgba(170,112,255,.44)!important;
  box-shadow:0 0 22px rgba(147,96,255,.25),0 0 34px rgba(50,210,255,.10),inset 0 1px 0 rgba(255,255,255,.14)!important;
}
.dashboard-phone.dash-plan-basic .dash-clan strong,
.dashboard-phone.dash-plan-basic .dash-clan-copy strong{
  color:#f4f8ff!important;
  -webkit-text-stroke:1px rgba(2,6,16,.92)!important;
  text-shadow:0 2px 0 rgba(0,0,0,.68),0 0 10px rgba(154,190,255,.22)!important;
}
.dashboard-phone.dash-plan-basic .dash-clan-copy span,
.dashboard-phone.dash-plan-basic .dash-clan-copy [data-dashboard-clan-tag]{
  color:#b9c9e6!important;
  text-shadow:0 1px 0 rgba(0,0,0,.6)!important;
}
.dashboard-phone.dash-plan-basic .dash-badge{
  border-color:rgba(154,190,255,.22)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 12px 24px rgba(0,0,0,.18)!important;
}
@keyframes dashPremiumLetterGlow{0%,100%{filter:brightness(1)}50%{filter:brightness(1.18) saturate(1.12)}}
@media(max-width:390px){
  .dashboard-phone .dash-header{grid-template-columns:70px minmax(0,1fr) 48px!important;gap:8px!important}
  .dashboard-phone .dash-clan{grid-template-columns:62px minmax(0,1fr)!important;gap:10px!important}
  .dashboard-phone .dash-badge,.dashboard-phone .clan-badge-editable{width:62px!important;height:62px!important;border-radius:19px!important}
  .dashboard-phone .dash-badge > img:first-child,.dashboard-phone .dash-badge img[data-dashboard-clan-badge],.dashboard-phone .dash-badge img[data-clan-badge]{width:48px!important;height:48px!important;max-width:48px!important;max-height:48px!important}
  .dashboard-phone .dash-clan-copy{max-width:190px!important}
  .dashboard-phone .dash-bell{width:46px!important;height:46px!important}
}

/* ===== Dashboard topo com fontes locais por plano v3 =====
   Coloque as fontes em:
   assets/fonts/topbrs-premium.ttf
   assets/fonts/topbrs-plus.otf
   assets/fonts/topbrs-basic.ttf
*/
@font-face{
  font-family:"TopBRSLogoPremium";
  src:url("./assets/fonts/topbrs-premium.ttf") format("truetype");
  font-display:swap;
}
@font-face{
  font-family:"TopBRSLogoPlus";
  src:url("./assets/fonts/topbrs-plus.otf") format("opentype");
  font-display:swap;
}
@font-face{
  font-family:"TopBRSLogoBasic";
  src:url("./assets/fonts/topbrs-basic.ttf") format("truetype");
  font-display:swap;
}

/* Layout limpo: emblema separado + nome como lettering, sem caixa colorida no texto */
.dashboard-phone .dash-header{
  display:grid!important;
  grid-template-columns:76px minmax(0,1fr) 50px!important;
  gap:12px!important;
  align-items:center!important;
  padding:8px 4px 14px!important;
}
.dashboard-phone .dash-clan{
  display:contents!important;
  width:auto!important;
  max-width:none!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important;
}
.dashboard-phone .dash-badge,
.dashboard-phone .clan-badge-editable{
  grid-column:1!important;
  width:72px!important;
  height:72px!important;
  border-radius:22px!important;
  justify-self:start!important;
  align-self:center!important;
  background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.028))!important;
  border:1px solid rgba(176,199,255,.15)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 14px 28px rgba(0,0,0,.20)!important;
  overflow:visible!important;
}
.dashboard-phone .dash-badge > img:first-child,
.dashboard-phone .dash-badge img[data-dashboard-clan-badge],
.dashboard-phone .dash-badge img[data-clan-badge]{
  width:56px!important;
  height:56px!important;
  max-width:56px!important;
  max-height:56px!important;
  object-fit:contain!important;
}
.dashboard-phone .dash-clan-copy{
  grid-column:2!important;
  min-width:0!important;
  width:100%!important;
  max-width:none!important;
  justify-self:center!important;
  align-self:center!important;
  display:grid!important;
  justify-items:center!important;
  align-content:center!important;
  text-align:center!important;
  padding:0 2px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.dashboard-phone .dash-clan-copy::before,
.dashboard-phone .dash-clan-copy::after{display:none!important;content:none!important;}
.dashboard-phone .dash-bell{
  grid-column:3!important;
  justify-self:end!important;
  align-self:center!important;
  width:50px!important;
  height:50px!important;
  margin:0!important;
  transform:none!important;
  z-index:4!important;
}

/* Texto base: brilho nas letras, sem fundo no texto */
.dashboard-phone .dash-clan strong,
.dashboard-phone .dash-clan-copy strong{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  text-align:center!important;
  line-height:1.02!important;
  font-size:clamp(1.36rem,6.2vw,2.02rem)!important;
  font-weight:900!important;
  letter-spacing:.01em!important;
  background:transparent!important;
  paint-order:stroke fill!important;
  filter:none!important;
  transform:none!important;
}
.dashboard-phone .dash-clan-copy span,
.dashboard-phone .dash-clan-copy [data-dashboard-clan-tag],
.dashboard-phone .dash-clan span{
  display:block!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  margin-top:6px!important;
  line-height:1!important;
  text-align:center!important;
  font-family:"Arial Black",system-ui,sans-serif!important;
  font-size:clamp(.66rem,2.7vw,.86rem)!important;
  font-weight:1000!important;
  letter-spacing:.045em!important;
  background:transparent!important;
  paint-order:stroke fill!important;
}

/* PREMIUM: fonte local + gold nas letras */
.dashboard-phone.dash-plan-premium .dash-clan-copy strong,
.dashboard-phone.dash-plan-premium .dash-clan strong{
  font-family:"TopBRSLogoPremium","Cooper Black","Luckiest Guy","Arial Black",system-ui,sans-serif!important;
  color:#fff1a4!important;
  -webkit-text-fill-color:#fff1a4!important;
  -webkit-text-stroke:1.05px rgba(21,10,0,.95)!important;
  text-shadow:
    0 2px 0 #050200,
    0 4px 0 rgba(98,54,0,.88),
    0 0 8px rgba(255,226,111,.84),
    0 0 20px rgba(255,178,34,.50),
    0 0 36px rgba(255,184,44,.24)!important;
  animation:dashPremiumLettersPulse 3.2s ease-in-out infinite;
}
.dashboard-phone.dash-plan-premium .dash-clan-copy [data-dashboard-clan-tag],
.dashboard-phone.dash-plan-premium .dash-clan-copy span{
  color:#ffdc62!important;
  -webkit-text-stroke:.42px rgba(20,10,0,.88)!important;
  text-shadow:0 1px 0 rgba(0,0,0,.80),0 0 12px rgba(255,214,88,.58)!important;
}
.dashboard-phone.dash-plan-premium .dash-badge{
  border-color:rgba(255,215,96,.62)!important;
  background:radial-gradient(circle at 50% 38%,rgba(255,231,125,.22),rgba(255,255,255,.05) 58%,rgba(124,80,15,.13))!important;
  box-shadow:0 0 24px rgba(255,201,52,.42),0 0 48px rgba(255,190,36,.18),inset 0 1px 0 rgba(255,255,255,.20)!important;
  animation:premiumBadgeAura 3.2s ease-in-out infinite;
}

/* PLUS: fonte local + roxo/azul */
.dashboard-phone.dash-plan-plus .dash-clan-copy strong,
.dashboard-phone.dash-plan-plus .dash-clan strong{
  font-family:"TopBRSLogoPlus","Arial Black",system-ui,sans-serif!important;
  color:#e4d6ff!important;
  -webkit-text-fill-color:#e4d6ff!important;
  -webkit-text-stroke:1px rgba(11,4,32,.96)!important;
  text-shadow:
    0 2px 0 #050014,
    0 0 10px rgba(171,104,255,.66),
    0 0 22px rgba(51,206,255,.30)!important;
}
.dashboard-phone.dash-plan-plus .dash-clan-copy [data-dashboard-clan-tag],
.dashboard-phone.dash-plan-plus .dash-clan-copy span{
  color:#9eeaff!important;
  -webkit-text-stroke:.35px rgba(4,13,32,.88)!important;
  text-shadow:0 1px 0 rgba(0,0,0,.7),0 0 10px rgba(50,212,255,.42)!important;
}
.dashboard-phone.dash-plan-plus .dash-badge{
  border-color:rgba(170,112,255,.46)!important;
  box-shadow:0 0 22px rgba(147,96,255,.26),0 0 36px rgba(50,210,255,.12),inset 0 1px 0 rgba(255,255,255,.14)!important;
}

/* BÁSICO/TRIAL: fonte local + limpo elegante */
.dashboard-phone.dash-plan-basic .dash-clan-copy strong,
.dashboard-phone.dash-plan-trial .dash-clan-copy strong,
.dashboard-phone.dash-plan-basic .dash-clan strong,
.dashboard-phone.dash-plan-trial .dash-clan strong{
  font-family:"TopBRSLogoBasic","Arial Black",system-ui,sans-serif!important;
  color:#f7f9ff!important;
  -webkit-text-fill-color:#f7f9ff!important;
  -webkit-text-stroke:.85px rgba(3,7,18,.92)!important;
  text-shadow:0 2px 0 rgba(0,0,0,.68),0 0 10px rgba(154,190,255,.25)!important;
}
.dashboard-phone.dash-plan-basic .dash-clan-copy [data-dashboard-clan-tag],
.dashboard-phone.dash-plan-trial .dash-clan-copy [data-dashboard-clan-tag],
.dashboard-phone.dash-plan-basic .dash-clan-copy span,
.dashboard-phone.dash-plan-trial .dash-clan-copy span{
  color:#b9c9e6!important;
  text-shadow:0 1px 0 rgba(0,0,0,.64)!important;
}
.dashboard-phone.dash-plan-basic .dash-badge,
.dashboard-phone.dash-plan-trial .dash-badge{
  border-color:rgba(154,190,255,.24)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 12px 24px rgba(0,0,0,.18)!important;
}
@keyframes dashPremiumLettersPulse{0%,100%{filter:brightness(1)}50%{filter:brightness(1.18) saturate(1.08)}}
@media(max-width:390px){
  .dashboard-phone .dash-header{grid-template-columns:66px minmax(0,1fr) 48px!important;gap:9px!important;}
  .dashboard-phone .dash-badge,.dashboard-phone .clan-badge-editable{width:64px!important;height:64px!important;border-radius:20px!important;}
  .dashboard-phone .dash-badge > img:first-child,.dashboard-phone .dash-badge img[data-dashboard-clan-badge],.dashboard-phone .dash-badge img[data-clan-badge]{width:50px!important;height:50px!important;max-width:50px!important;max-height:50px!important;}
  .dashboard-phone .dash-bell{width:46px!important;height:46px!important;}
  .dashboard-phone .dash-clan-copy strong{font-size:clamp(1.18rem,5.9vw,1.62rem)!important;}
}

/* ===== Refinamento fontes por plano + topo Dashboard v2 ===== */
.dashboard-phone .dash-header{
  grid-template-columns:92px minmax(0,1fr) 54px!important;
  gap:14px!important;
  padding:8px 4px 16px!important;
}
.dashboard-phone .dash-badge,
.dashboard-phone .clan-badge-editable{
  width:88px!important;
  height:88px!important;
  border-radius:26px!important;
  cursor:pointer!important;
}
.dashboard-phone .dash-badge > img:first-child,
.dashboard-phone .dash-badge img[data-dashboard-clan-badge],
.dashboard-phone .dash-badge img[data-clan-badge]{
  width:70px!important;
  height:70px!important;
  max-width:70px!important;
  max-height:70px!important;
}
.dashboard-phone .dash-badge-edit{
  display:none!important;
  pointer-events:none!important;
}
.dashboard-phone .dash-clan-copy{
  background:transparent!important;
  box-shadow:none!important;
  filter:none!important;
  padding:0!important;
  isolation:isolate!important;
}
.dashboard-phone .dash-clan-copy::before,
.dashboard-phone .dash-clan-copy::after{display:none!important;content:none!important;}
.dashboard-phone .dash-clan-copy strong,
.dashboard-phone .dash-clan strong{
  font-size:clamp(1.72rem,8.2vw,2.65rem)!important;
  letter-spacing:.015em!important;
  transform:translateY(1px)!important;
  background:transparent!important;
  max-width:100%!important;
}
.dashboard-phone .dash-clan-copy [data-dashboard-clan-tag],
.dashboard-phone .dash-clan-copy span,
.dashboard-phone .dash-clan span{
  font-size:clamp(.74rem,3.2vw,1rem)!important;
  margin-top:4px!important;
  letter-spacing:.035em!important;
}
.dashboard-phone.dash-plan-premium .dash-clan-copy [data-dashboard-clan-tag],
.dashboard-phone.dash-plan-premium .dash-clan-copy span{
  font-family:"TopBRSLogoPremium","Cooper Black","Luckiest Guy","Arial Black",system-ui,sans-serif!important;
  color:#ffe681!important;
  -webkit-text-fill-color:#ffe681!important;
  -webkit-text-stroke:.55px rgba(21,10,0,.95)!important;
  text-shadow:0 1px 0 #000,0 0 12px rgba(255,218,84,.75),0 0 24px rgba(255,174,32,.35)!important;
}
.dashboard-phone.dash-plan-plus .dash-clan-copy [data-dashboard-clan-tag],
.dashboard-phone.dash-plan-plus .dash-clan-copy span{
  font-family:"TopBRSLogoPlus","Arial Black",system-ui,sans-serif!important;
  color:#b8eeff!important;
  -webkit-text-fill-color:#b8eeff!important;
  -webkit-text-stroke:.45px rgba(11,4,32,.95)!important;
  text-shadow:0 1px 0 #050014,0 0 11px rgba(171,104,255,.55),0 0 20px rgba(51,206,255,.28)!important;
}
.dashboard-phone.dash-plan-basic .dash-clan-copy [data-dashboard-clan-tag],
.dashboard-phone.dash-plan-trial .dash-clan-copy [data-dashboard-clan-tag],
.dashboard-phone.dash-plan-basic .dash-clan-copy span,
.dashboard-phone.dash-plan-trial .dash-clan-copy span{
  font-family:"TopBRSLogoBasic","Arial Black",system-ui,sans-serif!important;
  color:#dfe9ff!important;
  -webkit-text-fill-color:#dfe9ff!important;
  -webkit-text-stroke:.38px rgba(3,7,18,.92)!important;
  text-shadow:0 1px 0 rgba(0,0,0,.7),0 0 10px rgba(154,190,255,.25)!important;
}
@media(max-width:390px){
  .dashboard-phone .dash-header{grid-template-columns:82px minmax(0,1fr) 48px!important;gap:10px!important;}
  .dashboard-phone .dash-badge,.dashboard-phone .clan-badge-editable{width:80px!important;height:80px!important;border-radius:24px!important;}
  .dashboard-phone .dash-badge > img:first-child,.dashboard-phone .dash-badge img[data-dashboard-clan-badge],.dashboard-phone .dash-badge img[data-clan-badge]{width:64px!important;height:64px!important;max-width:64px!important;max-height:64px!important;}
  .dashboard-phone .dash-clan-copy strong{font-size:clamp(1.52rem,7.2vw,2.16rem)!important;}
}

/* Configurações: aplicar a fonte do plano no nick, plano e caixa Clã */
.settings-phone.plan-premium #settingsPlan,
.settings-phone.plan-premium #settingsNick,
.settings-phone.plan-premium #settingsClan,
.settings-phone.plan-premium #settingsClanTag{
  font-family:"TopBRSLogoPremium","Cooper Black","Luckiest Guy","Arial Black",system-ui,sans-serif!important;
  color:#ffe681!important;
  -webkit-text-fill-color:#ffe681!important;
  -webkit-text-stroke:.55px rgba(21,10,0,.9)!important;
  text-shadow:0 1px 0 #000,0 0 12px rgba(255,218,84,.72),0 0 22px rgba(255,174,32,.30)!important;
}
.settings-phone.plan-plus #settingsPlan,
.settings-phone.plan-plus #settingsNick,
.settings-phone.plan-plus #settingsClan,
.settings-phone.plan-plus #settingsClanTag{
  font-family:"TopBRSLogoPlus","Arial Black",system-ui,sans-serif!important;
  color:#d9c9ff!important;
  -webkit-text-fill-color:#d9c9ff!important;
  -webkit-text-stroke:.45px rgba(11,4,32,.94)!important;
  text-shadow:0 1px 0 #050014,0 0 12px rgba(171,104,255,.52),0 0 20px rgba(51,206,255,.25)!important;
}
.settings-phone.plan-basic #settingsPlan,
.settings-phone.plan-basic #settingsNick,
.settings-phone.plan-basic #settingsClan,
.settings-phone.plan-basic #settingsClanTag,
.settings-phone.plan-trial #settingsPlan,
.settings-phone.plan-trial #settingsNick,
.settings-phone.plan-trial #settingsClan,
.settings-phone.plan-trial #settingsClanTag{
  font-family:"TopBRSLogoBasic","Arial Black",system-ui,sans-serif!important;
  color:#f7f9ff!important;
  -webkit-text-fill-color:#f7f9ff!important;
  -webkit-text-stroke:.36px rgba(3,7,18,.9)!important;
  text-shadow:0 1px 0 rgba(0,0,0,.7),0 0 10px rgba(154,190,255,.22)!important;
}
.settings-phone #settingsNick{font-size:clamp(2rem,8vw,3rem)!important;line-height:1.05!important;}
.settings-phone #settingsPlan{font-size:clamp(1.55rem,6.4vw,2.35rem)!important;line-height:1!important;}
.settings-phone #settingsClan{font-size:clamp(1.35rem,5.8vw,2.1rem)!important;line-height:1!important;}
.settings-phone #settingsClanTag{font-size:clamp(.78rem,3.2vw,1.02rem)!important;}

/* Títulos dos menus em gold para identidade visual do sistema */
.war-heading-text .war-kicker,
.ranking-header h1,
.members-header h1,
.settings-header h1{
  color:#ffd65f!important;
  -webkit-text-fill-color:#ffd65f!important;
  text-shadow:0 1px 0 rgba(0,0,0,.85),0 0 14px rgba(255,214,95,.42)!important;
}
.war-heading-text .war-subtitle,
.ranking-header p,
.members-header p,
.settings-header p{color:rgba(255,236,177,.76)!important;}

/* ===== Ajuste visual fontes: remover faixa/contorno retangular v3 ===== */
/* Dashboard: nome sem faixa e tag escondida */
.dashboard-phone .dash-clan-copy strong,
.dashboard-phone .dash-clan strong,
.dashboard-phone [data-dashboard-clan-name]{
  background:transparent!important;
  -webkit-background-clip:initial!important;
  background-clip:initial!important;
  box-shadow:none!important;
  border:0!important;
  outline:0!important;
  filter:none!important;
}
.dashboard-phone.dash-plan-premium .dash-clan-copy strong,
.dashboard-phone.dash-plan-premium .dash-clan strong,
.dashboard-phone.dash-plan-premium [data-dashboard-clan-name]{
  -webkit-text-fill-color:#ffe681!important;
  color:#ffe681!important;
  text-shadow:0 1px 0 #000,0 0 12px rgba(255,218,84,.72),0 0 22px rgba(255,174,32,.32)!important;
}
.dashboard-phone.dash-plan-plus .dash-clan-copy strong,
.dashboard-phone.dash-plan-plus .dash-clan strong,
.dashboard-phone.dash-plan-plus [data-dashboard-clan-name]{
  -webkit-text-fill-color:#d9c9ff!important;
  color:#d9c9ff!important;
  text-shadow:0 1px 0 #050014,0 0 12px rgba(171,104,255,.52),0 0 20px rgba(51,206,255,.25)!important;
}
.dashboard-phone.dash-plan-basic .dash-clan-copy strong,
.dashboard-phone.dash-plan-trial .dash-clan-copy strong,
.dashboard-phone.dash-plan-basic .dash-clan strong,
.dashboard-phone.dash-plan-trial .dash-clan strong,
.dashboard-phone.dash-plan-basic [data-dashboard-clan-name],
.dashboard-phone.dash-plan-trial [data-dashboard-clan-name]{
  -webkit-text-fill-color:#f7f9ff!important;
  color:#f7f9ff!important;
  text-shadow:0 1px 0 rgba(0,0,0,.7),0 0 10px rgba(154,190,255,.22)!important;
}
.dashboard-phone .dash-clan-copy [data-dashboard-clan-tag],
.dashboard-phone .dash-clan-copy > span,
.dashboard-phone [data-dashboard-clan-tag]{
  display:none!important;
}

/* Configurações: plano e clã exatamente no estilo do nick, sem faixa retangular */
.settings-phone #settingsPlan,
.settings-phone #settingsClan,
.settings-phone #settingsClanTag,
.settings-phone #settingsNick{
  background:transparent!important;
  -webkit-background-clip:initial!important;
  background-clip:initial!important;
  box-shadow:none!important;
  border:0!important;
  outline:0!important;
  filter:none!important;
}
.settings-phone.plan-premium #settingsPlan,
.settings-phone.plan-premium #settingsClan,
.settings-phone.plan-premium #settingsNick{
  font-family:"TopBRSLogoPremium","Cooper Black","Luckiest Guy","Arial Black",system-ui,sans-serif!important;
  color:#ffe681!important;
  -webkit-text-fill-color:#ffe681!important;
  -webkit-text-stroke:.55px rgba(21,10,0,.9)!important;
  text-shadow:0 1px 0 #000,0 0 12px rgba(255,218,84,.72),0 0 22px rgba(255,174,32,.30)!important;
}
.settings-phone.plan-plus #settingsPlan,
.settings-phone.plan-plus #settingsClan,
.settings-phone.plan-plus #settingsNick{
  font-family:"TopBRSLogoPlus","Arial Black",system-ui,sans-serif!important;
  color:#d9c9ff!important;
  -webkit-text-fill-color:#d9c9ff!important;
  -webkit-text-stroke:.45px rgba(11,4,32,.94)!important;
  text-shadow:0 1px 0 #050014,0 0 12px rgba(171,104,255,.52),0 0 20px rgba(51,206,255,.25)!important;
}
.settings-phone.plan-basic #settingsPlan,
.settings-phone.plan-basic #settingsClan,
.settings-phone.plan-basic #settingsNick,
.settings-phone.plan-trial #settingsPlan,
.settings-phone.plan-trial #settingsClan,
.settings-phone.plan-trial #settingsNick{
  font-family:"TopBRSLogoBasic","Arial Black",system-ui,sans-serif!important;
  color:#f7f9ff!important;
  -webkit-text-fill-color:#f7f9ff!important;
  -webkit-text-stroke:.36px rgba(3,7,18,.9)!important;
  text-shadow:0 1px 0 rgba(0,0,0,.7),0 0 10px rgba(154,190,255,.22)!important;
}
.settings-phone #settingsPlan{font-size:clamp(1.8rem,7.4vw,2.9rem)!important;line-height:1.04!important;display:block!important;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.settings-phone #settingsClan{font-size:clamp(1.65rem,6.8vw,2.55rem)!important;line-height:1.04!important;display:block!important;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.settings-phone #settingsClanTag{display:none!important;}

/* Subtítulos voltam para a cor original/neutra */
.war-heading-text .war-subtitle,
.ranking-header p,
.members-header p,
.settings-header p,
.menu-subtitle{
  color:rgba(225,232,255,.68)!important;
  -webkit-text-fill-color:rgba(225,232,255,.68)!important;
  text-shadow:none!important;
}

/* ===== Dashboard Premium suavizado + Mais Ativo v5 ===== */
.dashboard-phone .dash-clan-copy,
.dashboard-phone .dash-clan,
.dashboard-phone .dash-clan strong,
.dashboard-phone .dash-clan-copy strong,
.dashboard-phone [data-dashboard-clan-name]{
  background:transparent!important;
  background-image:none!important;
  -webkit-background-clip:border-box!important;
  background-clip:border-box!important;
  box-shadow:none!important;
  border:0!important;
  outline:0!important;
  filter:none!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
.dashboard-phone .dash-clan strong::before,
.dashboard-phone .dash-clan strong::after,
.dashboard-phone .dash-clan-copy strong::before,
.dashboard-phone .dash-clan-copy strong::after,
.dashboard-phone [data-dashboard-clan-name]::before,
.dashboard-phone [data-dashboard-clan-name]::after{
  content:none!important;
  display:none!important;
  background:none!important;
  box-shadow:none!important;
}
.dashboard-phone.dash-plan-premium .dash-clan-copy strong,
.dashboard-phone.dash-plan-premium .dash-clan strong,
.dashboard-phone.dash-plan-premium [data-dashboard-clan-name]{
  color:#f2cf69!important;
  -webkit-text-fill-color:#f2cf69!important;
  -webkit-text-stroke:.45px rgba(18,10,0,.86)!important;
  text-shadow:
    0 1px 0 rgba(0,0,0,.88),
    0 0 4px rgba(255,217,92,.36),
    0 0 9px rgba(255,174,32,.16)!important;
}
.dashboard-phone.dash-plan-plus .dash-clan-copy strong,
.dashboard-phone.dash-plan-plus .dash-clan strong,
.dashboard-phone.dash-plan-plus [data-dashboard-clan-name]{
  text-shadow:0 1px 0 #050014,0 0 6px rgba(171,104,255,.38),0 0 12px rgba(51,206,255,.16)!important;
}
.dashboard-phone.dash-plan-premium .dash-badge,
.dashboard-phone.dash-plan-premium .clan-badge-editable{
  box-shadow:0 0 12px rgba(255,205,64,.20), inset 0 1px 0 rgba(255,255,255,.12)!important;
}
.dashboard-phone .dash-clan-copy [data-dashboard-clan-tag],
.dashboard-phone .dash-clan-copy > span,
.dashboard-phone [data-dashboard-clan-tag]{display:none!important;}
.highlight-grid article small{
  white-space:normal!important;
  line-height:1.12!important;
  font-size:.66rem!important;
}


/* ===== Fix v6: Plano/Clã sem retângulo de cor e alinhados ===== */
.settings-phone #settingsPlan,
.settings-phone #settingsClan,
.settings-phone #settingsNick,
.settings-phone #settingsClanTag{
  background:transparent!important;
  background-image:none!important;
  -webkit-background-clip:border-box!important;
  background-clip:border-box!important;
  box-shadow:none!important;
  border:0!important;
  outline:0!important;
  filter:none!important;
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:nowrap!important;
  padding:0!important;
  margin-inline:auto!important;
  display:inline-block!important;
  width:auto!important;
  max-width:100%!important;
  line-height:1.06!important;
}
.settings-phone #settingsPlan::before,
.settings-phone #settingsPlan::after,
.settings-phone #settingsClan::before,
.settings-phone #settingsClan::after,
.settings-phone #settingsNick::before,
.settings-phone #settingsNick::after{
  content:none!important;
  display:none!important;
  background:none!important;
  box-shadow:none!important;
}
.settings-phone.plan-premium #settingsPlan,
.settings-phone.plan-premium #settingsClan,
.settings-phone.plan-premium #settingsNick{
  font-family:"TopBRSLogoPremium","Cooper Black","Luckiest Guy","Arial Black",system-ui,sans-serif!important;
  color:#ffe681!important;
  -webkit-text-fill-color:#ffe681!important;
  -webkit-text-stroke:.55px rgba(21,10,0,.9)!important;
  text-shadow:0 1px 0 #000,0 0 7px rgba(255,218,84,.46),0 0 13px rgba(255,174,32,.20)!important;
}
.settings-phone.plan-plus #settingsPlan,
.settings-phone.plan-plus #settingsClan,
.settings-phone.plan-plus #settingsNick{
  font-family:"TopBRSLogoPlus","Arial Black",system-ui,sans-serif!important;
  color:#d9c9ff!important;
  -webkit-text-fill-color:#d9c9ff!important;
  -webkit-text-stroke:.45px rgba(11,4,32,.94)!important;
  text-shadow:0 1px 0 #050014,0 0 6px rgba(171,104,255,.34),0 0 12px rgba(51,206,255,.14)!important;
}
.settings-phone.plan-basic #settingsPlan,
.settings-phone.plan-basic #settingsClan,
.settings-phone.plan-basic #settingsNick,
.settings-phone.plan-trial #settingsPlan,
.settings-phone.plan-trial #settingsClan,
.settings-phone.plan-trial #settingsNick{
  font-family:"TopBRSLogoBasic","Arial Black",system-ui,sans-serif!important;
  color:#f7f9ff!important;
  -webkit-text-fill-color:#f7f9ff!important;
  -webkit-text-stroke:.36px rgba(3,7,18,.9)!important;
  text-shadow:0 1px 0 rgba(0,0,0,.7),0 0 7px rgba(154,190,255,.18)!important;
}
.settings-phone #settingsPlan{font-size:clamp(1.85rem,7vw,2.75rem)!important;}
.settings-phone #settingsClan{font-size:clamp(1.65rem,6.4vw,2.45rem)!important;}
.settings-phone #settingsClanTag{display:none!important;}
.settings-mini-card.plan-card,
.settings-mini-card.clan-card{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:center!important;
  min-height:150px!important;
  padding-top:18px!important;
  padding-bottom:18px!important;
}
.settings-mini-card.plan-card .mini-icon,
.settings-mini-card.clan-card .mini-icon{
  margin-bottom:12px!important;
  flex:0 0 auto!important;
}
.settings-mini-card.plan-card .mini-label,
.settings-mini-card.clan-card .mini-label,
.settings-mini-card.plan-card > span,
.settings-mini-card.clan-card > span{
  margin-bottom:7px!important;
}
.settings-mini-card.plan-card #settingsExpire{
  margin-top:8px!important;
}
.settings-mini-card.clan-card #settingsClan{
  margin-top:2px!important;
}
/* SaaS: botões da assinatura com espaço para Trocar plano */
.saas-sub-actions{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
}
.saas-sub-actions button{
  flex:1 1 calc(50% - 8px)!important;
  min-width:118px!important;
}

/* ===== Correção Configurações: selo do membro + alinhamento do bloco Clã v7 ===== */
.settings-profile-hero .settings-nick-line{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  width:max-content!important;
  max-width:100%!important;
  margin:0 auto!important;
  padding:0!important;
  position:relative!important;
  left:auto!important;
  right:auto!important;
  transform:none!important;
  text-align:center!important;
}
.settings-profile-hero .settings-nick-line #settingsNick{
  display:inline-block!important;
  width:auto!important;
  max-width:calc(100vw - 170px)!important;
  flex:0 1 auto!important;
}
.settings-profile-hero .settings-addon-badge,
.settings-nick-line .settings-addon-badge{
  position:static!important;
  inset:auto!important;
  display:inline-block!important;
  flex:0 0 25px!important;
  width:25px!important;
  height:25px!important;
  margin:0 0 0 5px!important;
  transform:none!important;
  vertical-align:middle!important;
  object-fit:contain!important;
}
.settings-profile-hero .settings-addon-badge[hidden],
.settings-nick-line .settings-addon-badge[hidden]{display:none!important;}

/* Plano e Clã simétricos: conteúdo começa no mesmo eixo vertical */
.settings-mini-grid{
  align-items:stretch!important;
}
.settings-mini-card.plan-card,
.settings-mini-card.clan-card{
  justify-content:flex-start!important;
  min-height:168px!important;
  padding-top:16px!important;
  padding-bottom:16px!important;
  gap:7px!important;
}
.settings-mini-card.plan-card .settings-mini-icon,
.settings-mini-card.clan-card .settings-mini-icon{
  margin-top:0!important;
  margin-bottom:8px!important;
  flex:0 0 auto!important;
}
.settings-mini-card.plan-card > span,
.settings-mini-card.clan-card > span{
  margin:0 0 6px!important;
  line-height:1.1!important;
  flex:0 0 auto!important;
}
.settings-mini-card.plan-card #settingsPlan,
.settings-mini-card.clan-card #settingsClan{
  margin-top:0!important;
  margin-bottom:0!important;
  align-self:center!important;
  flex:0 0 auto!important;
}
.settings-mini-card.plan-card #settingsExpire{
  margin-top:auto!important;
  padding-top:7px!important;
  flex:0 0 auto!important;
}
.settings-mini-card.clan-card::after{
  content:"";
  display:block;
  margin-top:auto!important;
  height:calc(1.1em + 7px);
  flex:0 0 auto;
  opacity:0;
}
@media(max-width:380px){
  .settings-profile-hero .settings-nick-line #settingsNick{max-width:calc(100vw - 148px)!important;}
  .settings-mini-card.plan-card,.settings-mini-card.clan-card{min-height:158px!important;padding-top:14px!important;}
}

/* ===== Configurações Popups v1 ===== */
.settings-popup-overlay{position:fixed;inset:0;z-index:1400;display:grid;place-items:end center;padding:16px 12px max(16px,env(safe-area-inset-bottom));background:rgba(2,8,18,.62);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);opacity:0;pointer-events:none;transition:opacity .22s ease}
.settings-popup-overlay.show{opacity:1;pointer-events:auto}
.settings-popup-modal{position:relative;width:min(100%,430px);max-height:88dvh;overflow:auto;-webkit-overflow-scrolling:touch;border-radius:28px 28px 22px 22px!important;padding:24px 18px 18px!important;transform:translateY(18px) scale(.98);transition:transform .24s cubic-bezier(.2,.8,.2,1)}
.settings-popup-overlay.show .settings-popup-modal{transform:translateY(0) scale(1)}
.settings-popup-modal h2{margin:4px 44px 6px 0;color:#fff;font-size:1.36rem;letter-spacing:-.03em}.settings-popup-modal p{margin:0 0 14px;color:#9eacc2;font-weight:800;font-size:.82rem;line-height:1.35}
.settings-form-grid{display:grid;gap:10px;margin:14px 0}.settings-form-grid label{display:grid;gap:6px}.settings-form-grid span{color:#9eacc2;font-size:.72rem;font-weight:1000;text-transform:uppercase;letter-spacing:.08em}.settings-form-grid input{min-height:44px;border-radius:15px;border:1px solid rgba(143,191,255,.14);background:rgba(3,10,24,.68);color:#eef7ff;padding:0 13px;font-weight:900;outline:0}.settings-form-grid input:disabled{opacity:.72;background:rgba(255,255,255,.035)}
.settings-popup-actions{display:flex;gap:10px;margin-top:12px}.settings-popup-actions button{flex:1;min-height:42px;border-radius:15px;font-weight:1000;border:1px solid rgba(143,191,255,.14)}.settings-popup-actions .ghost-btn{background:rgba(255,255,255,.045);color:#c9d8ee}.settings-popup-actions .gold-btn{background:linear-gradient(180deg,#ffdc71,#d9971e);color:#130d02;box-shadow:0 10px 26px rgba(255,183,41,.18)}
.settings-api-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.settings-api-grid div{border-radius:16px;border:1px solid rgba(143,191,255,.12);background:rgba(255,255,255,.045);padding:12px}.settings-api-grid span{display:block;color:#91a4bf;font-size:.64rem;font-weight:1000;text-transform:uppercase;letter-spacing:.08em}.settings-api-grid strong{display:block;margin-top:5px;color:#fff;font-size:.82rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.settings-users-list,.settings-sessions-list{display:grid;gap:10px;margin-top:12px}.settings-user-row,.settings-session-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;border-radius:18px;border:1px solid rgba(143,191,255,.12);background:rgba(255,255,255,.045);padding:11px}.settings-user-avatar{width:38px;height:38px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(180deg,rgba(255,214,95,.22),rgba(82,198,255,.11));color:#fff;font-weight:1000}.settings-user-main{min-width:0}.settings-user-main strong,.settings-session-row strong{display:block;color:#fff;font-weight:1000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-user-main span,.settings-session-row span{display:block;margin-top:3px;color:#9badc5;font-size:.72rem;font-weight:850;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-user-meta{text-align:right}.settings-user-meta b{display:block;color:#ffd65f;font-size:.72rem}.settings-user-meta small{display:block;color:#7effa5;font-size:.64rem;font-weight:900;margin-top:3px}.settings-popup-empty{border:1px dashed rgba(143,191,255,.18);border-radius:18px;padding:18px;text-align:center;color:#9eacc2;font-weight:900}.settings-popup-empty.error{color:#ff9b9b}
.settings-session-head{margin-top:18px;padding-top:14px;border-top:1px solid rgba(143,191,255,.12);display:flex;justify-content:space-between;gap:10px;align-items:end}.settings-session-head strong{color:#fff}.settings-session-head span{color:#91a4bf;font-size:.72rem;font-weight:900}.settings-session-row{grid-template-columns:minmax(0,1fr) auto auto}.settings-session-row.current{border-color:rgba(126,255,165,.24)}.settings-session-row em{font-style:normal;color:#7effa5;font-size:.68rem;font-weight:1000}.settings-session-row button{border-radius:12px;border:1px solid rgba(255,117,117,.22);background:rgba(255,85,85,.08);color:#ff9b9b;font-weight:1000;padding:8px 10px}
@media(max-width:380px){.settings-api-grid{grid-template-columns:1fr}.settings-popup-actions{flex-direction:column}.settings-user-row{grid-template-columns:auto minmax(0,1fr)}.settings-user-meta{grid-column:1/-1;text-align:left;display:flex;gap:8px}}

/* ===== Configurações popups refinamento v2 ===== */
.settings-api-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
}
.settings-api-grid div{
  min-height:70px!important;
  padding:10px 11px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}
.settings-api-grid span{
  font-size:.56rem!important;
  letter-spacing:.095em!important;
  line-height:1.08!important;
}
.settings-api-grid strong{
  font-size:.76rem!important;
  line-height:1.15!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  word-break:break-word!important;
}
.settings-api-loading{
  grid-column:1/-1;
  min-height:72px;
  display:grid!important;
  place-items:center;
  color:#9eacc2;
  font-weight:950;
}
.settings-api-status{
  display:inline-flex!important;
  align-items:center;
  gap:7px;
  font-weight:1000;
}
.settings-api-status i{
  width:9px;
  height:9px;
  border-radius:999px;
  display:inline-block;
  box-shadow:0 0 13px currentColor;
}
.settings-api-status.online{color:#7effa5!important}
.settings-api-status.online i{background:#31f178}
.settings-api-status.sync{color:#ffd65f!important}
.settings-api-status.sync i{background:#ffd65f}
.settings-api-status.error{color:#ff8181!important}
.settings-api-status.error i{background:#ff5757}
.settings-api-plan{font-weight:1000!important}
.settings-api-plan.plan-premium{color:#ffd65f!important}
.settings-api-plan.plan-plus{color:#c08cff!important}
.settings-api-plan.plan-basic{color:#9fe5ff!important}
.settings-api-plan.plan-trial{color:#c9d8ee!important}
.settings-popup-actions{position:sticky;bottom:0;padding-top:10px;background:linear-gradient(180deg,rgba(7,16,34,0),rgba(7,16,34,.92) 32%,rgba(7,16,34,.96));}
.settings-users-modal .settings-popup-modal,
.settings-security-modal.settings-popup-modal{max-height:86dvh!important;}
.settings-user-row{grid-template-columns:38px minmax(0,1fr)!important;align-items:start!important;}
.settings-user-meta{grid-column:1/-1!important;text-align:left!important;display:flex!important;gap:8px!important;flex-wrap:wrap!important;}
.settings-user-meta b,.settings-user-meta small{border-radius:999px;padding:5px 9px;background:rgba(255,255,255,.055);border:1px solid rgba(143,191,255,.10)}
.settings-session-row{grid-template-columns:minmax(0,1fr) auto!important;}
.settings-session-row button{grid-column:1/-1;justify-self:start;margin-top:3px;}
@media(max-width:380px){
  .settings-api-grid{grid-template-columns:1fr 1fr!important;gap:7px!important;}
  .settings-api-grid div{min-height:64px!important;padding:9px!important;}
  .settings-api-grid strong{font-size:.70rem!important;}
  .settings-popup-modal h2{font-size:1.22rem!important;}
}

/* ===== Configurações > Usuários: somente cadastrados vinculados v4 ===== */
.settings-user-row.is-clickable{cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease}
.settings-user-row.is-clickable:active{transform:scale(.985)}
.settings-user-row.is-clickable{border-color:rgba(126,255,165,.18)!important;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.032))!important}
.settings-user-row.is-locked{opacity:.82}
.settings-user-avatar{overflow:hidden!important}
.settings-user-avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}
.settings-user-detail{display:grid;gap:9px;margin-top:14px}
.settings-user-detail>div{display:grid;grid-template-columns:112px minmax(0,1fr);gap:10px;align-items:center;border-radius:16px;border:1px solid rgba(143,191,255,.12);background:rgba(255,255,255,.045);padding:11px 12px}
.settings-user-detail span{color:#9badc5;text-transform:uppercase;letter-spacing:.12em;font-size:.68rem;font-weight:1000}
.settings-user-detail strong{color:#fff;font-size:.86rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.settings-users-list .settings-user-main span{max-width:100%;}
@media(max-width:380px){.settings-user-detail>div{grid-template-columns:1fr}.settings-user-detail strong{white-space:normal}}

/* ===== i18n / seletor de idiomas v1 ===== */
.language-switch{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:6px;
  border:1px solid rgba(151,178,230,.20);
  border-radius:999px;
  background:rgba(4,10,22,.62);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 12px 28px rgba(0,0,0,.28);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
}
.auth-language-switch{
  position:fixed;
  z-index:40;
  top:calc(env(safe-area-inset-top, 0px) + 16px);
  right:18px;
}
.language-switch button{
  width:42px;
  min-height:34px;
  border:0;
  border-radius:999px;
  background:transparent;
  color:#aebbd2;
  font-weight:1000;
  letter-spacing:.05em;
}
.language-switch button.active{
  color:#06101f;
  background:linear-gradient(180deg,#ffe58a,#f4b72c);
  box-shadow:0 0 16px rgba(246,190,49,.28),inset 0 1px 0 rgba(255,255,255,.45);
}
.settings-language-modal{max-height:min(78vh,690px);}
.settings-language-options{
  display:grid;
  gap:12px;
  margin:18px 0 8px;
}
.settings-language-options button{
  display:grid;
  grid-template-columns:58px minmax(0,1fr);
  grid-template-areas:"flag title" "flag desc";
  align-items:center;
  gap:0 14px;
  width:100%;
  border:1px solid rgba(145,170,220,.18);
  border-radius:22px;
  padding:14px 16px;
  color:#eef4ff;
  text-align:left;
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
.settings-language-options button b{
  grid-area:flag;
  display:grid;
  place-items:center;
  width:48px;
  height:48px;
  border-radius:16px;
  color:#ffd65f;
  background:rgba(255,214,95,.09);
  border:1px solid rgba(255,214,95,.18);
  font-size:1rem;
}
.settings-language-options button span{
  grid-area:title;
  font-weight:1000;
  font-size:1.05rem;
}
.settings-language-options button small{
  grid-area:desc;
  color:#9ba8bd;
  font-weight:800;
  margin-top:2px;
}
.settings-language-options button.active{
  border-color:rgba(255,214,95,.54);
  background:linear-gradient(135deg,rgba(255,214,95,.16),rgba(255,255,255,.045));
  box-shadow:0 0 22px rgba(255,214,95,.10),inset 0 1px 0 rgba(255,255,255,.12);
}
@media(max-width:420px){
  .auth-language-switch{top:calc(env(safe-area-inset-top, 0px) + 10px);right:12px;transform:scale(.92);transform-origin:top right;}
}

/* ===== i18n Stage 1 final: seletor visível e fixo ===== */
.language-switch{
  position:fixed!important;
  top:calc(env(safe-area-inset-top, 0px) + 14px)!important;
  right:14px!important;
  z-index:120!important;
}
.auth-shell .language-switch,
.subscribe-shell .language-switch{position:fixed!important;}
@media(max-width:390px){
  .language-switch{right:10px!important;transform:scale(.92);transform-origin:top right;}
}


/* ===== Stage 2 i18n: seletor visível na página inicial e onboarding ===== */
.auth-shell .auth-language-switch,
.auth-shell > .language-switch,
.onboarding-card .language-switch{
  position:fixed!important;
  top:calc(env(safe-area-inset-top, 0px) + 14px)!important;
  right:14px!important;
  z-index:999!important;
}
.onboarding-card .language-switch{transform:scale(.88);transform-origin:top right;}
@media(max-width:390px){
  .auth-shell .auth-language-switch,
  .auth-shell > .language-switch,
  .onboarding-card .language-switch{right:10px!important;transform:scale(.88);transform-origin:top right;}
}

/* ===== Stage 2 login/signup flip fix ===== */
.member-access,
.member-access .inline-link,
.flip-wrap,
.flip-face,
#authFlip,
#authBack,
#authBackContent{
  pointer-events:auto!important;
}
.member-access .inline-link{position:relative!important;z-index:8!important;touch-action:manipulation!important;}
.auth-language-switch{z-index:25!important;}

/* ===== Stage 3: flip 3D restaurado com fallback JS ===== */
#authFlip .flip-card-inner{
  transform-style:preserve-3d!important;
  transition:transform .62s cubic-bezier(.2,.8,.2,1)!important;
}
#authFlip.is-flipped .flip-card-inner{transform:rotateY(180deg)!important;}
#authFlip .flip-face{
  backface-visibility:hidden!important;
  -webkit-backface-visibility:hidden!important;
}
#authFlip .flip-back{
  display:block!important;
  position:absolute!important;
  inset:0!important;
  transform:rotateY(180deg)!important;
  max-height:520px!important;
  min-height:392px!important;
  overflow-y:auto!important;
}
#authFlip .flip-front{display:block!important;}
#authFlip.auth-no-3d .flip-card-inner{transform:none!important;transition:none!important;transform-style:flat!important;}
#authFlip.auth-no-3d .flip-face{backface-visibility:visible!important;-webkit-backface-visibility:visible!important;}
#authFlip.auth-no-3d .flip-back{display:none!important;position:relative!important;inset:auto!important;transform:none!important;max-height:none!important;}
#authFlip.auth-no-3d.is-flipped .flip-front{display:none!important;}
#authFlip.auth-no-3d.is-flipped .flip-back{display:grid!important;}
#openLogin,#openSignup,[data-auth-open="login"],[data-auth-open="signup"]{
  pointer-events:auto!important;
  touch-action:manipulation!important;
  position:relative!important;
  z-index:10!important;
}


/* ===== Stage 3 feedback consolidation: auth, flip and nav fitting ===== */
#clanForm{
  width:100%!important;
  box-sizing:border-box!important;
}
#clanForm > .primary-btn{
  width:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:64px!important;
}
#clanForm .member-access{
  width:100%!important;
  justify-content:center!important;
  text-align:center!important;
  margin-top:4px!important;
}
#clanForm .sign-link{
  width:100%!important;
  display:block!important;
  text-align:center!important;
  margin-top:4px!important;
}
.flip-wrap{
  width:100%!important;
  max-width:100%!important;
  overflow:visible!important;
  box-sizing:border-box!important;
  min-width:0!important;
}
.flip-card-inner{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}
.flip-face{
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  left:0!important;
  right:0!important;
}
.flip-back{
  inset:0!important;
  width:100%!important;
  max-width:100%!important;
  max-height:min(560px, calc(100svh - 230px))!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding:22px 18px 18px!important;
}
.flip-back .field,
.flip-back .input-with-btn,
.flip-back input,
.flip-back .primary-btn{
  max-width:100%!important;
  box-sizing:border-box!important;
}
.flip-back .primary-btn{
  width:100%!important;
}
.auth-card{
  overflow:visible!important;
}
@media (max-width:390px){
  .flip-back{padding-left:14px!important;padding-right:14px!important;}
  #clanForm > .primary-btn{min-height:60px!important;}
}

/* Bottom nav: labels per language must fit without overlap */
.bottom-nav{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) 82px minmax(0,1fr) minmax(0,1fr) minmax(0,1fr)!important;
  gap:1px!important;
  padding-left:6px!important;
  padding-right:6px!important;
  overflow:visible!important;
}
.bottom-nav .nav-btn{
  min-width:0!important;
  overflow:visible!important;
  padding:0 1px!important;
}
.bottom-nav .nav-btn span{
  display:block!important;
  max-width:100%!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:clip!important;
  font-size:clamp(.43rem, 1.55vw, .56rem)!important;
  letter-spacing:-.045em!important;
  line-height:1.05!important;
  text-align:center!important;
}
.bottom-nav .nav-home span{font-size:clamp(.43rem, 1.45vw, .54rem)!important;}
@media (max-width:370px){
  .bottom-nav{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) 76px minmax(0,1fr) minmax(0,1fr) minmax(0,1fr)!important;}
  .bottom-nav .nav-btn span{font-size:.43rem!important;}
}

/* Classification tabs: keep translated labels inside the tab */
.ranking-tabs button,
.ranking-tab,
.classification-tabs button{
  min-width:0!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:clip!important;
  font-size:clamp(.76rem, 3vw, .98rem)!important;
  padding-left:10px!important;
  padding-right:10px!important;
}

/* Status pill long translations */
.war-state-pill b,
.dash-card-head b{
  white-space:nowrap!important;
  max-width:100%!important;
  font-size:clamp(.58rem, 2.2vw, .72rem)!important;
  letter-spacing:.08em!important;
}


/* ===== Stage 4 final validation patch ===== */
/* Login/cadastro/busca de clã: trava o conteúdo dentro do card e volta ao padrão compacto */
.auth-shell{min-height:100svh!important;height:auto!important;padding:calc(20px + env(safe-area-inset-top)) 14px calc(22px + env(safe-area-inset-bottom))!important;overflow-x:hidden!important;overflow-y:auto!important;}
.auth-card{width:min(100%,390px)!important;margin:0 auto!important;min-height:auto!important;max-height:none!important;overflow:visible!important;padding:54px 22px 24px!important;box-sizing:border-box!important;}
.brand-block{margin-top:0!important;}
.brand-shield{width:112px!important;height:132px!important;}
.auth-copy{margin:12px 0 22px!important;}
.auth-copy h1{font-size:clamp(1.9rem,7.1vw,2.45rem)!important;line-height:1.06!important;}
.auth-copy p{font-size:clamp(1.04rem,4.3vw,1.32rem)!important;line-height:1.45!important;}
.flip-wrap{width:100%!important;max-width:100%!important;min-height:360px!important;height:auto!important;overflow:visible!important;perspective:1200px!important;}
.flip-card-inner{position:relative!important;width:100%!important;min-height:360px!important;height:auto!important;}
#clanForm.flip-front{position:relative!important;inset:auto!important;min-height:360px!important;padding:20px 18px 22px!important;}
#authFlip .flip-back{min-height:360px!important;max-height:min(70svh,610px)!important;overflow-y:auto!important;overflow-x:hidden!important;padding:22px 18px 18px!important;border-radius:24px!important;}
#authBackContent{display:grid!important;gap:14px!important;max-width:100%!important;}
#authBackContent .field{gap:8px!important;}
#authBackContent .auth-main-btn{min-height:58px!important;}
#clanForm .member-access{display:flex!important;flex-wrap:wrap!important;gap:4px 8px!important;line-height:1.25!important;max-width:100%!important;}
#clanForm .sign-link{margin-top:2px!important;}
#clanForm .primary-btn{min-height:64px!important;border-radius:18px!important;}
@media(max-height:760px){
  .auth-card{padding-top:42px!important;}
  .brand-shield{width:96px!important;height:112px!important;}
  .auth-copy{margin:8px 0 16px!important;}
  .auth-copy h1{font-size:clamp(1.72rem,6.4vw,2.15rem)!important;}
  .auth-copy p{font-size:clamp(.98rem,3.9vw,1.14rem)!important;}
  #clanForm.flip-front{min-height:330px!important;}
  .flip-wrap,.flip-card-inner{min-height:330px!important;}
}
@media(max-width:380px){
  .auth-card{padding-left:18px!important;padding-right:18px!important;}
  #authFlip .flip-back,#clanForm.flip-front{padding-left:14px!important;padding-right:14px!important;}
}

/* Membros: título + subtítulo sempre visíveis */
.members-header p{display:block!important;opacity:1!important;visibility:visible!important;max-height:none!important;}
.members-header h1,.members-header p,.members-header #membersCount{max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;}

/* Botão central Home/Dashboard: remove o vazamento vertical de luz fora do círculo */
.nav-btn.nav-home::before,.bottom-nav .nav-home::before{display:none!important;content:none!important;}
.nav-btn.nav-home,.bottom-nav .nav-home{filter:none!important;overflow:visible!important;isolation:isolate!important;}
.nav-btn.nav-home::after,.bottom-nav .nav-home::after{width:66px!important;height:66px!important;filter:none!important;box-shadow:0 8px 22px rgba(248,200,79,.24),0 0 18px rgba(248,200,79,.18)!important;}
.nav-btn.nav-home svg,.bottom-nav .nav-home svg{box-shadow:none!important;background:transparent!important;border:0!important;}

/* Notificações: popup reativado e limitado a 3 últimas */
.notifications-overlay.show{display:flex!important;opacity:1!important;pointer-events:auto!important;}
.notifications-modal{transform:none!important;}
.notification-item:last-child{border-bottom:0!important;}
.dashboard-notification-list .notification-item:nth-child(n+4),.modal-notification-list .notification-item:nth-child(n+4){display:none!important;}
html[lang="pt-BR"] .ranking-list:empty::after,html[lang="pt-BR"] #rankingList:empty::after{content:"Carregando dados reais..."!important;}
html[lang="en-US"] .ranking-list:empty::after,html[lang="en-US"] #rankingList:empty::after{content:"Loading real data..."!important;}
html[lang="es-ES"] .ranking-list:empty::after,html[lang="es-ES"] #rankingList:empty::after{content:"Cargando datos reales..."!important;}
html[lang="pt-BR"] #warList:empty::after{content:"Carregando membros..."!important;}
html[lang="en-US"] #warList:empty::after{content:"Loading members..."!important;}
html[lang="es-ES"] #warList:empty::after{content:"Cargando miembros..."!important;}


/* ===== Stage 4.1 hotfix: auth layout, connection status, notifications ===== */
.auth-card{
  overflow:hidden!important;
}
.flip-wrap,
.flip-card-inner{
  min-height:470px!important;
}
#clanForm.flip-front{
  min-height:470px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  gap:18px!important;
  padding:26px 24px 24px!important;
}
#clanForm.flip-front h2{
  font-size:1.05rem!important;
  margin:2px 0 4px!important;
}
#clanForm .field{gap:8px!important;}
#clanForm .field span{margin-bottom:2px!important;}
#clanForm .primary-btn{margin-top:2px!important;}
#clanForm .member-access{margin-top:6px!important;font-size:.9rem!important;line-height:1.45!important;}
#clanForm .sign-link{margin-top:6px!important;font-size:.95rem!important;}
#clanForm .link-btn.sign-link{padding-bottom:8px!important;}
#authFlip .flip-back{
  min-height:470px!important;
  max-height:min(58svh,520px)!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding:26px 20px 22px!important;
}
#authBack[data-auth-mode="login"]{max-height:min(54svh,470px)!important;}
#authBack[data-auth-mode="signup"]{max-height:min(62svh,560px)!important;}
#authBackContent{padding-top:4px!important;}
#authBackContent h2{margin:0 52px 10px!important;font-size:1.05rem!important;}
.auth-mode-copy{margin:0 10px 18px!important;font-size:.9rem!important;line-height:1.5!important;}
.auth-field{margin-bottom:12px!important;}
.auth-field span{margin-bottom:4px!important;}
.auth-main-btn{margin-top:18px!important;min-height:60px!important;}
.forgot-btn{margin-top:12px!important;}
.member-access.compact{margin-top:14px!important;padding-bottom:4px!important;}
@media(max-width:390px){
  .auth-card{padding:50px 18px 20px!important;}
  .flip-wrap,.flip-card-inner,#clanForm.flip-front,#authFlip .flip-back{min-height:440px!important;}
  #clanForm.flip-front{padding:22px 16px 20px!important;gap:16px!important;}
  #authFlip .flip-back{padding:22px 16px 18px!important;}
}

.notifications-card{
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
}
.notifications-card [data-notification-list]{
  display:flex!important;
  flex-direction:column!important;
  flex:1 1 auto!important;
  min-height:280px!important;
}
.dash-notification-head{
  position:sticky!important;
  top:0!important;
  z-index:3!important;
  background:linear-gradient(180deg,rgba(9,18,34,.98),rgba(9,18,34,.90))!important;
  padding-bottom:12px!important;
  margin-bottom:6px!important;
}
.dashboard-notification-list,
.modal-notification-list{
  display:flex!important;
  flex-direction:column!important;
  gap:0!important;
}
.dashboard-notification-list{
  flex:1 1 auto!important;
  overflow-y:auto!important;
  -webkit-overflow-scrolling:touch!important;
  padding-right:4px!important;
  min-height:220px!important;
  max-height:340px!important;
}
.notification-item{
  align-items:flex-start!important;
  gap:10px!important;
  padding:12px 0!important;
}
.notification-copy{gap:2px!important;min-width:0!important;}
.notification-summary strong{display:block!important;color:#fff!important;font-weight:820!important;font-size:.98rem!important;line-height:1.2!important;word-break:break-word!important;}
.notification-summary span{display:block!important;color:rgba(226,232,240,.66)!important;font-size:.84rem!important;line-height:1.2!important;margin-top:3px!important;}
.notification-message{margin-top:8px!important;color:rgba(226,232,240,.74)!important;font-size:.92rem!important;line-height:1.45!important;}
.notification-toggle{width:26px!important;height:26px!important;display:grid!important;place-items:center!important;border:1px solid rgba(176,199,255,.12)!important;border-radius:9px!important;background:rgba(255,255,255,.04)!important;color:#dbe7ff!important;flex:0 0 auto!important;}
.notification-toggle svg{width:14px!important;height:14px!important;transition:transform .22s ease!important;}
.notification-item.is-open .notification-toggle svg{transform:rotate(180deg)!important;}
.empty-notifications{min-height:220px!important;padding:0 18px!important;}
.dash-clear-notifications{flex:0 0 auto!important;}
.notifications-modal .modal-notification-scroll{padding-top:12px!important;}
.notifications-modal .modal-notification-list{min-height:180px!important;}
@media(max-width:390px){
  .notification-summary strong{font-size:.92rem!important;}
  .notification-summary span,.notification-message{font-size:.82rem!important;}
}

/* dashboard home button light leak */
.bottom-nav,
.bottom-nav::before,
.bottom-nav::after,
.nav-home,
.nav-home::before,
.nav-home::after,
.nav-home .nav-icon,
.nav-home .nav-label{
  overflow:visible!important;
}
.bottom-nav .nav-home{
  isolation:isolate!important;
}
.bottom-nav .nav-home::before{
  box-shadow:0 0 28px rgba(244,183,44,.22)!important;
  filter:none!important;
}
.bottom-nav .nav-home::after{
  display:none!important;
}


/* ===== Stage 4.2 pre-optimization final base fix ===== */
/* Tela inicial: preencher vazio inferior sem vazar e manter busca clã no padrão antigo */
.auth-card{overflow:hidden!important;}
.auth-copy{margin:18px 0 24px!important;}
.flip-wrap,.flip-card-inner,#clanForm.flip-front{min-height:500px!important;}
#clanForm.flip-front{
  justify-content:flex-start!important;
  gap:20px!important;
  padding:34px 22px 26px!important;
}
#clanForm.flip-front h2{margin:0 0 4px!important;}
#clanForm .field{gap:10px!important;}
#clanForm .primary-btn{margin-top:4px!important;}
#clanForm .member-access{margin-top:10px!important;line-height:1.5!important;}
#clanForm .sign-link{margin-top:8px!important;}
@media(max-height:760px){
  .auth-copy{margin:12px 0 20px!important;}
  .flip-wrap,.flip-card-inner,#clanForm.flip-front{min-height:450px!important;}
  #clanForm.flip-front{padding-top:28px!important;}
}

/* Resultado de busca/clã não encontrado: abrir mais baixo, dentro do painel visual */
.clan-result-sheet-overlay.auth-result-sheet-overlay{
  align-items:flex-end!important;
  padding:0 18px calc(136px + env(safe-area-inset-bottom))!important;
  background:rgba(1,6,18,.10)!important;
}
.clan-result-sheet-overlay.auth-result-sheet-overlay .clan-result-sheet{
  transform:translateY(18px)!important;
}
.clan-result-sheet-overlay.auth-result-sheet-overlay.show .clan-result-sheet{
  transform:translateY(0)!important;
}
@media(max-height:760px){
  .clan-result-sheet-overlay.auth-result-sheet-overlay{padding-bottom:calc(112px + env(safe-area-inset-bottom))!important;}
}

/* Membros: remover duplicação visual e restaurar subtítulo */
.members-header h1{display:block!important;}
.members-header p{display:block!important;opacity:1!important;visibility:visible!important;max-height:none!important;white-space:normal!important;}
.members-header #membersCount{display:block!important;}
.members-header h1,.members-header p,.members-header #membersCount{overflow:hidden!important;text-overflow:ellipsis!important;}

/* Configurações: popup não pode jogar a tela de fundo para o topo */
body.settings-scroll-locked{overflow:hidden!important;height:auto!important;touch-action:none!important;}
body.settings-scroll-locked .settings-popup-overlay{touch-action:auto!important;}
body.settings-scroll-locked .settings-phone,
body.settings-scroll-locked .dashboard-shell{pointer-events:none!important;}
body.settings-scroll-locked .settings-popup-overlay.show{pointer-events:auto!important;}

/* API Clash: refresh em andamento */
#refreshApiInfo:disabled{opacity:.72!important;filter:saturate(.8)!important;}


/* ===== Stage 4 basefix3: onboarding positioning + result sheet definitive ===== */
.auth-card{
  display:flex!important;
  flex-direction:column!important;
}
.auth-copy{
  margin-bottom:32px!important;
}
.flip-wrap,
.flip-card-inner{
  min-height:540px!important;
}
#clanForm.flip-front{
  min-height:540px!important;
  padding:56px 22px 26px!important;
  gap:22px!important;
  justify-content:flex-start!important;
}
#clanForm.flip-front h2{
  margin-bottom:12px!important;
}
#clanForm .primary-btn{
  margin-top:6px!important;
}
#clanForm .member-access{
  margin-top:10px!important;
}
#clanForm .sign-link{
  margin-top:12px!important;
}
@media(max-height:760px){
  .auth-copy{margin-bottom:24px!important;}
  .flip-wrap,.flip-card-inner,#clanForm.flip-front{min-height:500px!important;}
  #clanForm.flip-front{padding-top:44px!important;}
}

/* O resultado de busca deve abrir mais baixo, mas não colado no rodapé do navegador */
.clan-result-sheet-overlay.auth-result-sheet-overlay{
  align-items:flex-start!important;
  justify-content:center!important;
  padding:0 18px!important;
  background:rgba(1,6,18,.08)!important;
}
.clan-result-sheet-overlay.auth-result-sheet-overlay .clan-result-sheet{
  margin-top:min(61svh, 560px)!important;
  transform:translateY(18px)!important;
}
.clan-result-sheet-overlay.auth-result-sheet-overlay.show .clan-result-sheet{
  transform:translateY(0)!important;
}
@media(max-height:760px){
  .clan-result-sheet-overlay.auth-result-sheet-overlay .clan-result-sheet{
    margin-top:min(58svh, 505px)!important;
  }
}
@media(max-height:680px){
  .clan-result-sheet-overlay.auth-result-sheet-overlay .clan-result-sheet{
    margin-top:min(55svh, 430px)!important;
  }
}

/* Mantém título e subtítulo de membros corretos */
.members-header h1::after,
.members-header p::after{content:none!important;}
.members-header h1{display:block!important;visibility:visible!important;}
.members-header p{display:block!important;visibility:visible!important;opacity:1!important;}


/* ===== Surgical fix: notifications + members header only ===== */
.notifications-card{
  min-height:360px!important;
  max-height:360px!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
}
.notifications-card [data-notification-list]{
  min-height:0!important;
  flex:1 1 auto!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
}
.dash-notification-head{
  flex:0 0 auto!important;
  position:sticky!important;
  top:0!important;
  z-index:3!important;
  padding-bottom:10px!important;
  margin-bottom:4px!important;
  background:linear-gradient(180deg,rgba(9,18,34,.98),rgba(9,18,34,.88))!important;
}
.dashboard-notification-list{
  flex:1 1 auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow-y:auto!important;
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior:contain!important;
  padding:4px 4px 10px 0!important;
}
.notification-item.compact{
  display:flex!important;
  align-items:flex-start!important;
  gap:9px!important;
  padding:10px 0!important;
  border-bottom:1px solid rgba(255,255,255,.075)!important;
}
.notification-item.compact .notification-copy strong{
  font-size:.86rem!important;
  line-height:1.15!important;
  color:#fff!important;
}
.notification-item.compact .notification-copy span{
  font-size:.72rem!important;
  line-height:1.15!important;
  color:rgba(226,232,240,.62)!important;
  margin-top:2px!important;
}
.notification-item.compact .notification-message{
  font-size:.78rem!important;
  line-height:1.32!important;
  color:rgba(226,232,240,.70)!important;
  margin-top:7px!important;
}
.notification-item.compact .notification-dot{
  width:9px!important;
  height:9px!important;
  margin-top:7px!important;
  flex:0 0 9px!important;
}
.notification-item.compact:not(.is-unread) .notification-dot,
.notification-item.compact.is-open .notification-dot{
  opacity:0!important;
  box-shadow:none!important;
}
.notification-toggle{
  width:24px!important;
  height:24px!important;
  border:1px solid rgba(176,199,255,.12)!important;
  border-radius:9px!important;
  background:rgba(255,255,255,.04)!important;
  color:#dbe7ff!important;
  display:grid!important;
  place-items:center!important;
  flex:0 0 24px!important;
  margin-top:1px!important;
}
.notification-toggle svg{
  width:13px!important;
  height:13px!important;
  transition:transform .2s ease!important;
}
.notification-item.is-open .notification-toggle svg{transform:rotate(180deg)!important;}
.empty-notifications{
  min-height:230px!important;
  display:grid!important;
  place-items:center!important;
  font-size:.82rem!important;
}
.members-header h1{display:block!important;visibility:visible!important;opacity:1!important;}
.members-header p{display:block!important;visibility:visible!important;opacity:1!important;max-height:none!important;}
.members-header #membersCount{display:block!important;}
@media(max-width:390px){
  .notifications-card{min-height:350px!important;max-height:350px!important;}
}


/* ===== CLEAN REBASE ROOTFIX: sem CSS acumulado de performance =====
   Base limpa antes dos batches de Stage 4.
   Objetivo: parar o sumiço/reaparecimento no iOS sem mexer em lógica.
*/

/* Remove dependência visual de planos no cabeçalho da Dashboard */
.dashboard-phone.dash-plan-basic .dash-header,
.dashboard-phone.dash-plan-plus .dash-header,
.dashboard-phone.dash-plan-premium .dash-header,
.dashboard-phone .dash-header{
  background:transparent!important;
  box-shadow:none!important;
  border:0!important;
  filter:none!important;
  -webkit-filter:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  transform:none!important;
  -webkit-transform:none!important;
  contain:none!important;
  content-visibility:visible!important;
  will-change:auto!important;
}

.dashboard-phone .dash-header::before,
.dashboard-phone .dash-header::after,
.dashboard-phone .dash-clan::before,
.dashboard-phone .dash-clan::after,
.dashboard-phone .dash-badge::before,
.dashboard-phone .dash-badge::after,
.dashboard-phone .dash-bell::before,
.dashboard-phone .dash-bell::after{
  content:none!important;
  display:none!important;
}

.dashboard-phone .dash-clan,
.dashboard-phone .dash-clan *,
.dashboard-phone .dash-badge,
.dashboard-phone .dash-badge *,
.dashboard-phone .dash-bell,
.dashboard-phone .dash-bell *{
  animation:none!important;
  filter:none!important;
  -webkit-filter:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  will-change:auto!important;
  contain:none!important;
  content-visibility:visible!important;
}

/* Nome do clã neutro: sem cor/glow de plano */
.dashboard-phone .dash-clan strong,
.dashboard-phone.dash-plan-premium .dash-clan strong,
.dashboard-phone.dash-plan-plus .dash-clan strong,
.dashboard-phone.dash-plan-basic .dash-clan strong{
  color:#f6f8ff!important;
  -webkit-text-fill-color:#f6f8ff!important;
  background:none!important;
  -webkit-background-clip:initial!important;
  background-clip:initial!important;
  text-shadow:none!important;
  filter:none!important;
  -webkit-filter:none!important;
  font-weight:900!important;
}

.dashboard-phone .dash-clan span{
  color:rgba(226,234,255,.70)!important;
  text-shadow:none!important;
  filter:none!important;
}

/* Emblema limpo: remove aura, glow e quadrado amarelo interno/externo */
.dashboard-phone .dash-badge,
.dashboard-phone.dash-plan-premium .dash-badge,
.dashboard-phone.dash-plan-plus .dash-badge,
.dashboard-phone.dash-plan-basic .dash-badge{
  background:rgba(255,255,255,.055)!important;
  border:1px solid rgba(176,199,255,.16)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07)!important;
  outline:0!important;
}

.dashboard-phone .dash-badge img,
.dashboard-phone.dash-plan-premium .dash-badge img,
.dashboard-phone.dash-plan-plus .dash-badge img,
.dashboard-phone.dash-plan-basic .dash-badge img{
  background:transparent!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  filter:none!important;
  -webkit-filter:none!important;
  transform:none!important;
}

/* Sino estável */
.dashboard-phone .dash-bell{
  background:rgba(255,255,255,.075)!important;
  border:1px solid rgba(176,199,255,.16)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07)!important;
}

/* Configurações: mantém avatar e profile background, mas remove filtros/repaint do bloco */
.settings-profile-hero,
.settings-profile-card,
.settings-avatar-wrap,
.settings-avatar,
.settings-logout{
  contain:none!important;
  content-visibility:visible!important;
  will-change:auto!important;
  transform:none!important;
  -webkit-transform:none!important;
  filter:none!important;
  -webkit-filter:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  backface-visibility:visible!important;
}

.settings-profile-hero::before,
.settings-profile-hero::after,
.settings-avatar-wrap::before,
.settings-avatar-wrap::after,
.settings-logout::before,
.settings-logout::after{
  content:none!important;
  display:none!important;
}

/* Remove o estado/efeito de rolagem dos batches antigos, caso cache ainda injete classe */
html.topbrs-is-scrolling *,
html.topbrs-is-scrolling *::before,
html.topbrs-is-scrolling *::after{
  animation-play-state:running!important;
  transition-duration:inherit!important;
  filter:inherit!important;
  -webkit-filter:inherit!important;
}

/* Espaço final controlado, sem vazio gigante */
.dashboard-shell,
.settings-shell,
.members-shell,
.ranking-shell,
.war-shell{
  padding-bottom:calc(96px + env(safe-area-inset-bottom))!important;
}

.dashboard-phone,
.settings-phone,
.members-phone,
.ranking-phone,
.war-phone{
  padding-bottom:calc(118px + env(safe-area-inset-bottom))!important;
  margin-bottom:calc(12px + env(safe-area-inset-bottom))!important;
  min-height:auto!important;
  height:auto!important;
}

/* O menu fica acima do conteúdo sem exigir padding absurdo */
.bottom-nav{
  bottom:calc(12px + env(safe-area-inset-bottom))!important;
}


/* ===== Settings ROOTFIX: remove efeitos de plano/glow no menu Configurações =====
   Dashboard já validada. Esta correção atua somente em Configurações.
   Causa provável: textos premium/glow + filtros no hero/card do plano forçam repaint no iOS.
*/

/* O menu Configurações não deve virtualizar/recortar blocos durante scroll */
.settings-shell,
.settings-phone,
.settings-header,
.settings-profile-hero,
.settings-profile-card,
.settings-avatar-wrap,
.settings-avatar,
.settings-grid,
.settings-card,
.settings-list,
.settings-actions,
.settings-logout{
  contain:none!important;
  content-visibility:visible!important;
  contain-intrinsic-size:auto!important;
  will-change:auto!important;
  -webkit-transform:none!important;
  transform:none!important;
}

/* Mantém avatar e profile background, mas sem filtros/glows/pseudo-camadas que piscam */
.settings-profile-hero,
.settings-profile-card,
.settings-card,
.settings-logout{
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  filter:none!important;
  -webkit-filter:none!important;
  animation:none!important;
}

.settings-profile-hero::before,
.settings-profile-hero::after,
.settings-profile-card::before,
.settings-profile-card::after,
.settings-avatar-wrap::before,
.settings-avatar-wrap::after,
.settings-card::before,
.settings-card::after,
.settings-logout::before,
.settings-logout::after{
  content:none!important;
  display:none!important;
  opacity:0!important;
  filter:none!important;
  -webkit-filter:none!important;
  box-shadow:none!important;
  animation:none!important;
}

/* Remove visual de plano dos textos no menu Configurações */
.settings-profile-hero strong,
.settings-profile-hero h2,
.settings-profile-name,
.settings-member-name,
.settings-card strong,
.settings-card .premium-text,
.settings-card .plan-name,
.settings-card .clan-name,
.settings-plan-name,
.settings-clan-name,
[data-settings-plan],
[data-settings-clan],
[data-plan-label],
[data-clan-name]{
  color:#f6f8ff!important;
  -webkit-text-fill-color:#f6f8ff!important;
  background:none!important;
  -webkit-background-clip:initial!important;
  background-clip:initial!important;
  text-shadow:none!important;
  filter:none!important;
  -webkit-filter:none!important;
  box-shadow:none!important;
  animation:none!important;
}

/* Subtextos neutros e legíveis */
.settings-profile-hero small,
.settings-profile-hero span,
.settings-card span,
.settings-card small,
.settings-card p{
  text-shadow:none!important;
  filter:none!important;
  -webkit-filter:none!important;
}

/* Remove glow premium dos cards Plano/Clã sem apagar ícones, avatar ou fundo */
.settings-card,
.settings-card.plan-card,
.settings-card.clan-card,
.settings-card.is-premium,
.settings-card.premium,
.settings-plan-card,
.settings-clan-card{
  border-color:rgba(176,199,255,.16)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important;
  background:linear-gradient(180deg, rgba(8,18,36,.54), rgba(4,10,20,.72))!important;
}

/* Ícones continuam, mas sem aura pesada */
.settings-card img,
.settings-card svg,
.settings-avatar-wrap img,
.settings-profile-hero img{
  filter:none!important;
  -webkit-filter:none!important;
  text-shadow:none!important;
  box-shadow:none!important;
  animation:none!important;
}

/* Botão sair sem recorte/pisca, mantendo cor vermelha */
.settings-logout{
  background:rgba(255,91,116,.08)!important;
  border:1px solid rgba(255,91,116,.24)!important;
  color:#ff657a!important;
  box-shadow:none!important;
  margin-bottom:calc(18px + env(safe-area-inset-bottom))!important;
}

/* Reduz vazio inferior apenas em Configurações */
.settings-shell{
  padding-bottom:calc(94px + env(safe-area-inset-bottom))!important;
}
.settings-phone{
  padding-bottom:calc(112px + env(safe-area-inset-bottom))!important;
  margin-bottom:calc(8px + env(safe-area-inset-bottom))!important;
}

/* Se alguma classe de plano tentar reativar glow em Configurações, neutraliza */
.settings-phone[class*="premium"] .settings-profile-hero,
.settings-phone[class*="plus"] .settings-profile-hero,
.settings-phone[class*="basic"] .settings-profile-hero,
.settings-phone[class*="premium"] .settings-card,
.settings-phone[class*="plus"] .settings-card,
.settings-phone[class*="basic"] .settings-card{
  filter:none!important;
  -webkit-filter:none!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}


/* ===== SETTINGS DEEP FIX: seletores reais do menu Configurações =====
   Correção aplicada nos elementos reais:
   .settings-mini-card, #settingsNick, #settingsPlan, #settingsClan.
   A versão anterior mirou .settings-card, mas os cards visíveis são .settings-mini-card.
*/

/* Neutraliza visual de plano em TODOS os textos reais do topo/config */
.settings-phone #settingsNick,
.settings-phone #settingsPlan,
.settings-phone #settingsClan,
.settings-phone #settingsExpire,
.settings-phone #settingsClanTag,
.settings-phone.plan-premium #settingsNick,
.settings-phone.plan-premium #settingsPlan,
.settings-phone.plan-premium #settingsClan,
.settings-phone.plan-plus #settingsNick,
.settings-phone.plan-plus #settingsPlan,
.settings-phone.plan-plus #settingsClan,
.settings-phone.plan-basic #settingsNick,
.settings-phone.plan-basic #settingsPlan,
.settings-phone.plan-basic #settingsClan,
.settings-phone.plan-trial #settingsNick,
.settings-phone.plan-trial #settingsPlan,
.settings-phone.plan-trial #settingsClan{
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  color:#f6f8ff!important;
  -webkit-text-fill-color:#f6f8ff!important;
  -webkit-text-stroke:0 transparent!important;
  text-shadow:none!important;
  filter:none!important;
  -webkit-filter:none!important;
  background:none!important;
  -webkit-background-clip:initial!important;
  background-clip:initial!important;
  box-shadow:none!important;
  animation:none!important;
}

.settings-phone #settingsNick{
  font-weight:900!important;
  font-size:1.35rem!important;
}
.settings-phone #settingsPlan,
.settings-phone #settingsClan{
  font-weight:900!important;
  font-size:1.35rem!important;
  line-height:1.1!important;
}
.settings-phone #settingsExpire{
  color:#ffd65f!important;
  -webkit-text-fill-color:#ffd65f!important;
  font-weight:850!important;
  font-size:.82rem!important;
}

/* Cards reais Plano/Clã: sem aura/glow/blur pesado */
.settings-mini-card,
.settings-mini-card.plan-card,
.settings-mini-card.clan-card,
.settings-phone.plan-premium .settings-mini-card,
.settings-phone.plan-plus .settings-mini-card,
.settings-phone.plan-basic .settings-mini-card,
.settings-phone.plan-trial .settings-mini-card{
  background:linear-gradient(180deg,rgba(8,18,36,.58),rgba(4,10,20,.76))!important;
  border:1px solid rgba(176,199,255,.16)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07)!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  filter:none!important;
  -webkit-filter:none!important;
  animation:none!important;
  contain:none!important;
  content-visibility:visible!important;
  will-change:auto!important;
  transform:none!important;
  -webkit-transform:none!important;
}

.settings-mini-card::before,
.settings-mini-card::after,
.settings-mini-card.plan-card::before,
.settings-mini-card.plan-card::after,
.settings-mini-card.clan-card::before,
.settings-mini-card.clan-card::after{
  content:none!important;
  display:none!important;
  opacity:0!important;
  filter:none!important;
  -webkit-filter:none!important;
  box-shadow:none!important;
  animation:none!important;
}

/* Ícones dos cards ficam normais, sem glow pesado */
.settings-mini-icon,
.settings-mini-icon img,
.settings-mini-icon svg,
.settings-phone .settings-mini-icon,
.settings-phone .settings-mini-icon img,
.settings-phone .settings-mini-icon svg{
  filter:none!important;
  -webkit-filter:none!important;
  box-shadow:none!important;
  text-shadow:none!important;
  animation:none!important;
  background:rgba(255,255,255,.06)!important;
}

/* Hero real do perfil: preserva imagem/fundo/avatar, remove só camadas que piscam */
.settings-profile-hero,
.settings-phone .settings-profile-hero,
.settings-profile-hero.glass-inset{
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  filter:none!important;
  -webkit-filter:none!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important;
  contain:none!important;
  content-visibility:visible!important;
  will-change:auto!important;
  transform:none!important;
  -webkit-transform:none!important;
  overflow:hidden!important;
}

.settings-profile-hero::before,
.settings-profile-hero::after,
.settings-avatar-wrap::before,
.settings-avatar-wrap::after,
.settings-avatar-edit::before,
.settings-avatar-edit::after{
  content:none!important;
  display:none!important;
  opacity:0!important;
  filter:none!important;
  -webkit-filter:none!important;
  box-shadow:none!important;
  animation:none!important;
}

.settings-avatar-wrap,
.settings-avatar-wrap img,
.settings-avatar-edit{
  filter:none!important;
  -webkit-filter:none!important;
  box-shadow:none!important;
  animation:none!important;
}

/* Botão sair real */
.settings-logout,
button.settings-logout,
#logoutSettings,
.settings-phone .settings-logout{
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  filter:none!important;
  -webkit-filter:none!important;
  box-shadow:none!important;
  contain:none!important;
  content-visibility:visible!important;
  will-change:auto!important;
  transform:none!important;
  -webkit-transform:none!important;
}

/* Reforço contra regras antigas de plano que aparecem antes no arquivo */
.settings-phone[class*="plan-"] #settingsNick,
.settings-phone[class*="plan-"] #settingsPlan,
.settings-phone[class*="plan-"] #settingsClan,
.settings-phone[class*="plan-"] .settings-mini-card,
.settings-phone[class*="plan-"] .settings-profile-hero{
  filter:none!important;
  -webkit-filter:none!important;
  text-shadow:none!important;
  -webkit-text-stroke:0 transparent!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  animation:none!important;
}


/* ===== SETTINGS FINAL: premium font only + static parent panel =====
   O quadrado que sobra durante scroll vem do painel pai .settings-phone.glass-panel sendo repintado
   antes dos filhos no Safari iOS. Transformamos o painel em camada estática sem backdrop-filter.
*/

/* Painel pai estático: remove o glass blur do container inteiro de Configurações */
.settings-phone.glass-panel,
section.settings-phone.glass-panel{
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  filter:none!important;
  -webkit-filter:none!important;
  background:linear-gradient(180deg, rgba(12,24,45,.54), rgba(5,11,22,.68))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important;
  contain:none!important;
  content-visibility:visible!important;
  will-change:auto!important;
  transform:none!important;
  -webkit-transform:none!important;
  overflow:visible!important;
}

.settings-phone.glass-panel::before,
.settings-phone.glass-panel::after{
  content:none!important;
  display:none!important;
}

/* Não virtualizar nenhum bloco direto de Configurações */
.settings-phone > *,
.settings-profile-hero,
.settings-mini-grid,
.settings-mini-card,
.settings-list,
.settings-item,
.settings-actions,
.settings-logout{
  content-visibility:visible!important;
  contain:none!important;
  will-change:auto!important;
}

/* Mantém SOMENTE a fonte premium, sem brilho/glow/stroke/filtro */
.settings-phone #settingsNick,
.settings-phone #settingsPlan,
.settings-phone #settingsClan,
.settings-phone.plan-premium #settingsNick,
.settings-phone.plan-premium #settingsPlan,
.settings-phone.plan-premium #settingsClan,
.settings-phone.plan-plus #settingsNick,
.settings-phone.plan-plus #settingsPlan,
.settings-phone.plan-plus #settingsClan,
.settings-phone.plan-basic #settingsNick,
.settings-phone.plan-basic #settingsPlan,
.settings-phone.plan-basic #settingsClan,
.settings-phone.plan-trial #settingsNick,
.settings-phone.plan-trial #settingsPlan,
.settings-phone.plan-trial #settingsClan{
  font-family:"TopBRSLogoPremium","Cooper Black","Luckiest Guy","Arial Black",system-ui,sans-serif!important;
  color:#f6f8ff!important;
  -webkit-text-fill-color:#f6f8ff!important;
  -webkit-text-stroke:0 transparent!important;
  text-shadow:none!important;
  filter:none!important;
  -webkit-filter:none!important;
  background:none!important;
  -webkit-background-clip:initial!important;
  background-clip:initial!important;
  box-shadow:none!important;
  animation:none!important;
}

/* Tamanhos premium sem exagerar a área de repintura */
.settings-phone #settingsNick{
  font-size:1.42rem!important;
  line-height:1.08!important;
}
.settings-phone #settingsPlan,
.settings-phone #settingsClan{
  font-size:1.45rem!important;
  line-height:1.08!important;
}

/* Cards Plano/Clã estáticos e sem glass blur */
.settings-mini-card,
.settings-mini-card.plan-card,
.settings-mini-card.clan-card{
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  background:linear-gradient(180deg,rgba(8,18,36,.64),rgba(4,10,20,.78))!important;
  border:1px solid rgba(176,199,255,.16)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07)!important;
  overflow:hidden!important;
}

/* Hero do perfil: fundo/avatar preservados, container estático */
.settings-profile-hero.glass-inset,
.settings-profile-hero{
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  background-color:rgba(8,18,36,.34)!important;
  background-blend-mode:normal!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important;
  overflow:hidden!important;
}

/* Remove glow premium residual dos textos no hero/cards, mantendo legibilidade */
.settings-profile-hero h2,
.settings-profile-hero p,
.settings-mini-card strong,
.settings-mini-card span,
.settings-mini-card small{
  text-shadow:none!important;
  filter:none!important;
  -webkit-filter:none!important;
  animation:none!important;
}

/* Expiração mantém amarelo simples sem glow */
.settings-phone #settingsExpire{
  color:#ffd65f!important;
  -webkit-text-fill-color:#ffd65f!important;
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  text-shadow:none!important;
  filter:none!important;
}

/* Se a barra do navegador do iOS cobrir, não cria vazio gigante */
.settings-shell{
  padding-bottom:calc(88px + env(safe-area-inset-bottom))!important;
}
.settings-phone{
  padding-bottom:calc(104px + env(safe-area-inset-bottom))!important;
  margin-bottom:calc(4px + env(safe-area-inset-bottom))!important;
}

/* ===== Menu Liderança v1.2 Hotfix ===== */
.leadership-shell{align-items:start!important;place-items:start center!important;padding:8px 8px calc(110px + env(safe-area-inset-bottom))!important}.leadership-phone{gap:14px!important;padding:18px 14px calc(128px + env(safe-area-inset-bottom))!important;overflow:visible!important;touch-action:pan-y!important}.leadership-header{display:grid!important;grid-template-columns:56px minmax(0,1fr) 56px!important;align-items:center!important;gap:12px!important;padding:4px 2px 8px}.leadership-title-icon,.leadership-notice-main{width:52px!important;height:52px!important;min-width:52px!important;border-radius:18px!important;display:grid!important;place-items:center!important;align-self:center!important;justify-self:center!important;padding:0!important;line-height:0!important;color:#ffd65f;background:rgba(255,255,255,.075);border:1px solid rgba(176,199,255,.15);box-shadow:inset 0 1px 0 rgba(255,255,255,.07)}.leadership-notice-main{color:#fff}.leadership-title-icon svg,.leadership-notice-main svg,.leadership-alert-btn svg{display:block!important;width:23px!important;height:23px!important;margin:0!important;transform:none!important}.leadership-header h1{margin:0;color:#fff;font-size:1.35rem;font-weight:950}.leadership-header p{margin:4px 0 0;color:rgba(226,234,255,.7);font-size:.85rem;font-weight:750}.leadership-period{border-radius:22px;padding:15px 16px;display:flex;justify-content:space-between;align-items:center}.leadership-period span,.leadership-panel-head span{display:block;text-transform:uppercase;letter-spacing:.12em;color:#9eacc7;font-size:.68rem;font-weight:900}.leadership-period strong,.leadership-panel-head strong{display:block;color:#fff;font-size:.98rem;margin-top:4px}.leadership-period button{width:40px;height:40px;border-radius:14px;border:1px solid rgba(176,199,255,.15);background:rgba(255,255,255,.06);color:#fff;display:grid;place-items:center}.leadership-period button svg{width:21px;height:21px}.leadership-period button.loading svg{animation:leadershipSpin .9s linear infinite}@keyframes leadershipSpin{to{transform:rotate(360deg)}}.leadership-controls{display:grid!important;gap:11px!important;justify-items:center!important}.leadership-chipbar{width:100%!important;display:flex!important;gap:9px!important;overflow-x:auto!important;padding:2px max(10px,calc((100% - 320px)/2)) 7px!important;scrollbar-width:none!important;justify-content:flex-start!important;scroll-snap-type:x proximity!important}.leadership-chipbar::-webkit-scrollbar,.leadership-filterbar::-webkit-scrollbar{display:none}#leadershipWeekBar,#leadershipDayBar{justify-content:center!important;overflow-x:visible!important;padding-left:0!important;padding-right:0!important}.leadership-chip,.leadership-filter{border:1px solid rgba(176,199,255,.14);background:rgba(255,255,255,.055);color:#dce8ff;border-radius:999px;padding:8px 13px;font-size:.78rem;font-weight:900;white-space:nowrap}.leadership-chip{min-width:66px!important;height:45px!important;display:inline-grid!important;place-items:center!important;text-align:center!important;scroll-snap-align:center}.leadership-chip.active,.leadership-filter.active{background:linear-gradient(180deg,rgba(255,214,95,.95),rgba(218,147,24,.92));color:#071327;border-color:rgba(255,255,255,.25)}.leadership-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.leadership-card{border-radius:20px;padding:14px;border:1px solid rgba(176,199,255,.14);background:linear-gradient(180deg,rgba(8,18,36,.58),rgba(4,10,20,.76));box-shadow:inset 0 1px 0 rgba(255,255,255,.07);min-height:126px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;gap:5px!important;position:relative;overflow:hidden}.leadership-card small{display:block;color:#9eacc7;text-transform:uppercase;letter-spacing:.10em;font-size:.64rem;font-weight:950;text-align:center;width:100%}.leadership-card strong{display:block;color:#fff;font-size:1.42rem;line-height:1.1;margin:2px 0;font-weight:950;text-align:center;width:100%}.leadership-card span{display:block;color:rgba(226,234,255,.7);font-size:.74rem;font-weight:750;text-align:center;width:100%}.leadership-card.blue{border-color:rgba(116,168,255,.42)!important;box-shadow:0 0 18px rgba(116,168,255,.10),inset 0 1px 0 rgba(255,255,255,.07)!important}.leadership-card.bad{border-color:rgba(255,91,116,.56)!important;box-shadow:0 0 20px rgba(255,91,116,.16),inset 0 1px 0 rgba(255,255,255,.07)!important}.leadership-card.warn{border-color:rgba(255,214,95,.55)!important;box-shadow:0 0 20px rgba(255,214,95,.14),inset 0 1px 0 rgba(255,255,255,.07)!important}.leadership-card.good{border-color:rgba(112,255,171,.55)!important;box-shadow:0 0 20px rgba(112,255,171,.15),inset 0 1px 0 rgba(255,255,255,.07)!important}.leadership-card.good strong{color:#70ffab!important}.leadership-card.warn strong{color:#ffd65f!important}.leadership-card.bad strong{color:#ff6f86!important}.leadership-trend{margin-top:2px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;font-style:normal!important;font-size:.64rem!important;font-weight:900!important;color:rgba(226,234,255,.72)!important}.leadership-trend svg{width:13px!important;height:13px!important;flex:0 0 13px!important}.leadership-trend.up{color:#70ffab!important}.leadership-trend.down{color:#ff6f86!important}.leadership-trend.neutral{color:#9eacc7!important}.leadership-panels{display:grid;gap:14px}.leadership-panel{border-radius:24px;padding:14px;display:grid;gap:12px;overflow:visible!important}.leadership-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.leadership-filterbar{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px;scrollbar-width:none}.leadership-filter{height:42px;display:inline-grid;place-items:center}.leadership-list{min-height:48px!important;display:grid!important;gap:10px!important;opacity:1!important;visibility:visible!important}.leadership-member-row{display:grid!important;grid-template-columns:1fr 50px!important;grid-template-areas:"main bell" "stats stats" "decision decision"!important;align-items:start!important;gap:10px!important;padding:14px 12px 13px!important;border-radius:20px;border:1px solid rgba(176,199,255,.12);background:rgba(255,255,255,.045);position:relative;overflow:hidden}.leadership-member-row::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#74a8ff}.leadership-member-row.critical::before{background:#ff4e68}.leadership-member-row.high::before{background:#ff8b4e}.leadership-member-row.medium::before{background:#ffd65f}.leadership-member-row.elite::before{background:#74ffae}.leadership-member-main{grid-area:main;min-width:0}.leadership-member-main strong{display:block;color:#fff;font-size:.98rem;font-weight:950;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.leadership-member-main span{display:block;color:rgba(226,234,255,.65);font-size:.74rem;font-weight:700;margin-top:2px}.leadership-alert-btn{grid-area:bell!important;width:42px!important;height:42px!important;min-width:42px!important;border-radius:15px!important;border:1px solid rgba(176,199,255,.14);background:rgba(255,255,255,.07);color:#fff;display:grid!important;place-items:center!important;align-self:start!important;justify-self:end!important;padding:0!important;line-height:0!important}.leadership-member-stats{grid-area:stats!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;width:100%!important;margin-top:2px!important;text-align:center!important}.leadership-member-stats div{min-width:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important}.leadership-member-stats small{order:1!important;display:block!important;color:#9eacc7!important;text-transform:uppercase!important;letter-spacing:.11em!important;font-size:.58rem!important;font-weight:950!important;line-height:1!important}.leadership-member-stats b{order:2!important;display:block!important;color:#fff!important;font-size:1rem!important;line-height:1.1!important;font-weight:950!important;white-space:nowrap!important}.leadership-member-decision{grid-area:decision!important;background:rgba(0,0,0,.16);border:1px solid rgba(255,255,255,.065);border-radius:14px;padding:9px 10px}.leadership-member-decision span{display:block;color:#ffd65f;font-size:.68rem;font-weight:950;text-transform:uppercase;letter-spacing:.09em}.leadership-member-decision strong{display:block;color:#fff;font-size:.82rem;margin-top:3px}.leadership-empty{min-height:54px!important;display:grid!important;place-items:center!important;border:1px dashed rgba(176,199,255,.16)!important;border-radius:18px!important;color:#9eacc7!important;font-weight:850!important;text-align:center!important}.leadership-denied-overlay,.leadership-notice-overlay{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:20px;background:rgba(2,8,18,.62);opacity:0;pointer-events:none;transition:opacity .2s ease}.leadership-denied-overlay.show,.leadership-notice-overlay.show{opacity:1;pointer-events:auto}.leadership-denied-modal,.leadership-notice-modal{width:min(100%,420px);border-radius:30px;padding:24px 20px}.leadership-denied-modal{text-align:center}.leadership-denied-icon{width:70px;height:70px;margin:0 auto 12px;border-radius:24px;display:grid;place-items:center;background:linear-gradient(180deg,#ffd65f,#da9318);color:#071327}.leadership-denied-icon svg{width:38px;height:38px}.leadership-denied-modal h2,.leadership-notice-modal h2{margin:0 0 8px;color:#fff;font-size:1.28rem}.leadership-denied-modal p,.leadership-notice-modal p{margin:0 0 18px;color:rgba(226,234,255,.72);line-height:1.45}.leadership-denied-modal button,.leadership-send-btn{width:100%;height:52px;border-radius:18px;border:1px solid rgba(255,255,255,.16);background:linear-gradient(180deg,rgba(255,214,95,.96),rgba(218,147,24,.94));color:#071327;font-weight:950}.leadership-notice-modal{text-align:left;position:relative}.leadership-field{display:grid;gap:7px;margin:12px 0}.leadership-field span{color:#9eacc7;text-transform:uppercase;letter-spacing:.11em;font-size:.68rem;font-weight:900}.leadership-field select,.leadership-field textarea{width:100%;border-radius:16px;border:1px solid rgba(176,199,255,.14);background:rgba(8,17,33,.74);color:#fff;font:inherit;padding:13px;outline:none}.leadership-field textarea{resize:vertical;min-height:108px}.leadership-send-status{margin-top:10px;color:#ffd65f;font-weight:850;text-align:center}.leadership-locked{filter:saturate(.55);pointer-events:none}.leadership-shell,.leadership-phone,.leadership-phone *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}input,textarea,select,.leadership-notice-modal textarea,.leadership-notice-modal select{-webkit-user-select:text!important;user-select:text!important}@media(max-width:390px){.leadership-chip{min-width:62px!important;height:43px!important}.leadership-member-stats b{font-size:.94rem!important}}






/* ===== Liderança Emergency Repair 1 =====
   Usa o mesmo menu inferior global dos outros menus. Apenas garante espaço no rodapé.
*/
body.leadership-page .leadership-phone{
  padding-bottom:calc(142px + env(safe-area-inset-bottom)) !important;
}
body.leadership-page .bottom-nav{
  z-index:9999 !important;
}


/* ===== Liderança v2: perfil estratégico + presença ===== */
.leadership-member-row{
  cursor:pointer;
}
.leadership-member-row:active{
  transform:scale(.992);
}
.leader-presence,
.member-presence,
.settings-presence{
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  margin-top:5px!important;
  color:rgba(226,234,255,.68)!important;
  font-size:.68rem!important;
  font-weight:850!important;
  font-style:normal!important;
  letter-spacing:.01em!important;
}
.leader-presence i,
.member-presence i,
.settings-presence i,
.leader-strategy-presence i{
  width:8px!important;
  height:8px!important;
  border-radius:50%!important;
  flex:0 0 8px!important;
  background:#8791a8!important;
  box-shadow:0 0 0 2px rgba(255,255,255,.05)!important;
}
.leader-presence.online i,
.member-presence.online i,
.settings-presence.online i,
.leader-strategy-presence.online i{
  background:#48f59a!important;
  box-shadow:0 0 10px rgba(72,245,154,.65),0 0 0 2px rgba(72,245,154,.12)!important;
}
.leader-presence.offline i,
.member-presence.offline i,
.settings-presence.offline i,
.leader-strategy-presence.offline i{
  background:#7f8799!important;
}
.leadership-member-overlay{
  position:fixed!important;
  inset:0!important;
  z-index:10000!important;
  display:grid!important;
  place-items:center!important;
  padding:20px!important;
  background:rgba(2,8,18,.64)!important;
  opacity:0!important;
  pointer-events:none!important;
  transition:opacity .2s ease!important;
}
.leadership-member-overlay.show{
  opacity:1!important;
  pointer-events:auto!important;
}
.leadership-member-modal{
  width:min(100%,430px)!important;
  border-radius:30px!important;
  padding:24px 20px 20px!important;
  max-height:80svh!important;
  overflow-y:auto!important;
  -webkit-overflow-scrolling:touch!important;
}
.leadership-member-modal h2{
  margin:0 0 5px!important;
  color:#fff!important;
  font-size:1.35rem!important;
}
.leadership-member-modal p{
  margin:0 0 12px!important;
  color:rgba(226,234,255,.72)!important;
  font-weight:800!important;
}
.leader-strategy-presence{
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  border:1px solid rgba(176,199,255,.13)!important;
  border-radius:999px!important;
  padding:8px 11px!important;
  color:#dce8ff!important;
  background:rgba(255,255,255,.055)!important;
  font-size:.78rem!important;
  font-weight:900!important;
  margin:2px 0 14px!important;
}
.leader-strategy-presence.none{
  color:#9eacc7!important;
}
.leader-strategy-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:9px!important;
  margin:12px 0!important;
}
.leader-strategy-grid div{
  border:1px solid rgba(176,199,255,.13)!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.045)!important;
  padding:12px!important;
  text-align:center!important;
}
.leader-strategy-grid span,
.leader-strategy-note span{
  display:block!important;
  color:#9eacc7!important;
  text-transform:uppercase!important;
  letter-spacing:.11em!important;
  font-size:.62rem!important;
  font-weight:950!important;
}
.leader-strategy-grid strong{
  display:block!important;
  color:#fff!important;
  margin-top:5px!important;
  font-size:1.08rem!important;
  font-weight:950!important;
}
.leader-strategy-note{
  border:1px solid rgba(255,214,95,.20)!important;
  border-radius:20px!important;
  padding:13px!important;
  background:linear-gradient(180deg,rgba(255,214,95,.08),rgba(255,255,255,.035))!important;
}
.leader-strategy-note strong{
  display:block!important;
  color:#fff!important;
  margin:6px 0 5px!important;
  font-size:.95rem!important;
}
.leader-strategy-note small{
  display:block!important;
  color:rgba(226,234,255,.68)!important;
  line-height:1.35!important;
}
.leader-strategy-actions{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:10px!important;
  margin-top:14px!important;
}
.leader-strategy-actions button{
  height:48px!important;
  border-radius:16px!important;
  border:1px solid rgba(176,199,255,.15)!important;
  background:rgba(255,255,255,.075)!important;
  color:#fff!important;
  font-weight:950!important;
}
.leader-strategy-actions button:first-child{
  background:linear-gradient(180deg,rgba(255,214,95,.96),rgba(218,147,24,.94))!important;
  color:#071327!important;
}
.settings-presence{
  margin-top:6px!important;
}
.member-presence{
  display:flex!important;
}
.leadership-member-alert{
  z-index:10020!important;
}


/* ===== Liderança v2.0.1 presença/permissão fix ===== */
.settings-user-meta small{
  font-size:.72rem!important;
  line-height:1.1!important;
  white-space:normal!important;
  max-width:145px!important;
  text-align:center!important;
}
.settings-user-row .settings-presence,
.member-row .member-presence{
  color:rgba(226,234,255,.68)!important;
}
.leader-strategy-presence.offline,
.leader-strategy-presence.none{
  color:#aab5cc!important;
}


/* ===== Liderança v2.0.2 avisos fix ===== */
.dash-bell{
  position:relative!important;
}
.dash-bell.has-unread::after{
  content:""!important;
  position:absolute!important;
  top:7px!important;
  right:7px!important;
  width:11px!important;
  height:11px!important;
  border-radius:50%!important;
  background:#ff4e68!important;
  border:2px solid #071327!important;
  box-shadow:0 0 13px rgba(255,78,104,.85)!important;
}
.leadership-member-alert{
  position:fixed!important;
  inset:0!important;
  z-index:10030!important;
  display:grid!important;
  place-items:center!important;
  background:rgba(2,8,18,.60)!important;
  padding:20px!important;
}
.leadership-member-alert-card{
  width:min(100%,420px)!important;
  border-radius:28px!important;
  padding:24px!important;
}
.leadership-member-alert-card h2{
  margin:6px 0 8px!important;
  color:#fff!important;
  font-size:1.35rem!important;
}
.leadership-member-alert-card small{
  display:block!important;
  color:#ffd65f!important;
  font-weight:900!important;
  margin-bottom:10px!important;
}
.leadership-member-alert-card p{
  color:#d7e1f5!important;
  font-weight:750!important;
  line-height:1.45!important;
}
.leadership-member-alert-card button{
  width:100%!important;
  height:50px!important;
  border-radius:16px!important;
  border:0!important;
  background:linear-gradient(180deg,rgba(255,214,95,.98),rgba(218,147,24,.96))!important;
  color:#071327!important;
  font-weight:950!important;
  margin-top:12px!important;
}
.notification-copy span{
  line-height:1.25!important;
}


/* ===== Liderança v2.1 Relatórios ===== */
.leadership-report-actions{
  display:flex!important;
  justify-content:center!important;
  margin:12px 0 16px!important;
}
.leadership-report-btn{
  width:100%!important;
  min-height:58px!important;
  border-radius:22px!important;
  border:1px solid rgba(255,214,95,.28)!important;
  background:linear-gradient(180deg,rgba(255,214,95,.94),rgba(218,147,24,.94))!important;
  color:#071327!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  font-size:1rem!important;
  font-weight:950!important;
  box-shadow:0 12px 30px rgba(248,200,79,.16), inset 0 1px 0 rgba(255,255,255,.24)!important;
}
.leadership-report-btn svg{
  width:22px!important;
  height:22px!important;
}
.leadership-report-overlay{
  position:fixed!important;
  inset:0!important;
  z-index:10010!important;
  display:grid!important;
  place-items:center!important;
  padding:18px!important;
  background:rgba(2,8,18,.64)!important;
  opacity:0!important;
  pointer-events:none!important;
  transition:opacity .2s ease!important;
}
.leadership-report-overlay.show{
  opacity:1!important;
  pointer-events:auto!important;
}
.leadership-report-modal{
  width:min(100%,460px)!important;
  max-height:86svh!important;
  overflow-y:auto!important;
  -webkit-overflow-scrolling:touch!important;
  border-radius:30px!important;
  padding:24px 20px 20px!important;
  position:relative!important;
}
.leadership-report-modal h2{
  margin:8px 0 8px!important;
  color:#fff!important;
  font-size:1.45rem!important;
}
.leadership-report-modal p{
  margin:0 0 16px!important;
  color:rgba(226,234,255,.72)!important;
  font-size:.95rem!important;
  line-height:1.4!important;
  font-weight:800!important;
}
.leadership-report-options{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:10px!important;
  margin-bottom:12px!important;
}
.leadership-report-text{
  width:100%!important;
  min-height:300px!important;
  resize:vertical!important;
  border-radius:20px!important;
  border:1px solid rgba(176,199,255,.16)!important;
  background:rgba(3,10,22,.76)!important;
  color:#eaf1ff!important;
  padding:14px!important;
  font:800 .78rem/1.45 ui-monospace,SFMono-Regular,Menlo,monospace!important;
  outline:none!important;
}
.leadership-report-actions-modal{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:10px!important;
  margin-top:12px!important;
}
.leadership-report-actions-modal button{
  height:50px!important;
  border-radius:16px!important;
  border:1px solid rgba(176,199,255,.15)!important;
  background:rgba(255,255,255,.075)!important;
  color:#fff!important;
  font-weight:950!important;
}
.leadership-report-actions-modal button:first-child{
  background:linear-gradient(180deg,rgba(255,214,95,.98),rgba(218,147,24,.96))!important;
  color:#071327!important;
}
@media(max-width:380px){
  .leadership-report-options,
  .leadership-report-actions-modal{
    grid-template-columns:1fr!important;
  }
}


/* ===== Liderança v2.2 reaplicada — notificações, decisão e fame ===== */
.notification-item{
  grid-template-columns:10px minmax(0,1fr) 34px 34px!important;
}
.notification-delete{
  width:32px!important;
  height:32px!important;
  border-radius:12px!important;
  border:1px solid rgba(176,199,255,.12)!important;
  background:rgba(255,255,255,.055)!important;
  color:#ff8fa0!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
}
.notification-delete svg{
  width:18px!important;
  height:18px!important;
}
.modal-clear-notifications{
  position:absolute!important;
  top:24px!important;
  right:58px!important;
  width:38px!important;
  height:38px!important;
  border-radius:14px!important;
  border:1px solid rgba(176,199,255,.13)!important;
  background:rgba(255,255,255,.07)!important;
  color:#ff8fa0!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
}
.modal-clear-notifications svg{
  width:20px!important;
  height:20px!important;
}
.modal-notification-scroll{
  max-height:calc(72svh - 135px)!important;
  overflow-y:auto!important;
  -webkit-overflow-scrolling:touch!important;
  padding-right:3px!important;
}
.leadership-member-stats em{
  display:block!important;
  color:#9eacc7!important;
  font-size:.62rem!important;
  font-style:normal!important;
  font-weight:900!important;
  margin-top:2px!important;
}
.leadership-member-row.promotion::before{
  background:#ffd65f!important;
}
.leadership-member-row.demotion::before{
  background:#ff6f86!important;
}


/* ===== Liderança v2.2.1 — ajustes notificação/novatos/expulsos ===== */
.notifications-modal-head{
  position:relative!important;
  padding-right:108px!important;
}
.modal-clear-notifications{
  top:24px!important;
  right:74px!important;
  transform:none!important;
}
.leadership-expelled-actions{
  display:flex!important;
  justify-content:center!important;
  margin:10px 0 14px!important;
}
.leadership-expelled-btn{
  width:100%!important;
  min-height:54px!important;
  border-radius:20px!important;
  border:1px solid rgba(255,111,134,.24)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035))!important;
  color:#ffb3bf!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  font-size:.95rem!important;
  font-weight:950!important;
}
.leadership-expelled-btn svg{
  width:21px!important;
  height:21px!important;
}
.leadership-expelled-overlay{
  position:fixed!important;
  inset:0!important;
  z-index:10010!important;
  display:grid!important;
  place-items:center!important;
  padding:18px!important;
  background:rgba(2,8,18,.64)!important;
  opacity:0!important;
  pointer-events:none!important;
  transition:opacity .2s ease!important;
}
.leadership-expelled-overlay.show{
  opacity:1!important;
  pointer-events:auto!important;
}
.leadership-expelled-modal{
  width:min(100%,460px)!important;
  max-height:86svh!important;
  overflow-y:auto!important;
  -webkit-overflow-scrolling:touch!important;
  border-radius:30px!important;
  padding:24px 20px 20px!important;
  position:relative!important;
}
.leadership-expelled-modal h2{
  margin:8px 0 8px!important;
  color:#fff!important;
  font-size:1.45rem!important;
}
.leadership-expelled-modal p{
  color:rgba(226,234,255,.72)!important;
  font-weight:800!important;
  line-height:1.4!important;
}
.leadership-expelled-list{
  display:grid!important;
  gap:10px!important;
  margin-top:12px!important;
}
.leadership-expelled-item{
  border:1px solid rgba(255,111,134,.18)!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.045)!important;
  padding:13px!important;
}
.leadership-expelled-item strong{
  display:block!important;
  color:#fff!important;
  font-size:1rem!important;
}
.leadership-expelled-item span,
.leadership-expelled-item small{
  display:block!important;
  color:#9eacc7!important;
  font-weight:850!important;
  margin-top:4px!important;
}
.leadership-expelled-item p{
  margin:8px 0!important;
  color:#e5ecff!important;
  font-size:.86rem!important;
}
.leadership-member-row.newbie::before{
  background:#70a7ff!important;
}
.leader-strategy-actions{
  grid-template-columns:1fr 1fr!important;
}
.leader-strategy-actions button[data-register-expelled]{
  background:rgba(255,111,134,.13)!important;
  color:#ffb3bf!important;
  border-color:rgba(255,111,134,.22)!important;
}


/* ===== Liderança v2.2.2 — filtro Novatos refinado ===== */
.leadership-filter[data-leadership-filter="newbie"]{
  border-color:rgba(112,167,255,.26)!important;
}
.leadership-filter.active[data-leadership-filter="newbie"]{
  background:linear-gradient(180deg,rgba(112,167,255,.95),rgba(60,112,220,.92))!important;
  color:#071327!important;
}


/* ===== Liderança v2.3.2 segura — históricos não bloqueantes ===== */
.leadership-expelled-item button{
  margin-top:10px!important;
  min-height:38px!important;
  border-radius:13px!important;
  border:1px solid rgba(176,199,255,.14)!important;
  background:rgba(255,255,255,.07)!important;
  color:#fff!important;
  font-weight:900!important;
}
.leader-strategy-history-wrap{
  margin:12px 0!important;
  border:1px solid rgba(176,199,255,.13)!important;
  border-radius:20px!important;
  padding:12px!important;
  background:rgba(255,255,255,.04)!important;
}
.leader-strategy-history-wrap>span{
  display:block!important;
  color:#9eacc7!important;
  text-transform:uppercase!important;
  letter-spacing:.1em!important;
  font-size:.62rem!important;
  font-weight:950!important;
  margin-bottom:8px!important;
}
.leader-strategy-history{
  display:grid!important;
  gap:8px!important;
}
.leader-strategy-history article{
  border:1px solid rgba(176,199,255,.10)!important;
  border-radius:15px!important;
  padding:10px!important;
  background:rgba(3,10,22,.35)!important;
}
.leader-strategy-history strong{
  display:block!important;
  color:#fff!important;
  font-size:.86rem!important;
}
.leader-strategy-history span{
  display:block!important;
  color:#ffd65f!important;
  font-size:.69rem!important;
  font-weight:900!important;
  margin-top:3px!important;
}
.leader-strategy-history p{
  margin:6px 0 0!important;
  color:#dce7ff!important;
  font-size:.78rem!important;
  line-height:1.35!important;
}
.leader-strategy-history-empty{
  color:#9eacc7!important;
  font-size:.8rem!important;
  font-weight:850!important;
  text-align:center!important;
  padding:8px!important;
}


/* ===== Liderança v2.3.7 — pacote pós-safe aplicado com proteção ===== */
body.leadership-page .leadership-header{
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr) 48px!important;
  align-items:center!important;
  gap:10px!important;
  padding:2px 2px 10px!important;
}
body.leadership-page .leadership-title-icon,
body.leadership-page .leadership-notice-main{
  width:46px!important;
  height:46px!important;
  min-width:46px!important;
  border-radius:16px!important;
}
body.leadership-page .leadership-title-icon svg,
body.leadership-page .leadership-notice-main svg{
  width:21px!important;
  height:21px!important;
}
body.leadership-page .leadership-header h1{
  margin:0!important;
  color:#ffd65f!important;
  font-size:1.18rem!important;
  line-height:1.08!important;
  font-weight:950!important;
  letter-spacing:.01em!important;
  text-shadow:0 0 14px rgba(255,214,95,.18)!important;
}
body.leadership-page .leadership-header p{
  margin:3px 0 0!important;
  color:rgba(226,234,255,.68)!important;
  font-size:.74rem!important;
  line-height:1.15!important;
  font-weight:800!important;
}
.leadership-panel-head.decision-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
}
.leadership-collapse-btn{
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  border-radius:14px!important;
  border:1px solid rgba(176,199,255,.14)!important;
  background:rgba(255,255,255,.06)!important;
  color:#fff!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
}
.leadership-collapse-btn svg{
  width:20px!important;
  height:20px!important;
  transition:transform .2s ease!important;
}
.leadership-collapse-btn.is-collapsed svg{
  transform:rotate(180deg)!important;
}
#leadershipDecisionList{
  overflow:hidden!important;
  transition:max-height .24s ease, opacity .2s ease, margin .2s ease!important;
}
#leadershipDecisionList.is-collapsed{
  max-height:0!important;
  opacity:0!important;
  margin:0!important;
  pointer-events:none!important;
}
body.leadership-modal-open{
  overflow:hidden!important;
}
.leader-strategy-history{
  max-height:172px!important;
  overflow-y:auto!important;
  -webkit-overflow-scrolling:touch!important;
  padding-right:3px!important;
}
.leadership-expelled-actions-row{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
  margin-top:10px!important;
}
.leadership-expelled-actions-row button{
  width:100%!important;
  margin-top:0!important;
}
.leadership-expelled-actions-row [data-restore-expelled]{
  background:linear-gradient(180deg,rgba(72,245,154,.18),rgba(72,245,154,.08))!important;
  color:#7dffb6!important;
  border-color:rgba(72,245,154,.25)!important;
}
.leadership-expelled-item.restored{
  opacity:.72!important;
  border-color:rgba(72,245,154,.18)!important;
}
.leadership-expelled-item.restored::after{
  content:"Restaurado"!important;
  display:inline-flex!important;
  margin-top:8px!important;
  border-radius:999px!important;
  padding:5px 9px!important;
  background:rgba(72,245,154,.12)!important;
  color:#7dffb6!important;
  font-size:.68rem!important;
  font-weight:950!important;
}


/* ===== Liderança v2.3.8 — relatório mensal e decisões recolhíveis fix ===== */
#toggleLeadershipDecisions{
  touch-action:manipulation!important;
  z-index:2!important;
}
#leadershipDecisionList.is-collapsed{
  display:none!important;
}
#leadershipWeekBar{
  overflow-x:auto!important;
  justify-content:flex-start!important;
  padding:2px max(10px,calc((100% - 320px)/2)) 7px!important;
}





/* ===== v2.6 — notificações limpas + exportação relatório ===== */
.modal-clear-notifications,
.notification-delete{
  display:none!important;
}
.notification-item.compact{
  display:grid!important;
  grid-template-columns:12px minmax(0,1fr) 42px!important;
  align-items:center!important;
  gap:12px!important;
  padding:16px 0 14px 0!important;
}
.notification-copy{
  min-width:0!important;
  padding-left:2px!important;
}
.notification-copy strong,
.notification-copy span,
.notification-copy p{
  text-align:left!important;
}
.notification-toggle{
  justify-self:end!important;
}
.dashboard-notification-list{
  max-height:360px!important;
  overflow-y:auto!important;
  -webkit-overflow-scrolling:touch!important;
  padding:6px 4px 8px 0!important;
}
.notifications-card{
  overflow:hidden!important;
}
.notifications-modal .modal-notification-scroll{
  max-height:calc(72svh - 132px)!important;
  overflow-y:auto!important;
  -webkit-overflow-scrolling:touch!important;
  padding-right:4px!important;
}
.notifications-modal-head{
  padding-right:54px!important;
}
.leadership-export-actions{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:10px!important;
}
.leadership-export-actions button{
  min-height:46px!important;
}
#exportLeadershipReportPDF,
#generateLeadershipReportCard{
  background:rgba(255,255,255,.07)!important;
  border:1px solid rgba(255,214,95,.18)!important;
  color:#fff!important;
  font-weight:950!important;
}


/* ===== v2.7 — Automação semanal do relatório ===== */
#openLeadershipAutomation{
  grid-column:1 / -1!important;
  background:linear-gradient(180deg,rgba(255,214,95,.18),rgba(255,214,95,.08))!important;
  border:1px solid rgba(255,214,95,.22)!important;
  color:#ffd65f!important;
  font-weight:950!important;
}
.leadership-automation-overlay{
  position:fixed!important;
  inset:0!important;
  z-index:170!important;
  display:none!important;
  align-items:center!important;
  justify-content:center!important;
  padding:18px!important;
  background:rgba(2,6,14,.70)!important;
  backdrop-filter:blur(10px)!important;
}
.leadership-automation-overlay.show{
  display:flex!important;
}
.leadership-automation-modal{
  position:relative!important;
  width:min(620px,94vw)!important;
  max-height:86vh!important;
  overflow-y:auto!important;
  -webkit-overflow-scrolling:touch!important;
  border-radius:28px!important;
  padding:26px!important;
}
.leadership-auto-toggle{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  border:1px solid rgba(255,214,95,.18)!important;
  background:rgba(255,255,255,.055)!important;
  border-radius:18px!important;
  padding:13px!important;
  margin:14px 0!important;
  color:#fff!important;
  font-weight:900!important;
}
.leadership-auto-toggle input{
  width:22px!important;
  height:22px!important;
  accent-color:#ffd65f!important;
}
.leadership-auto-grid{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:10px!important;
}
.leadership-auto-grid .leadership-field:last-child{
  grid-column:1 / -1!important;
}
.leadership-auto-grid input,
.leadership-auto-grid select{
  width:100%!important;
  min-height:46px!important;
  border-radius:16px!important;
  border:1px solid rgba(176,199,255,.16)!important;
  background:rgba(4,10,24,.70)!important;
  color:#fff!important;
  padding:0 12px!important;
  font-weight:850!important;
}
.leadership-auto-actions{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:10px!important;
  margin-top:14px!important;
}
.leadership-auto-actions button{
  min-height:46px!important;
  border-radius:16px!important;
  font-weight:950!important;
}
#saveLeadershipAutomation{
  background:linear-gradient(180deg,rgba(255,214,95,.95),rgba(211,145,24,.95))!important;
  color:#111827!important;
}
#runLeadershipAutomationNow{
  background:rgba(255,255,255,.07)!important;
  color:#fff!important;
  border:1px solid rgba(176,199,255,.16)!important;
}
.leadership-auto-history{
  margin-top:16px!important;
  border-top:1px solid rgba(176,199,255,.10)!important;
  padding-top:14px!important;
}
.leadership-auto-history>span{
  display:block!important;
  color:#9eacc7!important;
  font-weight:950!important;
  text-transform:uppercase!important;
  letter-spacing:.12em!important;
  font-size:.68rem!important;
  margin-bottom:10px!important;
}
#leadershipAutoHistoryList{
  display:grid!important;
  gap:9px!important;
}
.leadership-auto-history-item{
  border:1px solid rgba(176,199,255,.12)!important;
  background:rgba(255,255,255,.045)!important;
  border-radius:16px!important;
  padding:11px!important;
}
.leadership-auto-history-item strong{
  display:block!important;
  color:#ffd65f!important;
  font-weight:950!important;
}
.leadership-auto-history-item span{
  display:block!important;
  margin-top:4px!important;
  color:#9eacc7!important;
  font-size:.76rem!important;
  font-weight:800!important;
}
.leadership-auto-history-item button{
  margin-top:8px!important;
  width:100%!important;
  min-height:36px!important;
  border-radius:12px!important;
  background:rgba(255,214,95,.10)!important;
  border:1px solid rgba(255,214,95,.18)!important;
  color:#ffd65f!important;
  font-weight:950!important;
}


/* ===== v2.7.1 — Correção popup automação ===== */
html.leadership-automation-open,
body.leadership-automation-open{
  overflow:hidden!important;
  touch-action:none!important;
}
.leadership-automation-overlay{
  z-index:260!important;
  align-items:flex-start!important;
  justify-content:center!important;
  padding:calc(14px + env(safe-area-inset-top)) 14px calc(92px + env(safe-area-inset-bottom))!important;
  overflow:hidden!important;
}
.leadership-automation-overlay.show{
  display:flex!important;
}
.leadership-automation-modal{
  width:min(620px,94vw)!important;
  max-height:calc(100svh - 128px - env(safe-area-inset-bottom))!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  touch-action:pan-y!important;
  -webkit-overflow-scrolling:touch!important;
  border-radius:26px!important;
  padding:22px!important;
  margin:0 auto!important;
}
.leadership-automation-modal .modal-close{
  top:16px!important;
  right:16px!important;
  width:46px!important;
  height:46px!important;
  border-radius:16px!important;
}
.leadership-automation-modal .modal-eyebrow{
  padding-right:54px!important;
  font-size:.68rem!important;
  letter-spacing:.18em!important;
}
.leadership-automation-modal h2{
  font-size:1.52rem!important;
  line-height:1.08!important;
  margin:10px 0 8px!important;
}
.leadership-automation-modal p{
  font-size:.92rem!important;
  line-height:1.38!important;
  margin:0 0 14px!important;
}
.leadership-auto-toggle{
  min-height:58px!important;
  padding:11px 12px!important;
  margin:12px 0 14px!important;
  border-radius:18px!important;
}
.leadership-auto-toggle span{
  font-size:.95rem!important;
  line-height:1.15!important;
}
.leadership-auto-grid{
  gap:10px!important;
}
.leadership-auto-grid .leadership-field span{
  font-size:.66rem!important;
  letter-spacing:.16em!important;
  margin-bottom:6px!important;
}
.leadership-auto-grid input,
.leadership-auto-grid select{
  min-height:44px!important;
  font-size:.92rem!important;
  border-radius:15px!important;
}
.leadership-auto-actions{
  gap:9px!important;
  margin-top:12px!important;
}
.leadership-auto-actions button{
  min-height:44px!important;
  border-radius:15px!important;
  font-size:.88rem!important;
}
#leadershipAutoStatus{
  margin-top:10px!important;
  text-align:center!important;
  font-size:.86rem!important;
  line-height:1.2!important;
  padding:10px!important;
}
.leadership-auto-history{
  margin-top:12px!important;
  padding-top:12px!important;
  padding-bottom:22px!important;
}
.leadership-auto-history>span{
  font-size:.64rem!important;
  margin-bottom:8px!important;
}
#leadershipAutoHistoryList{
  max-height:170px!important;
  overflow-y:auto!important;
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior:contain!important;
  padding-right:2px!important;
}
.leadership-auto-history .leadership-empty{
  min-height:78px!important;
  padding:16px!important;
  font-size:.82rem!important;
  line-height:1.3!important;
}
@media(max-width:390px){
  .leadership-automation-modal{
    width:94vw!important;
    padding:20px!important;
    max-height:calc(100svh - 118px - env(safe-area-inset-bottom))!important;
  }
  .leadership-automation-modal h2{
    font-size:1.38rem!important;
  }
  .leadership-automation-modal p{
    font-size:.86rem!important;
  }
  .leadership-auto-toggle span{
    font-size:.88rem!important;
  }
}


/* ===== v2.8 — IA Local de Recomendação ===== */
.leadership-report-text{
  font-size:.82rem!important;
  line-height:1.52!important;
}
.leadership-report-text::selection{
  background:rgba(255,214,95,.25)!important;
}

/* ===== v2.8.2 — ajustes tradução liderança ===== */
.leadership-summary-card h3,
.leadership-summary-card span,
.leadership-stat-card h3{
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}
#leadershipReportType,
#leadershipReportFormat{
  text-overflow:ellipsis!important;
  overflow:hidden!important;
  white-space:nowrap!important;
}

/* ===== v2.8.3 — proteção label Exemplary ===== */
.leadership-summary-card h3,
.leadership-summary-card .summary-title,
.leadership-summary-card span{
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

/* ===== v2.9 — Frente A ===== */
.settings-security-modal .settings-form-grid{
  grid-template-columns:1fr!important;
}
.settings-api-status.sync i{background:#f8c747!important;box-shadow:0 0 12px rgba(248,199,71,.55)!important;}
.settings-api-status.online i{background:#44e28a!important;box-shadow:0 0 12px rgba(68,226,138,.55)!important;}
.settings-api-status.error i{background:#ff5c7a!important;box-shadow:0 0 12px rgba(255,92,122,.55)!important;}
.leadership-member-alert-card small{
  display:block!important;
  margin:.35rem 0 .8rem!important;
  color:#ffd65f!important;
  font-weight:850!important;
}

/* ===== v3.0 — Pagamentos em Configurações > Plano ===== */
.payment-v30-flow{
  gap:14px!important;
}
.payment-period-label[hidden],
.payment-selected-price[hidden]{
  display:none!important;
}
.payment-selected-price{
  border:1px solid rgba(255,214,95,.20)!important;
  background:rgba(255,214,95,.08)!important;
  border-radius:18px!important;
  padding:14px!important;
  display:grid!important;
  gap:6px!important;
}
.payment-selected-price span{
  color:#aeb8cf!important;
  font-size:.72rem!important;
  font-weight:900!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
}
.payment-selected-price strong{
  color:#ffd65f!important;
  font-size:1rem!important;
  font-weight:950!important;
}
.payment-request-btn:disabled{
  opacity:.45!important;
  filter:grayscale(.25)!important;
  cursor:not-allowed!important;
  box-shadow:none!important;
}
.payment-manual-card p{
  line-height:1.42!important;
}

/* ===== v3.0.1 — API Clash sincronização real ===== */
.settings-api-status.offline i{
  background:#ff4d6d!important;
  box-shadow:0 0 13px rgba(255,77,109,.6)!important;
}
.settings-api-status.offline{
  color:#ff8fa3!important;
  border-color:rgba(255,77,109,.24)!important;
  background:rgba(255,77,109,.10)!important;
}
.settings-api-error{
  display:block!important;
  color:#ff9aae!important;
  font-size:.82rem!important;
  line-height:1.25!important;
  max-width:100%!important;
  overflow-wrap:anywhere!important;
}
.settings-api-loading{
  color:#ffd65f!important;
  font-weight:900!important;
}

/* ===== v3.0.2 — Push PWA base ===== */
.settings-push-modal .push-status-card{
  border:1px solid rgba(176,199,255,.16);
  background:rgba(255,255,255,.055);
  border-radius:20px;
  padding:16px;
  display:grid;
  gap:6px;
  margin:14px 0;
}
.push-status-card span,
.push-info-list span{
  color:#9eacc7;
  font-size:.72rem;
  font-weight:950;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.push-status-card strong{
  color:#fff;
  font-weight:950;
  line-height:1.25;
}
.push-status-card.success{
  border-color:rgba(68,226,138,.25);
  background:rgba(68,226,138,.08);
}
.push-status-card.success strong{color:#7dffb1;}
.push-status-card.error{
  border-color:rgba(255,92,122,.25);
  background:rgba(255,92,122,.08);
}
.push-status-card.error strong{color:#ff9aae;}
.push-status-card.warn,
.push-status-card.loading{
  border-color:rgba(255,214,95,.25);
  background:rgba(255,214,95,.08);
}
.push-status-card.warn strong,
.push-status-card.loading strong{color:#ffd65f;}
.push-info-list{
  display:grid;
  gap:10px;
  margin:12px 0;
}
.push-info-list div{
  border:1px solid rgba(176,199,255,.12);
  border-radius:16px;
  padding:12px;
  background:rgba(255,255,255,.04);
}
.push-info-list strong{
  display:block;
  margin-top:4px;
  color:#fff;
}
.push-foreground-toast{
  position:fixed;
  left:16px;
  right:16px;
  top:calc(18px + env(safe-area-inset-top));
  z-index:9999;
  border-radius:20px;
  padding:14px;
  transform:translateY(-140%);
  opacity:0;
  transition:.22s ease;
}
.push-foreground-toast.show{
  transform:translateY(0);
  opacity:1;
}
.push-foreground-toast strong{
  color:#ffd65f;
  font-weight:950;
}
.push-foreground-toast p{
  margin:.35rem 0 .7rem;
  color:#e9eefc;
}
.push-foreground-toast button{
  width:100%;
  min-height:38px;
  border-radius:12px;
  border:1px solid rgba(255,214,95,.25);
  background:rgba(255,214,95,.14);
  color:#ffd65f;
  font-weight:950;
}

/* ===== v3.0.2.1 — diagnóstico Push iOS/FCM ===== */
.push-status-card.partial{
  border-color:rgba(255,214,95,.28)!important;
  background:rgba(255,214,95,.09)!important;
}
.push-status-card.partial strong{
  color:#ffd65f!important;
}
.push-diagnostic-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin:12px 0 2px;
}
.push-diagnostic-grid div{
  border:1px solid rgba(176,199,255,.12);
  background:rgba(255,255,255,.04);
  border-radius:14px;
  padding:10px;
}
.push-diagnostic-grid span{
  display:block;
  color:#9eacc7;
  font-size:.64rem;
  letter-spacing:.12em;
  font-weight:950;
  text-transform:uppercase;
}
.push-diagnostic-grid strong{
  display:block;
  margin-top:4px;
  color:#fff;
  font-size:.78rem;
  line-height:1.15;
}
@media(max-width:390px){
  .push-diagnostic-grid{grid-template-columns:1fr;}
}

/* ===== v3.0.2.2 — fallback Web Push iOS ===== */
.push-diagnostic-grid strong{
  overflow-wrap:anywhere!important;
}

/* ===== v3.0.2.3 — iOS Web Push direto ===== */
.push-status-card.warn strong{
  color:#ffd65f!important;
}

/* ===== v3.0.2.4 — iOS pure Web Push sem FCM ===== */
.push-diagnostic-grid strong{
  overflow-wrap:anywhere!important;
}

/* ===== v3.0.2.5 — Push usando service worker raiz ===== */
.push-status-card.partial strong,
.push-status-card.warn strong{
  overflow-wrap:anywhere!important;
}

/* ===== v3.0.2.6 — iOS push reset/direct ===== */
.push-status-card.partial strong,
.push-status-card.warn strong{
  overflow-wrap:anywhere!important;
}

/* ===== v3.0.2.7 — iOS prewarm service worker ===== */
.push-status-card.partial strong,.push-status-card.warn strong{overflow-wrap:anywhere!important;}

/* ===== v3.0.2.8 — iOS push startup prewarm ===== */
.push-status-card.partial strong,.push-status-card.warn strong{overflow-wrap:anywhere!important;}

/* ===== v3.0.2.9 — FCM usando service worker raiz ===== */
.push-status-card.partial strong,.push-status-card.warn strong{overflow-wrap:anywhere!important;}

/* ===== v3.0.2.11 — Push principal com padrão do teste isolado ===== */
.push-status-card.partial strong,.push-status-card.warn strong{overflow-wrap:anywhere!important;}

/* ===== v3.0.2.12 — tela oficial de ativação Push iOS ===== */
.push-status-card.partial strong,.push-status-card.warn strong{overflow-wrap:anywhere!important;}

/* ===== v3.0.2.13 — Push Firestore permission fallback ===== */

/* ===== v3.0.3.1 — integração Push no aviso da liderança ===== */
#sendLeadershipNotice:disabled{opacity:.6;filter:grayscale(.25);pointer-events:none;}

/* ===== v3.0.3.3 — Push UX final + painel admin ===== */
.settings-push-status{
  margin-left:auto;
  padding:7px 10px;
  border-radius:999px;
  border:1px solid rgba(255,214,95,.22);
  color:#ffd65f;
  background:rgba(255,214,95,.08);
  font-weight:950;
  font-size:.68rem;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.settings-push-status.active{
  color:#86ffb5;
  border-color:rgba(68,226,138,.28);
  background:rgba(68,226,138,.08);
}
#settingsPushOverlay.push-member-clean .push-diagnostic-grid,
#settingsPushOverlay.push-member-clean .push-admin-devices{
  display:none!important;
}
.push-admin-devices{
  margin-top:14px;
  border-top:1px solid rgba(176,199,255,.12);
  padding-top:14px;
}

/* ===== v3.0.3.5 — hotfix Push item + presença realtime base ===== */
#openPushPopup.settings-item{
  grid-template-columns:46px minmax(0,1fr) auto!important;
}
#openPushPopup .settings-chevron{
  display:none!important;
}
#openPushPopup .settings-push-status{
  justify-self:end!important;
  margin-left:0!important;
}

/* ===== v3.0.3.6 — presença somente para tag vinculada/cadastrada ===== */

/* ===== v3.0.3.8 — presença realtime final ===== */
.member-presence,.settings-presence{white-space:nowrap;}

/* ===== v3.0.4 — relatório Ataques não realizados ===== */
.leadership-report-hint{display:block;margin-top:6px;color:rgba(226,234,255,.58);font-size:.72rem;font-weight:800;line-height:1.25;}

/* ===== v3.0.4.1 — relatório premium visual + métricas diárias ===== */
.leadership-report-options{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:14px!important;
  align-items:start!important;
}
.leadership-report-options .leadership-field{min-width:0!important;}
.leadership-report-options select{width:100%!important;}
.leadership-report-hint{display:none!important;}
@media(max-width:520px){
  .leadership-report-options{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:10px!important;
  }
}

/* ===== v3.0.5 — push manual para pendentes ===== */
.leadership-pending-push-btn{
  background:linear-gradient(135deg,#ffdf75,#d99a16)!important;
  color:#08111f!important;
  border-color:rgba(255,214,95,.45)!important;
  box-shadow:0 14px 34px rgba(255,214,95,.18)!important;
}
.leadership-pending-push-btn:disabled{opacity:.58!important;filter:grayscale(.25)!important;}
.leadership-pending-push-btn[hidden]{display:none!important;}

/* ===== v3.0.5.2 — notificações internas filtradas + sino premium ===== */
.notifications-card{
  max-height:360px!important;
  overflow:hidden!important;
}
.dashboard-notification-list{
  max-height:420px;
  overflow:hidden;
}
.notifications-modal{
  width:min(calc(100vw - 28px),390px)!important;
  max-height:78svh!important;
  border-radius:30px!important;
  padding:24px 20px 18px!important;
  background:linear-gradient(180deg,rgba(10,22,43,.92),rgba(3,9,20,.96))!important;
  border:1px solid rgba(176,199,255,.15)!important;
  box-shadow:0 28px 80px rgba(0,0,0,.58), inset 0 1px 0 rgba(255,255,255,.06)!important;
}
.notifications-modal-head{
  padding:4px 48px 16px 0!important;
}
.notifications-modal-head .modal-eyebrow{
  color:#ffd65f!important;
  letter-spacing:.24em!important;
}
.modal-notification-scroll{
  max-height:calc(78svh - 142px);
  overflow-y:auto!important;
  -webkit-overflow-scrolling:touch;
  padding-right:4px;
}
.modal-notification-list{
  display:grid!important;
  gap:12px!important;
  padding-bottom:6px;
}
.notification-item{
  position:relative;
  display:grid!important;
  grid-template-columns:10px minmax(0,1fr) auto!important;
  gap:12px!important;
  align-items:start!important;
  padding:14px 12px!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025))!important;
  border:1px solid rgba(176,199,255,.12)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.notification-item.is-unread{
  border-color:rgba(255,214,95,.22)!important;
  box-shadow:0 0 0 1px rgba(255,214,95,.08), 0 14px 28px rgba(0,0,0,.18)!important;
}
.notification-dot{
  width:8px!important;
  height:8px!important;
  border-radius:999px!important;
  margin-top:7px!important;
  background:rgba(176,199,255,.28)!important;
}
.notification-item.is-unread .notification-dot{
  background:#ff4e68!important;
  box-shadow:0 0 12px rgba(255,78,104,.75)!important;
}
.notification-copy{
  min-width:0!important;
}
.notification-copy strong{
  display:block!important;
  font-size:.92rem!important;
  line-height:1.18!important;
  color:#fff!important;
}
.notification-copy span{
  display:block!important;
  margin-top:5px!important;
  color:rgba(226,234,255,.58)!important;
  font-size:.72rem!important;
  line-height:1.28!important;
}
.notification-preview,
.notification-message{
  margin:10px 0 0!important;
  color:rgba(226,234,255,.78)!important;
  font-size:.82rem!important;
  line-height:1.42!important;
  overflow-wrap:anywhere!important;
}
.notification-message[hidden],
.notification-preview[hidden]{
  display:none!important;
}
.notification-actions{
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  align-items:center!important;
}
.notification-toggle,
.notification-delete{
  width:34px!important;
  height:34px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:14px!important;
  border:1px solid rgba(176,199,255,.14)!important;
  background:rgba(255,255,255,.055)!important;
  color:#dce7ff!important;
  padding:0!important;
}
.notification-toggle svg,
.notification-delete svg{
  width:18px!important;
  height:18px!important;
}
.notification-toggle[aria-expanded="true"] svg{
  transform:rotate(180deg);
}
.notification-delete{
  color:#ff9aae!important;
  border-color:rgba(255,78,104,.20)!important;
}
.dash-bell.has-unread::after{
  content:"";
  position:absolute;
  top:8px;
  right:9px;
  width:10px;
  height:10px;
  border-radius:999px;
  background:#ff4e68;
  box-shadow:0 0 14px rgba(255,78,104,.85);
}

/* ===== v3.0.5.3 — restaura padrão compacto das notificações e sino ===== */
.notifications-card{
  max-height:none!important;
  overflow:visible!important;
  padding-bottom:14px!important;
}
.dash-notification-head{
  align-items:center!important;
  padding-bottom:10px!important;
  border-bottom:1px solid rgba(176,199,255,.08)!important;
}
.dashboard-notification-list{
  display:block!important;
  max-height:none!important;
  overflow:visible!important;
  margin-top:0!important;
  padding-top:0!important;
}
.notification-item.compact{
  display:grid!important;
  grid-template-columns:8px minmax(0,1fr) auto!important;
  gap:10px!important;
  align-items:start!important;
  padding:12px 0!important;
  border-radius:0!important;
  background:transparent!important;
  border:0!important;
  border-bottom:1px solid rgba(176,199,255,.09)!important;
  box-shadow:none!important;
}
.notification-item.compact:last-child{
  border-bottom:0!important;
}
.notification-item.compact.is-unread{
  border-color:rgba(255,214,95,.16)!important;
  box-shadow:none!important;
}
.notification-dot{
  width:6px!important;
  height:6px!important;
  margin-top:7px!important;
  background:rgba(176,199,255,.32)!important;
}
.notification-item.is-unread .notification-dot{
  background:#ffd65f!important;
  box-shadow:0 0 10px rgba(255,214,95,.58)!important;
}
.notification-copy strong{
  font-size:.9rem!important;
  line-height:1.18!important;
  font-weight:950!important;
  letter-spacing:.01em!important;
}
.notification-copy span{
  margin-top:4px!important;
  color:rgba(226,234,255,.66)!important;
  font-size:.72rem!important;
  line-height:1.3!important;
  font-weight:700!important;
}
.notification-message{
  margin:9px 0 0!important;
  padding:9px 10px!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.035)!important;
  border:1px solid rgba(176,199,255,.075)!important;
  color:rgba(226,234,255,.82)!important;
  font-size:.8rem!important;
  line-height:1.42!important;
}
.notification-message[hidden]{
  display:none!important;
}
.notification-actions{
  flex-direction:column!important;
  gap:7px!important;
  align-items:center!important;
  justify-content:flex-start!important;
}
.notification-toggle,
.notification-delete{
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.052)!important;
  border:1px solid rgba(176,199,255,.13)!important;
}
.notification-toggle svg,
.notification-delete svg{
  width:16px!important;
  height:16px!important;
  transition:transform .18s ease!important;
}
.notification-toggle[aria-expanded="true"] svg{
  transform:rotate(180deg)!important;
}
.notifications-modal{
  width:min(calc(100vw - 28px),390px)!important;
  max-height:82svh!important;
  display:flex!important;
  flex-direction:column!important;
  padding:22px 18px 16px!important;
}
.notifications-modal-head{
  flex:0 0 auto!important;
  padding:2px 48px 14px 0!important;
  border-bottom:1px solid rgba(176,199,255,.08)!important;
}
.modal-notification-scroll{
  flex:1 1 auto!important;
  max-height:calc(82svh - 132px)!important;
  overflow-y:auto!important;
  -webkit-overflow-scrolling:touch!important;
  padding-right:4px!important;
  margin-top:0!important;
}
.modal-notification-list{
  display:block!important;
  gap:0!important;
  padding-bottom:4px!important;
}
.modal-notification-list .notification-item.compact{
  padding:12px 0!important;
}
.empty-notifications{
  min-height:94px!important;
  border:0!important;
}


/* ===== v3054: últimas notificações 10/15 com rolagem interna real ===== */
.notifications-card{
  height:clamp(320px, 40svh, 430px)!important;
  max-height:clamp(320px, 40svh, 430px)!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
}
.notifications-card > [data-notification-list]{
  min-height:0!important;
  flex:1 1 auto!important;
  display:flex!important;
  flex-direction:column!important;
}
.dashboard-notification-list{
  min-height:0!important;
  flex:1 1 auto!important;
  max-height:none!important;
  overflow-y:auto!important;
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior:contain!important;
  padding-right:4px!important;
  margin-top:14px!important;
}
.dashboard-notification-list .notification-item.compact,
.modal-notification-list .notification-item.compact{
  margin-bottom:12px!important;
}
.dashboard-notification-list .notification-item.compact:last-child,
.modal-notification-list .notification-item.compact:last-child{
  margin-bottom:0!important;
}
.notifications-modal{
  max-height:min(82svh, 680px)!important;
  overflow:hidden!important;
}
.modal-notification-scroll{
  min-height:0!important;
  flex:1 1 auto!important;
  max-height:none!important;
  overflow-y:auto!important;
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior:contain!important;
}
.modal-notification-list{
  min-height:0!important;
  padding-bottom:8px!important;
}

/* ===== v3.0.5.5 — iOS PWA safe area: topo protegido + menu fixo no rodapé ===== */
html.is-ios-pwa{
  --topbrs-safe-top:env(safe-area-inset-top, 0px);
  --topbrs-safe-bottom:env(safe-area-inset-bottom, 0px);
  --topbrs-pwa-nav-height:calc(96px + var(--topbrs-safe-bottom));
}

html.is-ios-pwa body{
  min-height:100svh!important;
  overflow-x:hidden!important;
  background:#050b16!important;
}

/* No PWA instalado, o conteúdo desce para não bater na status bar/notch do iPhone. */
html.is-ios-pwa .dashboard-shell,
html.is-ios-pwa .war-shell,
html.is-ios-pwa .ranking-shell,
html.is-ios-pwa .members-shell,
html.is-ios-pwa .leadership-shell,
html.is-ios-pwa .settings-shell{
  min-height:100svh!important;
  height:auto!important;
  align-items:start!important;
  place-items:start center!important;
  padding-top:calc(var(--topbrs-safe-top) + 12px)!important;
  padding-bottom:0!important;
  overflow-x:hidden!important;
}

/* Espaço interno para o último bloco nunca ficar escondido atrás do menu fixo. */
html.is-ios-pwa .dashboard-phone,
html.is-ios-pwa .war-phone,
html.is-ios-pwa .ranking-phone,
html.is-ios-pwa .members-phone,
html.is-ios-pwa .leadership-phone,
html.is-ios-pwa .settings-phone{
  min-height:calc(100svh - var(--topbrs-safe-top))!important;
  height:auto!important;
  overflow:visible!important;
  padding-bottom:calc(142px + var(--topbrs-safe-bottom))!important;
  margin-bottom:0!important;
}

/* Menu inferior: só no PWA instalado ele encosta no rodapé real do iPhone. */
html.is-ios-pwa .bottom-nav{
  position:fixed!important;
  left:50%!important;
  right:auto!important;
  bottom:0!important;
  transform:translateX(-50%)!important;
  width:min(100%, 390px)!important;
  height:var(--topbrs-pwa-nav-height)!important;
  box-sizing:border-box!important;
  padding:8px 10px calc(10px + var(--topbrs-safe-bottom))!important;
  border-radius:30px 30px 0 0!important;
  z-index:9999!important;
  overflow:visible!important;
}

html.is-ios-pwa .bottom-nav .nav-btn{
  min-height:0!important;
}

html.is-ios-pwa .bottom-nav .nav-home,
html.is-ios-pwa .nav-btn.nav-home{
  transform:translateY(-18px)!important;
}

/* Evita que overlays/popups fiquem por baixo da status bar no PWA. */
html.is-ios-pwa .notifications-modal,
html.is-ios-pwa .settings-popup-modal,
html.is-ios-pwa .war-calendar-modal,
html.is-ios-pwa .ranking-calendar-modal,
html.is-ios-pwa .member-filter-modal,
html.is-ios-pwa .leadership-report-modal,
html.is-ios-pwa .leadership-automation-modal,
html.is-ios-pwa .leadership-expelled-modal{
  max-height:calc(100svh - var(--topbrs-safe-top) - 24px)!important;
}

/* ===== v3.0.5.7 — Correção pendentes automação push ===== */
.leadership-auto-section{
  border:1px solid rgba(176,199,255,.13)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025))!important;
  border-radius:20px!important;
  padding:14px!important;
  margin:14px 0!important;
}
.leadership-auto-section-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  margin-bottom:12px!important;
}
.leadership-auto-section-head strong{
  color:#ffd65f!important;
  font-weight:950!important;
  letter-spacing:.04em!important;
}
.leadership-mini-toggle{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  color:#d7deef!important;
  font-size:.82rem!important;
  font-weight:900!important;
}
.leadership-mini-toggle input{width:18px!important;height:18px!important;accent-color:#ffd65f!important;}
.leadership-auto-message{display:grid!important;gap:8px!important;margin-top:10px!important;}
.leadership-auto-message textarea{
  width:100%!important;
  min-height:86px!important;
  resize:vertical!important;
  border-radius:16px!important;
  border:1px solid rgba(176,199,255,.16)!important;
  background:rgba(4,10,24,.72)!important;
  color:#fff!important;
  padding:12px!important;
  font-weight:800!important;
  line-height:1.35!important;
}
.leadership-push-auto-actions{grid-template-columns:1fr!important;}
#runWarStartPushNow{
  background:rgba(255,214,95,.10)!important;
  border:1px solid rgba(255,214,95,.22)!important;
  color:#ffd65f!important;
}
.leadership-auto-history-item p{
  margin:7px 0 0!important;
  color:#c9d3e7!important;
  font-size:.78rem!important;
  font-weight:850!important;
}
@media (min-width:560px){.leadership-push-auto-actions{grid-template-columns:1fr 1fr 1fr!important;}}


/* ===== v3.0.5.8 — status da automação push programada ===== */
.leadership-auto-status-panel{
  border:1px solid rgba(176,199,255,.14)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.025))!important;
  border-radius:18px!important;
  padding:12px!important;
  margin:0 0 14px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important;
}
.leadership-auto-status-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  margin-bottom:10px!important;
}
.leadership-auto-status-head strong{
  color:#eaf0ff!important;
  font-weight:950!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  font-size:.72rem!important;
}
.leadership-auto-status-head span{
  border-radius:999px!important;
  padding:6px 10px!important;
  font-weight:950!important;
  font-size:.72rem!important;
  letter-spacing:.06em!important;
  white-space:nowrap!important;
}
.leadership-auto-status-head span.is-active{
  color:#9dffb4!important;
  border:1px solid rgba(66,214,111,.35)!important;
  background:rgba(66,214,111,.12)!important;
}
.leadership-auto-status-head span.is-paused{
  color:#ffd65f!important;
  border:1px solid rgba(255,214,95,.28)!important;
  background:rgba(255,214,95,.10)!important;
}
.leadership-auto-status-grid{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
}
.leadership-auto-status-grid div{
  border:1px solid rgba(176,199,255,.10)!important;
  background:rgba(4,10,24,.48)!important;
  border-radius:14px!important;
  padding:9px!important;
  min-width:0!important;
}
.leadership-auto-status-grid small{
  display:block!important;
  color:#9eacc7!important;
  font-size:.64rem!important;
  line-height:1.1!important;
  font-weight:900!important;
  text-transform:uppercase!important;
  letter-spacing:.09em!important;
  margin-bottom:4px!important;
}
.leadership-auto-status-grid b{
  display:block!important;
  color:#fff!important;
  font-size:.78rem!important;
  line-height:1.18!important;
  font-weight:950!important;
  overflow-wrap:anywhere!important;
}
.leadership-auto-status-panel p{
  margin:10px 0 0!important;
  color:#9eacc7!important;
  font-size:.78rem!important;
  font-weight:850!important;
}
#activateLeadershipAutomation{
  background:rgba(66,214,111,.12)!important;
  border:1px solid rgba(66,214,111,.28)!important;
  color:#9dffb4!important;
}
#pauseLeadershipAutomation{
  background:rgba(255,92,122,.10)!important;
  border:1px solid rgba(255,92,122,.25)!important;
  color:#ff9aaa!important;
}
@media(max-width:390px){
  .leadership-auto-status-grid{grid-template-columns:1fr!important;}
}

/* ===== v3.0.5.9 — múltiplos horários da automação push ===== */
.leadership-auto-times-field{
  grid-column:1 / -1!important;
}
.leadership-auto-times-add{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:10px!important;
  align-items:center!important;
}
.leadership-auto-times-add button{
  min-height:46px!important;
  border-radius:16px!important;
  padding:0 14px!important;
  border:1px solid rgba(255,214,95,.35)!important;
  background:linear-gradient(180deg,rgba(255,214,95,.92),rgba(211,145,24,.92))!important;
  color:#111827!important;
  font-weight:950!important;
  white-space:nowrap!important;
}
.leadership-auto-times-list{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  margin-top:10px!important;
}
.leadership-auto-time-chip{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  min-height:34px!important;
  border-radius:999px!important;
  padding:0 8px 0 12px!important;
  border:1px solid rgba(176,199,255,.18)!important;
  background:rgba(255,255,255,.075)!important;
  color:#fff!important;
  font-weight:950!important;
  box-shadow:0 8px 22px rgba(0,0,0,.18)!important;
}
.leadership-auto-time-chip small{
  display:grid!important;
  place-items:center!important;
  width:22px!important;
  height:22px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.12)!important;
  color:#ffd65f!important;
  font-size:1rem!important;
  line-height:1!important;
}
.leadership-auto-times-list em{
  color:#9eacc7!important;
  font-size:.82rem!important;
  font-style:normal!important;
  font-weight:850!important;
}
@media(max-width:560px){
  .leadership-auto-times-add{
    grid-template-columns:1fr!important;
  }
  .leadership-auto-times-add button{
    width:100%!important;
  }
}

/* v3.0.6.4 — Automação Premium + painel premium */
.premium-lock-svg{width:18px;height:18px;margin-left:8px;vertical-align:-3px;color:#f6d35f;filter:drop-shadow(0 0 8px rgba(246,211,95,.35));display:none}
.premium-locked .premium-lock-svg,.settings-push-lock{display:inline-flex!important}
.leadership-auto-open-btn.premium-locked{border-color:rgba(246,211,95,.28)!important;background:linear-gradient(180deg,rgba(246,211,95,.14),rgba(10,14,24,.7))!important;color:#f8dd7b!important}
.premium-upgrade-overlay{position:fixed;inset:0;z-index:10050;display:none;align-items:center;justify-content:center;padding:22px;background:rgba(3,7,16,.68);backdrop-filter:blur(12px)}
.premium-upgrade-overlay.show{display:flex}
.premium-upgrade-modal{width:min(92vw,520px);padding:28px;border-radius:28px;background:linear-gradient(180deg,rgba(18,28,48,.88),rgba(8,13,25,.94));border:1px solid rgba(246,211,95,.22);box-shadow:0 24px 90px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.05);position:relative}
.premium-upgrade-modal h2{margin:8px 0 10px;color:#fff;font-size:clamp(26px,6vw,36px);letter-spacing:.01em}
.premium-upgrade-modal p{margin:0;color:rgba(235,240,255,.78);font-weight:700;line-height:1.42;font-size:16px}
.premium-upgrade-actions{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px}
.premium-upgrade-actions button{border-radius:18px;min-height:56px;font-weight:900;letter-spacing:.02em;border:1px solid rgba(255,255,255,.1)}
.premium-upgrade-go{background:linear-gradient(180deg,#f5d65c,#c7951d);color:#12141b;box-shadow:0 0 24px rgba(246,211,95,.18)}
.premium-upgrade-cancel{background:linear-gradient(180deg,rgba(255,89,129,.18),rgba(46,12,28,.62));color:#ff9bb2;border-color:rgba(255,89,129,.28)!important;box-shadow:0 0 20px rgba(255,89,129,.12)}
.leadership-automation-modal{background:radial-gradient(circle at 10% 0%,rgba(246,211,95,.10),transparent 35%),linear-gradient(180deg,rgba(17,28,48,.94),rgba(7,12,23,.96))!important}
.leadership-automation-modal h2{font-size:clamp(28px,7vw,42px)!important;letter-spacing:.01em!important}
.leadership-automation-modal>p{max-width:620px;color:rgba(236,241,255,.76)!important;font-weight:700!important;line-height:1.45!important}
.leadership-auto-status-panel{border-color:rgba(246,211,95,.16)!important;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(0,0,0,.12))!important}
.leadership-auto-section{background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(9,14,27,.62))!important;border:1px solid rgba(255,255,255,.09)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 12px 30px rgba(0,0,0,.16)!important}
.leadership-auto-section-head strong{line-height:1.15}
.leadership-push-auto-actions{grid-template-columns:1fr!important}
.leadership-push-auto-actions .admin-saas-debug-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.leadership-push-auto-actions .admin-saas-debug-actions[hidden]{display:none!important}
#saveLeadershipAutomation{background:linear-gradient(180deg,#f5d65c,#c7951d)!important;color:#12141b!important;box-shadow:0 0 28px rgba(246,211,95,.18)!important}
#activateLeadershipAutomation{background:linear-gradient(180deg,rgba(72,230,148,.16),rgba(8,65,44,.58))!important;color:#9ff0bd!important;border-color:rgba(93,230,151,.25)!important}
#pauseLeadershipAutomation{background:linear-gradient(180deg,rgba(255,89,129,.16),rgba(64,10,31,.58))!important;color:#ff9bb2!important;border-color:rgba(255,89,129,.25)!important}
.leadership-auto-history-item{background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(5,10,20,.56))!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:22px!important;padding:16px!important}
@media(max-width:560px){.premium-upgrade-actions{grid-template-columns:1fr}.leadership-push-auto-actions .admin-saas-debug-actions{grid-template-columns:1fr}}

/* ===== v3.0.6.5 — correções por etapa: automação, liderança, idiomas e PWA ===== */
/* Automação: campo de dia/horários 100% dentro do card */
.leadership-auto-pending-section .leadership-auto-grid{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:14px!important;
  width:100%!important;
  overflow:hidden!important;
}
.leadership-auto-pending-section .leadership-field,
.leadership-auto-pending-section .leadership-auto-times-field{
  min-width:0!important;
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}
.leadership-auto-times-add{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:10px!important;
  width:100%!important;
  max-width:100%!important;
  overflow:hidden!important;
}
.leadership-auto-times-add input,
.leadership-auto-times-add button,
#pushAutoPendingDay,
#pushAutoMaxPerDay{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}
.leadership-auto-times-list{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:9px!important;
  width:100%!important;
  max-width:100%!important;
  overflow:visible!important;
  padding-top:2px!important;
}
.leadership-auto-time-chip{
  max-width:100%!important;
  min-width:0!important;
}
.leadership-auto-time-chip span{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
@media(min-width:520px){
  .leadership-auto-times-add{grid-template-columns:minmax(0,1fr) 160px!important;align-items:center!important;}
}

/* Liderança: semanas e dias fixos/alinhados; só meses rolam */
#leadershipWeekBar,
#leadershipDayBar{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:9px!important;
  overflow:visible!important;
  padding:2px 0 7px!important;
  width:100%!important;
}
#leadershipWeekBar .leadership-chip,
#leadershipDayBar .leadership-chip{
  min-width:0!important;
  width:100%!important;
  padding-left:4px!important;
  padding-right:4px!important;
}

/* Configurações: cadeado do Push sempre no fim do título, nunca abaixo */
.settings-push-title-wrap{min-width:0!important;display:grid!important;gap:4px!important;}
.settings-push-title{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  min-width:0!important;
  max-width:100%!important;
  margin:0!important;
  line-height:1.08!important;
  white-space:normal!important;
}
.settings-push-title span{display:inline!important;min-width:0!important;}
.settings-push-title .settings-push-lock{
  flex:0 0 auto!important;
  width:16px!important;
  height:16px!important;
  margin-left:2px!important;
  vertical-align:baseline!important;
}
#openPushPopup:not(.premium-locked) .settings-push-lock{display:none!important;}
#openPushPopup.premium-locked .settings-push-lock{display:inline-flex!important;}

/* Popup idioma: bandeiras com tamanho correto */
.settings-language-options button b{font-size:1.45rem!important;line-height:1!important;}

/* Seletor compacto de idioma nas páginas iniciais e Assine agora */
.auth-shell .language-switch,
.subscribe-shell .language-switch,
.auth-shell > .auth-language-switch,
.subscribe-shell > .auth-language-switch{
  position:fixed!important;
  top:calc(env(safe-area-inset-top,0px) + 14px)!important;
  right:max(14px, calc((100vw - 390px)/2 + 18px))!important;
  z-index:999!important;
  width:52px!important;
  max-width:calc(100vw - 28px)!important;
  overflow:hidden!important;
  justify-content:flex-end!important;
  direction:rtl!important;
  transition:width .22s ease, background .22s ease, border-color .22s ease!important;
  box-sizing:border-box!important;
}
.auth-shell .language-switch.expanded,
.subscribe-shell .language-switch.expanded{
  width:168px!important;
  border-color:rgba(255,214,95,.34)!important;
}
.auth-shell .language-switch button,
.subscribe-shell .language-switch button{
  display:none!important;
  direction:ltr!important;
  flex:0 0 42px!important;
}
.auth-shell .language-switch button.active,
.subscribe-shell .language-switch button.active,
.auth-shell .language-switch.expanded button,
.subscribe-shell .language-switch.expanded button{
  display:inline-grid!important;
  place-items:center!important;
}
.auth-shell .auth-card,
.subscribe-shell .auth-card{position:relative!important;}
@media(max-width:420px){
  .auth-shell .language-switch,
  .subscribe-shell .language-switch,
  .auth-shell > .auth-language-switch,
  .subscribe-shell > .auth-language-switch{
    right:max(12px, calc((100vw - min(390px, 100vw - 28px))/2 + 12px))!important;
    transform:none!important;
  }
}

/* PWA iOS: navbar fixo no rodapé real, menor e estável */
html.is-ios-pwa{
  --topbrs-pwa-nav-height:calc(84px + env(safe-area-inset-bottom,0px))!important;
}
html.is-ios-pwa .bottom-nav{
  position:fixed!important;
  top:auto!important;
  left:50%!important;
  right:auto!important;
  bottom:0!important;
  transform:translate3d(-50%,0,0)!important;
  -webkit-transform:translate3d(-50%,0,0)!important;
  width:min(100%,390px)!important;
  height:var(--topbrs-pwa-nav-height)!important;
  min-height:0!important;
  padding:6px 8px calc(4px + env(safe-area-inset-bottom,0px))!important;
  border-radius:28px 28px 0 0!important;
  z-index:2147483000!important;
  contain:layout paint!important;
  isolation:isolate!important;
  will-change:transform!important;
  margin:0!important;
}
html.is-ios-pwa .bottom-nav .nav-btn{min-height:54px!important;}
html.is-ios-pwa .bottom-nav .nav-home,
html.is-ios-pwa .nav-btn.nav-home{transform:translateY(-14px)!important;}
html.is-ios-pwa .dashboard-phone,
html.is-ios-pwa .war-phone,
html.is-ios-pwa .ranking-phone,
html.is-ios-pwa .members-phone,
html.is-ios-pwa .leadership-phone,
html.is-ios-pwa .settings-phone{
  padding-bottom:calc(112px + env(safe-area-inset-bottom,0px))!important;
}


/* ===== v3.0.6.6 — HOTFIX estabilidade Liderança + PWA/iOS + idioma ===== */
/* Configurações: título de Push com o mesmo peso das demais opções */
#openPushPopup.settings-item{
  grid-template-columns:46px minmax(0,1fr) auto!important;
  align-items:center!important;
}
#openPushPopup .settings-push-title-wrap{
  display:grid!important;
  gap:4px!important;
  align-content:center!important;
  min-width:0!important;
}
#openPushPopup .settings-push-title{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  color:#fff!important;
  opacity:1!important;
  font-size:clamp(1.28rem,4.8vw,1.58rem)!important;
  font-weight:950!important;
  letter-spacing:-.02em!important;
  line-height:1.08!important;
  margin:0!important;
  white-space:normal!important;
}
#openPushPopup .settings-push-title span{
  color:#fff!important;
  opacity:1!important;
  font:inherit!important;
}
#openPushPopup .settings-push-lock{
  flex:0 0 auto!important;
  width:16px!important;
  height:16px!important;
  margin-left:2px!important;
  color:#f6d35f!important;
  filter:drop-shadow(0 0 8px rgba(246,211,95,.35))!important;
}
#openPushPopup:not(.premium-locked) .settings-push-lock{display:none!important;}
#openPushPopup.premium-locked .settings-push-lock{display:inline-flex!important;}
#openPushPopup #settingsPushSubtitle,
#openPushPopup .settings-push-title-wrap > span{
  color:rgba(218,226,246,.68)!important;
  font-size:clamp(.86rem,3.4vw,1rem)!important;
  font-weight:850!important;
  line-height:1.15!important;
}
#openPushPopup .settings-push-status{justify-self:end!important;align-self:center!important;}

/* Seletor de idioma: fica preso ao card/painel, expande da direita para esquerda */
.auth-shell{position:relative!important;}
.auth-card{position:relative!important;overflow:visible!important;}
.auth-shell .language-switch,
.subscribe-shell .language-switch,
.auth-shell > .auth-language-switch,
.subscribe-shell > .auth-language-switch{
  position:absolute!important;
  top:18px!important;
  right:18px!important;
  left:auto!important;
  z-index:20!important;
  width:54px!important;
  max-width:calc(100% - 36px)!important;
  height:48px!important;
  display:flex!important;
  flex-direction:row-reverse!important;
  justify-content:flex-start!important;
  align-items:center!important;
  gap:6px!important;
  overflow:hidden!important;
  direction:ltr!important;
  transform:none!important;
  box-sizing:border-box!important;
  transition:width .22s ease,border-color .22s ease,background .22s ease!important;
}
.auth-shell .language-switch.expanded,
.subscribe-shell .language-switch.expanded,
.auth-shell .language-switch:hover,
.subscribe-shell .language-switch:hover{
  width:168px!important;
}
.auth-shell .language-switch button,
.subscribe-shell .language-switch button{
  display:none!important;
  flex:0 0 44px!important;
  width:44px!important;
  min-width:44px!important;
  height:40px!important;
  place-items:center!important;
  padding:0!important;
}
.auth-shell .language-switch button.active,
.subscribe-shell .language-switch button.active,
.auth-shell .language-switch.expanded button,
.subscribe-shell .language-switch.expanded button,
.auth-shell .language-switch:hover button,
.subscribe-shell .language-switch:hover button{
  display:grid!important;
}
@media(max-width:420px){
  .auth-shell .language-switch,
  .subscribe-shell .language-switch,
  .auth-shell > .auth-language-switch,
  .subscribe-shell > .auth-language-switch{
    top:14px!important;
    right:14px!important;
  }
}

/* Navbar PWA/iOS: volta ao tamanho estável e fixa no rodapé sem desgrudar */
html.is-ios-pwa{--topbrs-pwa-nav-height:104px!important;}
html.is-ios-pwa .bottom-nav,
body.is-ios-pwa .bottom-nav{
  position:fixed!important;
  top:auto!important;
  left:50%!important;
  right:auto!important;
  bottom:calc(env(safe-area-inset-bottom,0px) + 8px)!important;
  transform:translate3d(-50%,0,0)!important;
  -webkit-transform:translate3d(-50%,0,0)!important;
  width:min(calc(100vw - 20px),390px)!important;
  height:var(--topbrs-pwa-nav-height)!important;
  min-height:var(--topbrs-pwa-nav-height)!important;
  max-height:var(--topbrs-pwa-nav-height)!important;
  padding:10px 12px 12px!important;
  border-radius:30px!important;
  box-sizing:border-box!important;
  z-index:2147483000!important;
  overflow:visible!important;
  margin:0!important;
  contain:layout paint!important;
  isolation:isolate!important;
  will-change:transform!important;
}
html.is-ios-pwa .bottom-nav .nav-btn,
body.is-ios-pwa .bottom-nav .nav-btn{
  min-height:66px!important;
  height:66px!important;
}
html.is-ios-pwa .bottom-nav .nav-home,
html.is-ios-pwa .nav-btn.nav-home,
body.is-ios-pwa .bottom-nav .nav-home,
body.is-ios-pwa .nav-btn.nav-home{
  transform:translateY(-18px)!important;
}
html.is-ios-pwa .dashboard-phone,
html.is-ios-pwa .war-phone,
html.is-ios-pwa .ranking-phone,
html.is-ios-pwa .members-phone,
html.is-ios-pwa .leadership-phone,
html.is-ios-pwa .settings-phone,
body.is-ios-pwa .dashboard-phone,
body.is-ios-pwa .war-phone,
body.is-ios-pwa .ranking-phone,
body.is-ios-pwa .members-phone,
body.is-ios-pwa .leadership-phone,
body.is-ios-pwa .settings-phone{
  padding-bottom:calc(136px + env(safe-area-inset-bottom,0px))!important;
}


/* ===== v3.0.6.7 — hotfix definitivo: idioma, Push title e navbar estável ===== */
/* Configurações: Push com o mesmo peso visual das demais opções */
#openPushPopup.settings-item{
  grid-template-columns:46px minmax(0,1fr) auto!important;
  min-height:96px!important;
  align-items:center!important;
}
#openPushPopup .settings-push-title-wrap{
  display:grid!important;
  gap:6px!important;
  align-content:center!important;
  min-width:0!important;
  opacity:1!important;
}
#openPushPopup .settings-push-title{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  width:auto!important;
  max-width:100%!important;
  color:#fff!important;
  opacity:1!important;
  font-size:clamp(1.22rem,4.8vw,1.52rem)!important;
  font-weight:1000!important;
  letter-spacing:-.025em!important;
  line-height:1.12!important;
  white-space:normal!important;
  margin:0!important;
}
#openPushPopup .settings-push-title span{
  display:inline!important;
  color:#fff!important;
  opacity:1!important;
  font:inherit!important;
}
#openPushPopup .settings-push-title-wrap > span,
#openPushPopup #settingsPushSubtitle{
  color:rgba(218,226,246,.72)!important;
  font-size:clamp(.84rem,3.2vw,.98rem)!important;
  font-weight:850!important;
  line-height:1.18!important;
  opacity:1!important;
}
#openPushPopup .settings-push-lock{
  flex:0 0 auto!important;
  width:16px!important;
  height:16px!important;
  margin-left:2px!important;
  vertical-align:baseline!important;
  color:#f6d35f!important;
  filter:drop-shadow(0 0 8px rgba(246,211,95,.35))!important;
}
#openPushPopup:not(.premium-locked) .settings-push-lock{display:none!important;}
#openPushPopup.premium-locked .settings-push-lock{display:inline-flex!important;}

/* Seletor de idioma compacto: dentro do card, não flutuante no viewport */
.auth-card,
.subscribe-card,
.checkout-card{
  position:relative!important;
  overflow:visible!important;
}
.auth-card > .language-switch.auth-language-switch,
.subscribe-card > .language-switch.auth-language-switch,
.checkout-card > .language-switch.auth-language-switch,
.auth-shell .auth-card > .language-switch,
.subscribe-shell .subscribe-card > .language-switch{
  position:absolute!important;
  top:22px!important;
  right:22px!important;
  left:auto!important;
  bottom:auto!important;
  z-index:200!important;
  width:54px!important;
  max-width:calc(100% - 44px)!important;
  height:48px!important;
  display:flex!important;
  flex-direction:row-reverse!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:6px!important;
  overflow:hidden!important;
  transform:none!important;
  transform-origin:top right!important;
  box-sizing:border-box!important;
  transition:width .22s ease,border-color .22s ease,background .22s ease!important;
}
.auth-card > .language-switch.is-open,
.subscribe-card > .language-switch.is-open,
.checkout-card > .language-switch.is-open,
.auth-card > .language-switch.expanded,
.subscribe-card > .language-switch.expanded,
.checkout-card > .language-switch.expanded{
  width:168px!important;
}
.auth-card > .language-switch button,
.subscribe-card > .language-switch button,
.checkout-card > .language-switch button{
  display:none!important;
  flex:0 0 44px!important;
  width:44px!important;
  min-width:44px!important;
  height:40px!important;
  padding:0!important;
  place-items:center!important;
}
.auth-card > .language-switch button.active,
.subscribe-card > .language-switch button.active,
.checkout-card > .language-switch button.active,
.auth-card > .language-switch.is-open button,
.subscribe-card > .language-switch.is-open button,
.checkout-card > .language-switch.is-open button,
.auth-card > .language-switch.expanded button,
.subscribe-card > .language-switch.expanded button,
.checkout-card > .language-switch.expanded button{
  display:grid!important;
}
@media(max-width:420px){
  .auth-card > .language-switch.auth-language-switch,
  .subscribe-card > .language-switch.auth-language-switch,
  .checkout-card > .language-switch.auth-language-switch{top:18px!important;right:18px!important;}
}

/* Navbar iOS/PWA: tamanho único e rodapé real */
html.is-ios-pwa{--topbrs-pwa-nav-height:106px!important;}
html.is-ios-pwa .bottom-nav,
body.is-ios-pwa .bottom-nav{
  position:fixed!important;
  top:auto!important;
  left:50%!important;
  right:auto!important;
  bottom:calc(env(safe-area-inset-bottom,0px) + 8px)!important;
  width:min(calc(100vw - 18px),392px)!important;
  height:var(--topbrs-pwa-nav-height)!important;
  min-height:var(--topbrs-pwa-nav-height)!important;
  max-height:var(--topbrs-pwa-nav-height)!important;
  padding:10px 10px 12px!important;
  border-radius:30px!important;
  transform:translate3d(-50%,0,0)!important;
  -webkit-transform:translate3d(-50%,0,0)!important;
  z-index:2147483000!important;
  box-sizing:border-box!important;
  margin:0!important;
  overflow:visible!important;
  contain:layout paint!important;
  isolation:isolate!important;
}
html.is-ios-pwa .bottom-nav .nav-btn,
body.is-ios-pwa .bottom-nav .nav-btn{height:66px!important;min-height:66px!important;}
html.is-ios-pwa .bottom-nav .nav-home,
body.is-ios-pwa .bottom-nav .nav-home{transform:translateY(-18px)!important;}

/* ===== v3.0.6.9 — hotfix final: Push title igual aos demais + idioma dentro do card ===== */
/* Configurações > Notificações Push: usar exatamente o peso visual dos demais itens */
#openPushPopup.settings-item{
  grid-template-columns:46px minmax(0,1fr) auto!important;
  min-height:68px!important;
  padding:10px 10px!important;
  gap:12px!important;
  align-items:center!important;
}
#openPushPopup .settings-push-title-wrap{
  display:block!important;
  min-width:0!important;
  align-content:center!important;
  opacity:1!important;
}
#openPushPopup .settings-push-title{
  display:inline-flex!important;
  align-items:baseline!important;
  gap:8px!important;
  color:#fff!important;
  opacity:1!important;
  font-size:17px!important;
  font-weight:900!important;
  letter-spacing:0!important;
  line-height:1.18!important;
  margin:0!important;
  white-space:normal!important;
  max-width:100%!important;
}
#openPushPopup .settings-push-title span{
  display:inline!important;
  color:#fff!important;
  opacity:1!important;
  font:inherit!important;
  line-height:inherit!important;
}
#openPushPopup #settingsPushSubtitle,
#openPushPopup .settings-push-title-wrap > span{
  display:block!important;
  color:rgba(226,234,255,.60)!important;
  font-size:12.5px!important;
  font-weight:700!important;
  line-height:1.2!important;
  margin-top:3px!important;
  opacity:1!important;
}
#openPushPopup .settings-push-lock{
  display:inline-flex!important;
  flex:0 0 auto!important;
  width:14px!important;
  height:14px!important;
  margin-left:4px!important;
  vertical-align:baseline!important;
  color:#f6d35f!important;
  filter:drop-shadow(0 0 7px rgba(246,211,95,.30))!important;
}
#openPushPopup:not(.premium-locked) .settings-push-lock{display:none!important;}
#openPushPopup.premium-locked .settings-push-lock{display:inline-flex!important;}
#openPushPopup .settings-push-status{justify-self:end!important;align-self:center!important;}

/* Idioma: NÃO é fixo no viewport. Fica absoluto dentro do card, no canto superior direito marcado. */
.auth-shell .auth-card,
.subscribe-shell .auth-card,
.auth-card,
.subscribe-card,
.checkout-card{
  position:relative!important;
  overflow:visible!important;
}
.auth-shell .language-switch.auth-language-switch,
.subscribe-shell .language-switch.auth-language-switch,
.checkout-shell .language-switch.auth-language-switch,
.auth-card > .language-switch,
.subscribe-card > .language-switch,
.checkout-card > .language-switch{
  position:absolute!important;
  top:22px!important;
  right:22px!important;
  left:auto!important;
  bottom:auto!important;
  z-index:300!important;
  width:54px!important;
  max-width:calc(100% - 44px)!important;
  height:48px!important;
  display:flex!important;
  flex-direction:row-reverse!important;
  justify-content:flex-start!important;
  align-items:center!important;
  gap:6px!important;
  overflow:hidden!important;
  transform:none!important;
  transform-origin:top right!important;
  box-sizing:border-box!important;
  transition:width .22s ease,border-color .22s ease,background .22s ease!important;
}
.auth-shell .language-switch.auth-language-switch.is-open,
.subscribe-shell .language-switch.auth-language-switch.is-open,
.checkout-shell .language-switch.auth-language-switch.is-open,
.auth-shell .language-switch.auth-language-switch.expanded,
.subscribe-shell .language-switch.auth-language-switch.expanded,
.checkout-shell .language-switch.auth-language-switch.expanded{
  width:168px!important;
}
.auth-shell .language-switch.auth-language-switch button,
.subscribe-shell .language-switch.auth-language-switch button,
.checkout-shell .language-switch.auth-language-switch button{
  display:none!important;
  flex:0 0 44px!important;
  width:44px!important;
  min-width:44px!important;
  height:40px!important;
  padding:0!important;
  place-items:center!important;
}
.auth-shell .language-switch.auth-language-switch button.active,
.subscribe-shell .language-switch.auth-language-switch button.active,
.checkout-shell .language-switch.auth-language-switch button.active,
.auth-shell .language-switch.auth-language-switch.is-open button,
.subscribe-shell .language-switch.auth-language-switch.is-open button,
.checkout-shell .language-switch.auth-language-switch.is-open button,
.auth-shell .language-switch.auth-language-switch.expanded button,
.subscribe-shell .language-switch.auth-language-switch.expanded button,
.checkout-shell .language-switch.auth-language-switch.expanded button{
  display:grid!important;
}
@media(max-width:420px){
  .auth-shell .language-switch.auth-language-switch,
  .subscribe-shell .language-switch.auth-language-switch,
  .checkout-shell .language-switch.auth-language-switch{top:18px!important;right:18px!important;}
}


/* v3.0.7.9 — Mercado Pago dynamic API status */
.payment-mp-card{border-color:rgba(255,214,95,.28)!important;background:linear-gradient(180deg,rgba(255,214,95,.08),rgba(255,255,255,.04))!important;}
.payment-mp-badge{display:inline-flex;align-items:center;justify-content:center;margin-top:12px;padding:8px 14px;border-radius:999px;border:1px solid rgba(255,214,95,.24);background:rgba(255,214,95,.08);color:#ffd65f;font-size:.72rem;font-weight:1000;letter-spacing:.18em;text-transform:uppercase;}
.payment-mp-badge.success{border-color:rgba(92,255,154,.28);background:rgba(92,255,154,.09);color:#9bffbf;}
#requestMercadoPagoCheckout{margin-top:12px;width:100%;}

/* ===== v3.0.8.0 — Mercado Pago UX + Add-On checkout ===== */
.payment-flow-card{
  border:1px solid rgba(255,214,95,.22)!important;
  background:linear-gradient(180deg,rgba(255,214,95,.08),rgba(255,255,255,.045))!important;
  border-radius:22px!important;
  padding:18px!important;
  display:grid!important;
  gap:12px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 18px 46px rgba(0,0,0,.20)!important;
}
.payment-flow-eyebrow{
  color:#ffd65f!important;
  font-size:.68rem!important;
  font-weight:1000!important;
  letter-spacing:.22em!important;
  text-transform:uppercase!important;
}
.payment-flow-card strong{
  display:block!important;
  color:#fff!important;
  font-size:1.08rem!important;
  font-weight:1000!important;
  margin-top:5px!important;
}
.payment-flow-card p{
  margin:8px 0 0!important;
  color:#aebbd2!important;
  line-height:1.42!important;
  font-weight:750!important;
}
.payment-trust-row{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
}
.payment-trust-row span,.checkout-trust-badges span{
  border:1px solid rgba(255,255,255,.13)!important;
  background:rgba(255,255,255,.07)!important;
  border-radius:999px!important;
  padding:7px 10px!important;
  color:#eaf0ff!important;
  font-size:.72rem!important;
  font-weight:950!important;
  letter-spacing:.02em!important;
}
.payment-mp-badge.success{
  border-color:rgba(94,255,157,.28)!important;
  background:rgba(94,255,157,.10)!important;
  color:#a8ffc8!important;
}
.addon-current-card strong{
  display:block!important;
  margin-bottom:7px!important;
  line-height:1.2!important;
}
.addon-current-card span{
  display:block!important;
}
.addon-disabled-note[hidden]{display:none!important;}
.checkout-trust-banner{
  border:1px solid rgba(255,214,95,.22)!important;
  background:linear-gradient(180deg,rgba(255,214,95,.09),rgba(255,255,255,.045))!important;
  border-radius:22px!important;
  padding:15px!important;
  display:grid!important;
  gap:10px!important;
}
.checkout-trust-banner[hidden],.checkout-trust-banner.is-hidden{display:none!important;}
.checkout-trust-main strong{
  display:block!important;
  color:#fff!important;
  font-weight:1000!important;
}
.checkout-trust-main small{
  display:block!important;
  margin-top:4px!important;
  color:#aebbd2!important;
  font-weight:800!important;
}
.checkout-trust-badges{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
}


/* ===== v3.0.8.1 — hotfix Mercado Pago / Assine Agora ===== */
.checkout-trust-banner{display:none!important;}
.subscribe-back-btn{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:min(220px,72%)!important;
  margin:28px auto 14px!important;
}
.subscribe-security-banner-img{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  object-fit:contain!important;
  margin:0 auto 6px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  filter:drop-shadow(0 10px 18px rgba(0,0,0,.28));
}
.payment-request-btn.is-loading,
.checkout-pay-btn:disabled{
  opacity:.82!important;
  pointer-events:none!important;
}
.addon-current-card strong + br{display:block!important;content:"";margin-bottom:7px!important;}

/* v3.0.9.0 Mercado Pago checkout popup */
.mp-checkout-overlay{position:fixed;inset:0;z-index:5000;display:grid;place-items:center;padding:calc(22px + env(safe-area-inset-top)) 22px calc(22px + env(safe-area-inset-bottom));background:rgba(2,8,18,.62);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);opacity:0;pointer-events:none;transition:opacity .22s ease}.mp-checkout-overlay.show{opacity:1;pointer-events:auto}.mp-checkout-modal{position:relative;width:min(100%,360px);border-radius:28px;padding:28px 22px 24px;background:linear-gradient(180deg,rgba(10,19,36,.98),rgba(6,12,26,.96));border:1px solid rgba(246,205,92,.25);box-shadow:0 28px 80px rgba(0,0,0,.52);transform:translateY(14px) scale(.98);transition:transform .22s cubic-bezier(.2,.8,.2,1)}.mp-checkout-overlay.show .mp-checkout-modal{transform:translateY(0) scale(1)}.mp-checkout-eyebrow{color:#f7d66e;letter-spacing:.34em;text-transform:uppercase;font-size:.78rem;font-weight:900;margin:0 54px 14px 0}.mp-checkout-modal h2{font-size:1.85rem;line-height:1.08;margin:0 54px 12px 0;color:#fff}.mp-checkout-text{margin:0 0 20px;color:#b8c3d8;font-weight:800;line-height:1.45}.mp-checkout-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid rgba(246,205,92,.18);border-radius:20px;padding:16px 18px;margin:18px 0 18px;background:rgba(255,255,255,.035)}.mp-checkout-summary strong{color:#fff;font-size:1.05rem}.mp-checkout-summary b{color:#ffe177;font-size:1.45rem;white-space:nowrap}.mp-official-button{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:62px;border-radius:18px;background:#171717;color:#fff!important;text-decoration:none;font-size:1.42rem;font-weight:900;letter-spacing:.02em;box-shadow:0 16px 36px rgba(0,0,0,.35)}.mp-logo-mark{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:999px;background:#fff;color:#111;font-size:1.1rem}.mp-checkout-security{display:block;margin-top:14px;text-align:center;color:#fff!important;font-weight:900;opacity:.95}.mp-checkout-close{position:absolute!important;top:18px!important;right:18px!important}.payment-request-btn.is-loading,.checkout-pay-btn.is-loading{opacity:.78;pointer-events:none}


/* v3.0.9.1 — Mercado Pago Wallet Brick oficial */
.mp-wallet-container{width:100%;min-height:62px;margin:18px 0 0;display:flex;align-items:center;justify-content:center;border-radius:18px;overflow:hidden;background:rgba(0,0,0,.18)}
.mp-wallet-container iframe{max-width:100%!important;border-radius:18px!important}
.mp-wallet-loading,.mp-wallet-error{width:100%;min-height:62px;display:flex;align-items:center;justify-content:center;border-radius:18px;background:#171717;color:#fff;font-weight:900;text-align:center;padding:0 14px}
.mp-wallet-error{background:rgba(120,22,38,.45);color:#ffd8df}
.mp-wallet-fallback{display:flex;align-items:center;justify-content:center;width:100%;min-height:62px;border-radius:18px;background:#171717;color:#fff!important;text-decoration:none;font-size:1.32rem;font-weight:900;letter-spacing:.02em;text-transform:lowercase}
.mp-checkout-security{color:#fff!important;text-shadow:0 1px 8px rgba(0,0,0,.55)}

/* v3.0.9.2 — SaaS pricing editor */
.saas-pricing-table{display:grid;gap:12px;margin:14px 0;}
.saas-pricing-row{display:grid;grid-template-columns:1fr;gap:10px;padding:12px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:rgba(255,255,255,.045);}
.saas-pricing-row>strong{color:#ffd86b;font-weight:1000;letter-spacing:.04em;}
.saas-pricing-row label{display:grid;gap:5px;}
.saas-pricing-row label span{font-size:.72rem;text-transform:uppercase;letter-spacing:.16em;color:#aeb9ce;font-weight:900;}
.saas-pricing-row input{width:100%;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:rgba(5,9,18,.62);color:#fff;padding:12px;font-weight:900;outline:none;}
@media(min-width:720px){.saas-pricing-row{grid-template-columns:1.1fr repeat(3,1fr);align-items:end}.saas-pricing-row:has([data-pricing-addon]){grid-template-columns:1.1fr repeat(2,1fr) 1fr;}}


/* v3.0.9.3 — Mercado Pago final popup polish + renewal panel */
.mp-checkout-security{display:none!important;}
.mp-wallet-container,.mp-wallet-container *{color:#fff!important;}
.mp-wallet-container [class*="value"],
.mp-wallet-container [class*="Value"],
.mp-wallet-container [class*="security"],
.mp-wallet-container [class*="Security"],
.mp-wallet-container [class*="safety"],
.mp-wallet-container [class*="Safety"]{color:#fff!important;text-shadow:0 1px 8px rgba(0,0,0,.55)!important;}
.payment-renew-current-card{display:grid;gap:14px;margin:14px 0;padding:18px;border-radius:22px;border:1px solid rgba(92,255,154,.20);background:linear-gradient(180deg,rgba(92,255,154,.08),rgba(255,255,255,.04));box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 18px 46px rgba(0,0,0,.18);}
.payment-renew-current-card[hidden]{display:none!important;}
.payment-renew-head strong{display:block;color:#fff;font-size:1.04rem;font-weight:1000;margin:0 0 6px;}
.payment-renew-head p{margin:0;color:#aebbd2;font-weight:750;line-height:1.38;}
.payment-renew-btn{width:100%;}

/* ===== v3.1.0 — Novo Painel SaaS Base ===== */
.saas-v31-body{margin:0;min-height:100vh;background:radial-gradient(circle at top left,rgba(250,205,92,.14),transparent 34%),linear-gradient(135deg,#030816,#071426 48%,#030713);color:#edf4ff;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}.saas-v31-body *{box-sizing:border-box}.saas-v31-gate{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:24px;background:rgba(3,7,18,.86);backdrop-filter:blur(18px)}.saas-v31-gate[hidden]{display:none!important}.saas-v31-login{width:min(430px,94vw);padding:30px;border:1px solid rgba(255,255,255,.12);border-radius:28px;background:linear-gradient(180deg,rgba(15,24,43,.92),rgba(7,13,27,.96));box-shadow:0 28px 80px rgba(0,0,0,.55)}.saas-v31-login h1{margin:6px 0;color:#fff;font-size:34px}.saas-v31-login p{margin:0 0 20px;color:#aebbd2;font-weight:700;line-height:1.45}.saas-v31-login label,.saas-v31-modal label,.saas-v31-card label{display:grid;gap:7px;color:#c8d3e7;font-size:.78rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.saas-v31-login input,.saas-v31-modal input,.saas-v31-modal select,.saas-v31-filters select,.saas-v31-filters button,.saas-v31-search input,.saas-v31-price-input{width:100%;min-height:46px;border-radius:15px;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.07);color:#fff;padding:0 13px;outline:none}.saas-v31-login button,.saas-v31-primary{min-height:48px;border:0;border-radius:16px;padding:0 18px;background:linear-gradient(135deg,#f5c85b,#b8861f);color:#140f04;font-weight:1000;box-shadow:0 14px 30px rgba(245,200,91,.18)}.saas-v31-login small{display:block;margin-top:12px;color:#ff8f8f}.saas-v31-kicker{display:inline-flex;color:#f6d56d;font-size:.7rem;font-weight:1000;text-transform:uppercase;letter-spacing:.22em}.saas-v31-app{display:grid;grid-template-columns:280px 1fr;min-height:100vh}.saas-v31-sidebar{position:sticky;top:0;height:100vh;padding:20px 16px;border-right:1px solid rgba(255,255,255,.09);background:rgba(5,10,24,.72);backdrop-filter:blur(22px);display:flex;flex-direction:column;gap:18px}.saas-v31-brand{display:flex;align-items:center;gap:12px;padding:8px 8px 18px;border-bottom:1px solid rgba(255,255,255,.08)}.saas-v31-logo{width:46px;height:46px;border-radius:16px;background:linear-gradient(135deg,#f8d86f,#8f6415);color:#120e04;display:grid;place-items:center;font-weight:1000}.saas-v31-brand strong{display:block;color:#fff;font-size:1.05rem}.saas-v31-brand span{display:block;color:#9ba9c1;font-size:.72rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.saas-v31-nav{display:grid;gap:6px;overflow:auto;padding-right:2px}.saas-v31-nav button,.saas-v31-logout{width:100%;min-height:44px;border:0;border-radius:14px;background:transparent;color:#b6c4db;text-align:left;padding:0 14px;font-weight:850}.saas-v31-nav button.active,.saas-v31-nav button:hover{background:rgba(246,213,109,.12);color:#fff;box-shadow:inset 3px 0 0 #f6d56d}.saas-v31-logout{margin-top:auto;background:rgba(255,84,84,.09);color:#ffb5b5;text-align:center}.saas-v31-main{min-width:0;padding:22px clamp(16px,3vw,34px) 42px}.saas-v31-topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.saas-v31-topbar h1{margin:4px 0 0;font-size:clamp(28px,4vw,44px);line-height:1;color:#fff}.saas-v31-actions{display:flex;align-items:center;gap:10px}.saas-v31-menu{display:none;width:46px;height:46px;border-radius:15px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.07);color:#fff}.saas-v31-search input{min-width:min(360px,34vw)}.saas-v31-filters{display:flex;gap:10px;align-items:center;overflow-x:auto;margin:8px 0 20px;padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:22px;background:rgba(255,255,255,.045)}.saas-v31-filters select,.saas-v31-filters button{width:auto;min-width:150px}.saas-v31-view{display:grid;gap:18px}.saas-v31-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:20px;border-radius:28px;border:1px solid rgba(255,255,255,.09);background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.035));box-shadow:0 18px 50px rgba(0,0,0,.2)}.saas-v31-page-head h2{margin:5px 0 6px;font-size:clamp(25px,3.3vw,38px);color:#fff}.saas-v31-page-head p{margin:0;color:#9facbf;font-weight:700}.saas-v31-kpis{display:grid;grid-template-columns:repeat(5,minmax(140px,1fr));gap:12px}.saas-v31-kpi,.saas-v31-card,.saas-v31-empty{border:1px solid rgba(255,255,255,.09);border-radius:24px;background:rgba(255,255,255,.055);box-shadow:0 18px 48px rgba(0,0,0,.18)}.saas-v31-kpi{padding:17px}.saas-v31-kpi span{display:block;color:#9fb0c8;font-size:.78rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.saas-v31-kpi strong{display:block;margin:9px 0 3px;color:#fff;font-size:1.65rem}.saas-v31-kpi small{color:#91a2bd;font-weight:750}.saas-v31-kpi.gold strong{color:#f6d56d}.saas-v31-kpi.good strong{color:#89f7b3}.saas-v31-kpi.warn strong{color:#ffd166}.saas-v31-grid{display:grid;gap:16px}.saas-v31-grid.two{grid-template-columns:1fr 1fr}.saas-v31-card{padding:18px;min-width:0}.saas-v31-card h3{margin:0 0 12px;color:#fff;font-size:1.08rem}.saas-v31-card h3 span{float:right;color:#f6d56d;font-size:.82rem}.saas-v31-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}.saas-v31-list li{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:11px;border-radius:16px;background:rgba(0,0,0,.18);border:1px solid rgba(255,255,255,.06)}.saas-v31-list.compact li{grid-template-columns:1fr}.saas-v31-list b{color:#fff}.saas-v31-list span,.saas-v31-table small{display:block;color:#99a9c0;font-weight:700}.saas-v31-list button,.saas-v31-table button{min-height:34px;border:1px solid rgba(246,213,109,.22);border-radius:12px;background:rgba(246,213,109,.1);color:#f6d56d;font-weight:900}.saas-v31-table-wrap{width:100%;overflow:auto;border:1px solid rgba(255,255,255,.08);border-radius:22px;background:rgba(255,255,255,.045)}.saas-v31-table{width:100%;border-collapse:collapse;min-width:760px}.saas-v31-table th{padding:13px 14px;text-align:left;color:#9badc4;font-size:.73rem;text-transform:uppercase;letter-spacing:.08em}.saas-v31-table td{padding:14px;border-top:1px solid rgba(255,255,255,.06);vertical-align:middle}.saas-v31-table b{display:block;color:#fff}.saas-v31-badge{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 11px;border-radius:999px;font-size:.74rem;font-weight:1000;background:rgba(255,255,255,.08);color:#d9e7ff}.saas-v31-badge.good,.saas-v31-badge.active,.saas-v31-badge.approved,.saas-v31-badge.released,.saas-v31-badge.plus{background:rgba(78,255,155,.12);color:#9dffc2}.saas-v31-badge.warn,.saas-v31-badge.pending{background:rgba(255,210,102,.13);color:#ffd979}.saas-v31-badge.bad,.saas-v31-badge.archived,.saas-v31-badge.blocked{background:rgba(255,99,99,.13);color:#ffabab}.saas-v31-badge.premium{background:rgba(246,213,109,.16);color:#f6d56d}.saas-v31-badge.basic{background:rgba(96,165,250,.13);color:#bdd7ff}.saas-v31-badge.trial{background:rgba(192,132,252,.13);color:#dfc2ff}.saas-v31-empty{padding:22px;text-align:center;color:#9fafc7}.saas-v31-empty strong{display:block;color:#fff;margin-bottom:5px}.saas-v31-overlay{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;padding:20px;background:rgba(0,0,0,.62);backdrop-filter:blur(14px)}.saas-v31-overlay[hidden]{display:none!important}.saas-v31-modal{width:min(760px,96vw);max-height:88vh;overflow:auto;border:1px solid rgba(255,255,255,.12);border-radius:28px;background:linear-gradient(180deg,rgba(14,23,42,.98),rgba(6,12,26,.98));padding:24px;position:relative;box-shadow:0 30px 90px rgba(0,0,0,.55)}.saas-v31-modal h2{margin:8px 44px 16px 0;color:#fff;font-size:28px}.saas-v31-close{position:absolute;top:14px;right:14px;width:42px;height:42px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.08);color:#fff;font-size:26px}.saas-v31-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.saas-v31-form-grid .wide,.saas-v31-primary.wide{grid-column:1/-1}.saas-v31-feedback{display:block;margin-top:12px}.saas-v31-feedback.good{color:#90ffc1}.saas-v31-feedback.bad{color:#ffaaa5}.saas-v31-settings{padding:20px;border-radius:24px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08)}.saas-v31-settings code{color:#f6d56d}.saas-v31-alert{padding:18px;border:1px solid rgba(255,99,99,.2);border-radius:22px;background:rgba(255,99,99,.1);color:#ffb7b7}.saas-v31-alert strong{display:block;color:#fff}@media(max-width:980px){.saas-v31-app{grid-template-columns:1fr}.saas-v31-sidebar{position:fixed;z-index:9998;left:0;top:0;bottom:0;transform:translateX(-105%);transition:.25s ease;width:min(300px,86vw)}.saas-v31-sidebar.open{transform:translateX(0)}.saas-v31-menu{display:block}.saas-v31-main{padding:16px 12px 34px}.saas-v31-topbar{align-items:flex-start}.saas-v31-actions{margin-left:auto;display:grid;justify-items:end}.saas-v31-search input{min-width:0;width:44vw}.saas-v31-kpis{grid-template-columns:1fr 1fr}.saas-v31-grid.two{grid-template-columns:1fr}.saas-v31-page-head{align-items:flex-start;display:grid}.saas-v31-form-grid{grid-template-columns:1fr}}@media(max-width:560px){.saas-v31-kpis{grid-template-columns:1fr}.saas-v31-actions{width:100%;grid-template-columns:1fr}.saas-v31-search input{width:100%}.saas-v31-topbar{display:grid;grid-template-columns:auto 1fr}.saas-v31-topbar .saas-v31-actions{grid-column:1/-1}.saas-v31-primary{width:100%}.saas-v31-filters select,.saas-v31-filters button{min-width:138px}.saas-v31-list li{grid-template-columns:1fr}.saas-v31-modal{padding:20px 16px}}


/* ===== v3.1.1 — Novo Painel SaaS: Clãs + Assinaturas lapidados ===== */
.saas-v31-mini-kpis{display:grid;grid-template-columns:repeat(5,minmax(130px,1fr));gap:12px}.saas-v31-mini-kpis .saas-v31-kpi{padding:14px 15px;border-radius:20px}.saas-v31-mini-kpis .saas-v31-kpi strong{font-size:1.35rem}.saas-v31-clan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:14px}.saas-v31-clan-card{display:grid;grid-template-columns:1fr;gap:13px;padding:17px;border:1px solid rgba(255,255,255,.085);border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.034));box-shadow:0 16px 42px rgba(0,0,0,.16);min-width:0}.saas-v31-clan-main{display:flex;align-items:center;gap:12px;min-width:0}.saas-v31-avatar{width:46px;height:46px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(246,213,109,.95),rgba(142,99,24,.95));color:#151006;font-weight:1000;box-shadow:0 12px 28px rgba(246,213,109,.14);flex:0 0 auto}.saas-v31-clan-main strong{display:block;color:#fff;font-size:1.06rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.saas-v31-clan-main span{display:block;color:#99a9c0;font-weight:800;font-size:.83rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.saas-v31-clan-meta{display:flex;gap:7px;flex-wrap:wrap}.saas-v31-clan-info{padding:12px 13px;border-radius:17px;background:rgba(0,0,0,.18);border:1px solid rgba(255,255,255,.055)}.saas-v31-clan-info span{display:block;color:#8fa0ba;font-size:.72rem;font-weight:950;text-transform:uppercase;letter-spacing:.08em;margin-bottom:5px}.saas-v31-clan-info b{display:block;color:#fff;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.saas-v31-clan-info small{display:block;color:#93a4bd;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.saas-v31-actions-inline{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}.saas-v31-actions-inline button{min-height:38px;border-radius:13px;border:1px solid rgba(246,213,109,.2);background:rgba(246,213,109,.09);color:#f6d56d;font-weight:950;padding:0 12px}.saas-v31-stack{display:grid;gap:16px}.saas-v31-card .saas-v31-table-wrap{box-shadow:none;background:rgba(0,0,0,.12)}.saas-v31-page-head{background:linear-gradient(180deg,rgba(255,255,255,.066),rgba(255,255,255,.026));}.saas-v31-table td:last-child{white-space:nowrap}.saas-v31-badge.neutral{background:rgba(255,255,255,.075);color:#d9e7ff}@media(max-width:780px){.saas-v31-mini-kpis{grid-template-columns:1fr 1fr}.saas-v31-clan-grid{grid-template-columns:1fr}.saas-v31-clan-card{padding:15px}.saas-v31-actions-inline{justify-content:stretch}.saas-v31-actions-inline button{flex:1}}@media(max-width:520px){.saas-v31-mini-kpis{grid-template-columns:1fr}.saas-v31-clan-main span,.saas-v31-clan-info b,.saas-v31-clan-info small{white-space:normal}.saas-v31-table{min-width:840px}}

/* v3.1.2 — Clãs/Assinaturas polish */
.saas-v31-actions-clean{display:none!important}
.saas-v31-page-head{margin-bottom:0}
.saas-v31-page-head .saas-v31-kicker{display:none!important}
.saas-v31-local-filters{display:grid;grid-template-columns:minmax(220px,1.4fr) repeat(3,minmax(150px,.8fr));gap:10px;align-items:end;padding:12px;border:1px solid rgba(255,255,255,.085);border-radius:22px;background:rgba(255,255,255,.045);box-shadow:0 14px 36px rgba(0,0,0,.14)}
.saas-v31-local-filters label{display:grid;gap:6px;color:#9fb0c8;font-size:.7rem;font-weight:1000;text-transform:uppercase;letter-spacing:.08em}.saas-v31-local-filters input,.saas-v31-local-filters select{width:100%;min-height:44px;border-radius:15px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.07);color:#fff;padding:0 13px;outline:none}.saas-v31-local-filters select option{background:#101827;color:#fff}.saas-v31-plan-summary{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr));gap:12px;align-items:stretch}.saas-v31-plan-summary .saas-v31-kpi{padding:14px 15px;border-radius:20px}.saas-v31-plan-summary .saas-v31-kpi:nth-child(5){grid-column:2/4}.saas-v31-plan-summary .saas-v31-kpi.trial{border-color:rgba(192,132,252,.26);background:linear-gradient(180deg,rgba(192,132,252,.12),rgba(255,255,255,.035))}.saas-v31-plan-summary .saas-v31-kpi.basic{border-color:rgba(96,165,250,.26);background:linear-gradient(180deg,rgba(96,165,250,.11),rgba(255,255,255,.035))}.saas-v31-plan-summary .saas-v31-kpi.plus{border-color:rgba(78,255,155,.23);background:linear-gradient(180deg,rgba(78,255,155,.10),rgba(255,255,255,.035))}.saas-v31-plan-summary .saas-v31-kpi.premium{border-color:rgba(246,213,109,.30);background:linear-gradient(180deg,rgba(246,213,109,.13),rgba(255,255,255,.035))}.saas-v31-card-toggle{position:absolute;top:13px;right:13px;width:38px;height:38px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.08);color:#fff;font-size:22px;font-weight:1000;z-index:2}.saas-v31-clan-card{position:relative;padding-right:64px}.saas-v31-clan-card.is-collapsed .saas-v31-collapsible{display:none}.saas-v31-collapsible{display:grid;gap:13px}.saas-v31-clan-card.is-collapsed{gap:12px}.saas-v31-action-modal{width:min(520px,94vw)}.saas-v31-action-list{display:grid;gap:10px;margin-top:12px}.saas-v31-action-list button{min-height:48px;border-radius:16px;border:1px solid rgba(246,213,109,.20);background:rgba(246,213,109,.08);color:#f6d56d;font-weight:1000;text-align:left;padding:0 16px}.saas-v31-action-list button:hover{background:rgba(246,213,109,.15)}.saas-v31-modal{margin:auto}.saas-v31-modal select:disabled{opacity:.65;filter:saturate(.7)}
@media(max-width:780px){.saas-v31-local-filters{grid-template-columns:1fr 1fr}.saas-v31-local-search{grid-column:1/-1}.saas-v31-plan-summary{grid-template-columns:1fr 1fr}.saas-v31-plan-summary .saas-v31-kpi:nth-child(5){grid-column:1/-1;width:min(62%,280px);justify-self:center}.saas-v31-clan-card{padding-right:56px}}
@media(max-width:480px){.saas-v31-local-filters{grid-template-columns:1fr}.saas-v31-plan-summary .saas-v31-kpi:nth-child(5){width:100%}}

/* v3.1.3 - Fechamento Clãs + Assinaturas */
.saas-v31-page-head-compact{
  padding:18px 20px!important;
  align-items:center!important;
}
.saas-v31-page-head-compact h2{display:none!important}
.saas-v31-page-head-compact p{
  font-size:clamp(1rem,2.5vw,1.22rem)!important;
  line-height:1.35!important;
  max-width:780px;
}
.saas-v31-subscription-summary{
  display:grid;
  grid-template-columns:repeat(4,minmax(130px,1fr));
  gap:12px;
  align-items:stretch;
}
.saas-v31-subscription-summary .saas-v31-kpi{
  padding:14px 15px;
  border-radius:20px;
}
.saas-v31-subscription-summary .saas-v31-kpi:nth-child(1){border-color:rgba(78,255,155,.24);background:linear-gradient(180deg,rgba(78,255,155,.10),rgba(255,255,255,.035));}
.saas-v31-subscription-summary .saas-v31-kpi:nth-child(2){border-color:rgba(255,210,102,.24);background:linear-gradient(180deg,rgba(255,210,102,.10),rgba(255,255,255,.035));}
.saas-v31-subscription-summary .saas-v31-kpi:nth-child(3){border-color:rgba(96,165,250,.24);background:linear-gradient(180deg,rgba(96,165,250,.10),rgba(255,255,255,.035));}
.saas-v31-subscription-summary .saas-v31-kpi:nth-child(4){border-color:rgba(255,99,99,.22);background:linear-gradient(180deg,rgba(255,99,99,.09),rgba(255,255,255,.035));}
.saas-v31-subscription-summary .saas-v31-kpi:nth-child(5){grid-column:2/4;border-color:rgba(246,213,109,.30);background:linear-gradient(180deg,rgba(246,213,109,.13),rgba(255,255,255,.035));}
@media(max-width:780px){
  .saas-v31-subscription-summary{grid-template-columns:1fr 1fr;}
  .saas-v31-subscription-summary .saas-v31-kpi:nth-child(5){grid-column:1/-1;width:min(62%,280px);justify-self:center;}
}
@media(max-width:480px){
  .saas-v31-subscription-summary{grid-template-columns:1fr 1fr;}
  .saas-v31-subscription-summary .saas-v31-kpi:nth-child(5){width:100%;}
  .saas-v31-page-head-compact{padding:16px!important;}
}


/* v3.1.4 - Ajuste final visual Clãs/Assinaturas */
.saas-v31-description-only h2,
.saas-v31-clans-intro h2,
.saas-v31-subscriptions-intro h2{display:none!important;}
.saas-v31-description-only{min-height:auto!important;}
.saas-v31-description-only p{margin:0!important;color:#aebbd2!important;font-weight:850!important;}
.saas-v31-subscription-summary{margin-top:0!important;}
.saas-v31-subscription-summary .saas-v31-kpi span,
.saas-v31-plan-summary .saas-v31-kpi span{letter-spacing:.14em;}
.saas-v31-subscription-summary .saas-v31-kpi:nth-child(5),
.saas-v31-plan-summary .saas-v31-kpi:nth-child(5){text-align:left;}
@media(max-width:780px){
  .saas-v31-subscription-summary,.saas-v31-plan-summary{grid-template-columns:1fr 1fr!important;}
  .saas-v31-subscription-summary .saas-v31-kpi:nth-child(5),
  .saas-v31-plan-summary .saas-v31-kpi:nth-child(5){grid-column:1/-1!important;width:min(66%,300px)!important;justify-self:center!important;}
}
@media(max-width:420px){
  .saas-v31-subscription-summary .saas-v31-kpi:nth-child(5),
  .saas-v31-plan-summary .saas-v31-kpi:nth-child(5){width:100%!important;}
}

/* v3.1.5 — Financeiro + Mercado Pago no padrão clean */
.saas-v31-finance-intro .saas-v31-page-head,
.saas-v31-page-head.saas-v31-finance-intro{margin-bottom:12px;}
.saas-v31-finance-filters{margin-top:12px;margin-bottom:14px;}
.saas-v31-finance-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0 16px;}
.saas-v31-finance-summary .saas-v31-kpi:last-child{grid-column:1 / -1;max-width:420px;justify-self:center;width:100%;}
.saas-v31-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0 18px;}
.saas-v31-detail-grid p{margin:0;padding:12px;border:1px solid rgba(255,255,255,.10);border-radius:16px;background:rgba(255,255,255,.045);display:grid;gap:4px;}
.saas-v31-detail-grid span{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:rgba(226,232,245,.62);font-weight:900;}
.saas-v31-detail-grid b{color:#fff;font-size:.92rem;word-break:break-word;}
#saasFinanceOverlay .saas-v31-modal h4{margin:18px 0 10px;color:#fff;}
.saas-v31-table td small{display:block;margin-top:4px;color:rgba(226,232,245,.62);font-size:.76rem;}
@media(max-width:720px){
  .saas-v31-finance-summary{grid-template-columns:repeat(2,minmax(0,1fr));}
  .saas-v31-detail-grid{grid-template-columns:1fr;}
}

/* v3.1.6 — Financeiro: modal real, filtros lapidados e ações operacionais */
.saas-v31-modal-overlay{
  position:fixed!important;
  inset:0!important;
  z-index:100000!important;
  display:grid!important;
  place-items:center!important;
  padding:18px!important;
  background:rgba(2,6,16,.68)!important;
  backdrop-filter:blur(16px)!important;
  -webkit-backdrop-filter:blur(16px)!important;
}
.saas-v31-modal-overlay[hidden]{display:none!important;}
.saas-v31-modal-close{
  position:absolute;
  top:14px;
  right:14px;
  width:44px;
  height:44px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.08);
  color:#fff;
  font-size:28px;
  font-weight:900;
  line-height:1;
}
.saas-v31-finance-modal{
  width:min(760px,94vw)!important;
  max-height:min(86svh,760px)!important;
  overflow:auto!important;
  margin:auto!important;
}
.saas-v31-finance-modal h3{
  margin:8px 56px 18px 0;
  font-size:clamp(1.35rem,4vw,2rem);
  color:#fff;
}
.saas-v31-modal-actions{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
  gap:10px;
  margin:12px 0 18px;
}
.saas-v31-modal-actions button,
.saas-v31-table button.danger{
  min-height:42px;
  border-radius:14px;
  border:1px solid rgba(246,213,109,.22);
  background:rgba(246,213,109,.10);
  color:#f6d56d;
  font-weight:1000;
  padding:0 14px;
}
.saas-v31-modal-actions button.danger,
.saas-v31-table button.danger{
  border-color:rgba(255,105,105,.24);
  background:rgba(255,105,105,.10);
  color:#ffb0b0;
}
.saas-v31-modal-actions button.ghost{
  background:rgba(255,255,255,.045);
}
.saas-v31-finance-filters{
  display:grid!important;
  grid-template-columns:minmax(220px,1.45fr) repeat(3,minmax(145px,.85fr))!important;
  gap:10px!important;
  align-items:end!important;
  overflow:visible!important;
  margin-top:12px!important;
  margin-bottom:16px!important;
  padding:14px!important;
  border-radius:24px!important;
}
.saas-v31-finance-filters label{
  min-width:0!important;
  display:grid!important;
  gap:7px!important;
  color:#9fb0c8!important;
  font-size:.72rem!important;
  font-weight:1000!important;
  text-transform:uppercase!important;
  letter-spacing:.08em!important;
}
.saas-v31-finance-filters input,
.saas-v31-finance-filters select{
  width:100%!important;
  min-width:0!important;
  min-height:44px!important;
  border-radius:15px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  background:rgba(255,255,255,.07)!important;
  color:#fff!important;
  padding:0 13px!important;
  outline:none!important;
}
.saas-v31-finance-filters input::placeholder{color:rgba(226,232,245,.55)!important;}
.saas-v31-finance-filters select option{background:#101827;color:#fff;}
.saas-v31-finance-summary{margin-top:2px!important;}
@media(max-width:780px){
  .saas-v31-finance-filters{grid-template-columns:1fr 1fr!important;}
  .saas-v31-finance-filters label:first-child{grid-column:1/-1!important;}
}
@media(max-width:500px){
  .saas-v31-finance-filters{grid-template-columns:1fr!important;}
  .saas-v31-modal-overlay{padding:12px!important;align-items:center!important;}
  .saas-v31-finance-modal{width:94vw!important;padding:18px 14px!important;}
}

/* v3.1.9 — Add-ons + Membros: ajuste operacional */
.saas-v31-six-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0 16px}.saas-v31-six-summary .saas-v31-kpi{border-radius:20px;padding:14px 15px}.saas-v31-six-summary .saas-v31-kpi.plus{border-color:rgba(78,255,155,.24);background:linear-gradient(180deg,rgba(78,255,155,.10),rgba(255,255,255,.035))}.saas-v31-six-summary .saas-v31-kpi.premium{border-color:rgba(246,213,109,.30);background:linear-gradient(180deg,rgba(246,213,109,.13),rgba(255,255,255,.035))}.saas-v31-addon-filters label:nth-child(2) span::after{content:''}.saas-v31-members-scroll{max-height:54vh;overflow:auto}.saas-v31-modal-note{margin:8px 0 14px;color:#aebbd2;font-weight:800;line-height:1.4}.saas-v31-member-form{display:grid;gap:12px;margin-top:14px}.saas-v31-member-form label,.saas-v31-duration-grid label{display:grid;gap:7px;color:#9fb0c8;font-size:.72rem;font-weight:1000;text-transform:uppercase;letter-spacing:.08em}.saas-v31-member-form select,.saas-v31-member-form input,.saas-v31-duration-grid select,.saas-v31-duration-grid input{width:100%;min-height:44px;border-radius:15px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.07);color:#fff;padding:0 13px;outline:none}.saas-v31-member-form option,.saas-v31-duration-grid option{background:#101827;color:#fff}.saas-v31-duration-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.saas-v31-member-form .saas-v31-primary{width:100%;margin-top:4px}.saas-v31-badge.none{opacity:.65}.saas-v31-table td .saas-v31-badge{white-space:nowrap}
@media(max-width:620px){.saas-v31-six-summary{grid-template-columns:1fr 1fr}.saas-v31-duration-grid{grid-template-columns:1fr}.saas-v31-members-scroll{max-height:58vh}}
@media(max-width:420px){.saas-v31-six-summary{grid-template-columns:1fr}}

/* v3.2.2 — Clientes / Compradores */
.saas-v31-clients-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
.saas-v31-clients-summary .saas-v31-kpi{min-height:132px;}
.saas-v31-client-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px;}
.saas-v31-client-detail-grid article{border:1px solid rgba(255,255,255,.09);border-radius:18px;background:rgba(255,255,255,.045);padding:13px;min-width:0;}
.saas-v31-client-detail-grid h4{margin:0 0 10px;color:#fff;font-size:1rem;}
#saasClientOverlay .saas-v31-modal h3{margin:8px 56px 18px 0;font-size:clamp(1.35rem,4vw,2rem);color:#fff;}
@media(max-width:720px){.saas-v31-client-detail-grid{grid-template-columns:1fr}.saas-v31-clients-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important;}}
@media(max-width:420px){.saas-v31-clients-summary .saas-v31-kpi{min-height:118px;padding:12px!important}.saas-v31-clients-summary .saas-v31-kpi strong{font-size:1.45rem;}}

/* v3.2.3 — Solicite seu teste + Trials */
.trial-request-body{min-height:100vh;margin:0;background:radial-gradient(circle at 12% 8%,rgba(246,213,109,.18),transparent 30%),radial-gradient(circle at 88% 8%,rgba(80,174,255,.16),transparent 34%),linear-gradient(145deg,#030713,#071425 55%,#02050d);color:#edf4ff;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.trial-request-shell{min-height:100vh;display:grid;place-items:center;padding:22px}.trial-request-card{width:min(520px,96vw);border:1px solid rgba(255,255,255,.12);border-radius:30px;background:linear-gradient(180deg,rgba(14,23,42,.90),rgba(6,12,26,.96));box-shadow:0 30px 90px rgba(0,0,0,.52);padding:28px;position:relative;overflow:hidden}.trial-request-card:before{content:"";position:absolute;inset:-35% auto auto -20%;width:300px;height:300px;background:radial-gradient(circle,rgba(246,213,109,.20),transparent 62%);pointer-events:none}.trial-request-brand{display:flex;align-items:baseline;gap:8px;margin-bottom:14px}.trial-request-brand span{color:#f6d56d;font-weight:1000;font-size:1.2rem}.trial-request-brand b{color:#fff;letter-spacing:.08em;text-transform:uppercase;font-size:.72rem}.trial-request-kicker{display:inline-flex;color:#8ee7ff;font-weight:1000;text-transform:uppercase;letter-spacing:.22em;font-size:.68rem}.trial-request-card h1{margin:8px 0 8px;color:#fff;font-size:clamp(2rem,7vw,3.05rem);line-height:.98;letter-spacing:-.055em}.trial-request-card p{margin:0 0 20px;color:#aebbd2;font-weight:800;line-height:1.45}.trial-request-form{display:grid;gap:12px}.trial-request-form label{display:grid;gap:7px;color:#9fb0c8;font-size:.72rem;font-weight:1000;text-transform:uppercase;letter-spacing:.08em}.trial-request-form input{width:100%;min-height:48px;border-radius:16px;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.07);color:#fff;padding:0 14px;outline:none}.trial-tag-row>div{display:grid;grid-template-columns:1fr auto;gap:8px}.trial-tag-row button,.trial-submit{min-height:48px;border-radius:16px;border:0;background:linear-gradient(135deg,#f6d56d,#b8861f);color:#130f04;font-weight:1000;padding:0 16px}.trial-submit{width:100%;margin-top:4px}.trial-submit:disabled,.trial-tag-row button:disabled{opacity:.58}.trial-status{display:block;min-height:20px;font-weight:850;color:#9fb0c8}.trial-status.success{color:#88f7b1}.trial-status.error{color:#ff9f9f}.trial-status.warn{color:#f6d56d}.trial-request-foot{display:flex;justify-content:space-between;gap:10px;margin-top:18px}.trial-request-foot a{color:#b7dcff;font-weight:900;text-decoration:none}.trial-submitted{opacity:.82;pointer-events:none}.saas-v31-trials-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important}.saas-v31-trials-summary .saas-v31-kpi{min-height:126px}@media(max-width:520px){.trial-request-card{padding:22px 16px}.trial-tag-row>div{grid-template-columns:1fr}.trial-request-foot{display:grid}.saas-v31-trials-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

/* v3.2.3.1 — Solicite seu teste como popup na tela inicial */
.auth-public-links{display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;flex-wrap:wrap!important;margin-top:10px!important;width:100%!important;text-align:center!important}.auth-public-links .link-btn{display:inline-flex!important;width:auto!important;margin:0!important;padding:0 2px 8px!important;align-items:center!important;justify-content:center!important}.auth-public-links .link-btn b{color:#68a7ff!important;font-weight:1000!important}.auth-public-or{color:#aebbd2!important;font-weight:850!important;font-size:.94rem!important;line-height:1!important;padding-bottom:8px!important}.trial-inline-modal-backdrop{position:fixed!important;inset:0!important;z-index:99999!important;display:grid!important;place-items:center!important;padding:calc(14px + env(safe-area-inset-top)) 14px calc(14px + env(safe-area-inset-bottom))!important;background:rgba(1,6,18,.68)!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important}.trial-inline-modal-backdrop[hidden]{display:none!important}.trial-inline-modal{width:min(560px,94vw)!important;max-height:min(88svh,760px)!important;overflow:auto!important;border-radius:30px!important;padding:24px 20px 20px!important;position:relative!important;background:linear-gradient(180deg,rgba(14,23,42,.94),rgba(6,12,26,.98))!important;border:1px solid rgba(255,255,255,.13)!important;box-shadow:0 32px 100px rgba(0,0,0,.55)!important}.trial-inline-close{position:absolute!important;right:14px!important;top:14px!important;width:46px!important;height:46px!important;border-radius:17px!important;border:1px solid rgba(255,255,255,.13)!important;background:rgba(255,255,255,.08)!important;color:#fff!important;font-size:2rem!important;font-weight:1000!important;line-height:1!important}.trial-inline-brand{display:flex!important;align-items:baseline!important;gap:9px!important;margin:0 54px 14px 0!important}.trial-inline-brand span{color:#f6d56d!important;font-weight:1000!important;font-size:1.25rem!important}.trial-inline-brand b{color:#fff!important;letter-spacing:.10em!important;text-transform:uppercase!important;font-size:.75rem!important}.trial-inline-kicker{margin:0 0 8px!important;color:#8ee7ff!important;font-weight:1000!important;text-transform:uppercase!important;letter-spacing:.22em!important;font-size:.68rem!important}.trial-inline-modal h2{margin:0 0 8px!important;color:#fff!important;font-size:clamp(1.75rem,6vw,2.65rem)!important;line-height:1.04!important;letter-spacing:-.04em!important}.trial-inline-copy{margin:0 0 16px!important;color:#aebbd2!important;font-weight:850!important;line-height:1.38!important}.trial-inline-form{display:grid!important;gap:10px!important}.trial-inline-form label{display:grid!important;gap:6px!important;color:#9fb0c8!important;font-size:.70rem!important;font-weight:1000!important;text-transform:uppercase!important;letter-spacing:.09em!important}.trial-inline-form input{width:100%!important;min-height:46px!important;border-radius:16px!important;border:1px solid rgba(255,255,255,.13)!important;background:rgba(255,255,255,.07)!important;color:#fff!important;padding:0 14px!important;outline:none!important;box-sizing:border-box!important}.trial-inline-form input[readonly]{opacity:.82}.trial-inline-tag-row{display:grid!important;grid-template-columns:1fr 112px!important;gap:8px!important}.trial-inline-tag-row button,.trial-inline-submit{min-height:46px!important;border-radius:16px!important;border:0!important;background:linear-gradient(135deg,#f6d56d,#b8861f)!important;color:#130f04!important;font-weight:1000!important;padding:0 14px!important}.trial-inline-submit{width:100%!important;margin-top:3px!important}.trial-inline-submit:disabled,.trial-inline-tag-row button:disabled{opacity:.58!important}.trial-inline-status{display:block!important;min-height:18px!important;font-weight:900!important;color:#9fb0c8!important}.trial-inline-status.success{color:#88f7b1!important}.trial-inline-status.error{color:#ff9f9f!important}.trial-inline-status.warn{color:#f6d56d!important}.trial-submitted{opacity:.82!important;pointer-events:none!important}body.trial-inline-open{overflow:hidden!important}@media(max-width:520px){.auth-public-links{gap:8px!important}.trial-inline-modal{width:94vw!important;max-height:84svh!important;padding:22px 16px 18px!important}.trial-inline-tag-row{grid-template-columns:1fr!important}.trial-inline-brand{margin-right:54px!important}.trial-inline-modal h2{font-size:2rem!important}}


/* v3.2.3.2 — trial popup endpoint fallback + iOS zoom lock */
html,body{touch-action:manipulation;}
input,select,textarea,button{font-size:16px!important;}
.trial-inline-modal-backdrop{position:fixed!important;inset:0!important;display:grid!important;place-items:center!important;align-items:center!important;justify-items:center!important;padding:16px!important;overflow:hidden!important;}
.trial-inline-modal-backdrop[hidden]{display:none!important;}
.trial-inline-modal{width:min(92vw,560px)!important;max-height:min(86svh,760px)!important;overflow:auto!important;-webkit-overflow-scrolling:touch!important;margin:auto!important;}
.trial-inline-form input,.trial-inline-form button{font-size:16px!important;}
body.trial-inline-open{overflow:hidden!important;touch-action:none!important;}
@media(max-width:480px){.trial-inline-modal{width:92vw!important;max-height:84svh!important;padding:20px 18px!important}.trial-inline-modal h2{font-size:clamp(1.6rem,8vw,2.25rem)!important}.trial-inline-copy{font-size:1rem!important}.trial-inline-tag-row{grid-template-columns:1fr!important}}

/* v3.2.4 — ajustes finais antes dos e-mails: links, idioma e onboarding */
.auth-member-access-stack{display:grid!important;gap:10px!important;justify-items:center!important;align-items:center!important;margin:18px auto 0!important;text-align:center!important;width:100%!important;}
.auth-member-question{display:flex!important;justify-content:center!important;width:100%!important;color:#aebbd2!important;font-weight:850!important;}
.auth-member-actions{display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;flex-wrap:nowrap!important;width:100%!important;white-space:nowrap!important;}
.auth-member-actions .inline-link{display:inline-flex!important;width:auto!important;margin:0!important;}
.auth-public-links{display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;flex-wrap:nowrap!important;margin:22px auto 0!important;width:100%!important;text-align:center!important;white-space:nowrap!important;}
.auth-public-links .link-btn{display:inline-flex!important;width:auto!important;min-width:0!important;margin:0!important;padding:0!important;align-items:center!important;justify-content:center!important;background:transparent!important;border:0!important;box-shadow:none!important;}
.auth-public-links .link-btn b,.auth-public-or{font-size:clamp(.92rem,3.8vw,1.05rem)!important;line-height:1.15!important;}
.auth-public-or{display:inline-flex!important;align-items:center!important;justify-content:center!important;color:#aebbd2!important;font-weight:900!important;padding:0!important;}
.trial-public-link{display:none!important;}
.subscribe-shell .trial-public-link,.subscribe-back-btn.trial-public-link{display:none!important;visibility:hidden!important;height:0!important;margin:0!important;padding:0!important;overflow:hidden!important;}
.auth-shell .language-switch.auth-language-switch,
.subscribe-shell .language-switch.auth-language-switch,
.checkout-shell .language-switch.auth-language-switch,
.onboarding-card .language-switch.auth-language-switch,
.auth-card > .language-switch.auth-language-switch,
.subscribe-card > .language-switch.auth-language-switch,
.checkout-card > .language-switch.auth-language-switch{
  top:14px!important;right:14px!important;width:42px!important;height:40px!important;border-radius:20px!important;gap:4px!important;z-index:500!important;transform:none!important;max-width:132px!important;overflow:hidden!important;
}
.auth-shell .language-switch.auth-language-switch.expanded,
.auth-shell .language-switch.auth-language-switch.is-open,
.subscribe-shell .language-switch.auth-language-switch.expanded,
.subscribe-shell .language-switch.auth-language-switch.is-open,
.checkout-shell .language-switch.auth-language-switch.expanded,
.checkout-shell .language-switch.auth-language-switch.is-open,
.onboarding-card .language-switch.auth-language-switch.expanded,
.onboarding-card .language-switch.auth-language-switch.is-open{
  width:132px!important;
}
.auth-shell .language-switch.auth-language-switch button,
.subscribe-shell .language-switch.auth-language-switch button,
.checkout-shell .language-switch.auth-language-switch button,
.onboarding-card .language-switch.auth-language-switch button{width:36px!important;min-width:36px!important;height:34px!important;font-size:.72rem!important;padding:0!important;border-radius:17px!important;}
.auth-card,.subscribe-card,.checkout-card,.onboarding-card{overflow:visible!important;}
.auth-card .brand-logo,.auth-card .brand-mark{position:relative!important;z-index:1!important;}
body:has(.onboarding-card){overflow-x:hidden!important;}
.auth-shell:has(.onboarding-card){min-height:100svh!important;display:grid!important;place-items:center!important;padding:calc(14px + env(safe-area-inset-top,0px)) 12px calc(18px + env(safe-area-inset-bottom,0px))!important;box-sizing:border-box!important;overflow-x:hidden!important;}
.onboarding-card{width:min(94vw,430px)!important;max-width:430px!important;margin:0 auto!important;box-sizing:border-box!important;max-height:min(92svh,820px)!important;overflow:auto!important;-webkit-overflow-scrolling:touch!important;padding:20px 16px 18px!important;border-radius:28px!important;}
.onboard-top{margin-top:0!important;padding-right:58px!important;align-items:center!important;}
.onboarding-card .language-switch.auth-language-switch{top:12px!important;right:12px!important;}
.onboarding-card .onboard-heading h1{font-size:clamp(1.6rem,7vw,2.25rem)!important;line-height:1.05!important;}
.onboarding-card .clan-found-card,.onboarding-card .onboard-confirm-card,.onboarding-card .glass-inset{max-width:100%!important;box-sizing:border-box!important;overflow:hidden!important;}
.onboarding-card input,.onboarding-card select,.onboarding-card button{font-size:16px!important;}
@media(max-width:420px){
  .auth-public-links{gap:8px!important;}
  .auth-public-links .link-btn b,.auth-public-or{font-size:.9rem!important;}
  .auth-member-actions{gap:8px!important;}
  .onboarding-card{width:92vw!important;max-height:90svh!important;padding:18px 14px 16px!important;}
  .onboard-top{padding-right:54px!important;}
}

/* v3.2.4.1 — centralização pública, seletor idioma sem corte e resultado de clã mais baixo */
html,body{overflow-x:hidden!important;max-width:100vw!important;}
.auth-shell,
.subscribe-shell,
.checkout-shell{
  width:100%!important;
  max-width:100vw!important;
  box-sizing:border-box!important;
  display:grid!important;
  justify-items:center!important;
  justify-content:center!important;
  margin-left:auto!important;
  margin-right:auto!important;
  overflow-x:hidden!important;
}
.auth-card,
.subscribe-card,
.checkout-card,
.onboarding-card{
  width:min(94vw,430px)!important;
  max-width:430px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box!important;
  transform:none!important;
  left:auto!important;
  right:auto!important;
  overflow:visible!important;
}
.auth-shell > .auth-card,
.subscribe-shell > .subscribe-card,
.checkout-shell > .checkout-card{
  justify-self:center!important;
  align-self:start!important;
}
.auth-shell .language-switch.auth-language-switch,
.subscribe-shell .language-switch.auth-language-switch,
.checkout-shell .language-switch.auth-language-switch,
.onboarding-card .language-switch.auth-language-switch,
.auth-card > .language-switch.auth-language-switch,
.subscribe-card > .language-switch.auth-language-switch,
.checkout-card > .language-switch.auth-language-switch{
  position:absolute!important;
  top:12px!important;
  right:12px!important;
  left:auto!important;
  bottom:auto!important;
  z-index:1200!important;
  width:42px!important;
  height:38px!important;
  max-width:calc(100% - 24px)!important;
  border-radius:999px!important;
  display:flex!important;
  flex-direction:row!important;
  justify-content:flex-end!important;
  align-items:center!important;
  gap:3px!important;
  padding:3px!important;
  transform:none!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
  direction:ltr!important;
}
.auth-shell .language-switch.auth-language-switch.is-open,
.auth-shell .language-switch.auth-language-switch.expanded,
.subscribe-shell .language-switch.auth-language-switch.is-open,
.subscribe-shell .language-switch.auth-language-switch.expanded,
.checkout-shell .language-switch.auth-language-switch.is-open,
.checkout-shell .language-switch.auth-language-switch.expanded,
.onboarding-card .language-switch.auth-language-switch.is-open,
.onboarding-card .language-switch.auth-language-switch.expanded{
  width:126px!important;
}
.auth-shell .language-switch.auth-language-switch button,
.subscribe-shell .language-switch.auth-language-switch button,
.checkout-shell .language-switch.auth-language-switch button,
.onboarding-card .language-switch.auth-language-switch button{
  flex:0 0 36px!important;
  width:36px!important;
  min-width:36px!important;
  height:32px!important;
  min-height:32px!important;
  padding:0!important;
  font-size:.70rem!important;
  line-height:1!important;
  border-radius:999px!important;
}
.auth-shell .language-switch.auth-language-switch:not(.is-open):not(.expanded) button:not(.active),
.subscribe-shell .language-switch.auth-language-switch:not(.is-open):not(.expanded) button:not(.active),
.checkout-shell .language-switch.auth-language-switch:not(.is-open):not(.expanded) button:not(.active),
.onboarding-card .language-switch.auth-language-switch:not(.is-open):not(.expanded) button:not(.active){display:none!important;}
.auth-shell .language-switch.auth-language-switch.is-open button,
.auth-shell .language-switch.auth-language-switch.expanded button,
.subscribe-shell .language-switch.auth-language-switch.is-open button,
.subscribe-shell .language-switch.auth-language-switch.expanded button,
.checkout-shell .language-switch.auth-language-switch.is-open button,
.checkout-shell .language-switch.auth-language-switch.expanded button,
.onboarding-card .language-switch.auth-language-switch.is-open button,
.onboarding-card .language-switch.auth-language-switch.expanded button,
.auth-shell .language-switch.auth-language-switch button.active,
.subscribe-shell .language-switch.auth-language-switch button.active,
.checkout-shell .language-switch.auth-language-switch button.active,
.onboarding-card .language-switch.auth-language-switch button.active{display:grid!important;place-items:center!important;}
.auth-card .brand-block,
.auth-card .brand-logo,
.auth-card .brand-mark{margin-top:20px!important;}
.clan-result-sheet-overlay.auth-result-sheet-overlay{
  align-items:flex-end!important;
  justify-content:center!important;
  padding:0 18px calc(92px + env(safe-area-inset-bottom,0px))!important;
  background:rgba(1,6,18,.05)!important;
}
.clan-result-sheet-overlay.auth-result-sheet-overlay .clan-result-sheet{
  margin-top:0!important;
  width:min(94vw,390px)!important;
  transform:translateY(22px)!important;
}
.clan-result-sheet-overlay.auth-result-sheet-overlay.show .clan-result-sheet{transform:translateY(0)!important;}
@media(max-height:740px){
  .clan-result-sheet-overlay.auth-result-sheet-overlay{padding-bottom:calc(74px + env(safe-area-inset-bottom,0px))!important;}
  .clan-result-sheet-overlay.auth-result-sheet-overlay .clan-result-sheet{padding:18px!important;}
}
@media(max-width:420px){
  .auth-card,.subscribe-card,.checkout-card,.onboarding-card{width:min(92vw,390px)!important;}
  .auth-card .brand-block,.auth-card .brand-logo,.auth-card .brand-mark{margin-top:24px!important;}
}

/* v3.2.4.3 — Classificação mensal com popup semanal */
.menu-period span{display:none!important;}
.calendar-weeks[hidden]{display:none!important;}
.detail-weeks small{display:block;margin-top:5px;color:rgba(214,224,244,.72);font-size:.72rem;font-weight:800;letter-spacing:.01em;text-transform:none;}
.ranking-row,.podium-card{cursor:pointer;}

/* v3.2.4.4 — Classificação: carregamento mais alto e resposta mais rápida */
#podium:empty,
#podium.is-loading:empty{
  min-height:260px!important;
  display:grid!important;
  place-items:center!important;
  margin-top:22px!important;
  margin-bottom:6px!important;
  border-radius:26px!important;
  border:1px solid rgba(176,199,255,.08)!important;
  background:linear-gradient(180deg,rgba(9,18,36,.18),rgba(5,11,24,.10))!important;
}
html[lang="pt-BR"] #podium:empty::after,
html[lang="pt-BR"] #podium.is-loading:empty::after{content:"Carregando dados reais..."!important;}
html[lang="en-US"] #podium:empty::after,
html[lang="en-US"] #podium.is-loading:empty::after{content:"Loading real data..."!important;}
html[lang="es-ES"] #podium:empty::after,
html[lang="es-ES"] #podium.is-loading:empty::after{content:"Cargando datos reales..."!important;}
#podium:empty::after,
#podium.is-loading:empty::after{
  color:rgba(226,234,255,.72)!important;
  font-weight:950!important;
  font-size:1.03rem!important;
  letter-spacing:.01em!important;
  text-align:center!important;
}
#podium:empty + .ranking-table-card #rankingList:empty::after,
#podium.is-loading:empty + .ranking-table-card #rankingList:empty::after{
  content:""!important;
  display:none!important;
}
#podium:empty + .ranking-table-card,
#podium.is-loading:empty + .ranking-table-card{
  margin-top:10px!important;
}

/* v3.2.4.5 — Classificação: doações históricas e loading único */
.ranking-phone.is-ranking-loading .ranking-table-card{display:none!important;}
.ranking-phone.is-ranking-loading #podium,
#podium.is-loading:empty{
  min-height:300px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  margin-top:22px!important;
  margin-bottom:18px!important;
  border-radius:28px!important;
  border:1px solid rgba(176,199,255,.10)!important;
  background:linear-gradient(180deg,rgba(9,18,36,.22),rgba(5,11,24,.12))!important;
}
#podium.is-loading:empty::after{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  white-space:nowrap!important;
  word-break:keep-all!important;
  color:rgba(226,234,255,.76)!important;
  font-weight:950!important;
  font-size:clamp(.9rem,3.6vw,1.08rem)!important;
  line-height:1.25!important;
  text-align:center!important;
  margin:auto!important;
}
html[lang="pt-BR"] #podium.is-loading:empty::after{content:"Carregando dados reais..."!important;}
html[lang="en-US"] #podium.is-loading:empty::after{content:"Loading real data..."!important;}
html[lang="es-ES"] #podium.is-loading:empty::after{content:"Cargando datos reales..."!important;}
.ranking-phone.is-ranking-loading #rankingList:empty::after{content:""!important;display:none!important;}
.ranking-phone.is-ranking-loading .ranking-table-card{min-height:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;}

/* v3.2.4.8 — Classificação: top 3 com nick longo sem desalinhamento */
.podium{
  grid-template-columns:minmax(0,1fr) minmax(0,1.18fr) minmax(0,1fr) !important;
  align-items:end !important;
}
.podium-card{
  min-width:0 !important;
  max-width:100% !important;
  overflow:hidden !important;
  align-content:end !important;
  justify-items:center !important;
}
.podium-card strong,
.podium-card .podium-name{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  text-align:center !important;
  line-height:1.15 !important;
  font-size:clamp(.78rem,2.85vw,.96rem) !important;
  padding:0 2px !important;
  box-sizing:border-box !important;
}
.podium-card small{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  text-align:center !important;
}
.podium-card .you-badge{
  display:none !important;
}
@media(max-width:370px){
  .podium{gap:6px !important;}
  .podium-card{padding-left:5px !important;padding-right:5px !important;}
  .podium-card strong,.podium-card .podium-name{font-size:clamp(.72rem,2.7vw,.88rem) !important;}
}

/* v3.2.4.9 — Classificação: avatar do Top 3 à frente do card */
.podium{
  overflow:visible !important;
  padding-top:34px !important;
}
.podium-card{
  overflow:visible !important;
  position:relative !important;
  isolation:isolate !important;
  padding-top:58px !important;
}
.podium-1{
  padding-top:72px !important;
}
.podium-avatar{
  position:absolute !important;
  left:50% !important;
  transform:translateX(-50%) !important;
  top:-34px !important;
  width:62px !important;
  height:62px !important;
  z-index:12 !important;
  border-radius:50% !important;
  overflow:hidden !important;
  background:rgba(12,22,41,.92) !important;
  border:2px solid rgba(176,199,255,.34) !important;
  box-shadow:0 12px 26px rgba(0,0,0,.42),0 0 0 8px rgba(9,18,34,.42) !important;
}
.podium-1 .podium-avatar{
  top:-44px !important;
  width:76px !important;
  height:76px !important;
  border-color:rgba(255,214,95,.55) !important;
  box-shadow:0 14px 30px rgba(0,0,0,.46),0 0 0 9px rgba(9,18,34,.45),0 0 28px rgba(255,214,95,.20) !important;
}
.podium-avatar img,
.podium-avatar svg{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  display:block !important;
  opacity:1 !important;
}
.podium-medal-emoji{
  z-index:13 !important;
}
.podium-1 .podium-medal-emoji{top:70px !important;}
.podium-2 .podium-medal-emoji,
.podium-3 .podium-medal-emoji{top:56px !important;}
@media(max-width:380px){
  .podium{padding-top:30px !important;}
  .podium-avatar{width:56px !important;height:56px !important;top:-30px !important;}
  .podium-1 .podium-avatar{width:70px !important;height:70px !important;top:-40px !important;}
}

/* ===== v3.2.7.2 — Recuperação de senha premium ===== */
.reset-password-shell{min-height:100vh;align-items:flex-start;padding-top:calc(26px + env(safe-area-inset-top,0px));}
.reset-password-card{max-width:760px;margin:0 auto 40px;}
.reset-copy .modal-eyebrow{margin:0 auto 10px;color:#f6d56d;text-align:center;letter-spacing:.18em;font-size:.72rem;font-weight:900;}
.reset-copy h1{margin:0 0 10px;text-align:center;}
.reset-password-box{margin-top:26px;}
.reset-password-box .modal-feedback{display:block;margin-top:14px;text-align:center;min-height:22px;}
.reset-password-box .modal-feedback.success{color:#8ff5b4;}
.reset-password-box .modal-feedback.error{color:#ff7891;}
.reset-password-box .eye-btn{font-size:18px;line-height:1;}
.clan-result-sheet .sheet-content h3{display:none!important;}
.clan-result-sheet .sheet-content>p:not(.sheet-eyebrow){margin-top:8px!important;font-size:1.02rem;line-height:1.45;color:rgba(237,244,255,.82);}

/* v3.3.0 — Menu Torneio */
.tournament-shell{padding-bottom:calc(118px + env(safe-area-inset-bottom));}
.tournament-phone{padding-bottom:150px;}
.tournament-header .tournament-gear-btn svg{width:28px;height:28px;color:#f4d15f;filter:drop-shadow(0 0 12px rgba(244,209,95,.28));}
.tournament-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0 16px;padding:12px;border-radius:24px;}
.tournament-summary article{min-height:92px;border:1px solid rgba(255,255,255,.07);border-radius:21px;background:rgba(255,255,255,.035);display:flex;flex-direction:column;justify-content:center;padding:12px;}
.tournament-summary span{font-size:10px;text-transform:uppercase;letter-spacing:.16em;color:rgba(229,235,255,.62);font-weight:900;line-height:1.35;}
.tournament-summary strong{font-size:28px;color:#f7d86b;margin-top:7px;}
.tournament-week-tabs{margin:10px 0 16px;display:grid;grid-template-columns:repeat(4,1fr);gap:9px;}
.tournament-week-tabs button{height:48px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);color:#dfe6fb;font-weight:900;letter-spacing:.08em;}
.tournament-week-tabs button.active{background:linear-gradient(180deg,#f9dc70,#c69213);color:#071024;box-shadow:0 12px 28px rgba(214,166,38,.23);}
.tournament-manager{padding:18px;border-radius:26px;margin:16px 0;}
.tournament-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px;}
.tournament-section-head h2{font-size:22px;margin:4px 0 2px;color:#fff;}
.tournament-section-head p{margin:0;color:rgba(229,235,255,.62);font-size:13px;line-height:1.35;}
.tournament-save-btn{border:0;border-radius:18px;background:linear-gradient(180deg,#f9df74,#c99816);color:#111827;font-weight:1000;letter-spacing:.02em;padding:12px 16px;box-shadow:0 12px 30px rgba(203,154,28,.23);}
.tournament-save-btn.wide{width:100%;height:56px;margin-top:16px;font-size:16px;}
.tournament-member-list{display:flex;flex-direction:column;gap:10px;max-height:470px;overflow:auto;padding-right:2px;}
.tournament-member-row{display:grid;grid-template-columns:46px minmax(0,1fr) 132px;gap:10px;align-items:center;padding:10px;border-radius:18px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06);}
.tm-avatar{width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.08);overflow:hidden;display:grid;place-items:center;border:1px solid rgba(255,255,255,.08);}
.tm-avatar img{width:100%;height:100%;object-fit:cover;display:block;}
.tm-info{min-width:0;}
.tm-info strong{display:block;color:#fff;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.tm-info span{display:block;color:rgba(229,235,255,.58);font-size:11px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.tournament-member-row select{width:100%;height:42px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:rgba(6,11,24,.88);color:#f5d56b;font-weight:900;padding:0 8px;font-size:12px;}
.tournament-status{text-align:center;color:#8df0ae;font-weight:800;margin:14px 0 0;}
.tournament-podium{margin-top:22px;}
.tournament-ranking-card{margin-top:10px;}
.tournament-settings-overlay,.ranking-detail-overlay{position:fixed;inset:0;z-index:4000;display:none;align-items:center;justify-content:center;background:rgba(2,6,14,.68);backdrop-filter:blur(10px);padding:20px;}
.tournament-settings-overlay.active,.ranking-detail-overlay.active{display:flex;}
.tournament-settings-modal{width:min(92vw,620px);border-radius:32px;padding:26px;position:relative;}
.tournament-settings-modal h2{font-size:28px;color:#fff;margin:6px 0 8px;}
.tournament-settings-modal p{color:rgba(229,235,255,.68);margin:0 0 18px;line-height:1.4;}
.tournament-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.tournament-settings-grid label{border:1px solid rgba(255,255,255,.08);border-radius:20px;background:rgba(255,255,255,.035);padding:14px;display:grid;grid-template-columns:1fr 72px;gap:8px;align-items:center;}
.tournament-settings-grid label span{grid-column:1/-1;color:rgba(229,235,255,.66);font-size:11px;text-transform:uppercase;letter-spacing:.15em;font-weight:900;}
.tournament-settings-grid input{height:48px;border:0;border-radius:14px;background:rgba(6,11,24,.75);color:#fff;text-align:center;font-size:22px;font-weight:1000;}
.tournament-settings-grid small{color:#f5d56b;font-weight:900;}
.tournament-toggle{display:flex;gap:10px;align-items:center;margin-top:14px;color:#fff;font-weight:800;}
.tournament-toggle input{width:20px;height:20px;accent-color:#f1c94e;}
@media(max-width:520px){.tournament-summary{grid-template-columns:1fr 1fr}.tournament-summary article:last-child{grid-column:1/-1}.tournament-member-row{grid-template-columns:42px minmax(0,1fr);}.tournament-member-row select{grid-column:1/-1}.tournament-section-head{display:block}.tournament-section-head .tournament-save-btn{margin-top:12px;width:100%;}.tournament-settings-grid{grid-template-columns:1fr}.tournament-settings-modal{padding:22px}}

/* v3.3.0.1 — Torneio UX/Layout + rodapé global */
.topbrs-system-footer{width:min(92vw,520px);margin:28px auto calc(118px + env(safe-area-inset-bottom,0px));text-align:center;color:rgba(215,225,245,.54);font-weight:800;font-size:clamp(.68rem,2.45vw,.82rem);line-height:1.55;letter-spacing:.02em;display:grid;gap:2px;}
.topbrs-system-footer span{display:block;}
.auth-shell .topbrs-system-footer,.subscribe-shell .topbrs-system-footer,.reset-password-shell .topbrs-system-footer{margin-top:26px;margin-bottom:34px;}
.dashboard-shell .topbrs-system-footer{margin-top:24px;}

.tournament-header-clean{position:relative;align-items:flex-start!important;}
.tournament-title-icon-only{width:88px!important;height:88px!important;min-width:88px!important;display:grid!important;place-items:center!important;}
.tournament-title-icon-only svg{width:42px!important;height:42px!important;}
.tournament-header-actions{margin-left:auto;display:flex;flex-direction:column;align-items:center;gap:12px;min-width:54px;}
.tournament-header-actions .calendar-btn{width:48px;height:48px;border-radius:18px;}
.tournament-header-actions .tournament-calendar-btn{margin-top:0;}
.tournament-period-text{display:block;margin-top:7px;color:#f7d86b;font-size:.82rem;font-weight:950;letter-spacing:.06em;text-transform:uppercase;}
.tournament-manager{margin:18px 0 16px!important;}
.tournament-summary{margin:16px 0 18px!important;}
.tournament-week-tabs,.tournament-podium,.tournament-ranking-card{display:none!important;}
.tournament-calendar-overlay{position:fixed;inset:0;z-index:5600;display:none;align-items:center;justify-content:center;padding:22px;background:rgba(2,8,18,.62);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);}
.tournament-calendar-overlay.active{display:flex;}
.tournament-calendar-overlay .ranking-calendar-modal{width:min(92vw,360px);padding:28px 20px 20px;border-radius:28px;position:relative;}
.tournament-calendar-overlay h2{margin:6px 0 8px;color:#fff;font-size:1.45rem;}
.tournament-calendar-overlay p{margin:0 0 14px;color:rgba(229,235,255,.68);font-weight:700;line-height:1.35;}
.tournament-settings-overlay{z-index:5600!important;padding-bottom:calc(104px + env(safe-area-inset-bottom,0px))!important;align-items:flex-start!important;overflow:auto!important;}
.tournament-settings-overlay.active{display:flex!important;}
.tournament-settings-modal{width:min(91vw,560px)!important;max-height:calc(100dvh - 138px - env(safe-area-inset-bottom,0px))!important;overflow:auto!important;border-radius:28px!important;padding:22px!important;margin-top:calc(16px + env(safe-area-inset-top,0px))!important;}
.tournament-settings-modal h2{font-size:clamp(1.55rem,6vw,2.1rem)!important;line-height:1.08!important;}
body.tournament-modal-open{overflow:hidden!important;touch-action:none!important;}
body.tournament-modal-open .bottom-nav{opacity:0!important;pointer-events:none!important;transform:translateX(-50%) translateY(24px) scale(.96)!important;}
@media(max-width:520px){
  .tournament-header-clean{grid-template-columns:92px minmax(0,1fr) 54px!important;gap:12px!important;}
  .tournament-title-icon-only{width:82px!important;height:82px!important;min-width:82px!important;}
  .tournament-header-actions{gap:10px;}
  .tournament-section-head h2{font-size:20px!important;}
  .tournament-settings-grid label{grid-template-columns:minmax(0,1fr) 64px!important;}
  .tournament-settings-grid input{font-size:20px!important;min-height:48px!important;}
}


/* v3.3.0.2 — Torneio, calendário global e navbar estável */
.calendar-btn svg{width:25px!important;height:25px!important;}
.calendar-months:not(.leadership-calendar-months){grid-template-columns:repeat(3,1fr)!important;overflow:visible!important;display:grid!important;}
.calendar-months.months-scroll{display:grid!important;grid-template-columns:repeat(3,1fr)!important;overflow:visible!important;}
.tournament-header .tournament-header-actions{gap:10px!important;}
.tournament-title-icon-only{display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:7px!important;transform:translateY(-4px)!important;}
.tournament-title-icon-only svg{width:36px!important;height:36px!important;}
.tournament-icon-period strong{display:block;color:#fff!important;font-size:1rem!important;line-height:1!important;letter-spacing:-.02em!important;text-transform:none!important;}
.tournament-icon-period span{display:block;color:rgba(229,235,255,.68)!important;font-size:.78rem!important;font-weight:950!important;margin-top:3px!important;text-transform:none!important;}
.tournament-period-text{color:rgba(229,235,255,.60)!important;font-size:.74rem!important;}
.tournament-header h1{color:#f8d35b!important;}
.tournament-header p{color:rgba(229,235,255,.68)!important;}
.tournament-member-list .ranking-empty{min-height:120px;display:grid;place-items:center;text-align:center;}
.tournament-settings-overlay,.tournament-calendar-overlay,.ranking-calendar-overlay,.war-calendar-overlay,.leadership-calendar-overlay{z-index:12000!important;}
body.modal-open .bottom-nav, body.tournament-modal-open .bottom-nav{opacity:0!important;pointer-events:none!important;transform:translateX(-50%) translateY(26px) scale(.96)!important;}
.leadership-header{display:grid!important;grid-template-columns:86px minmax(0,1fr) 56px!important;gap:12px!important;align-items:start!important;position:relative!important;}
.leadership-notice-main{grid-column:3!important;grid-row:1!important;}
.leadership-calendar-btn{grid-column:3!important;grid-row:1!important;margin-top:64px!important;width:48px!important;height:48px!important;border-radius:18px!important;}
.leadership-controls{display:none!important;}
.leadership-calendar-overlay{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:rgba(2,8,18,.62);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);padding:22px;}
.leadership-calendar-overlay.active{display:flex!important;}
.leadership-calendar-modal{width:min(92vw,380px);border-radius:28px;padding:28px 20px 20px;position:relative;}
.leadership-calendar-modal h2{margin:6px 0 8px;color:#fff;font-size:1.45rem;}
.leadership-calendar-modal p{margin:0 0 14px;color:rgba(229,235,255,.68);font-weight:700;line-height:1.35;}
.leadership-calendar-groups{display:grid;gap:12px;}
.leadership-calendar-months{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch;}
.leadership-calendar-months .leadership-chip{flex:0 0 auto;min-width:74px;}
.leadership-calendar-weeks,.leadership-calendar-days{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;}
.leadership-calendar-days{grid-template-columns:repeat(5,1fr);}
.leadership-calendar-overlay .leadership-chip{border:1px solid rgba(176,199,255,.14);border-radius:14px;background:rgba(255,255,255,.055);color:#d8e2f4;padding:12px 8px;font-weight:900;}
.leadership-calendar-overlay .leadership-chip.active{color:#071327;background:linear-gradient(180deg,#ffd65f,#d99221);box-shadow:0 10px 24px rgba(255,214,95,.22);}
.leadership-alert-btn svg,.leadership-notice-main svg{width:25px!important;height:25px!important;}
.ranking-phone.is-ranking-loading #podium::before{content:'Carregando dados reais...';display:grid;place-items:center;min-height:110px;color:rgba(229,235,255,.68);font-weight:900;}
html,body{overscroll-behavior:none!important;}
.bottom-nav{position:fixed!important;left:50%!important;right:auto!important;bottom:calc(16px + env(safe-area-inset-bottom,0px))!important;transform:translate3d(-50%,0,0)!important;z-index:11000!important;will-change:transform!important;contain:layout paint!important;}
html.is-ios-pwa .bottom-nav,body.is-ios-pwa .bottom-nav{position:fixed!important;left:50%!important;bottom:0!important;transform:translate3d(-50%,0,0)!important;}
.dashboard-shell,.war-shell,.ranking-shell,.tournament-shell,.leadership-shell,.settings-shell,.members-shell{padding-bottom:calc(130px + env(safe-area-inset-bottom,0px))!important;}
@media(max-width:520px){
 .leadership-header{grid-template-columns:86px minmax(0,1fr) 54px!important;}
 .leadership-calendar-btn{margin-top:60px!important;}
 .leadership-calendar-weeks,.leadership-calendar-days{grid-template-columns:repeat(5,1fr)!important;}
}


/* v3.3.0.3 — correções fortes: classificação, torneio, liderança, navbar, calendário */
/* Loading único na Classificação */
.ranking-phone.is-ranking-loading #rankingList:empty::after,
.ranking-phone.is-ranking-loading .ranking-list:empty::after{content:""!important;display:none!important;}
.ranking-phone.is-ranking-loading #podium::before{content:"Carregando dados reais..."!important;display:grid!important;place-items:center!important;width:100%!important;text-align:center!important;min-height:190px!important;white-space:nowrap!important;}
.ranking-phone.is-ranking-loading #podium{display:grid!important;place-items:center!important;}
/* popup detalhe volta a abrir e fica acima de tudo */
.ranking-detail-overlay.show,.ranking-detail-overlay.active{display:grid!important;opacity:1!important;pointer-events:auto!important;z-index:13000!important;place-items:center!important;}
.ranking-detail-overlay.show .ranking-detail-modal,.ranking-detail-overlay.active .ranking-detail-modal{transform:translateY(0) scale(1)!important;}
/* navbar sem corte no Home */
.bottom-nav{height:96px!important;min-height:96px!important;padding-top:18px!important;overflow:visible!important;isolation:isolate!important;}
.bottom-nav .nav-home,.nav-btn.nav-home{transform:translateY(-18px)!important;overflow:visible!important;z-index:2!important;}
.bottom-nav .nav-home svg,.nav-btn.nav-home svg{width:34px!important;height:34px!important;}
/* Torneio: identidade correta */
.tournament-header h1::before{content:""!important;}
.tournament-header h1{color:#f8d35b!important;}
.tournament-header p{display:block!important;color:rgba(229,235,255,.68)!important;}
.tournament-period-text{display:none!important;}
.tournament-header-clean{grid-template-columns:92px minmax(0,1fr) 56px!important;align-items:start!important;}
.tournament-title-icon-only{width:88px!important;height:108px!important;min-width:88px!important;border-radius:24px!important;gap:7px!important;transform:none!important;align-self:start!important;}
.tournament-title-icon-only svg{width:35px!important;height:35px!important;flex:0 0 auto!important;}
.tournament-icon-period{display:grid!important;gap:2px!important;text-align:center!important;}
.tournament-icon-period strong{color:#fff!important;font-size:1rem!important;font-weight:950!important;line-height:1!important;}
.tournament-icon-period span{color:rgba(229,235,255,.70)!important;font-size:.82rem!important;font-weight:950!important;line-height:1!important;}
.tournament-header-actions .calendar-btn{width:52px!important;height:52px!important;min-width:52px!important;border-radius:18px!important;}
.tournament-header-actions .calendar-btn svg{width:25px!important;height:25px!important;}
.tournament-member-list{max-height:none!important;overflow:visible!important;}
/* Liderança: header e botões alinhados */
.leadership-header{grid-template-columns:86px minmax(0,1fr) 56px!important;align-items:start!important;min-height:122px!important;}
.leadership-title-icon{width:82px!important;height:82px!important;min-width:82px!important;}
.leadership-title-icon svg{width:36px!important;height:36px!important;}
.leadership-notice-main,.leadership-calendar-btn{width:52px!important;height:52px!important;min-width:52px!important;border-radius:18px!important;grid-column:3!important;}
.leadership-notice-main{grid-row:1!important;margin-top:0!important;color:#f8d35b!important;}
.leadership-calendar-btn{grid-row:1!important;margin-top:62px!important;color:#f8d35b!important;}
.leadership-notice-main svg,.leadership-calendar-btn svg{width:25px!important;height:25px!important;}
.leadership-calendar-overlay.active{display:grid!important;place-items:center!important;align-items:center!important;justify-content:center!important;z-index:13000!important;padding:18px!important;}
.leadership-calendar-modal{width:min(92vw,380px)!important;max-height:calc(100dvh - 140px)!important;overflow:auto!important;margin:0!important;align-self:center!important;}
body.modal-open .bottom-nav{opacity:0!important;pointer-events:none!important;}


/* ===== TopBRS v3.3.0.4 — correções finais Torneio/Liderança/Classificação/Pagamento ===== */
/* Classificação: loading único, centralizado, sem texto duplicado */
.ranking-phone.is-ranking-loading #rankingList,
.ranking-phone.is-ranking-loading .ranking-list,
.ranking-phone.is-ranking-loading .ranking-table-card{display:none!important;visibility:hidden!important;height:0!important;min-height:0!important;padding:0!important;margin:0!important;border:0!important;overflow:hidden!important;}
.ranking-phone.is-ranking-loading #rankingList:empty::after,
.ranking-phone.is-ranking-loading .ranking-list:empty::after,
.ranking-phone.is-ranking-loading .ranking-table-card::before,
.ranking-phone.is-ranking-loading .ranking-table-card::after{content:""!important;display:none!important;}
.ranking-phone.is-ranking-loading #podium{display:grid!important;place-items:center!important;min-height:300px!important;width:100%!important;text-align:center!important;position:relative!important;}
.ranking-phone.is-ranking-loading #podium>*{display:none!important;}
.ranking-phone.is-ranking-loading #podium::before{content:"Carregando dados reais..."!important;display:block!important;width:100%!important;text-align:center!important;color:rgba(226,234,255,.72)!important;font-weight:950!important;font-size:clamp(.92rem,3.8vw,1.08rem)!important;white-space:nowrap!important;line-height:1.25!important;}
html[lang="en-US"] .ranking-phone.is-ranking-loading #podium::before{content:"Loading real data..."!important;}
html[lang="es-ES"] .ranking-phone.is-ranking-loading #podium::before{content:"Cargando datos reales..."!important;}

/* Torneio: header com identidade própria e card padronizado */
.tournament-header-clean{display:grid!important;grid-template-columns:88px minmax(0,1fr) 56px!important;gap:14px!important;align-items:start!important;min-height:118px!important;}
.tournament-title-copy h1,.tournament-header h1,#tournamentPageTitle{font-size:1.42rem!important;line-height:1.05!important;color:#f8d35b!important;font-weight:950!important;margin:7px 0 4px!important;}
.tournament-title-copy h1::before,.tournament-header h1::before{content:""!important;display:none!important;}
.tournament-title-copy p,.tournament-header p,#tournamentPageSubtitle{display:block!important;color:rgba(229,235,255,.68)!important;font-size:.86rem!important;line-height:1.24!important;font-weight:800!important;margin:0!important;}
html[lang="pt-BR"] .tournament-title-copy h1{font-size:0!important;} html[lang="pt-BR"] .tournament-title-copy h1::after{content:"Torneio";font-size:1.42rem!important;}
html[lang="pt-BR"] .tournament-title-copy p{font-size:0!important;} html[lang="pt-BR"] .tournament-title-copy p::after{content:"Gerencie os resultados semanais do torneio do clã";font-size:.86rem!important;}
.tournament-title-icon-only{width:86px!important;height:86px!important;min-width:86px!important;border-radius:24px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;padding:9px!important;box-sizing:border-box!important;transform:none!important;align-self:start!important;}
.tournament-title-icon-only svg{width:31px!important;height:31px!important;flex:0 0 auto!important;margin:0!important;}
.tournament-icon-period{display:flex!important;flex-direction:column!important;align-items:center!important;gap:1px!important;margin:0!important;line-height:1.05!important;}
.tournament-icon-period strong{display:block!important;color:#fff!important;font-size:.98rem!important;line-height:1!important;text-transform:none!important;letter-spacing:0!important;}
.tournament-icon-period span{display:block!important;color:rgba(229,235,255,.72)!important;font-size:.74rem!important;line-height:1!important;font-weight:900!important;letter-spacing:.06em!important;text-transform:uppercase!important;}
.tournament-header-actions{grid-column:3!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:10px!important;justify-self:end!important;}
.tournament-header-actions .calendar-btn{width:52px!important;height:52px!important;min-width:52px!important;border-radius:18px!important;}
.tournament-manager{margin-top:0!important;}

/* Liderança: header volta ao padrão dos outros menus e botões alinhados */
body.leadership-page .leadership-header,.leadership-header{display:grid!important;grid-template-columns:86px minmax(0,1fr) 56px!important;gap:14px!important;align-items:start!important;min-height:122px!important;position:relative!important;padding:0 2px 10px!important;}
body.leadership-page .leadership-title-icon,.leadership-title-icon{width:86px!important;height:86px!important;min-width:86px!important;border-radius:24px!important;align-self:start!important;justify-self:start!important;display:grid!important;place-items:center!important;padding:0!important;}
body.leadership-page .leadership-title-icon svg,.leadership-title-icon svg{width:34px!important;height:34px!important;}
body.leadership-page .leadership-header h1,.leadership-header h1{font-size:1.42rem!important;line-height:1.05!important;margin:9px 0 5px!important;color:#f8d35b!important;font-weight:950!important;}
body.leadership-page .leadership-header p,.leadership-header p{font-size:.86rem!important;line-height:1.24!important;margin:0!important;color:rgba(229,235,255,.68)!important;font-weight:800!important;}
.leadership-notice-main,.leadership-calendar-btn{grid-column:3!important;justify-self:end!important;width:52px!important;height:52px!important;min-width:52px!important;border-radius:18px!important;display:grid!important;place-items:center!important;position:relative!important;margin:0!important;padding:0!important;background:rgba(255,255,255,.075)!important;border:1px solid rgba(176,199,255,.15)!important;}
.leadership-notice-main{grid-row:1!important;color:#f8d35b!important;}
.leadership-calendar-btn{grid-row:1!important;margin-top:62px!important;color:#f8d35b!important;}
.leadership-notice-main svg,.leadership-calendar-btn svg{width:25px!important;height:25px!important;display:block!important;}
.leadership-calendar-overlay{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;z-index:2147483000!important;display:none!important;place-items:center!important;align-items:center!important;justify-content:center!important;padding:18px!important;background:rgba(2,8,18,.70)!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important;transform:none!important;}
.leadership-calendar-overlay.active{display:grid!important;}
.leadership-calendar-modal{position:relative!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;transform:none!important;margin:auto!important;width:min(92vw,390px)!important;max-height:min(76dvh,620px)!important;overflow:auto!important;border-radius:28px!important;}
html.leadership-calendar-open,body.leadership-calendar-open{overflow:hidden!important;overscroll-behavior:none!important;touch-action:none!important;}

/* Navbar: evita corte no botão Home */
.bottom-nav{overflow:visible!important;min-height:82px!important;padding-top:10px!important;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))!important;}
.bottom-nav .nav-home{overflow:visible!important;z-index:5!important;}
.bottom-nav .nav-home .nav-svg{display:block!important;}

/* Mercado Pago: fallback visual mais claro caso a API/túnel esteja indisponível */
.tag-feedback.error{white-space:normal!important;line-height:1.35!important;}


/* TopBRS v3.3.0.6 — correções finais Torneio/Liderança/Classificação/Pagamento */
body:has(.tournament-shell) .ranking-header:not(.tournament-header) h1,
body:has(.tournament-shell) .ranking-header:not(.tournament-header) p{display:none!important;}
.tournament-header .tournament-title-copy h1,
#tournamentPageTitle{display:block!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;max-width:100%!important;content:none!important;}
.tournament-header .tournament-title-copy h1::before,
.tournament-header .tournament-title-copy h1::after,
#tournamentPageTitle::before,
#tournamentPageTitle::after{content:none!important;display:none!important;}
.tournament-header .tournament-title-copy p,
#tournamentPageSubtitle{display:block!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;max-width:100%!important;}
.tournament-title-icon-only{width:86px!important;height:86px!important;min-width:86px!important;border-radius:24px!important;display:grid!important;place-items:center!important;grid-template-rows:34px auto!important;gap:6px!important;padding:12px 6px 10px!important;align-self:start!important;justify-self:start!important;}
.tournament-title-icon-only svg{width:30px!important;height:30px!important;margin:0!important;}
.tournament-icon-period{margin:0!important;display:grid!important;gap:2px!important;place-items:center!important;color:rgba(229,235,255,.82)!important;line-height:1!important;}
.tournament-icon-period strong{font-size:.9rem!important;color:#fff!important;letter-spacing:.02em!important;line-height:1!important;}
.tournament-icon-period span{display:block!important;font-size:.72rem!important;color:rgba(229,235,255,.62)!important;font-weight:950!important;line-height:1!important;}

/* Classificação: um único loading centralizado */
.ranking-phone.is-ranking-loading #podium::before,
.ranking-phone.is-ranking-loading #podium::after,
.ranking-phone.is-ranking-loading #rankingList:empty::after,
.ranking-phone.is-ranking-loading .ranking-list:empty::after,
html[lang="pt-BR"] .ranking-phone.is-ranking-loading #rankingList:empty::after,
html[lang="pt-BR"] .ranking-phone.is-ranking-loading .ranking-list:empty::after,
html[lang="pt-BR"] .ranking-phone.is-ranking-loading #podium.is-loading:empty::after{content:none!important;display:none!important;}
.ranking-phone.is-ranking-loading .ranking-table-card{position:relative!important;min-height:280px!important;display:grid!important;place-items:center!important;}
.ranking-phone.is-ranking-loading .ranking-table-card::before{content:"Carregando dados reais..."!important;display:block!important;text-align:center!important;color:rgba(226,234,255,.72)!important;font-weight:950!important;font-size:clamp(.92rem,3.8vw,1.08rem)!important;white-space:nowrap!important;line-height:1.25!important;}
.ranking-phone.is-ranking-loading .ranking-table-card > *{visibility:hidden!important;}
.ranking-phone.is-ranking-loading .ranking-table-card::before{visibility:visible!important;}

/* Liderança: header e botões no padrão dos outros menus */
body.leadership-page .leadership-header{display:grid!important;grid-template-columns:86px minmax(0,1fr) 58px!important;gap:14px!important;align-items:start!important;min-height:124px!important;position:relative!important;padding:0 2px 12px!important;}
body.leadership-page .leadership-title-icon{width:86px!important;height:86px!important;min-width:86px!important;border-radius:24px!important;align-self:start!important;justify-self:start!important;display:grid!important;place-items:center!important;}
body.leadership-page .leadership-title-icon svg{width:34px!important;height:34px!important;}
body.leadership-page .leadership-header h1{font-size:1.42rem!important;line-height:1.05!important;margin:9px 0 5px!important;color:#f8d35b!important;font-weight:950!important;}
body.leadership-page .leadership-header p{font-size:.86rem!important;line-height:1.24!important;margin:0!important;color:rgba(229,235,255,.68)!important;font-weight:800!important;}
body.leadership-page .leadership-notice-main,
body.leadership-page .leadership-calendar-btn{position:absolute!important;right:8px!important;width:52px!important;height:52px!important;min-width:52px!important;border-radius:18px!important;display:grid!important;place-items:center!important;margin:0!important;padding:0!important;background:rgba(255,255,255,.075)!important;border:1px solid rgba(176,199,255,.15)!important;color:#f8d35b!important;z-index:2!important;}
body.leadership-page .leadership-notice-main{top:0!important;}
body.leadership-page .leadership-calendar-btn{top:62px!important;}
body.leadership-page .leadership-notice-main svg,
body.leadership-page .leadership-calendar-btn svg{width:25px!important;height:25px!important;display:block!important;color:#f8d35b!important;}
.leadership-calendar-overlay{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;z-index:2147483000!important;display:none!important;background:rgba(2,8,18,.72)!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important;transform:none!important;}
.leadership-calendar-overlay.active{display:block!important;}
.leadership-calendar-overlay.active .leadership-calendar-modal{position:fixed!important;top:50%!important;left:50%!important;right:auto!important;bottom:auto!important;transform:translate(-50%,-50%)!important;width:min(92vw,390px)!important;max-height:min(78dvh,620px)!important;overflow:auto!important;margin:0!important;border-radius:28px!important;}
html.leadership-calendar-open,body.leadership-calendar-open{overflow:hidden!important;touch-action:none!important;}

/* Navbar: evitar corte do botão Home */
.bottom-nav{height:96px!important;min-height:96px!important;padding-top:16px!important;padding-bottom:calc(13px + env(safe-area-inset-bottom,0px))!important;overflow:visible!important;}
.bottom-nav .nav-home,.nav-btn.nav-home{width:78px!important;height:78px!important;min-width:78px!important;transform:translateY(-16px)!important;overflow:visible!important;z-index:6!important;}
.bottom-nav .nav-home svg,.nav-btn.nav-home svg{width:32px!important;height:32px!important;}


/* TopBRS v3.3.0.6 — acabamento visual final */
:root{
  --topbrs-menu-icon-size:86px;
  --topbrs-menu-icon-radius:24px;
  --topbrs-menu-title-size:1.42rem;
  --topbrs-menu-subtitle-size:.86rem;
}
.ranking-header h1,.war-header h1,.leadership-header h1,.tournament-header h1,.members-header h1,.settings-header h1,
.tournament-title-copy h1,#tournamentPageTitle{font-size:var(--topbrs-menu-title-size)!important;line-height:1.08!important;font-weight:950!important;color:#f8d35b!important;letter-spacing:-.02em!important;}
.ranking-header p,.war-header p,.leadership-header p,.tournament-header p,.members-header p,.settings-header p,
.tournament-title-copy p,#tournamentPageSubtitle{font-size:var(--topbrs-menu-subtitle-size)!important;line-height:1.28!important;font-weight:800!important;color:rgba(229,235,255,.70)!important;max-width:245px!important;}
.ranking-title-icon,.war-title-icon,.leadership-title-icon,.tournament-title-icon-only,.members-title-icon,.settings-title-icon{
  width:var(--topbrs-menu-icon-size)!important;height:var(--topbrs-menu-icon-size)!important;min-width:var(--topbrs-menu-icon-size)!important;border-radius:var(--topbrs-menu-icon-radius)!important;
}
.ranking-title-icon svg,.war-title-icon svg,.leadership-title-icon svg,.tournament-title-icon-only svg,.members-title-icon svg,.settings-title-icon svg{width:28px!important;height:28px!important;}
.tournament-header-clean{grid-template-columns:var(--topbrs-menu-icon-size) minmax(0,1fr) 56px!important;min-height:126px!important;align-items:start!important;gap:14px!important;}
.tournament-title-copy{min-width:0!important;padding-top:8px!important;}
.tournament-title-copy p,#tournamentPageSubtitle{white-space:normal!important;overflow:visible!important;display:block!important;}
.tournament-icon-period{gap:4px!important;line-height:1!important;}
.tournament-icon-period strong{font-size:.98rem!important;line-height:1!important;}
.tournament-icon-period span{font-size:.82rem!important;display:block!important;color:rgba(226,234,255,.72)!important;}
.leadership-header{grid-template-columns:var(--topbrs-menu-icon-size) minmax(0,1fr) 58px!important;min-height:126px!important;gap:14px!important;align-items:start!important;}
.leadership-header > div:nth-child(2){padding-top:8px!important;min-width:0!important;}
.leadership-notice-main,.leadership-calendar-btn{width:52px!important;height:52px!important;min-width:52px!important;border-radius:18px!important;}
.leadership-notice-main{color:#ffd65f!important;}
.leadership-report-actions.is-hidden-by-plan{display:none!important;}
.ranking-phone.is-ranking-loading .ranking-table-card{min-height:360px!important;place-items:start center!important;padding-top:122px!important;}
.ranking-phone.is-ranking-loading .ranking-table-card::before{margin-top:0!important;}
.ranking-phone.is-ranking-loading #podium{min-height:330px!important;align-items:start!important;padding-top:120px!important;}
.ranking-phone.is-ranking-loading #podium::before{margin-top:0!important;}
.reset-password-card{position:relative!important;overflow:visible!important;}
.reset-copy{text-align:center!important;}
.reset-copy .reset-eyebrow,.reset-copy .modal-eyebrow{display:block!important;margin:0 auto 18px!important;text-align:center!important;max-width:100%!important;letter-spacing:.18em!important;line-height:1.35!important;white-space:normal!important;}
.reset-password-box{margin-top:26px!important;}
.reset-password-shell .language-switch{position:absolute!important;top:16px!important;right:16px!important;z-index:30!important;}
.checkout-plan-card .plan-benefits li{position:relative!important;padding-left:24px!important;list-style:none!important;}
.checkout-plan-card .plan-benefits li::before{content:""!important;position:absolute!important;left:0!important;top:.18em!important;width:15px!important;height:15px!important;border-radius:50%!important;box-sizing:border-box!important;}
.checkout-plan-card .plan-benefits li.is-included::before{background:linear-gradient(180deg,#64f0a0,#2ea96b)!important;box-shadow:0 0 12px rgba(88,240,160,.18)!important;}
.checkout-plan-card .plan-benefits li.is-included::after{content:""!important;position:absolute!important;left:4px!important;top:.43em!important;width:7px!important;height:4px!important;border-left:2px solid #071327!important;border-bottom:2px solid #071327!important;transform:rotate(-45deg)!important;}
.checkout-plan-card .plan-benefits li.is-excluded{color:rgba(226,234,255,.58)!important;}
.checkout-plan-card .plan-benefits li.is-excluded::before{border:2px solid rgba(255,95,122,.9)!important;background:rgba(255,95,122,.08)!important;}
.checkout-plan-card .plan-benefits li.is-excluded::after{content:""!important;position:absolute!important;left:4px!important;top:.36em!important;width:7px!important;height:7px!important;background:linear-gradient(45deg,transparent 42%,#ff6d86 42%,#ff6d86 58%,transparent 58%),linear-gradient(-45deg,transparent 42%,#ff6d86 42%,#ff6d86 58%,transparent 58%)!important;}
@media (display-mode: browser){
  .bottom-nav{height:104px!important;min-height:104px!important;padding-bottom:calc(22px + env(safe-area-inset-bottom,0px))!important;overflow:visible!important;}
  .bottom-nav .nav-home,.nav-btn.nav-home{transform:translateY(-18px)!important;overflow:visible!important;}
}
@media all and (display-mode: standalone){
  .bottom-nav{height:96px!important;min-height:96px!important;}
}


/* TopBRS v3.3.0.7 — hotfix final de header, torneio, classificação e reset */
:root{--topbrs-menu-title-size:1.62rem;--topbrs-menu-subtitle-size:.95rem;--topbrs-menu-icon-size:94px;}
.war-heading-text .war-kicker,.ranking-header h1,.war-header h1,.leadership-header h1,.tournament-header h1,.members-header h1,.settings-header h1,.tournament-title-copy h1,#tournamentPageTitle{font-size:var(--topbrs-menu-title-size)!important;line-height:1.06!important;font-weight:950!important;color:#f8d35b!important;letter-spacing:-.025em!important;margin-bottom:8px!important;}
.war-heading-text .war-subtitle,.ranking-header p,.war-header p,.leadership-header p,.tournament-header p,.members-header p,.settings-header p,.tournament-title-copy p,#tournamentPageSubtitle{font-size:var(--topbrs-menu-subtitle-size)!important;line-height:1.22!important;font-weight:800!important;color:rgba(229,235,255,.70)!important;}
.war-title-icon,.ranking-title-icon,.leadership-title-icon,.tournament-title-icon-only,.members-title-icon,.settings-title-icon{width:var(--topbrs-menu-icon-size)!important;height:var(--topbrs-menu-icon-size)!important;min-width:var(--topbrs-menu-icon-size)!important;border-radius:26px!important;}
.war-title-icon svg,.ranking-title-icon svg,.leadership-title-icon svg,.tournament-title-icon-only svg,.members-title-icon svg,.settings-title-icon svg{width:32px!important;height:32px!important;}
.tournament-header-clean{grid-template-columns:var(--topbrs-menu-icon-size) minmax(0,1fr) 56px!important;gap:14px!important;min-height:142px!important;align-items:start!important;}
.tournament-title-copy{padding-top:7px!important;min-width:0!important;max-width:calc(100vw - 190px)!important;}
.tournament-title-copy h1,#tournamentPageTitle{font-size:var(--topbrs-menu-title-size)!important;}
.tournament-title-copy h1::before,.tournament-title-copy h1::after,#tournamentPageTitle::before,#tournamentPageTitle::after,.tournament-title-copy p::before,.tournament-title-copy p::after,#tournamentPageSubtitle::before,#tournamentPageSubtitle::after{content:none!important;display:none!important;}
.tournament-title-copy p,#tournamentPageSubtitle{font-size:.92rem!important;line-height:1.18!important;max-width:205px!important;display:block!important;white-space:normal!important;overflow:hidden!important;text-overflow:clip!important;display:-webkit-box!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical!important;}
html[lang="pt-BR"] .tournament-title-copy p,html[lang="pt-BR"] #tournamentPageSubtitle{font-size:.92rem!important;}
.tournament-manager{margin-top:4px!important;}
.tournament-member-list .ranking-empty{min-height:92px!important;}
.ranking-phone.is-ranking-loading .ranking-table-card{min-height:360px!important;display:grid!important;place-items:start center!important;padding-top:92px!important;}
.ranking-phone.is-ranking-loading .ranking-table-card::before{margin-top:0!important;transform:none!important;}
.reset-copy .reset-eyebrow,.reset-copy .modal-eyebrow{width:100%!important;text-align:center!important;margin:0 auto 16px!important;letter-spacing:.16em!important;line-height:1.28!important;white-space:normal!important;display:block!important;padding:0!important;box-sizing:border-box!important;}
.reset-password-shell .language-switch button.active{display:grid!important;}
@media(max-width:430px){.tournament-title-copy p,#tournamentPageSubtitle{max-width:190px!important;font-size:.86rem!important}.tournament-header-clean{gap:12px!important}.war-heading-text .war-kicker,.ranking-header h1,.tournament-title-copy h1,#tournamentPageTitle{font-size:1.55rem!important}.war-heading-text .war-subtitle,.ranking-header p,.tournament-title-copy p,#tournamentPageSubtitle{font-size:.9rem!important}}


/* ===== v3313: estabilidade mobile geral de scroll/render ===== */
html, body{
  min-height:100%;
  background:#050b16 !important;
  overscroll-behavior-y:none;
}
body::before{
  content:"";
  position:fixed;
  inset:-2px;
  z-index:-3;
  pointer-events:none;
  background:
    radial-gradient(circle at 50% 2%,rgba(49,112,255,.22),transparent 38%),
    linear-gradient(180deg,rgba(5,10,22,.18),rgba(5,10,22,.96)),
    url('assets/img/auth-bg.svg') center/cover no-repeat;
  transform:translateZ(0);
  will-change:transform;
}
.dashboard-shell,
.members-shell,
.settings-shell,
.ranking-shell,
.war-shell{
  background:transparent !important;
  display:block !important;
  align-items:start !important;
  place-items:start center !important;
  min-height:100dvh !important;
  height:auto !important;
  padding-top:calc(8px + env(safe-area-inset-top)) !important;
  overflow-x:hidden !important;
  transform:translateZ(0);
  -webkit-transform:translateZ(0);
}
.dashboard-phone,
.members-phone,
.settings-phone,
.ranking-phone,
.war-phone{
  width:min(100%,390px) !important;
  margin:0 auto !important;
  min-height:auto !important;
  height:auto !important;
  overflow:visible !important;
  transform:translateZ(0);
  -webkit-transform:translateZ(0);
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
}
.settings-phone{
  padding-bottom:calc(150px + env(safe-area-inset-bottom)) !important;
}
.settings-shell{
  padding-bottom:0 !important;
}
.glass-panel,
.glass-inset,
.settings-profile-hero,
.settings-mini-card,
.settings-list,
.dash-card,
.ranking-table-card{
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
  transform:translateZ(0);
  -webkit-transform:translateZ(0);
}
body:not(.settings-hydrated) .settings-profile-hero,
body:not(.settings-hydrated) .settings-mini-grid{
  opacity:.96;
}

/* =========================================================
   TopBRS Android Internal Scroll Model — v20260522
   Isolado para Android. Não afeta iPhone/Safari/iOS PWA.
   Motivo: no Android a página só rolava com teclado aberto;
   portanto a rolagem precisa ficar no container interno.
   ========================================================= */

html.is-android,
html.is-android body{
  width:100% !important;
  height:100% !important;
  min-height:100% !important;
  max-height:100% !important;
  overflow:hidden !important;
  overscroll-behavior:none !important;
  touch-action:manipulation !important;
  -webkit-text-size-adjust:100% !important;
}

html.is-android body{
  position:relative !important;
}

/* Shells deixam de ser o elemento rolável */
html.is-android .auth-shell,
html.is-android .dashboard-shell,
html.is-android .settings-shell,
html.is-android .members-shell,
html.is-android .war-shell,
html.is-android .ranking-shell,
html.is-android .leadership-shell,
html.is-android .tournament-shell{
  display:block !important;
  width:100% !important;
  height:100dvh !important;
  min-height:100dvh !important;
  max-height:100dvh !important;
  overflow:hidden !important;
  padding:8px 8px 0 !important;
  box-sizing:border-box !important;
  touch-action:pan-y !important;
}

/* O telefone/card vira o container real de rolagem no Android */
html.is-android .dashboard-phone,
html.is-android .settings-phone,
html.is-android .members-phone,
html.is-android .war-phone,
html.is-android .ranking-phone,
html.is-android .leadership-phone,
html.is-android .tournament-phone{
  width:min(100%,390px) !important;
  max-width:390px !important;
  height:100dvh !important;
  min-height:0 !important;
  max-height:100dvh !important;
  margin:0 auto !important;
  overflow-x:hidden !important;
  overflow-y:auto !important;
  -webkit-overflow-scrolling:touch !important;
  overscroll-behavior-y:contain !important;
  touch-action:pan-y !important;
  box-sizing:border-box !important;
  padding-top:18px !important;
  padding-bottom:calc(150px + env(safe-area-inset-bottom,0px)) !important;
}

/* Tela inicial/login/onboarding também precisa rolar internamente */
html.is-android .auth-shell{
  overflow-y:auto !important;
  -webkit-overflow-scrolling:touch !important;
  overscroll-behavior-y:contain !important;
  touch-action:pan-y !important;
  padding-bottom:calc(34px + env(safe-area-inset-bottom,0px)) !important;
}

html.is-android .auth-card,
html.is-android .onboarding-card,
html.is-android .trial-inline-modal{
  max-height:none !important;
  overflow:visible !important;
}

/* Conteúdos internos nunca devem criar uma segunda trava de scroll */
html.is-android .dashboard-content,
html.is-android .settings-content,
html.is-android .members-content,
html.is-android .ranking-content,
html.is-android .war-content,
html.is-android .leadership-content,
html.is-android .tournament-content,
html.is-android .members-list,
html.is-android .ranking-list,
html.is-android .war-list{
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  overflow:visible !important;
  touch-action:pan-y !important;
}

/* Navbar fica fixa fora do container rolável */
html.is-android .bottom-nav{
  position:fixed !important;
  left:50% !important;
  right:auto !important;
  bottom:calc(10px + env(safe-area-inset-bottom,0px)) !important;
  transform:translate3d(-50%,0,0) !important;
  z-index:11000 !important;
}


/* =========================================================
   TopBRS — Navbar final consolidada
   Estado validado: Safari navegador + iOS PWA + Android
   ========================================================= */

:root{
  --topbrs-nav-width: min(94vw, 430px);
  --topbrs-nav-height: 90px;
  --topbrs-nav-radius: 28px;
}

.bottom-nav{
  position: fixed !important;
  left: 50% !important;
  right: auto !important;
  width: var(--topbrs-nav-width) !important;
  max-width: var(--topbrs-nav-width) !important;
  height: var(--topbrs-nav-height) !important;
  min-height: var(--topbrs-nav-height) !important;
  bottom: calc(14px + env(safe-area-inset-bottom, 0px)) !important;
  transform: translate3d(-50%, 0, 0) !important;
  z-index: 11000 !important;

  display: grid !important;
  grid-template-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) 76px minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) !important;
  align-items: center !important;
  gap: 2px !important;

  padding: 14px 9px calc(10px + env(safe-area-inset-bottom, 0px)) !important;
  box-sizing: border-box !important;
  overflow: visible !important;
  clip-path: none !important;
  border-radius: var(--topbrs-nav-radius) !important;
  border: 1px solid rgba(176,199,255,.13) !important;
  background: linear-gradient(180deg, rgba(5,12,26,.82), rgba(3,7,15,.96)) !important;
  box-shadow: 0 18px 52px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.06) !important;
  backdrop-filter: blur(18px) !important;
  -webkit-backdrop-filter: blur(18px) !important;
  contain: layout paint !important;
}

.bottom-nav::before,
.bottom-nav::after{
  overflow: visible !important;
  clip-path: none !important;
}

.bottom-nav .nav-btn{
  min-width: 0 !important;
  width: 100% !important;
  height: 60px !important;
  min-height: 60px !important;
  display: grid !important;
  place-items: center !important;
  align-content: center !important;
  gap: 4px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #d7e1f4 !important;
}

.bottom-nav .nav-btn svg{
  width: 23px !important;
  height: 23px !important;
  display: block !important;
}

.bottom-nav .nav-btn span{
  font-size: clamp(.42rem, 1.45vw, .54rem) !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
  letter-spacing: -.035em !important;
}

.bottom-nav .nav-btn.active{
  color: #ffd65f !important;
}

.bottom-nav .nav-home,
.nav-btn.nav-home{
  position: relative !important;
  width: 74px !important;
  height: 74px !important;
  min-width: 74px !important;
  min-height: 74px !important;
  max-width: 74px !important;
  max-height: 74px !important;
  padding: 0 !important;
  margin: 0 auto !important;
  border-radius: 999px !important;
  display: grid !important;
  place-items: center !important;
  transform: translateY(-14px) !important;
  background: linear-gradient(180deg,#f8d35b,#c89225) !important;
  color: #071327 !important;
  overflow: visible !important;
  box-shadow: 0 10px 26px rgba(248,200,79,.26), inset 0 1px 0 rgba(255,255,255,.22) !important;
  z-index: 5 !important;
}

.bottom-nav .nav-home::before,
.bottom-nav .nav-home::after,
.nav-btn.nav-home::before,
.nav-btn.nav-home::after{
  display: none !important;
  content: none !important;
}

.bottom-nav .nav-home svg,
.nav-btn.nav-home svg{
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  width: 31px !important;
  height: 31px !important;
  min-width: 31px !important;
  min-height: 31px !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: translate(-50%, -58%) !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.bottom-nav .nav-home span,
.nav-btn.nav-home span{
  position: absolute !important;
  left: 50% !important;
  bottom: -20px !important;
  transform: translateX(-50%) !important;
  margin: 0 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  color: #ffd65f !important;
  font-size: .52rem !important;
  font-weight: 950 !important;
}

/* Espaço do conteúdo para a navbar fixa */
.dashboard-shell,
.war-shell,
.ranking-shell,
.tournament-shell,
.leadership-shell,
.settings-shell,
.members-shell{
  padding-bottom: calc(132px + env(safe-area-inset-bottom, 0px)) !important;
}

.dashboard-phone,
.war-phone,
.ranking-phone,
.tournament-phone,
.leadership-phone,
.settings-phone,
.members-phone{
  padding-bottom: calc(142px + env(safe-area-inset-bottom, 0px)) !important;
}

/* Safari/iOS navegador: posição validada */
html.is-ios-browser .bottom-nav,
body.is-ios-browser .bottom-nav,
html.is-ios-safari-browser .bottom-nav,
body.is-ios-safari-browser .bottom-nav{
  bottom: calc(18px + env(safe-area-inset-bottom, 0px)) !important;
  height: 90px !important;
  min-height: 90px !important;
  padding-top: 14px !important;
}

/* Safari navegador precisa de mais respiro por causa da barra inferior */
html.is-ios-browser .dashboard-shell,
html.is-ios-browser .war-shell,
html.is-ios-browser .ranking-shell,
html.is-ios-browser .tournament-shell,
html.is-ios-browser .leadership-shell,
html.is-ios-browser .settings-shell,
html.is-ios-browser .members-shell{
  padding-bottom: calc(150px + env(safe-area-inset-bottom, 0px)) !important;
}

html.is-ios-browser .dashboard-phone,
html.is-ios-browser .war-phone,
html.is-ios-browser .ranking-phone,
html.is-ios-browser .tournament-phone,
html.is-ios-browser .leadership-phone,
html.is-ios-browser .settings-phone,
html.is-ios-browser .members-phone{
  padding-bottom: calc(160px + env(safe-area-inset-bottom, 0px)) !important;
}

/* PWA iOS instalado: rodapé real do app */
html.is-ios-pwa .bottom-nav,
body.is-ios-pwa .bottom-nav{
  bottom: 0 !important;
  height: 88px !important;
  min-height: 88px !important;
  width: 100vw !important;
  max-width: 100vw !important;
  border-radius: 26px 26px 0 0 !important;
  padding-bottom: calc(10px + env(safe-area-inset-bottom, 0px)) !important;
}

/* Android: preserva correção já validada */
html.is-android .bottom-nav,
body.is-android .bottom-nav{
  z-index: 11000 !important;
}


/* ===== Push por plataforma: modal guiado seguro iOS/Safari ===== */
body.topbrs-push-guide-open{
  overflow:hidden!important;
  touch-action:none!important;
}

body.topbrs-push-guide-open .settings-shell,
body.topbrs-push-guide-open .bottom-nav{
  pointer-events:none!important;
}

.push-platform-modal .push-platform-close,
.push-platform-modal .modal-close,
.push-platform-modal .sheet-close,
#pushPlatformModal .push-platform-close,
#pushPlatformModal .modal-close,
#pushPlatformModal .sheet-close{
  display:none!important;
}

.push-platform-modal,
#pushPlatformModal{
  max-height:calc(86svh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))!important;
  overflow-y:auto!important;
  -webkit-overflow-scrolling:touch!important;
}

.push-platform-modal .gold-btn,
#pushPlatformModal .gold-btn{
  margin-top:16px!important;
}

/* ===== FIX REAL: modal guia Push iPhone sem X e sem rolagem atrás ===== */
html.topbrs-push-guide-open,
body.topbrs-push-guide-open{
  overflow:hidden!important;
  position:fixed!important;
  width:100%!important;
  height:100%!important;
  overscroll-behavior:none!important;
  touch-action:none!important;
}

/* mantém rolagem somente dentro do modal */
html.topbrs-push-guide-open .push-platform-modal,
html.topbrs-push-guide-open #pushPlatformModal,
html.topbrs-push-guide-open .push-install-guide-modal,
html.topbrs-push-guide-open #topbrsPushInstallGuideModal{
  touch-action:pan-y!important;
  overflow-y:auto!important;
  -webkit-overflow-scrolling:touch!important;
}

/* bloqueia interação do fundo */
html.topbrs-push-guide-open .settings-shell,
html.topbrs-push-guide-open .bottom-nav,
body.topbrs-push-guide-open .settings-shell,
body.topbrs-push-guide-open .bottom-nav{
  pointer-events:none!important;
}

/* esconde qualquer botão X do guia push, inclusive botão sem classe específica */
.push-platform-modal > button:first-child,
.push-install-guide-modal > button:first-child,
#pushPlatformModal > button:first-child,
#topbrsPushInstallGuideModal > button:first-child,
.push-platform-modal button[aria-label="Fechar"],
.push-install-guide-modal button[aria-label="Fechar"],
#pushPlatformModal button[aria-label="Fechar"],
#topbrsPushInstallGuideModal button[aria-label="Fechar"],
.push-platform-modal .modal-close,
.push-platform-modal .sheet-close,
.push-platform-modal .push-platform-close,
.push-install-guide-modal .modal-close,
.push-install-guide-modal .sheet-close,
.push-install-guide-modal .push-platform-close,
#pushPlatformModal .modal-close,
#pushPlatformModal .sheet-close,
#pushPlatformModal .push-platform-close,
#topbrsPushInstallGuideModal .modal-close,
#topbrsPushInstallGuideModal .sheet-close,
#topbrsPushInstallGuideModal .push-platform-close{
  display:none!important;
}

/* botão Fechar inferior continua ativo */
.push-platform-modal .gold-btn,
.push-install-guide-modal .gold-btn,
#pushPlatformModal .gold-btn,
#topbrsPushInstallGuideModal .gold-btn{
  display:flex!important;
  pointer-events:auto!important;
}

/* =========================================================
   TopBRS — iOS PWA navbar restore após ajuste Safari
   Objetivo:
   - Safari navegador: mantém navbar acima da barra do Safari
   - PWA instalado iPhone: navbar volta para rodapé real, sem corte
   - Android: não interfere, android-fixes.css continua mandando
   ========================================================= */

/* Base segura para não cortar botão Home */
.bottom-nav{
  overflow:visible!important;
  isolation:isolate!important;
}

.bottom-nav .nav-home,
.nav-btn.nav-home{
  overflow:visible!important;
  position:relative!important;
  z-index:5!important;
}

/* PWA instalado no iPhone/iPad:
   não deve subir como Safari; fica no rodapé real do app */
html.is-ios-pwa .bottom-nav,
body.is-ios-pwa .bottom-nav{
  position:fixed!important;
  left:50%!important;
  right:auto!important;
  width:min(94vw,390px)!important;
  height:96px!important;
  min-height:96px!important;
  bottom:calc(4px + env(safe-area-inset-bottom,0px))!important;
  transform:translate3d(-50%,0,0)!important;
  padding:14px 10px calc(10px + env(safe-area-inset-bottom,0px))!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) 78px minmax(0,1fr) minmax(0,1fr) minmax(0,1fr)!important;
  align-items:center!important;
  z-index:11000!important;
  border-radius:28px!important;
  box-sizing:border-box!important;
  overflow:visible!important;
}

/* Espaço interno do conteúdo no PWA para rolar por baixo sem esconder final */
html.is-ios-pwa .dashboard-shell,
html.is-ios-pwa .war-shell,
html.is-ios-pwa .ranking-shell,
html.is-ios-pwa .members-shell,
html.is-ios-pwa .tournament-shell,
html.is-ios-pwa .leadership-shell,
html.is-ios-pwa .settings-shell,
body.is-ios-pwa .dashboard-shell,
body.is-ios-pwa .war-shell,
body.is-ios-pwa .ranking-shell,
body.is-ios-pwa .members-shell,
body.is-ios-pwa .tournament-shell,
body.is-ios-pwa .leadership-shell,
body.is-ios-pwa .settings-shell{
  padding-bottom:calc(118px + env(safe-area-inset-bottom,0px))!important;
}

/* Phone containers no PWA: reserva final menor e estável */
html.is-ios-pwa .dashboard-phone,
html.is-ios-pwa .war-phone,
html.is-ios-pwa .ranking-phone,
html.is-ios-pwa .members-phone,
html.is-ios-pwa .tournament-phone,
html.is-ios-pwa .leadership-phone,
html.is-ios-pwa .settings-phone,
body.is-ios-pwa .dashboard-phone,
body.is-ios-pwa .war-phone,
body.is-ios-pwa .ranking-phone,
body.is-ios-pwa .members-phone,
body.is-ios-pwa .tournament-phone,
body.is-ios-pwa .leadership-phone,
body.is-ios-pwa .settings-phone{
  padding-bottom:calc(120px + env(safe-area-inset-bottom,0px))!important;
  margin-bottom:0!important;
  overflow:visible!important;
}

/* Botões normais */
html.is-ios-pwa .bottom-nav .nav-btn,
body.is-ios-pwa .bottom-nav .nav-btn{
  min-width:0!important;
  height:62px!important;
  min-height:62px!important;
  display:grid!important;
  place-items:center!important;
  align-content:center!important;
  gap:4px!important;
  padding:0!important;
  transform:none!important;
}

/* Casa central no PWA: sem corte */
html.is-ios-pwa .bottom-nav .nav-home,
html.is-ios-pwa .nav-btn.nav-home,
body.is-ios-pwa .bottom-nav .nav-home,
body.is-ios-pwa .nav-btn.nav-home{
  width:78px!important;
  height:78px!important;
  min-width:78px!important;
  min-height:78px!important;
  transform:translateY(-20px)!important;
  border-radius:999px!important;
  display:grid!important;
  place-items:center!important;
  align-content:center!important;
  padding:0!important;
  overflow:visible!important;
  background:linear-gradient(180deg,#f8d35b,#c89225)!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.16) inset,0 10px 26px rgba(248,200,79,.24)!important;
}

/* Remove pseudo-camadas conflitantes antigas no PWA */
html.is-ios-pwa .bottom-nav .nav-home::before,
html.is-ios-pwa .bottom-nav .nav-home::after,
html.is-ios-pwa .nav-btn.nav-home::before,
html.is-ios-pwa .nav-btn.nav-home::after,
body.is-ios-pwa .bottom-nav .nav-home::before,
body.is-ios-pwa .bottom-nav .nav-home::after,
body.is-ios-pwa .nav-btn.nav-home::before,
body.is-ios-pwa .nav-btn.nav-home::after{
  display:none!important;
  content:none!important;
}

/* Ícone da casa centralizado */
html.is-ios-pwa .bottom-nav .nav-home svg,
html.is-ios-pwa .nav-btn.nav-home svg,
body.is-ios-pwa .bottom-nav .nav-home svg,
body.is-ios-pwa .nav-btn.nav-home svg{
  width:31px!important;
  height:31px!important;
  padding:0!important;
  margin:0!important;
  display:block!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  color:#071327!important;
  position:relative!important;
  left:auto!important;
  top:auto!important;
  transform:none!important;
}

/* Texto Início no PWA sem cortar */
html.is-ios-pwa .bottom-nav .nav-home span,
html.is-ios-pwa .nav-btn.nav-home span,
body.is-ios-pwa .bottom-nav .nav-home span,
body.is-ios-pwa .nav-btn.nav-home span{
  position:absolute!important;
  left:50%!important;
  bottom:-26px!important;
  transform:translateX(-50%)!important;
  color:#ffd65f!important;
  font-size:.58rem!important;
  line-height:1!important;
  font-weight:950!important;
  white-space:nowrap!important;
  display:block!important;
  margin:0!important;
  padding:0!important;
}

/* Safari navegador iPhone:
   só aplica quando NÃO é PWA e NÃO Android */
html:not(.is-ios-pwa):not(.is-android) .bottom-nav,
body:not(.is-ios-pwa):not(.is-android) .bottom-nav{
  position:fixed!important;
  left:50%!important;
  right:auto!important;
  width:min(94vw,390px)!important;
  bottom:calc(96px + env(safe-area-inset-bottom,0px))!important;
  transform:translate3d(-50%,0,0)!important;
  z-index:11000!important;
}

/* Em telas menores, sobe só um pouco no Safari normal */
@supports (-webkit-touch-callout:none){
  html:not(.is-ios-pwa):not(.is-android) .bottom-nav,
  body:not(.is-ios-pwa):not(.is-android) .bottom-nav{
    bottom:calc(86px + env(safe-area-inset-bottom,0px))!important;
  }
}

/* Android continua controlado pelo android-fixes.css */
html.is-android .bottom-nav,
body.is-android .bottom-nav{
  bottom:0!important;
}


/* =========================================================

   TopBRS — ajuste fino botão Home no PWA iOS

   Corrige:

   - ícone da casa fora do centro

   - texto "Início" descendo/cortando

   ========================================================= */

html.is-ios-pwa .bottom-nav .nav-home,

html.is-ios-pwa .nav-btn.nav-home,

body.is-ios-pwa .bottom-nav .nav-home,

body.is-ios-pwa .nav-btn.nav-home{

  display:flex!important;

  flex-direction:column!important;

  align-items:center!important;

  justify-content:center!important;

  gap:0!important;

  width:78px!important;

  height:78px!important;

  min-width:78px!important;

  min-height:78px!important;

  padding:0!important;

  margin:0!important;

  transform:translateY(-18px)!important;

  position:relative!important;

  overflow:visible!important;

  line-height:1!important;

}

html.is-ios-pwa .bottom-nav .nav-home svg,

html.is-ios-pwa .nav-btn.nav-home svg,

body.is-ios-pwa .bottom-nav .nav-home svg,

body.is-ios-pwa .nav-btn.nav-home svg{

  position:static!important;

  display:block!important;

  width:31px!important;

  height:31px!important;

  min-width:31px!important;

  min-height:31px!important;

  padding:0!important;

  margin:0!important;

  transform:none!important;

  inset:auto!important;

  box-sizing:border-box!important;

}

html.is-ios-pwa .bottom-nav .nav-home span,

html.is-ios-pwa .nav-btn.nav-home span,

body.is-ios-pwa .bottom-nav .nav-home span,

body.is-ios-pwa .nav-btn.nav-home span{

  position:absolute!important;

  left:50%!important;

  top:calc(100% + 8px)!important;

  bottom:auto!important;

  transform:translateX(-50%)!important;

  display:block!important;

  width:max-content!important;

  max-width:90px!important;

  margin:0!important;

  padding:0!important;

  color:#ffd65f!important;

  font-size:.58rem!important;

  line-height:1!important;

  font-weight:950!important;

  white-space:nowrap!important;

  text-align:center!important;

}

/* Garante espaço vertical para o texto abaixo da casa */

html.is-ios-pwa .bottom-nav,

body.is-ios-pwa .bottom-nav{

  padding-bottom:calc(18px + env(safe-area-inset-bottom,0px))!important;

  height:102px!important;

  min-height:102px!important;

}


/* =========================================================
   TopBRS — correção isolada menu Membros / PWA iOS
   Problema: navbar do menu Membros entrando no fluxo da lista.
   Mantém a navbar fixa no rodapé real como nos demais menus.
   ========================================================= */

html.is-ios-pwa body.members-page .bottom-nav,
body.is-ios-pwa.members-page .bottom-nav,
body.members-page.is-ios-pwa .bottom-nav{
  position:fixed!important;
  left:50%!important;
  right:auto!important;
  top:auto!important;
  bottom:0!important;
  transform:translate3d(-50%,0,0)!important;
  width:min(94vw,430px)!important;
  height:102px!important;
  min-height:102px!important;
  max-height:102px!important;
  padding:10px 10px calc(18px + env(safe-area-inset-bottom,0px))!important;
  margin:0!important;
  z-index:11000!important;
  overflow:visible!important;
  contain:layout paint!important;
  -webkit-transform:translate3d(-50%,0,0)!important;
}

/* Evita que a lista de membros fique escondida atrás da navbar */
html.is-ios-pwa body.members-page .members-shell,
body.is-ios-pwa.members-page .members-shell,
body.members-page.is-ios-pwa .members-shell{
  padding-bottom:calc(132px + env(safe-area-inset-bottom,0px))!important;
  min-height:100dvh!important;
  height:auto!important;
  overflow-x:hidden!important;
  overflow-y:visible!important;
}

html.is-ios-pwa body.members-page .members-phone,
body.is-ios-pwa.members-page .members-phone,
body.members-page.is-ios-pwa .members-phone{
  padding-bottom:calc(142px + env(safe-area-inset-bottom,0px))!important;
  margin-bottom:0!important;
  min-height:auto!important;
  height:auto!important;
  overflow:visible!important;
}

/* Garante que o card/lista não tente controlar a navbar */
html.is-ios-pwa body.members-page .members-phone + .bottom-nav,
body.is-ios-pwa.members-page .members-phone + .bottom-nav,
body.members-page.is-ios-pwa .members-phone + .bottom-nav{
  position:fixed!important;
  bottom:0!important;
}

/* Botão Home centralizado no menu Membros */
html.is-ios-pwa body.members-page .bottom-nav .nav-home,
body.is-ios-pwa.members-page .bottom-nav .nav-home,
body.members-page.is-ios-pwa .bottom-nav .nav-home{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:78px!important;
  height:78px!important;
  min-width:78px!important;
  min-height:78px!important;
  padding:0!important;
  margin:0!important;
  transform:translateY(-18px)!important;
  overflow:visible!important;
}

html.is-ios-pwa body.members-page .bottom-nav .nav-home svg,
body.is-ios-pwa.members-page .bottom-nav .nav-home svg,
body.members-page.is-ios-pwa .bottom-nav .nav-home svg{
  position:static!important;
  width:31px!important;
  height:31px!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
}

html.is-ios-pwa body.members-page .bottom-nav .nav-home span,
body.is-ios-pwa.members-page .bottom-nav .nav-home span,
body.members-page.is-ios-pwa .bottom-nav .nav-home span{
  position:absolute!important;
  left:50%!important;
  top:calc(100% + 8px)!important;
  bottom:auto!important;
  transform:translateX(-50%)!important;
  display:block!important;
  width:max-content!important;
  margin:0!important;
  padding:0!important;
  font-size:.58rem!important;
  line-height:1!important;
  white-space:nowrap!important;
  text-align:center!important;
}


/* =======================================================
   SAFARI / CHROME NAVBAR STABILIZER
   Corrige navbar subindo em menus diferentes
   Sem afetar PWA instalado
======================================================= */

@media all and (display-mode: browser){

  .bottom-nav{
    position:fixed !important;
    left:50% !important;
    transform:translate3d(-50%,0,0) !important;

    bottom:calc(18px + env(safe-area-inset-bottom,0px)) !important;

    height:96px !important;
    min-height:96px !important;

    padding-top:16px !important;
    padding-bottom:calc(13px + env(safe-area-inset-bottom,0px)) !important;

    overflow:visible !important;

    z-index:11000 !important;

    will-change:transform !important;
    -webkit-transform:translate3d(-50%,0,0) !important;
  }

  .dashboard-shell,
  .war-shell,
  .ranking-shell,
  .tournament-shell,
  .leadership-shell,
  .settings-shell,
  .members-shell{
    padding-bottom:calc(150px + env(safe-area-inset-bottom,0px)) !important;
  }

}


/* =======================================================
   UNIFIED MOBILE BROWSER SAFE AREA
   Safari / Chrome iPhone
   Padroniza altura visual da navbar entre menus
======================================================= */

@media all and (display-mode: browser){

  .dashboard-phone,
  .war-phone,
  .ranking-phone,
  .members-phone,
  .leadership-phone,
  .settings-phone,
  .tournament-phone{
    padding-bottom:calc(170px + env(safe-area-inset-bottom,0px)) !important;
    min-height:auto !important;
  }

  .dashboard-shell,
  .war-shell,
  .ranking-shell,
  .members-shell,
  .leadership-shell,
  .settings-shell,
  .tournament-shell{
    padding-bottom:calc(140px + env(safe-area-inset-bottom,0px)) !important;
    min-height:100svh !important;
  }

}