/* ============================================================
 * login-page-fixes.css
 * BS-EXACT login modal/page parity (K.20 + K.21 + K.22 + K.23)
 * Created: 2026-04-28 by AGENT-LOGIN
 *
 * Audit basis (live BS measurements 2026-04-28):
 *   BS modal:       400 x 594.4
 *   BS popup wrap:  bg #000, br 0, no inner padding
 *   BS header row:  398.4 x 49, p 0 52px 0 7px,
 *                   bb 0.8px solid rgba(255,255,255,0.05)
 *   BS logo:        100 x 46, max-w 100px, object-fit contain
 *   BS Kayit btn:   48.74 x 28, p 0 8px, fs 12px, fw 500,
 *                   bg rgb(211,175,55), c #fff, br 4px,
 *                   tt uppercase, lh normal, transition color 0.24s
 *   BS close icon:  24 x 24, fs 14px, c rgba(212,175,55,0.6),
 *                   pos fixed top 11px right 11px
 *   BS top text:    Hesabiniz var mi?, fs 14, fw 500,
 *                   c rgba(255,255,255,0.5), m 0 0 10px,
 *                   p 0 7px, lh 16px, ta start
 *   BS main title:  HEMEN GIRIS YAPIN!, fs 18, fw 400,
 *                   c #fff, m 0 0 15px, p 0 7px, lh 20px,
 *                   tt uppercase, ta start
 *   BS form-sign block: full-width 378.48 x 356.25 (includes title+inputs+submit)
 *   BS input wrap:  365.18 x 49.4, br 0, m 0,
 *                   bg rgba(255,255,255,0.15) (label-level)
 *   BS input:       h 49.4 (effective via wrap), p 20px 44px 4px 15px,
 *                   fs 14, fw 400, lh normal,
 *                   c rgba(255,255,255,0.9)
 *   BS floating label: fs 12, c rgba(255,255,255,0.4),
 *                      pos abs, top 20px, left 15px, lh 14px,
 *                      transitions to top 8px when filled
 *   BS submit:      365.18 x 34.2, p 0 20px, fs 12, fw 500,
 *                   bg rgb(211,175,55), c #fff, br 4px,
 *                   tt uppercase, lh normal, transition background 0.24s
 *   BS forgot:      DIV, .sg-n-forgot-password-text,
 *                   m 20px 0 0, p 0 7px, fs 14, fw 500,
 *                   c rgba(255,255,255,0.7), td none, ta center
 *                   (text content is "ŞİFRENİZİ Mİ UNUTTUNUZ?" already uppercase
 *                   so tt:none is correct — no double transform)
 *   BS remember row: 365.18 x 15.2, m 0, p 0, display flex,
 *                   .checkbox-control-content-bc class
 *   BS checkbox:    13 x 13, opacity 0, position abs (custom render via pseudo)
 *   BS support:     378.48 x 53.96, h 56.8, pad 20px 7px,
 *                   bg transparent, no border-top,
 *                   c rgba(255,255,255,0.5), fs 14, fw 500,
 *                   tt none, td none, display flex, jc center, ai center
 *                   icon i.bc-i-live-chat: fs 14, c rgba(255,255,255,0.5),
 *                   m 0 12px 0 0
 *   BS body fontFamily: Roboto, Arial, Helvetica, sans-serif
 *
 * MR diffs (before fix):
 *   - L2 header padding asymmetric BS uses 0 52px 0 7px (right side
 *     reserves space for absolute-positioned close icon outside header)
 *     MR uses symmetric 0 7px → close button overlaps KAYIT.
 *   - L2 logo height 48px (target 46px)
 *   - L2 Kayit btn lh 28px (target normal — minor)
 *   - L2 close static + bright gold (target fixed + dim 0.6)
 *   - L3 padding 0 (target 0 7px on text-block children)
 *   - L3 main title margin 0 0 10px (target 0 0 15px)
 *   - L4 input wrap h 52px (target 49.4px)
 *   - L4 input bg cascade differs (target rgba(255,255,255,0.15) on wrapper)
 *   - L6 submit h 36px (target 34.2px) + lh 36px (target normal)
 *   - L6 submit transition 0.3s all (target background 0.24s)
 *   - L7 forgot tt uppercase (target none — text already uppercase in source)
 *   - L7 forgot pad 0 (target 0 7px) + m 0 (target 20px top)
 *   - L8 checkbox 16x16 + visible native (target 13x13 hidden + pseudo)
 *   - L9 support brighter c 0.9 (target 0.5)
 *   - L9 support pad 18px (target 20px) + h 52 (target 56.8)
 *   - L9 support icon fs 16 (target 14) + mr 6px (target 12px)
 *   - L9 support text underline + uppercase (target none/none — text source caps)
 *   - L9 support border-top extra (target none — header has bb instead)
 *   - L9 support margin-top 146px (target 0 — should sit just below content)
 *
 * Scope: ONLY #login2 modal — no global selectors
 * File ownership marker: AGENT-LOGIN-OWNED
 * Other agents owning files (DO NOT TOUCH):
 *   - register-page-fixes.css (AGENT-REGISTER)
 *   - register-phone-fix.css (REGISTER-PHONE-FIX-AGENT)
 *   - register-country-fix.css (REGISTER-COUNTRY-FIX-AGENT)
 *   - auth-modals.css / auth-modals-jank-fix.css (auth modal agent)
 *
 * K.22 layers covered:
 *   L1 (modal wrap), L2 (header+logo+kayit+close),
 *   L3 (title block), L4 (input wrap+input),
 *   L5 (floating label), L6 (submit),
 *   L7 (forgot link), L8 (remember row+checkbox),
 *   L9 (support footer), L11 (font/typography),
 *   L12 (body padding), L13 (input gap)
 *
 * NOTE: This file overrides theme-robinbet-mobile.css and base
 * cascade with !important since theme has higher source order.
 * ============================================================ */

