/* Public sign-in screen. Authentication and portal styles remain separate. */
.login-story,.login-story-footer,.login-card-heading { display: none; }
@media(min-width:761px) {
 body.desktop-refresh.supplier-auth-page { background: #0e1b2c; }
 .desktop-refresh.supplier-auth-page .supplier-auth-shell { display: block; min-height: 100svh; padding: 0; }
 .desktop-refresh.supplier-auth-page .supplier-auth-panel { width: 100%; min-height: 100svh; grid-template-columns: minmax(0,1fr) minmax(360px,28%); border: 0; border-radius: 0; box-shadow: none; overflow: visible; }
 .desktop-refresh.supplier-auth-page .supplier-auth-brand-panel { position: relative; min-height: 100svh; padding: 44px clamp(40px,5vw,96px); isolation: isolate; background: #0e1b2c; }
 .supplier-auth-brand-panel::before { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg,rgba(14,27,44,.52),rgba(14,27,44,.5) 35%,#0e1b2c 100%),url('/images/business/ready-for-growth.webp') center/cover no-repeat; }
 .desktop-refresh .supplier-auth-brand-panel .supplier-sidebar-brand img { height: 32px; width: auto; }
 .supplier-auth-intro { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
 .login-story { display: block; margin: auto 0; padding: 80px 0; }
 .supplier-auth-brand-panel .login-eyebrow { margin: 0 0 24px; color: #d4bea0; font-size: 11px; line-height: 1.5; letter-spacing: .15em; font-weight: 700; text-transform: uppercase; }
 .login-story h2 { margin: 0; color: #fbfaf6; font-size: clamp(54px,5.6vw,92px); font-weight: 500; line-height: 1.04; letter-spacing: -.045em; }
 .supplier-auth-brand-panel .login-story-copy { max-width: 520px; margin: 28px 0 0; color: #d4dbe2; font-size: 17px; line-height: 1.75; }
 .login-story-footer { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding-top: 24px; border-top: 1px solid #ffffff30; color: #c7cfd8; font-size: 12px; }
 .login-story-footer a { color: #fbfaf6; text-decoration: none; }
 .login-story-footer a span { margin-left: 12px; }
 .desktop-refresh.supplier-auth-page .supplier-auth-card { display: flex; flex-direction: column; justify-content: center; align-items: stretch; align-self: stretch; padding: 48px clamp(28px,2.6vw,54px); background: #fbfaf6; }
 .login-card-heading { display: block; margin-bottom: 32px; }
 .login-card-heading > p { margin: 0 0 18px; color: #80613e; text-transform: uppercase; letter-spacing: .12em; font-size: 10px; font-weight: 700; }
 .login-card-heading h2 { margin: 0 0 14px; color: #0e1b2c; font-size: 38px; line-height: 1.1; letter-spacing: -.04em; font-weight: 600; }
 .login-card-heading > span { color: #596370; font-size: 14px; line-height: 1.65; }
 .supplier-auth-form { gap: 16px; }
 .supplier-auth-field input { min-width: 0; min-height: 50px; padding: 12px 14px; border-radius: 8px; background: #fff; font-size: 16px; }
 .supplier-auth-submit,.supplier-auth-passkey-button { min-height: 50px; border-radius: 8px; font-size: 14px; padding: 12px 16px; }
 .supplier-auth-submit:hover { transform: none; }
 .supplier-auth-password-note { margin: 0; text-align: center; font-size: 11px; font-weight: 400; }
 .supplier-auth-split { margin-top: 12px; }
 .supplier-auth-partner-note { font-size: 12px; line-height: 1.8; }
 .supplier-auth-plain-note .supplier-auth-apply-link { padding: 0; box-shadow: none; text-decoration-thickness: 1px; text-underline-offset: 3px; }
 .supplier-auth-terms-note { color: #68717d; font-size: 11px; line-height: 1.7; }
 .supplier-auth-passkey-help { font-size: 11px; }
 .supplier-auth-card a:focus-visible,.login-story-footer a:focus-visible { outline: 2px solid #a8835b; outline-offset: 5px; }
}
@media(min-width:761px) and (max-width:1000px) {
 .desktop-refresh.supplier-auth-page .supplier-auth-brand-panel { padding: 32px; }
 .login-story h2 { font-size: 52px; }
 .login-story-footer { align-items: flex-start; flex-direction: column; gap: 14px; }
 .login-story-copy br { display: none; }
}