/* Product login overrides. Scoped to avoid affecting the standalone configuration fallback. */
.h360-login-page { min-height: 100dvh; overflow-x: clip; }
.h360-login-page .h360-login-card { width: min(calc(100% - 48px), 1420px); min-height: 0; }
.h360-login-page .h360-form-panel { min-width: 0; }
.h360-login-page .h360-form-panel .oe_login_form,
.h360-login-page .h360-form-panel .oe_website_login_container { max-width: 440px; min-width: 0; }
.h360-login-page .h360-form-panel .form-control { min-height: 52px; height: auto !important; font-size: 16px; }
.h360-login-page .h360-form-panel .form-control:focus-visible,
.h360-login-page .h360-form-panel a:focus-visible,
.h360-login-page .h360-form-panel button:focus-visible { outline: 3px solid rgba(2, 169, 155, .45); outline-offset: 2px; }
.h360-login-page .h360-form-panel .alert,
.h360-login-page .h360-form-panel .help-block { overflow-wrap: anywhere; }
.h360-login-page .h360-form-panel .oe_login_buttons .btn-primary[type="submit"] { min-height: 56px; width: 100%; }
.h360-login-page .h360-form-panel .field-password .input-group .btn { min-width: 52px; background: #fff; color: #65758b; box-shadow: none; }
.h360-login-page .h360-form-panel .field-password .input-group .btn:hover,
.h360-login-page .h360-form-panel .field-password .input-group .btn:focus { background: #f8fbfc; color: #008d82; }
.h360-login-page .h360-form-panel #captcha { max-width: 100%; overflow: visible; }
.h360-login-page .h360-form-panel .g-recaptcha { max-width: 100%; transform-origin: left top; }
.h360-login-page .h360-login-footer { position: static; }
@media (max-width: 768px) {
  .h360-login-page .h360-login-card { width: min(calc(100% - 32px), 560px); grid-template-columns: 1fr; }
  .h360-login-page .h360-clinical-panel { display: none; }
  .h360-login-page .h360-form-panel { padding: 32px 24px; }
}
@media (max-width: 390px) {
  .h360-login-page .h360-login-topbar { padding-inline: 16px; }
  .h360-login-page .h360-login-actions { gap: 10px; font-size: 13px; }
  .h360-login-page .h360-login-card { width: calc(100% - 24px); }
  .h360-login-page .h360-form-panel { padding: 28px 16px; }
}
@media (prefers-reduced-motion: reduce) { .h360-login-page *, .h360-login-page *::before, .h360-login-page *::after { transition: none !important; animation: none !important; } }