/* SIX CREATOR · Área de membros · componentes novos (mesma identidade: escuro, rosa/laranja, Poppins + Inter). */
body.booting .auth,body.booting .shell{visibility:hidden}
.lbx{display:block;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--mut)}
.hint{font-size:13px;color:var(--mut);line-height:1.5}
.hint a{color:var(--pink2)}
.tag.dayn{background:rgba(255,95,162,.12);color:var(--pink2)}
.tag.own{background:rgba(176,124,255,.14);color:#d8c2ff}

/* entrada */
.auth-art .b2{top:22%;left:6%}.auth-art .b3{top:58%;right:6%}
.authnote{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap;font-size:13px;color:var(--soft);padding:12px 14px;border-radius:14px;background:rgba(255,210,122,.08);border:1px dashed rgba(255,210,122,.35)}
.authnote.prev{background:rgba(25,230,251,.06);border-color:rgba(25,230,251,.3)}
.authnote span{flex:1;min-width:200px}
.authnote code{font-size:12px;background:#221d2e;padding:1px 6px;border-radius:6px}
.pv-badge{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--cy);border:1px solid rgba(25,230,251,.4);border-radius:999px;padding:4px 10px}

/* menu: "Sair" é botão com o mesmo visual dos itens */
.snav2 button.nav-i{background:none;border:0;width:100%;text-align:left;font:inherit;color:inherit;cursor:pointer;display:flex;align-items:center}
.tiles button.tile{font:inherit;cursor:pointer}

/* início */
.welcome{min-height:260px}
.welcome h1{font-size:clamp(26px,3.4vw,40px);font-weight:600;max-width:18ch;text-shadow:0 4px 20px rgba(0,0,0,.6)}
.welcome p{color:var(--soft);max-width:46ch}
.wl-k{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}
.welcome .mc-flix{height:260px}
@media (max-width:700px){.welcome h1{font-size:24px;max-width:calc(100% - 100px)}.welcome p{max-width:calc(100% - 90px);font-size:14px}}
.homeg{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:16px;align-items:start}
@media (max-width:1000px){.homeg{grid-template-columns:minmax(0,1fr)}}
.sug-m{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.tpl-l{font-size:12.5px;color:var(--mut)}
.sug-t{font-family:var(--f-head);font-size:clamp(19px,2vw,23px);font-weight:600;line-height:1.3}
.sug-g{display:grid;gap:8px;padding:14px;border-radius:16px;background:linear-gradient(135deg,rgba(25,230,251,.08),rgba(176,124,255,.06)),var(--bg2);border:1px solid rgba(25,230,251,.22)}
.sug-g q{font-family:var(--f-head);font-size:17px;font-weight:500;line-height:1.4;quotes:"“" "”"}
.sug-g .btn{justify-self:start}
.sug-a{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.btn.okd{border-color:rgba(61,220,151,.5);color:var(--ok2,#7DFFB0)}
.ftag{--c:#888;display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:var(--ink);padding:4px 11px 4px 9px;border-radius:999px;background:color-mix(in srgb,var(--c) 16%,transparent);border:1px solid color-mix(in srgb,var(--c) 45%,transparent)}
.ftag i{width:8px;height:8px;border-radius:50%;background:var(--c)}
.quick{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.qk{--c:#FF5FA2;display:grid;gap:12px;padding:18px;border-radius:20px;background:linear-gradient(160deg,color-mix(in srgb,var(--c) 12%,var(--sf)),var(--sf) 65%);border:1px solid var(--line);text-decoration:none;color:inherit;transition:.2s;min-height:130px;align-content:space-between}
.qk:hover{border-color:color-mix(in srgb,var(--c) 55%,var(--line));transform:translateY(-3px)}
.qk .ibox{width:44px;height:44px;border-radius:13px}
.qk .ibox .lc{width:26px;height:26px}
.qk b{display:block;font-family:var(--f-head);font-size:16px;font-weight:600}
.qk small{display:block;color:var(--mut);font-size:12.5px;margin-top:2px}

/* calendário */
.calh{display:flex;align-items:center;gap:10px}
.calh b{font-family:var(--f-head);font-size:18px;font-weight:600;min-width:170px;text-align:center}
.calh #mToday{margin-left:auto}
.mini svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.day{font:inherit;color:inherit}
.day.plan{background:linear-gradient(170deg,rgba(255,255,255,.035),var(--sf))}
.day .m{position:absolute;right:8px;top:9px;font-size:9.5px;letter-spacing:.04em}
.day.done .m{display:none}
.day .dots{display:flex;gap:4px;flex-wrap:wrap;margin-top:auto}
.day .dots i{width:9px;height:9px;border-radius:50%;background:var(--c)}
.day .dots i.own{border-radius:3px;box-shadow:0 0 0 1.5px #fff inset}
.day .f{margin-top:4px}
.legend .lg-own{background:#6d6683;border-radius:3px;box-shadow:0 0 0 1.5px #fff inset}
@media (max-width:560px){.day .m{display:none}.day .dots i{width:7px;height:7px}.calh b{min-width:0;font-size:15px}}
.sitem{display:grid;gap:12px;padding:16px;border-radius:18px;background:var(--bg2);border:1px solid var(--line)}
.sitem.own{border-color:rgba(176,124,255,.35)}
.sitem.isdone{border-color:rgba(61,220,151,.45);background:linear-gradient(160deg,rgba(61,220,151,.08),var(--bg2) 60%)}
.si-h{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.sitem h3{font-size:18px;font-weight:600;line-height:1.3}
.si-n{font-size:14px;color:var(--soft);white-space:pre-wrap}
.sitem .btn{justify-self:start}
.plan-i{border-top:1px solid var(--line);padding-top:12px}
.linkbtn{font-size:inherit}

/* janela de publicação */
.dlg-bg{position:fixed;inset:0;z-index:60;background:rgba(0,0,0,.6);display:grid;place-items:center;padding:16px}
.dlg-bg[hidden]{display:none}
.dlg{width:min(480px,100%);max-height:calc(100vh - 32px);overflow:auto;box-shadow:0 40px 80px rgba(0,0,0,.6)}
.dlg-a{display:flex;gap:8px;align-items:center}
.dlg-a span{flex:1}

/* templates */
.tp .pv{aspect-ratio:16/10;overflow:hidden;place-items:center;background:radial-gradient(70% 90% at 50% 100%,rgba(255,95,162,.18),transparent 70%),#0b0911}
.tp .pv img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.tp .pv.vert img{width:auto;height:100%;object-fit:contain;padding:12px 0}
.tp:hover .pv img{transform:scale(1.04)}
.tp .pv .tag.tipo{left:10px;top:10px;background:rgba(7,6,11,.8);color:#fff;border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(6px)}
.tp-d{font-size:13px;color:var(--mut);line-height:1.5}
.acts1{display:grid}
.acts1 .btn{justify-content:center}
@media (max-width:600px){.tgrid{grid-template-columns:minmax(0,1fr)!important}.tp .pv{aspect-ratio:16/10!important}.tp .bd{padding:14px!important}.tp h3{font-size:16px!important}.tp small{font-size:12.5px!important}}

/* métricas */
.mseg{justify-self:start}
.kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.kpi{padding:12px 14px;border-radius:14px;background:var(--bg2);border:1px solid var(--line);display:grid;gap:4px}
.kpi b{font-family:var(--f-head);font-size:24px;font-weight:600;font-variant-numeric:tabular-nums}
.kpi small{font-size:11.5px;color:var(--mut)}
@media (max-width:560px){.kpis{grid-template-columns:minmax(0,1fr)}}
.log div{align-items:center;gap:8px}
.xdel{border:0;background:none;color:var(--mut);cursor:pointer;font-size:12px;margin-left:6px;padding:2px 4px;border-radius:6px}
.xdel:hover{color:#fff;background:#2a2438}
.log{max-height:320px}

/* SIX CLUB */
.club{position:relative;overflow:hidden;border-radius:26px;border:1px solid rgba(176,124,255,.4);background:radial-gradient(80% 90% at 85% 100%,rgba(176,124,255,.3),transparent 60%),linear-gradient(160deg,#1a1228,#0d0a14);display:grid;grid-template-columns:minmax(0,1fr) auto;min-height:360px}
.club-t{display:grid;gap:16px;align-content:center;padding:clamp(24px,4vw,48px)}
.club-t h1{font-size:clamp(34px,5vw,56px);font-weight:600}
.club-t p{color:var(--soft);max-width:44ch;font-size:16px}
.club-seal{justify-self:start;display:inline-flex;align-items:center;gap:8px;font-size:11.5px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#1a0b14;background:repeating-linear-gradient(-45deg,#FFD27A 0 10px,#FFB066 10px 20px);border-radius:8px;padding:6px 12px}
.club-seal i{width:7px;height:7px;border-radius:50%;background:#1a0b14}
.club-n{font-size:14px;color:var(--mut);padding:12px 14px;border-radius:14px;border:1px dashed var(--line);max-width:46ch}
.club-flix{align-self:end;height:340px;width:auto;margin-right:clamp(16px,6vw,90px);filter:drop-shadow(0 20px 30px rgba(0,0,0,.6))}
@media (max-width:700px){.club{grid-template-columns:minmax(0,1fr)}.club-flix{height:220px;justify-self:center;margin:0}}

/* perfil */
.accdl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 16px;font-size:14px}
.accdl dt{color:var(--mut)}
.accdl dd{margin:0;overflow-wrap:anywhere}

/* sincronização e dados antigos */
.sync{font-size:12px;font-weight:600;color:var(--mut);white-space:nowrap}
.sync.ok{color:#7DFFB0}.sync.warn{color:var(--gold)}
@media (max-width:600px){.sync{font-size:11px}.sync.ok{display:none}}
.legbox{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:14px 16px;margin-bottom:16px;border-radius:18px;background:linear-gradient(135deg,rgba(25,230,251,.1),rgba(176,124,255,.08)),var(--sf);border:1px solid rgba(25,230,251,.35)}
.legbox[hidden]{display:none}
.legbox>div:nth-child(2){flex:1;min-width:220px}
.legbox b{display:block;font-size:14.5px}
.legbox small{display:block;color:var(--mut);font-size:13px;margin-top:2px}
.lg-a{display:flex;gap:8px;flex-wrap:wrap}

/* Login: hero original da landing, sem cards ou mascote duplicado.
   A imagem inteira ocupa o fundo e preserva o enquadramento do Flix. */
.auth{position:relative;isolation:isolate;background:#09060f url('../img/login-hero.webp') center center / cover no-repeat;}
.auth::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#09060f 0%,rgba(9,6,15,.98) 22%,rgba(9,6,15,.72) 38%,rgba(9,6,15,.12) 59%,transparent 78%);}
.auth-form{position:relative;z-index:1;}
.auth-art{background:transparent;border:0;min-height:100vh;pointer-events:none;}
@media (max-width:900px){
 .auth{background:#09060f;grid-template-rows:auto 1fr;}
 .auth::before{display:none;}
 .auth .auth-art{display:block;order:-1;height:clamp(175px,31vw,265px);min-height:0;background:#09060f url('../img/login-hero.webp') 72% 33% / cover no-repeat;position:relative;}
 .auth .auth-art::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#09060f,transparent 55%);}
 .auth-form{padding-top:12px;padding-bottom:36px;}
}
@media (max-width:480px){.auth .auth-art{height:175px;background-position:74% 30%;}.auth-box{gap:16px;}}

/* FIX 11/11: enquadramento responsivo do hero de login. */
@media (min-width:901px){
 .auth{background-color:#09060f;background-image:url('../img/login-hero.webp');background-repeat:no-repeat;background-size:auto 100%;background-position:right center;}
 .auth::before{background:linear-gradient(90deg,#09060f 0%,#09060f 24%,rgba(9,6,15,.93) 36%,rgba(9,6,15,.35) 56%,transparent 76%);}
 .auth .auth-art{min-height:100vh;background:transparent;}
}
@media (max-width:900px){
 .auth{display:flex;flex-direction:column;min-height:100dvh;background:#09060f;}
 .auth .auth-art{order:0;flex:0 0 auto;display:block;height:clamp(300px,52vh,440px);min-height:0;background-image:url('../img/login-hero.webp');background-color:#09060f;background-repeat:no-repeat;background-size:auto 145%;background-position:right 43%;}
 .auth .auth-art::after{background:linear-gradient(to bottom,transparent 45%,rgba(9,6,15,.25) 70%,#09060f 100%);}
 .auth .auth-art>img,.auth .auth-art .bub{display:none!important;}
 .auth-form{order:1;align-content:start;padding:0 24px 42px;margin-top:-12px;}
 .auth-box{max-width:440px;gap:18px;}
}
@media (max-width:480px){
 .auth .auth-art{height:clamp(300px,43vh,390px);background-size:auto 140%;background-position:right 45%;}
 .auth-form{padding:0 20px 36px;margin-top:-8px;}
 .auth-box{gap:16px;}
}


/* Ajuste fino 11/11: personagem mais à direita e ocupando melhor a altura.
   No mobile, reduzir o zoom e manter o formulário logo após a imagem. */
@media (min-width:901px){
 .auth{background-size:auto 112%;background-position:calc(100% + 85px) top;}
 .auth::before{background:linear-gradient(90deg,#09060f 0%,#09060f 23%,rgba(9,6,15,.96) 35%,rgba(9,6,15,.40) 55%,transparent 77%);}
}
@media (max-width:900px){
 .auth .auth-art{height:clamp(285px,39vh,375px);background-size:auto 117%;background-position:76% 25%;}
 .auth-form{margin-top:-8px;}
}
@media (max-width:480px){
 .auth .auth-art{height:clamp(275px,36vh,345px);background-size:auto 115%;background-position:76% 22%;}
 .auth-form{margin-top:-4px;}
}

/* Ajuste de enquadramento solicitado — 10/11: somente tela de login. */
@media (min-width:901px){
  .auth{background-size:auto 105%;background-position:calc(100% - 185px) center;}
  .auth::before{background:linear-gradient(90deg,#09060f 0%,#09060f 21%,rgba(9,6,15,.95) 34%,rgba(9,6,15,.38) 54%,transparent 76%);}
}
@media (max-width:900px){
  .auth{min-height:100dvh;}
  .auth .auth-art{height:clamp(285px,37dvh,365px);background-size:auto 115%;background-position:70% 38px;}
  .auth-form{margin-top:-20px;padding:0 20px 20px;}
  .auth-box{gap:12px;}
  .auth-box .logo{height:39px;}
  .auth-box h1{font-size:clamp(25px,6vw,32px);line-height:1.12;}
  .auth-box form{gap:10px;}
}
@media (max-width:480px){
  .auth .auth-art{height:clamp(275px,35dvh,340px);background-size:auto 112%;background-position:69% 42px;}
  .auth-form{margin-top:-22px;padding:0 20px 16px;}
  .auth-box{gap:11px;}
  .auth-box .logo{height:37px;}
  .auth-box form{gap:9px;}
}

/* Enquadramento final: ajustes exclusivos da tela de login. */
@media (min-width:901px){
  .auth{background-size:auto 113%;background-position:calc(100% + 85px) 34px;}
}
@media (max-width:900px){
  .auth .auth-art{height:clamp(325px,42dvh,420px);background-size:auto 152%;background-position:76% 14px;}
  .auth-form{margin-top:-26px;}
  .auth-box .logo{display:block;margin-left:auto;margin-right:auto;}
}
@media (max-width:480px){
  .auth .auth-art{height:clamp(315px,40dvh,380px);background-size:auto 155%;background-position:77% 12px;}
  .auth-form{margin-top:-26px;padding-bottom:16px;}
  .auth-box .logo{margin-left:auto;margin-right:auto;}
}