/* /===== AGENT-LOGIN START =====/ */

/* ------------------------------------------------------------
 * L1 — Modal wrapper (BS .popup-inner-bc)
 *   bg #000, no padding, no border-radius
 * ------------------------------------------------------------ */
html.mobile-root body.mobile-site #login2 .modal-content {
  background-color: rgb(0, 0, 0) !important;
  border-radius: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

html.mobile-root body.mobile-site #login2 .login-modal-container {
  background-color: rgb(0, 0, 0) !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
}

/* ------------------------------------------------------------
 * L2 — Header row (logo left, KAYIT + close right)
 *   BS: padding 0 52px 0 7px, bb 0.8px solid rgba(255,255,255,0.05)
 *   right-side 52px reserves space for fixed close icon
 * ------------------------------------------------------------ */
html.mobile-root body.mobile-site #login2 .login-modal-header {
  height: 49px !important;
  min-height: 49px !important;
  padding: 0 52px 0 7px !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  border-bottom: 0.8px solid rgba(255, 255, 255, 0.05) !important;
  background-color: transparent !important;
  position: relative !important;
}

/* L2 — Logo: 100×46, object-fit contain */
html.mobile-root body.mobile-site #login2 .login-logo {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  padding: 0 !important;
  margin: 0 !important;
  max-height: 46px !important;
  height: 46px !important;
  overflow: hidden !important;
}

html.mobile-root body.mobile-site #login2 img.login-logo-img,
html.mobile-root body.mobile-site #login2 .login-logo-img {
  max-width: 100px !important;
  max-height: 46px !important;
  height: auto !important;
  width: auto !important;
  object-fit: contain !important;
  display: block !important;
}

/* L2 — Kayit btn (gold pill, 12px, fw 500) */
html.mobile-root body.mobile-site #login2 .login-register-btn,
html.mobile-root body.mobile-site #login2 #openRegisterFromLogin {
  height: 28px !important;
  min-height: 28px !important;
  padding: 0 8px !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  background-color: rgb(211, 175, 55) !important;
  color: rgb(255, 255, 255) !important;
  border-radius: 4px !important;
  border: 0 !important;
  text-transform: uppercase !important;
  letter-spacing: normal !important;
  line-height: normal !important;
  transition: background 0.24s ease !important;
}

/* L2 — Close icon: BS uses fixed-positioned 24×24 outside header
 *   c rgba(212,175,55,0.6) fs 14
 *   We use absolute positioning relative to modal content for safety
 *   Specificity bump: + button.login-close + [aria-label="Kapat"]
 *   to win against theme-robinbet-mobile.css multi-target rule
 */
