/* AVANZA Life IA 1.0.16.6
   Login fullscreen wallpaper + remember/session UI.
*/

/* ===== LOGIN: the configured image belongs to the whole viewport ===== */
.login-body{
  min-height:100vh!important;min-height:100dvh!important;position:relative!important;isolation:isolate!important;
  background:var(--dark-page,#050b18)!important;overflow-x:hidden!important;
}
.login-body::before{
  content:""!important;position:fixed!important;inset:0!important;z-index:0!important;
  background-image:var(--login-bg-image)!important;background-size:cover!important;
  background-position:var(--login-bg-position,center center)!important;background-repeat:no-repeat!important;
  opacity:1!important;filter:none!important;transform:translateZ(0);
}
.login-body::after{
  content:""!important;position:fixed!important;inset:0!important;z-index:0!important;
  background:
    radial-gradient(circle at 76% 20%,color-mix(in srgb,var(--primary,#7c3aed) 14%,transparent),transparent 34%),
    linear-gradient(115deg,rgba(2,6,20,var(--login-overlay,.58)),rgba(3,8,25,calc(var(--login-overlay,.58) * .86)) 47%,rgba(4,10,28,calc(var(--login-overlay,.58) * .94)))!important;
}
.login-page{
  position:relative!important;z-index:1!important;background:transparent!important;box-shadow:none!important;
  width:min(100%,1480px)!important;max-width:1480px!important;min-height:100dvh!important;margin:0 auto!important;
}
.login-visual{
  background:linear-gradient(145deg,rgba(5,12,34,.34),rgba(6,10,30,.18))!important;
  border:1px solid rgba(255,255,255,.08)!important;box-shadow:0 30px 90px rgba(0,0,0,.24)!important;
  -webkit-backdrop-filter:blur(2px) saturate(1.05)!important;backdrop-filter:blur(2px) saturate(1.05)!important;
}
.login-visual::before{background:linear-gradient(130deg,rgba(2,6,22,.20),rgba(15,12,45,.16))!important}
.login-form-wrap{background:transparent!important;color:inherit!important}
.login-form-wrap::before{display:none!important}
.login-card{
  background:rgba(8,18,40,.78)!important;border:1px solid rgba(255,255,255,.14)!important;
  -webkit-backdrop-filter:blur(24px) saturate(1.24)!important;backdrop-filter:blur(24px) saturate(1.24)!important;
  box-shadow:0 32px 100px rgba(0,0,0,.34)!important;
}
.login-access-row{margin:14px 0 12px}
.login-remember{display:flex;align-items:flex-start;gap:10px;cursor:pointer;color:inherit}
.login-remember input{margin-top:3px;width:17px;height:17px;accent-color:var(--primary,#7c3aed);flex:0 0 auto}
.login-remember span{display:grid;gap:2px;min-width:0}
.login-remember strong{font-size:.84rem;line-height:1.25}
.login-remember small{font-size:.72rem;line-height:1.35;color:var(--dark-muted,#91a4c8)}
.login-remember input:disabled+span{opacity:.58;cursor:not-allowed}
.login-password-note{display:flex;align-items:flex-start;gap:7px;margin:12px 0 0!important;font-size:.70rem!important;line-height:1.45!important;color:var(--dark-muted,#91a4c8)!important}
.login-password-note i{margin-top:1px;color:var(--accent,#67e8f9)}

html[data-theme="light"] .login-body{background:#edf2f9!important}
html[data-theme="light"] .login-body::after{
  background:
    radial-gradient(circle at 75% 18%,color-mix(in srgb,var(--primary,#7c3aed) 12%,transparent),transparent 34%),
    linear-gradient(115deg,rgba(247,249,253,var(--login-light-overlay,.94)),rgba(244,248,253,calc(var(--login-light-overlay,.94) * .90)) 48%,rgba(241,246,252,calc(var(--login-light-overlay,.94) * .96)))!important;
}
html[data-theme="light"] .login-page{background:transparent!important;box-shadow:none!important}
html[data-theme="light"] .login-visual{
  background:rgba(255,255,255,.28)!important;border-color:rgba(255,255,255,.64)!important;
  box-shadow:0 30px 90px rgba(37,55,88,.12)!important;
}
html[data-theme="light"] .login-visual::before{background:linear-gradient(130deg,rgba(255,255,255,.24),rgba(255,255,255,.08))!important}
html[data-theme="light"] .login-form-wrap{background:transparent!important}
html[data-theme="light"] .login-card{
  background:rgba(255,255,255,.86)!important;border:1px solid rgba(255,255,255,.94)!important;
  -webkit-backdrop-filter:blur(24px) saturate(1.15)!important;backdrop-filter:blur(24px) saturate(1.15)!important;
  box-shadow:0 30px 90px rgba(31,48,78,.16)!important;
}
html[data-theme="light"] .login-remember small,html[data-theme="light"] .login-password-note{color:var(--light-muted,#667085)!important}

/* ===== System > session card ===== */
.session-security-card{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(360px,1.15fr);gap:22px;padding:20px;margin-bottom:18px;border:1px solid color-mix(in srgb,var(--primary) 18%,var(--border));border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 6%,var(--surface)),var(--surface))}
.session-security-copy{display:flex;gap:14px;align-items:flex-start}
.session-security-copy h3{margin:4px 0 6px;font-size:1.05rem}.session-security-copy p{margin:0;color:var(--muted);line-height:1.55}
.session-security-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;flex:0 0 auto;background:linear-gradient(var(--gradient-angle,135deg),var(--primary),var(--secondary));color:var(--button-text,#fff);box-shadow:0 10px 26px color-mix(in srgb,var(--primary) 22%,transparent)}
.session-security-form{display:grid;gap:13px}.session-remember-default{margin:0!important}.session-security-form .form-actions{margin-top:0}

@media(max-width:980px){
  .login-body::after{background:linear-gradient(155deg,rgba(2,7,22,var(--login-overlay,.58)),rgba(3,9,27,calc(var(--login-overlay,.58) * .90)) 45%,rgba(4,9,24,calc(var(--login-overlay,.58) * .96)))!important}
  .login-page{max-width:none!important;width:100%!important;padding:clamp(16px,5vw,28px)!important;min-height:100dvh!important}
  .login-visual{display:none!important}
  .login-form-wrap{min-height:calc(100dvh - clamp(32px,10vw,56px))!important;padding:0!important;background:transparent!important;align-items:center!important}
  .login-card{max-width:470px!important;padding:clamp(22px,6vw,30px)!important;background:rgba(8,18,40,.80)!important}
  html[data-theme="light"] .login-body::after{background:linear-gradient(155deg,rgba(247,250,255,var(--login-light-overlay,.94)),rgba(241,246,252,calc(var(--login-light-overlay,.94) * .90)) 48%,rgba(238,244,251,calc(var(--login-light-overlay,.94) * .96)))!important}
  html[data-theme="light"] .login-card{background:rgba(255,255,255,.88)!important}
  .session-security-card{grid-template-columns:1fr;padding:16px;gap:16px}
}
@media(max-width:520px){
  .login-page{padding:14px!important}.login-form-wrap{min-height:calc(100dvh - 28px)!important}.login-card{border-radius:22px!important}
  .login-meta{gap:8px;flex-wrap:wrap}.login-meta span:last-child{margin-left:0}
}