/* Projeto X V36 — autenticação premium, URLs limpas, player clássico e stream visual */

/* -------- AUTH -------- */
body.auth-v36{
  min-height:100vh!important;
  margin:0!important;
  background:#090b0f!important;
  color:#f8fafc!important;
  overflow-x:hidden!important;
}
body.auth-v36 .auth-3d-scene{display:none!important}
body.auth-v36 .auth-shell-v36{
  width:100%!important;
  max-width:none!important;
  min-height:100vh!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.16fr) minmax(420px,.84fr)!important;
  align-items:stretch!important;
}
body.auth-v36 .auth-showcase-v36{
  position:relative!important;
  min-height:100vh!important;
  padding:42px clamp(32px,5vw,76px)!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:space-between!important;
  gap:34px!important;
  overflow:hidden!important;
  border-right:1px solid #20242c!important;
  background:
    radial-gradient(circle at 18% 22%,rgba(62,92,255,.18),transparent 32%),
    radial-gradient(circle at 78% 74%,rgba(255,78,78,.12),transparent 30%),
    linear-gradient(180deg,#090b0f,#0c1016)!important;
}
body.auth-v36 .auth-showcase-v36:after{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.28;
  background-image:radial-gradient(rgba(255,255,255,.22) .7px,transparent .7px);
  background-size:28px 28px;
  mask-image:linear-gradient(to bottom,black,transparent 80%);
}
body.auth-v36 .auth-brand-v36{
  position:relative!important;z-index:2!important;margin:0!important;align-self:flex-start!important;
  display:inline-flex!important;align-items:center!important;gap:11px!important;text-decoration:none!important;
}
body.auth-v36 .auth-brand-v36 img{width:38px!important;height:38px!important}
body.auth-v36 .auth-brand-v36 b{display:block!important;color:#fff!important;font-size:1rem!important}
body.auth-v36 .auth-brand-v36 small{display:block!important;color:#7f8793!important;font-size:.7rem!important;text-transform:uppercase!important;letter-spacing:.14em!important}
body.auth-v36 .auth-showcase-copy-v36{position:relative!important;z-index:2!important;max-width:720px!important;margin:auto 0 0!important}
body.auth-v36 .auth-showcase-copy-v36>span{display:inline-flex!important;padding:8px 11px!important;border:1px solid #252a33!important;border-radius:999px!important;background:rgba(255,255,255,.035)!important;color:#9ca3af!important;font-size:.72rem!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.13em!important}
body.auth-v36 .auth-showcase-copy-v36 h2{margin:18px 0 16px!important;max-width:10.5ch!important;color:#f8fafc!important;font-size:clamp(3rem,6vw,6.3rem)!important;line-height:.91!important;letter-spacing:-.065em!important;font-weight:800!important}
body.auth-v36 .auth-showcase-copy-v36 p{max-width:650px!important;color:#929aa7!important;font-size:1rem!important;line-height:1.7!important}
body.auth-v36 .auth-art-marquee-v36{position:relative!important;z-index:2!important;width:100%!important;overflow:hidden!important;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)!important}
body.auth-v36 .auth-art-track-v36{width:max-content!important;display:flex!important;gap:10px!important;animation:px36-auth-marquee 34s linear infinite!important}
body.auth-v36 .auth-art-track-v36 span{display:block!important;width:105px!important;height:132px!important;border-radius:12px!important;overflow:hidden!important;border:1px solid #272c35!important;background:#11151b!important;box-shadow:0 18px 40px rgba(0,0,0,.24)!important;transform:translateZ(0)!important}
body.auth-v36 .auth-art-track-v36 span:nth-child(3n+2){transform:translateY(10px)!important}
body.auth-v36 .auth-art-track-v36 img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}
body.auth-v36 .auth-benefits-v36{position:relative!important;z-index:2!important;display:flex!important;gap:10px!important;flex-wrap:wrap!important}
body.auth-v36 .auth-benefits-v36 span{display:inline-flex!important;align-items:center!important;gap:7px!important;padding:9px 11px!important;border-radius:999px!important;border:1px solid #252a33!important;background:#0f1319!important;color:#a7afbb!important;font-size:.75rem!important}
body.auth-v36 .auth-benefits-v36 svg{width:14px!important;height:14px!important;color:#4ade80!important}
body.auth-v36 .auth-form-v36{
  min-height:100vh!important;padding:44px clamp(26px,5vw,72px)!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  background:#0d1117!important;overflow:auto!important;
}
body.auth-v36 .auth-mobile-brand-v36{display:none!important}
body.auth-v36 .auth-card{
  width:min(480px,100%)!important;max-width:480px!important;margin:0!important;padding:34px!important;
  background:#11161e!important;border:1px solid #252b35!important;border-radius:22px!important;
  box-shadow:0 28px 80px rgba(0,0,0,.28)!important;overflow:hidden!important;
}
body.auth-v36 .auth-card-kicker{display:block!important;margin-bottom:9px!important;color:#7c8cff!important;font-size:.72rem!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.13em!important}
body.auth-v36 .auth-card h1{margin:0 0 9px!important;color:#f8fafc!important;font-size:2rem!important;line-height:1.05!important;letter-spacing:-.04em!important}
body.auth-v36 .auth-card>p{margin:0 0 22px!important;color:#8d96a3!important;font-size:.91rem!important;line-height:1.62!important}
body.auth-v36 .auth-card label{display:block!important;margin:14px 0 7px!important;color:#d5d9e0!important;font-size:.78rem!important;font-weight:700!important}
body.auth-v36 .auth-card .input{
  width:100%!important;height:50px!important;padding:0 14px!important;background:#0c1117!important;
  border:1px solid #2a303a!important;border-radius:12px!important;color:#f8fafc!important;box-shadow:none!important;outline:none!important;
}
body.auth-v36 .auth-card .input:focus{border-color:#6678ff!important;box-shadow:0 0 0 4px rgba(102,120,255,.12)!important}
body.auth-v36 .auth-card .btn.full{height:52px!important;margin-top:20px!important;border:0!important;border-radius:12px!important;background:linear-gradient(90deg,#5068ff,#7a5cff)!important;color:#fff!important;font-weight:800!important;box-shadow:0 14px 32px rgba(80,104,255,.2)!important}
body.auth-v36 .google-login-btn{height:50px!important;border-radius:12px!important;background:#0b0f14!important;border:1px solid #2b313b!important;color:#fff!important}
body.auth-v36 .or-line{margin:20px 0!important;color:#6f7783!important}
body.auth-v36 .or-line:before,body.auth-v36 .or-line:after{background:#272c34!important}
body.auth-v36 .bright-link{color:#8e9cff!important;font-weight:700!important}
body.auth-v36 .alert{border-radius:12px!important}
@keyframes px36-auth-marquee{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 5px))}}

/* -------- HOME VISUAL STREAM -------- */
body.public-v33 .px36-art-stream{
  width:100%!important;margin:18px 0 22px!important;padding:18px!important;
  border:1px solid var(--v35-line,#272b34)!important;border-radius:16px!important;background:var(--v35-surface,#111318)!important;overflow:hidden!important;
}
body.public-v33 .px36-art-stream-head{display:grid!important;grid-template-columns:auto 1fr auto!important;gap:12px!important;align-items:baseline!important;margin-bottom:14px!important}
body.public-v33 .px36-art-stream-head span{color:#7ba8ff!important;font-size:.7rem!important;text-transform:uppercase!important;letter-spacing:.12em!important;font-weight:800!important}
body.public-v33 .px36-art-stream-head strong{color:var(--v35-text,#fff)!important;font-size:1.05rem!important}
body.public-v33 .px36-art-stream-head small{color:var(--v35-muted,#929aa7)!important;font-size:.78rem!important}
body.public-v33 .px36-art-stream-window{width:100%!important;overflow:hidden!important;mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)!important}
body.public-v33 .px36-art-stream-track{width:max-content!important;display:flex!important;gap:10px!important;animation:px36-home-stream 42s linear infinite!important}
body.public-v33 .px36-art-stream-track:hover{animation-play-state:paused!important}
body.public-v33 .px36-stream-card{position:relative!important;display:block!important;width:155px!important;flex:0 0 155px!important;text-decoration:none!important;border-radius:12px!important;overflow:hidden!important;border:1px solid var(--v35-line,#272b34)!important;background:#0d1117!important;transition:transform .2s ease,border-color .2s ease!important}
body.public-v33 .px36-stream-card:hover{transform:translateY(-4px)!important;border-color:#48576d!important}
body.public-v33 .px36-stream-card img{width:100%!important;aspect-ratio:4/5!important;object-fit:cover!important;display:block!important}
body.public-v33 .px36-stream-card span{display:block!important;padding:9px 10px!important}
body.public-v33 .px36-stream-card b{display:block!important;color:#f8fafc!important;font-size:.76rem!important;line-height:1.3!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
body.public-v33 .px36-stream-card small{display:block!important;margin-top:3px!important;color:#7e8794!important;font-size:.65rem!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
@keyframes px36-home-stream{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 5px))}}

/* -------- GLOBAL SAFETY / ALIGNMENT -------- */
body.public-v33 .auth-card,body.public-v33 .px36-art-stream,body.public-v33 .px36-stream-card{box-sizing:border-box!important}
body.public-v33 .px27-home>*,body.public-v33 .content-shell>*,body.public-v33 .account-shell>*{max-width:100%!important}
body.public-v33 table{max-width:100%!important}
body.public-v33 .table-card{overflow:auto!important}
body.public-v33 .btn,body.public-v33 button,body.public-v33 input,body.public-v33 select,body.public-v33 textarea{max-width:100%!important}

@media(max-width:980px){
  body.auth-v36 .auth-shell-v36{grid-template-columns:1fr!important}
  body.auth-v36 .auth-showcase-v36{display:none!important}
  body.auth-v36 .auth-form-v36{min-height:100vh!important;padding:30px 18px!important;flex-direction:column!important;gap:18px!important}
  body.auth-v36 .auth-mobile-brand-v36{display:inline-flex!important;align-items:center!important;gap:9px!important;align-self:flex-start!important;text-decoration:none!important;color:#fff!important}
  body.auth-v36 .auth-mobile-brand-v36 img{width:34px!important;height:34px!important}
  body.auth-v36 .auth-card{padding:26px!important}
}
@media(max-width:700px){
  body.public-v33 .px36-art-stream{padding:12px!important}
  body.public-v33 .px36-art-stream-head{grid-template-columns:1fr!important;gap:4px!important}
  body.public-v33 .px36-art-stream-head small{display:none!important}
  body.public-v33 .px36-stream-card{width:128px!important;flex-basis:128px!important}
}
@media(prefers-reduced-motion:reduce){
  body.auth-v36 .auth-art-track-v36,body.public-v33 .px36-art-stream-track{animation:none!important}
}