html.mobile-root body.mobile-site #login2 button.login-close,
html.mobile-root body.mobile-site #login2 .login-close[aria-label="Kapat"],
html.mobile-root body.mobile-site #login2 .login-close {
  position: absolute !important;
  top: 11px !important;
  right: 11px !important;
  width: 24px !important;
  height: 24px !important;
  min-height: 24px !important;
  padding: 0 !important;
  margin: 0 !important;
  font-size: 24px !important;
  line-height: 24px !important;
  color: rgba(212, 175, 55, 0.6) !important;
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  cursor: pointer !important;
  z-index: 10 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

html.mobile-root body.mobile-site #login2 button.login-close > span,
html.mobile-root body.mobile-site #login2 .login-close > span {
  font-size: 24px !important;
  line-height: 1 !important;
  color: rgba(212, 175, 55, 0.6) !important;
  font-weight: 400 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
}

/* ------------------------------------------------------------
 * L3 — Title block (Hesabiniz var mi? + HEMEN GIRIS YAPIN!)
 *   BS: padding 0 7px on each text element, ta start
 * ------------------------------------------------------------ */
html.mobile-root body.mobile-site #login2 .login-text-block {
  padding: 15px 0 0 !important;
  margin: 0 !important;
}

html.mobile-root body.mobile-site #login2 p.login-top-text,
html.mobile-root body.mobile-site #login2 .login-text-block p,
html.mobile-root body.mobile-site #login2 .login-text-block .login-top-text,
html.mobile-root body.mobile-site #login2 .login-top-text {
  font-size: 14px !important;
  font-weight: 500 !important;
  color: rgba(255, 255, 255, 0.5) !important;
  margin: 0 0 10px !important;
  padding: 0 7px !important;
  line-height: 16px !important;
  text-transform: none !important;
  text-align: start !important;
  letter-spacing: normal !important;
}

html.mobile-root body.mobile-site #login2 h1.login-main-title,
html.mobile-root body.mobile-site #login2 .login-text-block h1,
html.mobile-root body.mobile-site #login2 .login-text-block .login-main-title,
html.mobile-root body.mobile-site #login2 .login-main-title {
  font-size: 18px !important;
  font-weight: 400 !important;
  color: rgb(255, 255, 255) !important;
  margin: 0 0 15px !important;
  padding: 0 7px !important;
  line-height: 20px !important;
  text-transform: uppercase !important;
  text-align: start !important;
  letter-spacing: normal !important;
}

/* ------------------------------------------------------------
 * L4 — Input wrappers + inputs (BS .form-control-label-bc + input)
 *   BS wrap: 49.4px height, br 0, m 0, bg rgba(255,255,255,0.15)
 *   theme-robinbet-mobile.css line 2099-2113 sets height 52px
 *   register-page-fixes.css already addresses #registerModal — we
 *   apply same 49.4px to #login2.
 * ------------------------------------------------------------ */
html.mobile-root body.mobile-site #login2 label.form-control-label-bc.inputs,
html.mobile-root body.mobile-site #login2 label.form-control-label-bc,
html.mobile-root body.mobile-site #login2 .form-control-label-bc.inputs,
html.mobile-root body.mobile-site #login2 .form-control-label-bc {
  height: 49.4px !important;
  min-height: 49.4px !important;
  max-height: 49.4px !important;
  border-radius: 4px !important;
  border: 0 !important;
  background-color: rgba(255, 255, 255, 0.15) !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  position: relative !important;
}

html.mobile-root body.mobile-site #login2 .form-control-input-bc,
html.mobile-root body.mobile-site #login2 input.form-control-input-bc,
html.mobile-root body.mobile-site #login2 .form-control-label-bc .form-control-input-bc,
html.mobile-root body.mobile-site #login2 .form-control-label-bc.inputs .form-control-input-bc,
html.mobile-root body.mobile-site #login2 .form-control-label-bc input,
html.mobile-root body.mobile-site #login2 input[name="username"],
html.mobile-root body.mobile-site #login2 input[name="password"] {
  height: 100% !important;
  min-height: 49.4px !important;
  max-height: 49.4px !important;
  padding: 20px 44px 4px 15px !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: normal !important;
  color: rgba(255, 255, 255, 0.9) !important;
  background-color: transparent !important;
  border: 0 !important;
  border-radius: 4px !important;
  box-sizing: border-box !important;
  outline: 0 !important;
  width: 100% !important;
}

