/* MundoStores V221 — bundle único por rota. */

/* source: site/assets/css/mundostores-auth-v200.css */

/* MundoStores Auth 2026 — fundo claro, leitura escura, uma só identidade. */
:root{--auth-navy:#0a2540;--auth-blue:#0b5fff;--auth-cyan:#19cdeb;--auth-ink:#102a43;--auth-muted:#60758a;--auth-line:#d8e6f3;--auth-soft:#f3f8fd}
html body{font-family:"Manrope","Segoe UI",Arial,sans-serif!important;color:var(--auth-ink)!important;background:radial-gradient(circle at 9% 8%,rgba(11,95,255,.09),transparent 28%),radial-gradient(circle at 92% 16%,rgba(25,205,235,.12),transparent 28%),#f7fbff!important}
html body .auth-page,
html body .auth-wrapper{min-height:100vh!important;padding:28px!important;background:transparent!important}
html body .auth-card,
html body .auth-container{width:100%!important;max-width:1080px!important;overflow:hidden!important;background:#fff!important;border:1px solid var(--auth-line)!important;border-radius:28px!important;box-shadow:0 24px 70px rgba(10,37,64,.12)!important}
html body .brand-panel,
html body .auth-panel-welcome{position:relative!important;isolation:isolate!important;overflow:hidden!important;color:var(--auth-ink)!important;background:radial-gradient(circle at 78% 24%,rgba(25,205,235,.17),transparent 28%),linear-gradient(145deg,#eaf4ff,#fff 54%,#e9fbff)!important;border-right:1px solid var(--auth-line)!important}
html body .brand-panel:before,
html body .auth-panel-welcome:before{content:""!important;position:absolute!important;inset:auto -45px -95px auto!important;width:300px!important;height:300px!important;border-radius:50%!important;background:rgba(11,95,255,.07)!important;z-index:-2!important}
html body .brand-panel:after{content:"";position:absolute;z-index:-1;right:-18px;bottom:-18px;width:285px;height:410px;border-radius:32px;background:url("../img/brand/mundo-success.webp?v=2001") center top/cover no-repeat;opacity:.98}
html body.ms-admin-auth .brand-panel:after{background-image:url("../img/brand/mundo-admin.webp?v=2001")}
html body .brand-content{position:relative!important;z-index:2!important;max-width:430px!important}
html body .logo-box{position:relative!important;z-index:3!important;display:inline-flex!important;align-items:center!important;gap:10px!important;margin-bottom:34px!important;padding:8px 12px!important;color:var(--auth-navy)!important;background:rgba(255,255,255,.9)!important;border:1px solid #cee1f3!important;border-radius:17px!important;box-shadow:0 8px 22px rgba(10,37,64,.07)!important}
html body .logo-box img{width:auto!important;max-width:230px!important;height:52px!important;object-fit:contain!important}
html body .logo-box span{display:none!important}
html body .brand-panel h1,
html body .auth-panel-welcome h2{max-width:510px!important;color:var(--auth-navy)!important;font-size:clamp(2.1rem,4vw,3.6rem)!important;line-height:1.02!important;letter-spacing:-.05em!important}
html body .brand-panel p,
html body .auth-panel-welcome p{max-width:475px!important;color:var(--auth-muted)!important;font-weight:600!important}
html body .trust-grid{position:relative!important;z-index:2!important;width:min(100%,330px)!important;gap:9px!important}
html body .trust-item{color:#294963!important;background:rgba(255,255,255,.92)!important;border:1px solid #d4e5f4!important;border-radius:14px!important;box-shadow:0 6px 18px rgba(10,37,64,.05)!important}
html body .trust-item i{color:var(--auth-blue)!important;background:#eaf3ff!important}
html body .form-panel,
html body .auth-form{color:var(--auth-ink)!important;background:#fff!important}
html body .form-wrap h2,
html body .auth-form h3{color:var(--auth-navy)!important;letter-spacing:-.035em!important}
html body .subtitle,
html body .auth-form p.subtitle{color:var(--auth-muted)!important}
html body .top-link,
html body .auth-links a,
html body .signup a,
html body .forgot{color:var(--auth-blue)!important}
html body .input-wrap input,
html body .form-control{color:var(--auth-ink)!important;background:#fff!important;border:1px solid #cbdceb!important;border-radius:14px!important;box-shadow:none!important}
html body .input-wrap input:focus,
html body .form-control:focus{border-color:var(--auth-blue)!important;box-shadow:0 0 0 4px rgba(11,95,255,.14)!important}
html body .btn-auth,
html body .auth-form .btn-primary{color:#fff!important;background:linear-gradient(135deg,var(--auth-navy),var(--auth-blue))!important;border:0!important;border-radius:14px!important;box-shadow:0 12px 26px rgba(11,95,255,.22)!important;font-weight:850!important}
html body .btn-auth:hover,
html body .auth-form .btn-primary:hover{transform:translateY(-2px)!important;box-shadow:0 17px 32px rgba(11,95,255,.28)!important}
html body .auth-google-btn,
html body .google-login-btn{color:var(--auth-navy)!important;background:#fff!important;border-color:#d5e3f0!important;border-radius:14px!important;box-shadow:0 7px 20px rgba(10,37,64,.05)!important}
html body .security-note{color:#436078!important;background:#f4f9fd!important;border-color:#d9e7f3!important}
@media(max-width:900px){
  html body .auth-page,html body .auth-wrapper{padding:12px!important}
  html body .auth-card,html body .auth-container{grid-template-columns:1fr!important;border-radius:22px!important}
  html body .brand-panel{display:block!important;min-height:108px!important;padding:18px 20px!important;border-right:0!important;border-bottom:1px solid var(--auth-line)!important}
  html body .brand-panel:after{right:4px;bottom:-82px;width:120px;height:180px;opacity:.9}
  html body .brand-panel h1,html body .brand-panel p,html body .brand-panel .trust-grid{display:none!important}
  html body .logo-box{margin:0!important;padding:6px 9px!important}
  html body .logo-box img{height:48px!important;max-width:210px!important}
  html body .auth-panel-welcome{display:none!important}
  html body .form-panel,html body .auth-form{padding:28px 20px!important}
}
html body .auth-panel-welcome .welcome-avatar{
  width:260px!important;
  height:330px!important;
  max-width:min(78vw,260px)!important;
  object-fit:cover!important;
  object-position:top center!important;
  border:1px solid rgba(11,95,255,.12)!important;
  border-radius:28px!important;
  background:#eaf4ff!important;
  box-shadow:0 24px 60px rgba(10,37,64,.16)!important;
}

/* V223 — autenticação alinhada ao azul-marinho/ciano da MundoStores. */
html body .auth-card,
html body .auth-container{isolation:isolate!important}
html body .brand-panel,
html body .auth-panel-welcome{background:radial-gradient(circle at 82% 18%,rgba(25,205,235,.20),transparent 30%),linear-gradient(145deg,#e7f3ff,#fff 56%,#ebfcff)!important}
html body .password-toggle{display:grid!important;place-items:center!important;color:#315b79!important;background:#edf5fb!important;border:1px solid #d8e6f1!important}
html body .password-toggle:hover{color:#fff!important;background:var(--auth-blue)!important;border-color:var(--auth-blue)!important}
html body :where(.alert-danger,.alert-success){border-radius:14px!important;box-shadow:none!important}
html body .signup{color:var(--auth-muted)!important}
@media(max-width:900px){
  html body .auth-page,html body .auth-wrapper{align-items:flex-start!important;padding:max(10px,env(safe-area-inset-top)) 10px max(14px,env(safe-area-inset-bottom))!important}
  html body .auth-card,html body .auth-container{min-height:calc(100dvh - 24px)!important}
  html body .form-panel,html body .auth-form{padding:26px 18px!important}
}