/* Minification failed. Returning unminified contents.
(4,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26,67): run-time error CSS1039: Token not allowed after unary operator: '-deap-gray-400'
(27,68): run-time error CSS1039: Token not allowed after unary operator: '-deap-gray-600'
(29,46): run-time error CSS1039: Token not allowed after unary operator: '-deap-gray-600'
(31,31): run-time error CSS1039: Token not allowed after unary operator: '-deap-white'
(32,74): run-time error CSS1039: Token not allowed after unary operator: '-deap-accent'
(32,94): run-time error CSS1039: Token not allowed after unary operator: '-deap-primary'
(44,62): run-time error CSS1039: Token not allowed after unary operator: '-deap-primary'
(45,47): run-time error CSS1039: Token not allowed after unary operator: '-deap-gray-600'
(48,55): run-time error CSS1039: Token not allowed after unary operator: '-deap-gray-600'
(51,38): run-time error CSS1039: Token not allowed after unary operator: '-deap-gray-100'
(51,78): run-time error CSS1039: Token not allowed after unary operator: '-deap-gray-200'
(51,203): run-time error CSS1039: Token not allowed after unary operator: '-deap-gray-800'
(52,35): run-time error CSS1039: Token not allowed after unary operator: '-deap-accent'
(55,45): run-time error CSS1039: Token not allowed after unary operator: '-deap-gray-200'
(56,36): run-time error CSS1039: Token not allowed after unary operator: '-deap-gray-100'
(56,122): run-time error CSS1039: Token not allowed after unary operator: '-deap-gray-600'
(56,169): run-time error CSS1039: Token not allowed after unary operator: '-deap-gray-200'
(58,49): run-time error CSS1039: Token not allowed after unary operator: '-deap-gray-600'
(64,91): run-time error CSS1039: Token not allowed after unary operator: '-deap-gray-600'
(65,89): run-time error CSS1039: Token not allowed after unary operator: '-deap-gray-200'
(65,155): run-time error CSS1039: Token not allowed after unary operator: '-deap-gray-800'
(65,189): run-time error CSS1039: Token not allowed after unary operator: '-deap-white'
(66,73): run-time error CSS1039: Token not allowed after unary operator: '-deap-accent'
(72,147): run-time error CSS1039: Token not allowed after unary operator: '-deap-gray-400'
(73,32): run-time error CSS1039: Token not allowed after unary operator: '-deap-gray-600'
(77,70): run-time error CSS1039: Token not allowed after unary operator: '-deap-gray-600'
(78,104): run-time error CSS1039: Token not allowed after unary operator: '-deap-accent'
(78,138): run-time error CSS1039: Token not allowed after unary operator: '-deap-accent'
(80,45): run-time error CSS1039: Token not allowed after unary operator: '-deap-accent'
(81,34): run-time error CSS1039: Token not allowed after unary operator: '-deap-accent-hover'
(83,101): run-time error CSS1039: Token not allowed after unary operator: '-deap-accent'
(84,45): run-time error CSS1039: Token not allowed after unary operator: '-deap-accent-hover'
(87,39): run-time error CSS1039: Token not allowed after unary operator: '-deap-gray-300'
(88,89): run-time error CSS1039: Token not allowed after unary operator: '-deap-gray-600'
(89,32): run-time error CSS1039: Token not allowed after unary operator: '-deap-primary'
(93,75): run-time error CSS1039: Token not allowed after unary operator: '-deap-gray-100'
(94,116): run-time error CSS1039: Token not allowed after unary operator: '-deap-gray-600'
(95,66): run-time error CSS1039: Token not allowed after unary operator: '-deap-gray-300'
(96,39): run-time error CSS1039: Token not allowed after unary operator: '-deap-primary'
(97,43): run-time error CSS1039: Token not allowed after unary operator: '-deap-accent'
(102,49): run-time error CSS1039: Token not allowed after unary operator: '-deap-gray-100'
(102,78): run-time error CSS1039: Token not allowed after unary operator: '-deap-gray-800'
(102,125): run-time error CSS1039: Token not allowed after unary operator: '-deap-gray-200'
 */