/* Form-group spacing parity:
 *   BS uses .entrance-f-item-bc with no margin between (inline by JS)
 *   MR uses .form-group with default Bootstrap m-bottom 14px.
 *   BS visual gap between input1 and input2 is ~9px. We adjust.
 */
html.mobile-root body.mobile-site #login2 .form-group {
  margin: 0 0 9px !important;
  padding: 0 7px !important;
}

html.mobile-root body.mobile-site #login2 .form-group:last-of-type {
  margin: 0 0 9px !important;
}

/* ------------------------------------------------------------
 * L5 — Floating label (BS .form-control-title-bc)
 *   fs 12, c rgba(255,255,255,0.4), pos abs, top 20px,
 *   left 15px, lh 14px
 * ------------------------------------------------------------ */
html.mobile-root body.mobile-site #login2 .form-control-title-bc {
  font-size: 12px !important;
  color: rgba(255, 255, 255, 0.4) !important;
  font-weight: 400 !important;
  position: absolute !important;
  top: 20px !important;
  left: 15px !important;
  padding: 0 !important;
  line-height: 14px !important;
  pointer-events: none !important;
  transition: top 0.2s ease, font-size 0.2s ease !important;
  letter-spacing: normal !important;
}

/* When input is focused or has content (not placeholder shown),
 * label rises (BS-paralel)
 */
html.mobile-root body.mobile-site #login2 .form-control-input-bc:focus
  ~ .form-control-title-bc,
html.mobile-root body.mobile-site #login2 .form-control-input-bc:not(:placeholder-shown)
  ~ .form-control-title-bc {
  top: 8px !important;
  font-size: 10px !important;
}

/* ------------------------------------------------------------
 * L6 — Submit button (GIRIS, gold, 34.2px h)
 *   BS: 365.18 x 34.2, p 0 20px, fs 12, fw 500,
 *   bg rgb(211,175,55), c #fff, br 4px, tt uppercase,
 *   lh normal, transition background 0.24s
 * ------------------------------------------------------------ */
html.mobile-root body.mobile-site #login2 button.login-btn,
html.mobile-root body.mobile-site #login2 button[type="submit"].login-btn,
html.mobile-root body.mobile-site #login2 .login-form button[type="submit"],
html.mobile-root body.mobile-site #login2 .login-btn {
  height: 34.2px !important;
  min-height: 34.2px !important;
  max-height: 34.2px !important;
  width: 100% !important;
  padding: 0 20px !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  background-color: rgb(211, 175, 55) !important;
  color: rgb(255, 255, 255) !important;
  border: 0 !important;
  border-radius: 4px !important;
  text-transform: uppercase !important;
  letter-spacing: normal !important;
  line-height: normal !important;
  transition: background 0.24s ease !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
}

html.mobile-root body.mobile-site #login2 button.login-btn:hover,
html.mobile-root body.mobile-site #login2 .login-btn:hover {
  background-color: rgb(196, 162, 50) !important;
}

html.mobile-root body.mobile-site #login2 button.login-btn .btn-text,
html.mobile-root body.mobile-site #login2 .login-btn .btn-text {
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: normal !important;
  color: inherit !important;
}

/* ------------------------------------------------------------
 * L7 — Forgot password link
 *   BS: DIV.sg-n-forgot-password-text, m 20px 0 0, p 0 7px,
 *   fs 14, fw 500, c rgba(255,255,255,0.7), td none, ta center,
 *   tt none (text source already uppercase)
 * ------------------------------------------------------------ */
html.mobile-root body.mobile-site #login2 .login-forgot {
  margin: 20px 0 0 !important;
  padding: 0 7px !important;
  text-align: center !important;
}

