/* Login-only layer (loaded only on the not-logged-in view of warehouse.php
   and on multiwarehouse_login.php). Presentation only.
   Note: the main CSS layers (base/pro-theme/components/mobile-polish) are intentionally NOT
   merged here; a full layer merge is a separate, risky refactor. This file only adds login fixes. */
@media (max-width: 599.98px) {
  .login-overlay { position: relative; inset: auto; min-height: 100dvh; box-sizing: border-box; align-items: flex-start; padding: 10px; overflow: hidden; }
  .login-box { max-height: none; overflow: visible; }
  /* Promo panel is decorative (aria-hidden) – collapse it on small phones. */
  .login-showcase { display: none !important; }
  .login-form-panel { padding: 26px 18px 22px; }
  .login-subtitle { margin: 0 0 20px; }
  .login-btn-submit { width: 100%; position: relative; z-index: 2; }
  /* "Protected by Ivanoff Shield" badge (injected by the WAF prepend) must sit
     in normal flow under the form instead of floating over the submit button. */
  #hostshield-badge, [id*="shield" i], [class*="shield" i], [id*="ivanoff-protect" i], [class*="ivanoff-protect" i] {
    position: static !important; inset: auto !important; transform: none !important;
    margin: 12px auto 16px !important; width: max-content; max-width: calc(100% - 20px) !important; z-index: auto !important;
  }
}
.login-password-toggle:focus-visible, .login-btn-submit:focus-visible, .login-input:focus-visible {
  outline: 3px solid var(--brand); outline-offset: 2px;
}

/* Match the application's business palette on both desktop and phone. */
.login-overlay { background: #edf2f7; backdrop-filter: none; }
.login-overlay:before, .login-overlay:after { display: none; }
.login-box { background: #fff; border-color: #dbe4ef; box-shadow: 0 16px 48px rgba(16,42,67,.13); }
.login-box:before { background: var(--brand); animation: none; }
.login-showcase { background: linear-gradient(145deg, var(--navy-900), var(--navy-800)); }
.login-showcase:after { border-color: rgba(147,197,253,.16); }
.login-showcase-logo i { background: #dbeafe; color: #17375b; }
.login-showcase-copy h1 span { color: #bfdbfe; }
.login-showcase-copy small, .login-showcase-points b { color: #bfdbfe; }
.login-showcase-points b { background: rgba(147,197,253,.15); }
.login-brand-mark { background: var(--navy-900); color: #fff; box-shadow: var(--sh-2); }
.login-title { color: var(--ink); }
.login-form-panel { background: #fff; }
.login-btn-submit { background: var(--brand); color: #fff; box-shadow: var(--sh-brand); }
.login-btn-submit:hover { background: var(--brand-deep); box-shadow: var(--sh-brand); }
.login-input { background: #fff; color: var(--ink); border-color: #a8b8cc; }
.login-input:focus { border-color: var(--brand); box-shadow: 0 0 0 3px #dce7ef; }
.login-subtitle { color: #475569; }
.login-secure-note { color: #475569; }