/* Scoped sign-in styles: keep typed text, caret and browser autofill in sync. */
.nusa-public {
    color: var(--text-main);
    background: var(--bg-body);
}
.nusa-login {
    border-color: var(--border-color);
    min-height: 660px;
}
.nusa-login .login-intro {
    background: linear-gradient(145deg, #102e29, #1c4b40);
}
.nusa-login .login-intro-content { display: flex; flex-direction: column; gap: 20px; }
.nusa-login .login-intro h1 { margin: 0; line-height: 1.2; }
.nusa-login .nusa-login-description { margin: 0 !important; }
.nusa-login-benefits { margin-top: 8px; line-height: 1.6; }
.nusa-login .login-form-wrapper { gap: 0; }
.nusa-login .login-subtitle { color: var(--text-secondary) !important; }
#app.nusa-public .nusa-login input.fyme-input,
#app.nusa-public .nusa-login input.fyme-input:hover,
#app.nusa-public .nusa-login input.fyme-input:focus,
#app.nusa-public .nusa-login input.fyme-input:active {
    color: var(--text-main) !important;
    -webkit-text-fill-color: var(--text-main) !important;
    caret-color: var(--text-main);
    background: var(--bg-input) !important;
    border-color: var(--border-color) !important;
}
.nusa-login .fyme-input::placeholder { color: var(--text-secondary); opacity: .8; }
.nusa-login .fyme-input-icon { color: var(--text-secondary); pointer-events: none; }
#app.nusa-public .nusa-login input.fyme-input:focus {
    border-color: var(--primary) !important;
    box-shadow: 0 0 0 3px var(--primary-light) !important;
}
.nusa-login .fyme-input:-webkit-autofill,
.nusa-login .fyme-input:-webkit-autofill:hover,
.nusa-login .fyme-input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 1000px var(--bg-input) inset !important;
    -webkit-text-fill-color: var(--text-main) !important;
}
.nusa-login .fyme-input:autofill { background: var(--bg-input) !important; color: var(--text-main) !important; }
.nusa-login .btn-fyme-secondary { border-color: var(--border-color); }
.nusa-login .btn-fyme-secondary:hover { background: var(--bg-input); color: var(--primary); }
.nusa-login hr { border-color: var(--border-color) !important; }
.nusa-login form > div:last-child { color: var(--text-secondary) !important; }
[data-theme="dark"] .nusa-login { color-scheme: dark; }