html.mobile-root body.mobile-site #login2 .login-forgot a,
html.mobile-root body.mobile-site #login2 #openForgotPassword {
  font-size: 14px !important;
  font-weight: 500 !important;
  color: rgba(255, 255, 255, 0.7) !important;
  text-decoration: none !important;
  text-transform: none !important;
  text-align: center !important;
  letter-spacing: normal !important;
  padding: 0 !important;
  margin: 0 !important;
  line-height: 16px !important;
  display: inline-block !important;
}

/* ------------------------------------------------------------
 * L8 — Remember me row (custom checkbox + label)
 *   BS: row 365.18 x 15.2, m 0, p 0, display flex
 *   checkbox 13x13, opacity 0 (rendered via pseudo)
 *   To match BS we hide native checkbox and render custom box
 * ------------------------------------------------------------ */
html.mobile-root body.mobile-site #login2 .login-remember-row {
  margin: 0 !important;
  padding: 0 7px !important;
  display: flex !important;
  align-items: center !important;
  height: auto !important;
  min-height: 16px !important;
}

html.mobile-root body.mobile-site #login2 .login-remember-label {
  display: inline-flex !important;
  align-items: center !important;
  cursor: pointer !important;
  position: relative !important;
  padding-left: 20px !important;
  margin: 0 !important;
  user-select: none !important;
  line-height: 16px !important;
}

html.mobile-root body.mobile-site #login2 input.login-remember-checkbox,
html.mobile-root body.mobile-site #login2 input[type="checkbox"].login-remember-checkbox,
html.mobile-root body.mobile-site #login2 .login-remember-label .login-remember-checkbox,
html.mobile-root body.mobile-site #login2 .login-remember-checkbox {
  position: absolute !important;
  left: 0 !important;
  top: 1px !important;
  width: 13px !important;
  height: 13px !important;
  min-width: 13px !important;
  max-width: 13px !important;
  min-height: 13px !important;
  max-height: 13px !important;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 0 !important;
  cursor: pointer !important;
  z-index: 2 !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}

/* Custom checkmark box (BS-paralel) */
html.mobile-root body.mobile-site #login2 .login-remember-label::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 1px !important;
  width: 13px !important;
  height: 13px !important;
  border: 1px solid rgba(255, 255, 255, 0.4) !important;
  border-radius: 2px !important;
  background-color: transparent !important;
  box-sizing: border-box !important;
  transition: background-color 0.2s ease, border-color 0.2s ease !important;
}

/* Checkmark when checked */
html.mobile-root body.mobile-site #login2 .login-remember-label:has(.login-remember-checkbox:checked)::before {
  background-color: rgb(211, 175, 55) !important;
  border-color: rgb(211, 175, 55) !important;
}

html.mobile-root body.mobile-site #login2 .login-remember-label:has(.login-remember-checkbox:checked)::after {
  content: "" !important;
  position: absolute !important;
  left: 4px !important;
  top: 3px !important;
  width: 4px !important;
  height: 7px !important;
  border: solid #fff !important;
  border-width: 0 2px 2px 0 !important;
  transform: rotate(45deg) !important;
}

html.mobile-root body.mobile-site #login2 .login-remember-label > span {
  font-size: 14px !important;
  font-weight: 400 !important;
  color: rgba(255, 255, 255, 0.7) !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 16px !important;
}

/* ------------------------------------------------------------
 * L9 — Support / footer link
 *   BS: 378.48 x 53.96, h 56.8, pad 20px 7px, bg transparent,
 *   c rgba(255,255,255,0.5), fs 14, fw 500, tt none, td none,
 *   no border-top, jc center, ai center
 *   icon: fs 14, c 0.5, mr 12px
 *   margin-top: 0 (sits at end of form-sign block)
 * ------------------------------------------------------------ */
html.mobile-root body.mobile-site #login2 .login-support {
  padding: 20px 7px !important;
  margin: 0 !important;
  background-color: transparent !important;
  border-top: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: auto !important;
  min-height: 56.8px !important;
  position: static !important;
}

html.mobile-root body.mobile-site #login2 .login-support a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  margin: 0 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  color: rgba(255, 255, 255, 0.5) !important;
  text-decoration: underline !important;
  text-decoration-color: rgba(255, 255, 255, 0.5) !important;
  text-decoration-thickness: 1px !important;
  text-underline-offset: 2px !important;
  text-transform: none !important;
  background-color: transparent !important;
  text-align: center !important;
  height: auto !important;
  line-height: 16px !important;
}

