/* Sign-in page (user/login), 2026-10-05: in the customer dashboard's look (Style B): a white card with the charcoal title
   strip, the gold button, and a line for people who only track (no account needed). */
.signin { padding-top: 34px; padding-bottom: 20px; }
.signin-card { max-width: 400px; margin: 0 auto; background: var(--ga-card); border: 1px solid var(--ga-line); border-radius: 4px; overflow: hidden; }
.signin-head { background: var(--ga-navy); color: #fff; padding: 18px 24px 16px; border-bottom: 3px solid var(--ga-gold); }
.signin-head h2 { margin: 0; font-size: 20px; font-weight: 600; color: #fff; }
.signin-head p { margin: 4px 0 0; font-size: 12px; color: rgba(255, 255, 255, .7); }
.signin-body { padding: 20px 24px 6px; }
.signin .control-label { font-size: 13px; font-weight: 600; color: var(--ga-text); margin-bottom: 5px; }
.signin .form-control { height: 40px; border: 1px solid #D5D9DF; border-radius: 3px; box-shadow: none; font-size: 15px; }
.signin .form-control:focus { border-color: var(--ga-navy-2); box-shadow: 0 0 0 3px rgba(209, 173, 89, .25); }
.signin .form-control::placeholder { color: #9AA1AB; }
.signin .help-block, .signin .msg-box { font-size: 12px; }
.signin-submit { margin-top: 20px; }
.signin-submit .btn-gold { height: 42px; font-size: 15px; border-radius: 3px; }
.signin-note { max-width: 480px; margin: 14px auto 0; font-size: 13px; color: var(--ga-muted); text-align: center; }
.signin-note .fa { color: var(--ga-gold); margin-right: 3px; }
.signin-note a { font-weight: 600; }
@media (max-width: 767px) {
    .signin { padding-top: 16px; }
    .signin .form-control { font-size: 16px; }   /* no zoom on focus in iOS */
}