/* Presentation only: existing Vue form, validation and authentication remain active. */
.na-login { min-height:100dvh; height:auto!important; overflow:auto!important; background:#f3fafb; color:#113d4b; }
.na-login__wallpaper { width:57%!important; min-height:100dvh; height:auto!important; padding:clamp(32px,6.4vw,100px); flex-direction:column; align-items:flex-start!important; justify-content:center!important; background:linear-gradient(145deg,#edfcfa 0%,#d9f6f1 48%,#beebe5 100%)!important; }
.na-login__wallpaper::before { display:none!important; }
.na-login__wallpaper > div:first-child { max-width:none!important; width:260px; position:relative; margin-bottom:32px; }
.na-login__wallpaper img { width:260px; height:auto; }
.alitpbx-intro { max-width:680px; position:relative; }
.alitpbx-eyebrow { font-size:12px; font-weight:800; letter-spacing:1.5px; color:#087f79; margin:0 0 18px; }
.alitpbx-intro h2 { font-size:clamp(38px,4.6vw,72px); font-weight:400; line-height:1.12; letter-spacing:-2px; margin:0 0 24px; color:#104959; }
.alitpbx-description { font-size:16px; line-height:1.7; max-width:600px; margin:0; color:#246270; }
.alitpbx-note { border-left:3px solid #10bfae; margin-top:44px; padding-left:16px; font-size:13px; line-height:1.8; color:#246270; }
.alitpbx-note strong { display:block; color:#104959; }
.na-login__content { width:43%!important; min-height:100dvh; height:auto!important; padding:60px 32px 24px!important; justify-content:center!important; align-items:center; position:relative; background:#f3fafb; color:#113d4b!important; }
.na-login__content .options { position:absolute; right:24px; top:20px; }
.na-login__content .content { width:100%; max-width:430px; padding:40px 42px; background:#fff; border:1px solid #d5eae7; border-radius:20px; box-shadow:0 18px 48px rgba(22,82,78,.055); }
.alitpbx-welcome { font-size:11px; letter-spacing:1.2px; font-weight:800; color:#69838b; margin-bottom:10px; }
.na-login__content h1 { font-size:20px!important; font-weight:500!important; margin:0 0 10px!important; }
.alitpbx-login-help { color:#69838b; font-size:13px; line-height:1.7; margin:0 0 24px; }
.alitpbx-field-label { display:block; font-size:12px; font-weight:600; margin-bottom:8px; color:#254955; }
.na-login__content .n-form-item { display:block; }
.na-login__content .n-input { --n-border-radius:9px!important; --n-height:44px!important; --n-border:1px solid #c6dcd9!important; --n-border-hover:1px solid #10bfae!important; --n-border-focus:1px solid #10bfae!important; --n-box-shadow-focus:0 0 0 2px rgba(16,191,174,.12)!important; }
.na-login__content .content > .n-button { height:44px; --n-border-radius:9px!important; --n-color:#0c9d93!important; --n-color-hover:#087f79!important; --n-color-focus:#087f79!important; --n-border:1px solid #0c9d93!important; --n-border-hover:1px solid #087f79!important; --n-border-focus:1px solid #087f79!important; background:linear-gradient(100deg,#10bfae,#087f79); font-weight:700; box-shadow:0 8px 18px rgba(16,191,174,.2); }
.na-login__content .footer { position:absolute; bottom:20px; opacity:1!important; color:#759298; font-size:12px; }
@media(max-width:900px) { .na-login__wallpaper { width:50%!important; padding:40px; } .na-login__content { width:50%!important; padding:65px 24px 50px!important; } .na-login__content .content { padding:32px 24px; } .alitpbx-intro h2 { font-size:42px; } }
@media(max-width:640px) { .na-login { flex-direction:column; } .na-login__wallpaper { width:100%!important; min-height:0; padding:38px 28px; } .na-login__wallpaper > div:first-child { margin-bottom:18px; width:210px; } .na-login__wallpaper img { width:210px; } .alitpbx-intro h2 { font-size:36px; letter-spacing:-1px; } .alitpbx-description { font-size:14px; } .alitpbx-note { display:none; } .na-login__content { width:100%!important; min-height:490px; padding:65px 24px 55px!important; } }
@media(max-height:700px) and (min-width:641px) { .na-login__wallpaper { padding-top:50px; padding-bottom:50px; } .na-login__content { padding-top:75px!important; padding-bottom:60px!important; } }
.na-login .enter-x, .na-login .enter-y, .na-login .\-enter-x { animation:none!important; transform:none!important; opacity:1!important; }