/* Full-viewport login: warm ivory and deep teal, shared with the photograph. */
.onetaag-login-body { margin: 0; min-height: 100vh; min-height: 100svh; display: flex; flex-direction: column; background: #f3f4ed; }
.onetaag-login-body > .authImage { flex: 1; }
.onetaag-login { --login-ink: #163d3c; --login-accent: #176660; display: flex; flex: 1; min-height: 0; color: var(--login-ink); background: #f3f4ed; }
.onetaag-login::before { display: none; }
.onetaag-login-shell { display: grid; grid-template-columns: 56% 44%; width: 100%; flex: 1; }
.onetaag-login-visual { position: relative; background: #123c3b; min-width: 0; }
.onetaag-login-photo { display: block; position: absolute; inset: 0; width: 100%; height: calc(100% - 142px); object-fit: cover; object-position: 50% 45%; }
.onetaag-login-visual::after { display: none; }
.onetaag-login-caption { position: absolute; z-index: 1; bottom: 0; inset-inline: 0; height: 142px; padding: 28px 38px; color: #fff; background: #123c3b; }
.onetaag-login-kicker { display: block; margin-bottom: 18px; font-size: 11px; letter-spacing: 2.5px; font-weight: 600; color: #d1e6d4; }
.onetaag-login-caption h2 { color: #fff; font-size: clamp(28px, 2.5vw, 40px); font-weight: 500; line-height: 1.12; letter-spacing: -1px; margin: 0 0 12px; }
.onetaag-login-caption p { margin: 0; font-size: 15px; color: #e1ede5; }
.onetaag-login-content { padding: 32px clamp(30px, 5vw, 90px) 22px; min-width: 0; display: flex; flex-direction: column; justify-content: center; background: radial-gradient(ellipse at top right, #dce9dc 0, transparent 65%), #f3f4ed; }
.onetaag-login-brand { display: inline-flex; align-items: center; gap: 10px; align-self: flex-start; color: var(--login-ink); font-size: 23px; font-weight: 600; letter-spacing: -.8px; text-decoration: none; margin-bottom: clamp(20px, 4vh, 44px); }
.onetaag-login-brand:hover { color: var(--login-accent); }
.onetaag-login .modern-auth-logo { width: 46px; height: 46px; object-fit: contain; }
.onetaag-login .modern-auth-card { padding: 0; border: 0; border-radius: 0; box-shadow: none; animation: none; background: transparent; width: 100%; max-width: 420px; }
.onetaag-login .modern-auth-card-title { color: var(--login-ink); font-size: 34px; font-weight: 600; letter-spacing: -1px; margin-bottom: 7px; }
.onetaag-login .modern-auth-card-copy { color: #667773; margin-bottom: 26px; font-size: 14px; }
.onetaag-login .modern-auth-form .form-control { min-height: 50px; border: 1px solid #cdd9ce; border-radius: 10px; background: #ffffffb8; font-size: 16px; }
.onetaag-login .modern-auth-form .form-control:focus { border-color: var(--login-accent); box-shadow: 0 0 0 3px #17666015; background: #fff; transform: none; }
.onetaag-login .modern-auth-form .form-label { color: var(--login-ink); font-size: 13px; font-weight: 500; }
.onetaag-login .modern-auth-form .mb-4 { margin-bottom: 20px !important; }
.onetaag-login .modern-auth-inline { gap: 8px; }
.onetaag-login .modern-auth-link { color: var(--login-accent); font-size: 12px; font-weight: 500; }
.onetaag-login .modern-auth-primary-btn { min-height: 50px; border-radius: 10px; background: var(--login-accent); box-shadow: 0 6px 16px #17666016; font-weight: 500; }
.onetaag-login .modern-auth-primary-btn:hover { background: #104f49; box-shadow: 0 8px 20px #17666022; }
.onetaag-login .modern-auth-social-btn { min-height: 48px; border-radius: 10px; font-size: 13px; background: #ffffff80 !important; border-color: #cdd9ce !important; }
.onetaag-login .modern-auth-divider { margin: 20px 0; display: flex; align-items: center; gap: 16px; }
.onetaag-login .modern-auth-divider::before, .onetaag-login .modern-auth-divider::after { content: ''; position: static; height: 1px; background: #cfdacf; flex: 1; }
.onetaag-login .modern-auth-divider span { padding: 0; background: transparent; font-size: 11px; font-weight: 400; color: #6c7d76; }
.onetaag-login .modern-auth-check .form-check-input:checked { background-color: var(--login-accent); border-color: var(--login-accent); }
.onetaag-login .modern-auth-check .form-check-label { color: #566b64; font-size: 13px; }
.onetaag-login .modern-auth-footer { width: 100%; max-width: 420px; color: #7b8a81; margin-top: 24px; font-size: 11px; }
.onetaag-login .onetaag-session-notice { color: #674e1f; background: #fff8e8; border: 1px solid #eddfba; border-radius: 10px; padding: 10px 12px; font-size: 12px; line-height: 1.5; }
.onetaag-login .modern-auth-password-wrap .form-control { padding-inline-end: 48px; }
.onetaag-login .modern-auth-social-grid.has-two { grid-template-columns: 1fr; }
/* The notice takes its own compact row, never floating over the form or adding a blank scroll area. */
.onetaag-login-body .js-cookie-consent.onetaag-cookie-consent { position: static; width: 100%; border: 0; border-top: 1px solid #d9e2d8; border-radius: 0; padding: 10px 24px; background: #e9eee5; box-shadow: none; display: flex; align-items: center; justify-content: center; gap: 20px; }
.onetaag-login-body .onetaag-cookie-consent .cookie-consent__message { margin: 0; flex: initial; font-size: 12px; color: #425d51 !important; }
.onetaag-login-body .onetaag-cookie-consent .cookie-consent__agree { min-height: 34px; padding: 6px 16px; border-radius: 7px; background: #176660; letter-spacing: 0; font-size: 12px; }
@media (min-width: 992px) and (max-height: 820px) {
    .onetaag-login-content { padding-block: 20px 16px; }
    .onetaag-login-brand { margin-bottom: 16px; }
    .onetaag-login .modern-auth-card-copy { margin-bottom: 20px; }
    .onetaag-login .modern-auth-form .mb-4 { margin-bottom: 16px !important; }
    .onetaag-login .modern-auth-footer { margin-top: 16px; }
    .onetaag-login-caption { padding: 26px 32px; }
    .onetaag-login-caption h2 { font-size: 32px; }
}
@media (max-width: 991px) {
    .onetaag-login-shell { grid-template-columns: 1fr; }
    .onetaag-login-visual { display: none; }
    .onetaag-login-content { padding: 28px max(24px, calc((100vw - 420px) / 2)); justify-content: center; border-top: 5px solid #176660; }
    .onetaag-login .modern-auth-inline { flex-direction: row; align-items: center; flex-wrap: wrap; }
    .onetaag-login-brand { margin-bottom: 26px; }
}
@media (max-width: 575px) {
    .onetaag-login-content { padding: 20px 24px; }
    .onetaag-login-brand { font-size: 21px; margin-bottom: 22px; }
    .onetaag-login .modern-auth-card-title { font-size: 30px; }
    .onetaag-login .modern-auth-footer { margin-top: 20px; }
    .onetaag-login-body .js-cookie-consent.onetaag-cookie-consent { padding: 10px 16px; gap: 12px; }
    .onetaag-login-body .onetaag-cookie-consent .cookie-consent__message { font-size: 11px; }
}
@media (max-width: 575px) and (max-height: 740px) {
    .onetaag-login-content { padding-block: 14px; }
    .onetaag-login-brand { margin-bottom: 12px; }
    .onetaag-login .modern-auth-logo { width: 36px; height: 36px; }
    .onetaag-login .modern-auth-card-copy { margin-bottom: 16px; }
    .onetaag-login .modern-auth-form .mb-4 { margin-bottom: 14px !important; }
    .onetaag-login .modern-auth-divider { margin: 14px 0; }
    .onetaag-login .modern-auth-footer { margin-top: 14px; }
}

@media (max-width: 575px) and (max-height: 740px) {
    .onetaag-login .modern-auth-form .form-control, .onetaag-login .modern-auth-primary-btn { min-height: 44px; }
    .onetaag-login .modern-auth-social-btn { min-height: 42px; }
    .onetaag-login .modern-auth-form .mb-4 { margin-bottom: 10px !important; }
    .onetaag-login .modern-auth-card-copy { margin-bottom: 12px; }
    .onetaag-login .modern-auth-footer { margin-top: 10px; }
}
@media (min-width: 992px) and (max-height: 740px) {
    .onetaag-login-content { padding-block: 16px; }
    .onetaag-login-brand { margin-bottom: 12px; }
    .onetaag-login .modern-auth-card-title { font-size: 30px; }
    .onetaag-login .modern-auth-card-copy { margin-bottom: 16px; }
    .onetaag-login .modern-auth-form .mb-4 { margin-bottom: 14px !important; }
    .onetaag-login .modern-auth-form .form-control, .onetaag-login .modern-auth-primary-btn { min-height: 46px; }
    .onetaag-login .modern-auth-divider { margin: 16px 0; }
}