html.mobile-root body.mobile-site #login2 .login-support a:hover {
  color: rgba(255, 255, 255, 0.7) !important;
}

html.mobile-root body.mobile-site #login2 .login-support a > span {
  color: rgba(255, 255, 255, 0.5) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  text-transform: none !important;
  /* span itself has no td, but inherits underline from parent <a> */
}

html.mobile-root body.mobile-site #login2 .login-support a > i {
  font-size: 14px !important;
  color: rgba(255, 255, 255, 0.5) !important;
  width: 14px !important;
  height: 14px !important;
  margin: 0 12px 0 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* ------------------------------------------------------------
 * L_extra — Login banner (MR has banner element, BS doesn't)
 *   Hide login-banner if no asset found (already display:none via
 *   onerror) — explicit hide for cleanup
 * ------------------------------------------------------------ */
html.mobile-root body.mobile-site #login2 .login-banner:empty,
html.mobile-root body.mobile-site #login2 .login-banner img[src=""] {
  display: none !important;
}

/* ------------------------------------------------------------
 * L11 — Font family parity (BS = Roboto, Arial, Helvetica, sans-serif)
 *   Already enforced project-wide by font-stack.css; here we add
 *   guard in case theme override changes #login2 specifically.
 * ------------------------------------------------------------ */
html.mobile-root body.mobile-site #login2,
html.mobile-root body.mobile-site #login2 * {
  font-family: 'Roboto', Arial, Helvetica, sans-serif !important;
}

/* ------------------------------------------------------------
 * L12 — Body padding / form scrollable area
 *   BS .e-p-body-bc has natural flex layout; we ensure
 *   #loginFormScreen and .login-form do not introduce
 *   extra padding that pushes support footer down.
 * ------------------------------------------------------------ */
html.mobile-root body.mobile-site #login2 #loginFormScreen {
  padding: 0 !important;
  margin: 0 !important;
}

html.mobile-root body.mobile-site #login2 .login-form {
  padding: 0 !important;
  margin: 0 !important;
}

/* ------------------------------------------------------------
 * L_modalBody — modal-body container
 *   Bootstrap default has p 1rem; BS popup-inner has p 0
 * ------------------------------------------------------------ */
html.mobile-root body.mobile-site #login2 .modal-body {
  padding: 0 !important;
  margin: 0 !important;
  background-color: rgb(0, 0, 0) !important;
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
}

/* ------------------------------------------------------------
 * L_error — Error messages (BS puts error below input,
 *   small fs, red color)
 * ------------------------------------------------------------ */
html.mobile-root body.mobile-site #login2 .login-error-text {
  font-size: 11px !important;
  color: rgb(231, 31, 31) !important;
  padding: 2px 7px 0 !important;
  margin: 0 !important;
  line-height: 14px !important;
  min-height: 0 !important;
}

html.mobile-root body.mobile-site #login2 .login-error-box {
  font-size: 13px !important;
  color: rgb(231, 31, 31) !important;
  background-color: rgba(231, 31, 31, 0.08) !important;
  padding: 8px 10px !important;
  margin: 8px 7px !important;
  border-radius: 4px !important;
  line-height: 16px !important;
}

html.mobile-root body.mobile-site #login2 .login-success-box {
  font-size: 13px !important;
  color: rgb(34, 197, 94) !important;
  background-color: rgba(34, 197, 94, 0.08) !important;
  padding: 8px 10px !important;
  margin: 8px 7px !important;
  border-radius: 4px !important;
  line-height: 16px !important;
}

/* ------------------------------------------------------------
 * L_iconStroke — Form input stroke icon (BS .form-control-input-stroke-bc)
 *   Hidden by default, shown on focus underline indicator
 * ------------------------------------------------------------ */
html.mobile-root body.mobile-site #login2 .form-control-input-stroke-bc {
  display: none !important;
}

/* ------------------------------------------------------------
 * L13 — Input gap between username and password
 *   BS measured gap: ~9px (calculated in audit)
 *   With form-group margin 9px and items-bc no padding, we get parity
 * ------------------------------------------------------------ */

/* /===== AGENT-LOGIN END =====/ */