/* DEAP Login Redesign (DIMA-2508) */

:root {
    --deap-primary: #3C3C3C;
    --deap-accent: #6BBF2D;
    --deap-accent-hover: #8baf4a;
    --deap-white: #ffffff;
    --deap-gray-100: #EDEDE7;
    --deap-gray-200: #e2e0d8;
    --deap-gray-300: #A7A9AB;
    --deap-gray-400: #8a8d90;
    --deap-gray-600: #58585b;
    --deap-gray-800: #3C3C3C;
    --deap-danger: #C0483A;
}

/* .page-wrapper (flex column, min-height:100vh) is already defined in app.css and loaded here via ~/bundles/css — reused as-is so login and the authenticated app never drift apart */

/* === MAIN === */
/* overflow-y: auto mirrors .main-content in app.css — keeps the footer pinned to the viewport bottom; long content scrolls internally instead of pushing the footer down */
.login-main { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 12px 20px; overflow-y: auto; }

.login-brand { display: flex; flex-direction: column; align-items: center; gap: 5px; margin-bottom: 8px; }
.login-brand img { height: 40px; width: auto; }
.login-brand-text { display: flex; flex-direction: column; align-items: center; }
.login-brand-sub { font-size: 10px; font-weight: 500; color: var(--deap-gray-400); letter-spacing: 2px; font-family: Georgia, 'Times New Roman', serif; }
.login-brand-main { font-size: 17px; font-weight: 600; color: var(--deap-gray-600); letter-spacing: 2px; font-family: Georgia, 'Times New Roman', serif; }
.login-brand-meta { display: flex; align-items: center; gap: 8px; margin-top: 4px; }
.portal-title { font-size: 12px; color: var(--deap-gray-600); font-weight: 500; }

.auth-card { background: var(--deap-white); width: 100%; max-width: 960px; border-radius: 12px; overflow: hidden; box-shadow: 0 10px 40px rgba(0,0,0,0.12), 0 2px 10px rgba(0,0,0,0.06); }
.auth-card-accent { height: 4px; background: linear-gradient(90deg, var(--deap-accent), var(--deap-primary)); }
.auth-card-body { padding: 20px 36px 18px; }

/* === RESPONSIVE (mobile/tablet) === */
@media (max-width: 640px) {
    .login-main { padding: 16px 16px; }
    .login-brand { margin-bottom: 14px; }
    .login-brand img { height: 36px; }
    .auth-card-body { padding: 18px 20px 16px; }
    .auth-title { font-size: 18px; }
}

.auth-title { font-size: 21px; font-weight: 700; color: var(--deap-primary); margin-bottom: 4px; }
.auth-subtitle { font-size: 13px; color: var(--deap-gray-600); margin-bottom: 14px; line-height: 1.5; }

/* _PasswordRequirements.cshtml static intro text (rendered directly into the card body) */
.auth-card-body > ul { font-size: 12.5px; color: var(--deap-gray-600); margin: 0 0 14px 18px; line-height: 1.6; }

/* HR/Management-only notice (always visible) */
.hr-notice-banner { background: var(--deap-gray-100); border: 1px solid var(--deap-gray-200); border-radius: 8px; padding: 10px 14px; margin-bottom: 10px; font-size: 12px; line-height: 1.5; color: var(--deap-gray-800); }
.hr-notice-banner a { color: var(--deap-accent); }

/* Legal/monitoring notice — always visible, scrollable, never collapsible */
.notice-disclosure { border: 1px solid var(--deap-gray-200); border-radius: 8px; margin-bottom: 14px; overflow: hidden; }
.notice-heading { background: var(--deap-gray-100); padding: 10px 14px; font-size: 12.5px; font-weight: 600; color: var(--deap-gray-600); border-bottom: 1px solid var(--deap-gray-200); }
.notice-body { max-height: 220px; overflow-y: auto; }
.notice-body p { font-size: 11.5px; color: var(--deap-gray-600); line-height: 1.6; padding: 10px 14px; }
.notice-body p:first-child { padding-top: 12px; }
.notice-body p:last-child { padding-bottom: 12px; }

