/* BCM Fit's compact sign-in proportions, in the existing 4CC palette. */
.r28-admin-login{padding:calc(20px + var(--fcc-safe-top,0px)) 20px calc(20px + var(--fcc-safe-bottom,0px));overflow-y:auto;overscroll-behavior:contain;background:rgba(8,18,33,.7)}
.r28-admin-login .r28-login-card{box-sizing:border-box;width:min(372px,100%);max-height:calc(100dvh - 40px - var(--fcc-safe-top,0px) - var(--fcc-safe-bottom,0px));overflow-y:auto;border:1px solid #dce3eb;border-radius:18px;background:#fff;color:#172033;box-shadow:0 18px 60px rgba(17,24,39,.22)}
.r28-login-brand{min-height:68px;padding:17px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#111827;color:#fff}
.r28-login-brand .r13-brand{font-size:24px;line-height:1;letter-spacing:-.6px}
.r28-admin-login .r28-login-close{position:static;flex:0 0 34px;width:34px;height:34px;border:1px solid #ffffff24;border-radius:10px;display:grid;place-items:center;background:#ffffff0b;color:#fff;font-family:inherit;font-size:24px;font-weight:400;line-height:1;cursor:pointer}
.r28-login-form{display:grid;gap:20px;margin:0;padding:24px}
.r28-login-eyebrow{display:block;margin-bottom:7px;color:#798596;font-size:9px;font-weight:850;letter-spacing:.7px}
.r28-admin-login .r28-login-heading h2{margin:0;font-size:24px;font-weight:850;line-height:1.2;letter-spacing:-.65px;text-align:left}
.r28-admin-login .r28-login-heading p{margin:8px 0 0;color:#6d798b;font-size:11px;line-height:1.5}
.r28-pin-field{display:grid;gap:8px;min-width:0}
.r28-pin-field label{margin:0;color:#536176;font-size:11px;font-weight:750}
.r28-admin-login #adminPinInput{box-sizing:border-box;width:100%;min-width:0;height:54px;padding:0 12px 0 24px;border:1px solid #d8e0e9;border-radius:10px;background:#fbfcfd;color:#111827;font-family:inherit;font-size:22px;font-weight:800;letter-spacing:12px;text-align:center;outline-offset:3px}
.r28-admin-login #adminPinInput::placeholder{color:#abb5c2;opacity:1}
.r28-admin-login #adminPinInput[aria-invalid="true"]{border-color:#c33152;background:#fff9fa}
.r28-admin-login #adminPinError{min-height:16px;margin:0;color:#b52647;font-size:10px;font-weight:650;line-height:16px}
.r28-admin-login .r28-login-submit{box-sizing:border-box;width:100%;min-height:45px;margin:0;padding:11px 14px;border:1px solid #ed2554;border-radius:11px;display:flex;align-items:center;justify-content:center;gap:8px;background:#ed2554;color:#fff;font-family:inherit;font-size:12px;font-weight:850;cursor:pointer}
.r28-admin-login .r28-login-submit:hover{background:#d91d49;border-color:#d91d49}
.r28-admin-login button:focus-visible,.r28-admin-login input:focus-visible,.r13-admin-tabs [role="tab"]:focus-visible,#app.v25-admin-app #adminPanel:focus-visible{outline:3px solid #709ee2;outline-offset:3px}
/* The body remains the scroll container; tabs never create a second scroller. */
html:has(#app.v25-admin-app){scrollbar-gutter:stable}
#app.v25-admin-app{overflow-anchor:none}
#app.v25-admin-app .r13-admin-tabs{top:var(--fcc-safe-top,0px)}
#app.v25-admin-app #adminPanel{box-sizing:border-box;display:flow-root;overflow:visible}
@media(max-width:365px){.r28-admin-login{padding:calc(16px + var(--fcc-safe-top,0px)) 16px calc(16px + var(--fcc-safe-bottom,0px))}.r28-admin-login .r28-login-card{max-height:calc(100dvh - 32px - var(--fcc-safe-top,0px) - var(--fcc-safe-bottom,0px))}.r28-login-form{padding:21px;gap:18px}}
@media(max-height:430px){.r28-admin-login{align-items:start}.r28-login-brand{min-height:54px;padding-top:10px;padding-bottom:10px}.r28-login-form{gap:14px;padding-top:18px;padding-bottom:18px}}