.nusa-admin-login {
    background: radial-gradient(ellipse at top left, #24594b, #102e29 65%) !important;
    padding: 32px 20px;
}
.nusa-admin-login .login-box { width: 440px; }
.nusa-admin-login .login-logo { font-size: 27px; line-height: 1.4; overflow-wrap: anywhere; }
.nusa-admin-login .login-box-body {
    background: var(--nusa-surface) !important;
    color: var(--nusa-text) !important;
    border: 1px solid var(--nusa-border);
    border-radius: 24px;
    padding: 36px;
    box-shadow: 0 24px 80px #0003;
}
.nusa-admin-eyebrow { color: var(--nusa-primary); font-size: 11px; letter-spacing: 2px; font-weight: 700; margin-bottom: 12px; }
.nusa-admin-login .login-box-msg { color: var(--nusa-text); font-size: 25px; line-height: 1.35; text-align: left; font-weight: 700; margin: 0 0 28px; padding: 0; }
.nusa-admin-login .form-group { margin-bottom: 20px; }
.nusa-admin-login label { display: block; color: var(--nusa-text); margin-bottom: 8px; font-size: 13px; }
#nusa-admin-signin.nusa-admin-login input.form-control,
#nusa-admin-signin.nusa-admin-login input.form-control:focus,
#nusa-admin-signin.nusa-admin-login input.form-control:active {
    height: 50px;
    font-size: 16px;
    background: var(--nusa-input) !important;
    color: var(--nusa-text) !important;
    -webkit-text-fill-color: var(--nusa-text) !important;
    caret-color: var(--nusa-text);
    border: 1px solid var(--nusa-border) !important;
    border-radius: 10px;
}
.nusa-admin-login .form-control::placeholder { color: var(--nusa-muted); opacity: .8; }
.nusa-admin-login .form-control-feedback { top: auto; bottom: 0; height: 50px; line-height: 50px; color: var(--nusa-muted); }
.nusa-admin-login .form-control:focus { border-color: var(--nusa-primary) !important; box-shadow: 0 0 0 3px #389d8726 !important; }
.nusa-admin-login .form-control:-webkit-autofill,
.nusa-admin-login .form-control:-webkit-autofill:hover,
.nusa-admin-login .form-control:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 1000px var(--nusa-input) inset !important;
    -webkit-text-fill-color: var(--nusa-text) !important;
}
.nusa-admin-login .form-control:autofill { background: var(--nusa-input) !important; color: var(--nusa-text) !important; }
.nusa-admin-login .btn-primary { min-height: 50px; border-radius: 10px; margin-top: 8px; background: var(--nusa-primary) !important; border-color: var(--nusa-primary) !important; color: #fff !important; }
.nusa-admin-login.dark-mode { color-scheme: dark; }
.nusa-admin-login.dark-mode .btn-primary { color: #102e29 !important; }
.nusa-admin-login .back-link { display: block; text-align: center; margin-top: 24px; color: var(--nusa-primary); }
.nusa-admin-login a:focus-visible, .nusa-admin-login button:focus-visible { outline: 3px solid var(--nusa-primary); outline-offset: 4px; }
@media (max-width: 767px) {
    .nusa-login { min-height: 100svh; }
    .nusa-login .login-intro-content { gap: 12px; }
    .nusa-login-benefits { display: none; }
    .nusa-admin-login .login-box-body { padding: 28px 24px; }
}

/* Stock stylesheet applies min-height:100% to headings and form controls. */
#app .nusa-login h1, #app .nusa-login h2,
#nusa-admin-signin h1, #nusa-admin-signin main { min-height: 0; }
#app.nusa-public .nusa-login input.fyme-input { min-height: 52px; height: 52px !important; }
#nusa-admin-signin.nusa-admin-login input.form-control { min-height: 50px; height: 50px !important; }

/* Privacy and terms share the public-page dialog. */
#app.nusa-public #HTMLModal .modal-content {
    background: var(--bg-surface) !important;
    color: var(--text-main) !important;
    border: 1px solid var(--border-color);
    border-radius: 18px;
    overflow: hidden;
}
#app.nusa-public #HTMLModal .modal-header,
#app.nusa-public #HTMLModal .modal-footer {
    background: var(--bg-surface) !important;
    border-color: var(--border-color);
}
#app.nusa-public #HTMLModal .modal-body {
    background: var(--bg-surface) !important;
    color: var(--text-main) !important;
    max-height: 70vh;
    max-height: 70svh;
    overflow-y: auto;
    padding: 24px;
    line-height: 1.75;
    overflow-wrap: anywhere;
}
#app.nusa-public #HTMLModal :is(h1, h2, h3, h4, h5, h6, p, li, strong, b, span) {
    color: var(--text-main) !important;
    min-height: 0;
}
#app.nusa-public #HTMLModal a { color: var(--primary) !important; text-decoration: underline; }
#app.nusa-public #HTMLModal .close {
    color: var(--text-main) !important;
    text-shadow: none;
    opacity: 1;
    min-height: 36px;
    min-width: 36px;
}
#app.nusa-public #HTMLModal .btn-default {
    background: var(--bg-input) !important;
    color: var(--text-main) !important;
    border: 1px solid var(--border-color);
    border-radius: 8px;
    min-height: 40px;
}
#app.nusa-public #HTMLModal button:focus-visible,
#app.nusa-public #HTMLModal a:focus-visible { outline: 3px solid var(--primary); outline-offset: 2px; }