/* Scoped to login.php by config.php. System fonts; no external dependencies. */
html.deepsense-login .deepsense-intro .deepsense-uat-notice { margin-top: 16px; padding: 12px; background: #f4f7f8; border-radius: 8px; color: #182b32; font-size: 12px; }
html.deepsense-login { color-scheme: light; background: #f4f7f8; }
html.deepsense-login body { margin: 0; background: #f4f7f8; color: #182b32; font-family: system-ui, -apple-system, "Segoe UI", sans-serif; }
html.deepsense-login #UICenter.LoginPage { position: static; display: flex; align-items: center; justify-content: center; min-height: 100vh; min-height: 100dvh; width: 100%; height: auto; padding: 32px 20px; box-sizing: border-box; overflow: visible; background: #f4f7f8; }
html.deepsense-login #CentralSpaceLogin { box-sizing: border-box; width: 100%; max-width: 420px; margin: 0; padding: 36px 32px; gap: 0; background: #fff; border: 1px solid #dfe7e9; border-radius: 16px; box-shadow: 0 8px 32px rgb(24 43 50 / 6%); }
html.deepsense-login #LoginHeader { margin: 0 0 26px; padding: 0; text-align: center; }
html.deepsense-login #LoginHeader img { display: block; width: 224px; max-width: 100%; height: auto; max-height: none; margin: 0 auto; }
html.deepsense-login .deepsense-intro { order: 1; text-align: center; margin-bottom: 28px; }
html.deepsense-login .deepsense-intro h1 { font: 650 26px/1.25 system-ui, sans-serif; margin: 0 0 10px; padding: 0; color: #182b32; }
html.deepsense-login .deepsense-intro p { font: 400 14px/1.6 system-ui, sans-serif; color: #52646b; margin: 0; padding: 0; }
html.deepsense-login #CentralSpaceLogin #loginform { order: 3; width: 100%; margin: 0; padding: 0; }
html.deepsense-login #login_box { background: transparent; border: 0; padding: 0; gap: 0; }
html.deepsense-login #login_box .field-input { margin: 0 0 20px; padding: 0; width: 100%; position: relative; }
html.deepsense-login #login_box label { display: block; color: #182b32; font-size: 14px; font-weight: 600; line-height: 1.5; margin-bottom: 8px; }
html.deepsense-login #login_box input[type="text"], html.deepsense-login #login_box input[type="password"] { box-sizing: border-box; width: 100%; min-height: 48px; padding: 11px 14px; margin: 0; border: 1px solid #81959d; border-radius: 8px; background: #fff; color: #182b32; font: 400 16px/1.5 system-ui, sans-serif; }
html.deepsense-login #login_box .show-hide-password { position: static; text-align: right; margin-top: 4px; }
html.deepsense-login #togglePassword { display: inline-flex; align-items: center; justify-content: flex-end; gap: 6px; min-height: 44px; font-size: 13px; color: #006d69; }
html.deepsense-login #login_box .checkbox-label { display: flex; align-items: center; min-height: 44px; margin: 0; font-weight: 400; cursor: pointer; }
html.deepsense-login #login_box .checkbox-label input { display: inline-block; position: static; opacity: 1; appearance: auto; width: 18px; height: 18px; margin: 0 10px 0 0; accent-color: #006d69; }
html.deepsense-login #login_box .checkbox-label > span { display: none; }
html.deepsense-login #login_box .checkbox-label .label-text { margin: 0; }
html.deepsense-login #login_box .button { margin: 0; padding: 0; width: 100%; }
html.deepsense-login #login_box input[type="submit"] { box-sizing: border-box; width: 100%; min-height: 48px; margin: 0; padding: 12px 16px; background: #006d69; border: 1px solid #006d69; border-radius: 8px; color: #fff; font: 600 15px/1.5 system-ui, sans-serif; cursor: pointer; }
html.deepsense-login #login_box input[type="submit"]:hover { background: #005b58; }
html.deepsense-login #login_box input[type="submit"]:disabled { opacity: .65; cursor: wait; }
html.deepsense-login #CentralSpaceLogin .login-links { margin: 18px 0 0; text-align: center; }
html.deepsense-login #CentralSpaceLogin .login-links a { display: inline-flex; align-items: center; min-height: 44px; margin: 0; color: #006d69; font-size: 14px; }
html.deepsense-login :is(input, a, button):focus-visible { outline: 3px solid #006d69; outline-offset: 3px; }
html.deepsense-login #login-errors { order: 2; margin: 0 0 22px; padding: 14px; border: 1px solid #b73e3e; border-radius: 8px; background: #fff3f3; color: #862424; overflow-wrap: anywhere; }
html.deepsense-login #login-errors a { color: #862424; }
html.deepsense-login #login-errors:focus { outline: 3px solid #b73e3e; outline-offset: 3px; }
/* Retain internal timezone handling; hide only its separate public form section. */
html.deepsense-login #loginform > div:not(#login_box), html.deepsense-login #login-footer, html.deepsense-login #login-slideshow, html.deepsense-login .login-welcome-text { display: none !important; }
@media (max-width: 480px) { html.deepsense-login #UICenter.LoginPage { padding: 24px 16px; } html.deepsense-login #CentralSpaceLogin { padding: 28px 24px; } }
@media (prefers-reduced-motion: reduce) { html.deepsense-login *, html.deepsense-login *::before, html.deepsense-login *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; } }