/* Preserve the original portal layout. Only the approved button treatment is shared. */
:root { color-scheme:light; --j7-colour-focus:#a9500d; --j7-focus-ring:0 0 0 3px #a9500d33; }
body .button:not(.secondary):not(.text-button),
body .primary-button,
body .j7-button:not([data-view]):not([data-premises-tab]):not(.j7-button--secondary):not(.j7-button--ghost),
body .j7-auth-card .j7-button,
body .j7-authenticator-primary {
  background:#fff; border-color:#a9500d; color:#a9500d; box-shadow:none;
}
body .button:not(.secondary):not(.text-button):hover,
body .primary-button:hover,
body .j7-button:not([data-view]):not([data-premises-tab]):not(.j7-button--secondary):not(.j7-button--ghost):hover,
body .j7-auth-card .j7-button:hover,
body .j7-authenticator-primary:hover {
  background:#e7ece7; border-color:#a9500d; color:#a9500d; box-shadow:none;
}
body .button.secondary[aria-pressed=true] { background:#f0f1ef; color:#a9500d; border-color:#a9500d; }
body :is(button,a,input,select,textarea):focus-visible { outline:2px solid #a9500d; outline-offset:3px; }
body .text-button:not(.light) { color:#a9500d; }
body .filter-pill { padding:8px 12px; min-height:40px; border:1px solid #cbd2cd; border-radius:22px; background:#f4f6f2; color:#303b34; font:inherit; font-size:12px; max-width:100%; white-space:normal; text-align:left; }
/* Keep authenticator controls readable within the original rounded login shell. */
body .j7-authenticator :is(input,select,textarea) { color:#24343b; background:#fff; }
body .j7-authenticator-secondary { background:#fff; color:#24343b; }

/* Keep sign-in, recovery and verification controls neutral and outlined. */
body :is(#staff-login,#client-login) .j7-auth-card button,
body .j7-authenticator button {
  background:#fff; border-color:#667078; color:#24343b; box-shadow:none;
}
body :is(#staff-login,#client-login) .j7-auth-card button:hover,
body .j7-authenticator button:hover {
  background:#eef1f3; border-color:#667078; color:#24343b; box-shadow:none;
}

/* Keep both sign-in footers at the viewport edge without covering long forms. */
body:has(> :is(#client-login,#staff-login):not([hidden])) { display:flex; flex-direction:column; min-height:100vh; min-height:100svh; }
body:has(> :is(#client-login,#staff-login):not([hidden])) > :is(#client-login,#staff-login) { flex:0 0 auto; }
body:has(> :is(#client-login,#staff-login):not([hidden])) > :is(#client-footer,#staff-footer) { flex-shrink:0; margin-top:auto; }
:is(#client-login,#staff-login) .j7-auth-card .j7-auth-eyebrow { color:#52606a; }