/* Bid2Stay 28.14.7 — Mobile Login Visibility Lock
   Exact page scope. Authentication logic untouched. */

@media(max-width:900px){

  body.b2s-login-page[data-b2s-form-mode="auth"]{
    background:
      radial-gradient(circle at 18% 18%,rgba(247,185,31,.10),transparent 26%),
      linear-gradient(145deg,#03080e 0%,#071421 58%,#0a1a29 100%)!important;
    color:#f8fafc!important;
    -webkit-text-fill-color:initial!important;
  }

  body.b2s-login-page .b2s-login-shell{
    width:min(100% - 24px,640px)!important;
    margin:0 auto!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:18px!important;
    padding:24px 0 34px!important;
  }

  /* Intro stays intentionally dark / high contrast */
  body.b2s-login-page .b2s-login-intro{
    text-align:left!important;
    margin:0!important;
    padding:0 2px!important;
  }

  body.b2s-login-page .b2s-login-eyebrow{
    color:#f7b91f!important;
    -webkit-text-fill-color:#f7b91f!important;
    opacity:1!important;
  }

  body.b2s-login-page .b2s-login-intro h1{
    margin:0 0 10px!important;
    color:#ffffff!important;
    -webkit-text-fill-color:#ffffff!important;
    font-size:clamp(28px,8vw,38px)!important;
    line-height:1.05!important;
    opacity:1!important;
    text-shadow:none!important;
  }

  body.b2s-login-page .b2s-login-intro h1 span{
    color:#f7b91f!important;
    -webkit-text-fill-color:#f7b91f!important;
  }

  body.b2s-login-page .b2s-login-intro > p{
    margin:0 0 12px!important;
    color:#c7d0dc!important;
    -webkit-text-fill-color:#c7d0dc!important;
    font-size:14px!important;
    line-height:1.45!important;
    opacity:1!important;
  }

  body.b2s-login-page .b2s-login-benefits{
    display:none!important;
  }

  /* The actual form card is dark; all labels must be light */
  body.b2s-login-page form.b2s-login-card{
    width:100%!important;
    box-sizing:border-box!important;
    margin:0!important;
    padding:16px!important;
    border:1px solid rgba(255,255,255,.28)!important;
    border-radius:15px!important;
    background:#071421!important;
    color:#ffffff!important;
    box-shadow:0 16px 38px rgba(0,0,0,.18)!important;
  }

  body.b2s-login-page form.b2s-login-card h1,
  body.b2s-login-page form.b2s-login-card h2,
  body.b2s-login-page form.b2s-login-card h3{
    color:#ffffff!important;
    -webkit-text-fill-color:#ffffff!important;
    opacity:1!important;
  }

  body.b2s-login-page form.b2s-login-card label,
  body.b2s-login-page form.b2s-login-card .form-label,
  body.b2s-login-page form.b2s-login-card .field-label{
    color:#dce4ee!important;
    -webkit-text-fill-color:#dce4ee!important;
    opacity:1!important;
    text-shadow:none!important;
    font-size:12px!important;
    font-weight:900!important;
  }

  body.b2s-login-page form.b2s-login-card p,
  body.b2s-login-page form.b2s-login-card small,
  body.b2s-login-page form.b2s-login-card .hint,
  body.b2s-login-page form.b2s-login-card .helper{
    color:#aeb9c8!important;
    -webkit-text-fill-color:#aeb9c8!important;
    opacity:1!important;
  }

  body.b2s-login-page form.b2s-login-card input:not([type="checkbox"]):not([type="radio"]),
  body.b2s-login-page form.b2s-login-card select{
    width:100%!important;
    min-height:46px!important;
    height:46px!important;
    box-sizing:border-box!important;
    padding:0 12px!important;
    border:1px solid #d7dee7!important;
    border-radius:10px!important;
    background:#ffffff!important;
    color:#172033!important;
    -webkit-text-fill-color:#172033!important;
    caret-color:#172033!important;
    font-size:16px!important;
    opacity:1!important;
  }

  body.b2s-login-page form.b2s-login-card input::placeholder{
    color:#8b96a6!important;
    -webkit-text-fill-color:#8b96a6!important;
    opacity:1!important;
  }

  body.b2s-login-page form.b2s-login-card a{
    color:#f7b91f!important;
    -webkit-text-fill-color:#f7b91f!important;
    opacity:1!important;
  }

  body.b2s-login-page form.b2s-login-card button[type="submit"]{
    width:100%!important;
    min-height:46px!important;
    border:0!important;
    border-radius:10px!important;
    background:#f7b91f!important;
    color:#111827!important;
    -webkit-text-fill-color:#111827!important;
    font-size:14px!important;
    font-weight:900!important;
    opacity:1!important;
  }

  /* Password reveal / utility buttons */
  body.b2s-login-page form.b2s-login-card button:not([type="submit"]){
    color:#344054!important;
    -webkit-text-fill-color:#344054!important;
    opacity:1!important;
  }

  /* Avoid generic platform form CSS recolouring this card */
  body.b2s-login-page form.b2s-login-card *{
    text-shadow:none!important;
  }
}