/* Scaffolded form fields (DVHT.Common ScaffoldFor/ScaffoldPasswordFor output) */
.auth-card-body .form-group { margin-bottom: 14px; }
.auth-card-body .form-group .input-label { font-size: 12px; font-weight: 600; color: var(--deap-gray-600); text-transform: uppercase; letter-spacing: 0.04em; border: none; }
.auth-card-body .form-control { width: 100%; padding: 11px 14px; border: 1px solid var(--deap-gray-200); border-radius: 8px; font-size: 14px; color: var(--deap-gray-800); background: var(--deap-white); transition: all 0.15s; height: auto; }
.auth-card-body .form-control:focus { outline: none; border-color: var(--deap-accent); box-shadow: 0 0 0 3px rgba(107,191,45,0.15); }
.auth-card-body .field-validation-error { display: block; font-size: 12px; margin-top: 4px; }

/* Password visibility toggle (added client-side by login.js around ScaffoldPasswordFor's input) */
.field-input-wrap { position: relative; }
.field-input-wrap .form-control.pw { padding-right: 42px; }
.pw-toggle { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); background: none; border: none; cursor: pointer; color: var(--deap-gray-400); padding: 4px; display: flex; }
.pw-toggle:hover { color: var(--deap-gray-600); }
.pw-toggle svg { width: 18px; height: 18px; }

.field-row-between { display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px; }
.auth-card-body .custom-control-label { font-size: 13px; color: var(--deap-gray-600); }
.auth-card-body .custom-control-input:checked ~ .custom-control-label::before { background-color: var(--deap-accent); border-color: var(--deap-accent); }

.link-inline { font-size: 13px; color: var(--deap-accent); text-decoration: none; font-weight: 500; }
.link-inline:hover { color: var(--deap-accent-hover); text-decoration: underline; }

.btn-login-primary { width: 100%; padding: 12px; border: none; border-radius: 8px; background: var(--deap-accent); color: white; font-size: 14px; font-weight: 600; letter-spacing: 0.02em; cursor: pointer; transition: background 0.15s; }
.btn-login-primary:hover { background: var(--deap-accent-hover); color: white; }

.auth-footer-links { display: flex; align-items: center; justify-content: center; gap: 10px; margin-top: 14px; font-size: 13px; }
.auth-footer-links .dot { color: var(--deap-gray-300); }
.back-link { display: flex; align-items: center; gap: 6px; font-size: 13px; color: var(--deap-gray-600); text-decoration: none; margin-top: 14px; justify-content: center; }
.back-link:hover { color: var(--deap-primary); }
.back-link svg { width: 14px; height: 14px; }

/* Live password requirements checklist (ResetPassword — wired by login.js against the real 5-rule policy) */
.pw-requirements { margin: 0 0 20px; padding: 12px 14px; background: var(--deap-gray-100); border-radius: 8px; }
.pw-requirements li { list-style: none; display: flex; align-items: center; gap: 8px; font-size: 12px; color: var(--deap-gray-600); padding: 3px 0; }
.pw-requirements li svg { width: 14px; height: 14px; color: var(--deap-gray-300); flex-shrink: 0; }
.pw-requirements li.met { color: var(--deap-primary); }
.pw-requirements li.met svg { color: var(--deap-accent); }

/* reCAPTCHA wrapper (spacing only — the widget itself is Google's real UI) */
.recaptcha-box-wrap { margin-bottom: 18px; }

.auth-card-body .card-header { background: var(--deap-gray-100); color: var(--deap-gray-800); border-bottom: 1px solid var(--deap-gray-200); font-weight: 600; font-size: 14px; }

/* MFA verification code input */
#VerificationCode { letter-spacing: 4px; font-weight: 600; text-align: center; }