/* Add account-type selection to the existing login shell and controls. */
#signupmodal [hidden], #staff_login_modal [hidden] { display:none !important; }
/* Align the desktop heading with the account tabs. */
#signupmodal .modal-left > br:first-child,
#signupmodal .pro-left-widget-info > br:first-child { display:none; }
#signupmodal .modal-left > h1 { padding-top:20px; margin-bottom:8px; }
#signupmodal .cs-login-right { padding-top:30px; text-align:center; }
#signupmodal .cs-login-tabs { display:flex; border-bottom:1px solid #585277; margin-bottom:26px; }
#signupmodal .cs-login-tabs button { flex:1; min-width:0; padding:10px 3px; margin:0 0 -1px; height:auto; min-height:44px; border:0; border-bottom:3px solid transparent; border-radius:0; background:none; box-shadow:none; color:#bcb8d2; font:inherit; font-family:"Cerebri Sans",sans-serif; font-size:14px; line-height:1.5; letter-spacing:0; cursor:pointer; transition:color 160ms ease, border-color 160ms ease; }
#signupmodal .cs-login-tabs button[aria-selected=true] { color:white; border-bottom-color:#17af7d; font-weight:600; }
#signupmodal .cs-login-tabs button:hover { color:white; }
#signupmodal .cs-login-tabs button:focus-visible { outline:2px solid white; outline-offset:3px; }
#signupmodal .cs-login-mobile-title { display:none; }
#signupmodal #cs-student-panel #loginnowbutton { margin-bottom:0 !important; }
#signupmodal #cs-student-panel > br { display:none; }
#signupmodal .cs-staff-alternative { padding-top:43px; }
#signupmodal #cs-staff-password { font:inherit; font-family:"Cerebri Sans",sans-serif; font-size:1em; letter-spacing:1.5px; width:240px; max-width:100%; height:auto; cursor:pointer; line-height:1.5; margin-bottom:0 !important; }
#signupmodal .cs-staff-help { color:#cbc8de; font-size:13px; line-height:1.65; margin:28px auto 0; max-width:300px; }
/* Match the existing student modal's #users_email field. */
#staff_login_modal input { display:inline-block; width:100%; box-sizing:border-box; font-family:inherit; font-size:1.2em; line-height:1.5; height:auto; border-radius:.2em; border:1px solid rgba(0,0,0,.1); appearance:none; background-color:#f5f5f5; color:black; padding:.75rem 1.25rem; margin:10px 0 20px; }
#staff_login_modal input::placeholder { color:#757575 !important; opacity:1; }
#staff_login_modal form { margin-bottom:0; }
#staff_login_modal .start-button { color:#fff; border:0; display:block; width:100%; max-width:none; box-sizing:border-box; font-family:inherit; height:auto; line-height:1.8; cursor:pointer; }
#staff_login_modal #cs-staff-send:disabled { opacity:.65; cursor:wait; }
#staff_login_modal #cs-staff-login-status { font-family:"Cerebri Sans",sans-serif; font-weight:400; color:#6f6d6d; line-height:1.7; margin:16px 0 0; overflow-wrap:anywhere; }
#staff_login_modal #cs-staff-login-status:empty { display:none; }
#staff_login_modal #cs-staff-done { text-align:center; margin-top:22px; }
/* The shared shell removes its top padding at this breakpoint. */
@media screen and (max-width:1080px) {
    #signupmodal { margin-top:32px !important; }
}
@media screen and (max-width:710px) {
    #signupmodal { margin-top:24px !important; }
    #signupmodal .cs-login-right { padding-top:26px; }
    #signupmodal .cs-login-mobile-title { display:block; font-size:23px !important; color:white !important; padding-top:0; margin-bottom:18px; }
    #signupmodal .cs-login-tabs { margin-bottom:24px; }
    #signupmodal .cs-login-tabs button { font-size:14px; }
    #signupmodal .cs-staff-alternative { padding-top:34px; }
}
@media (prefers-reduced-motion:reduce) { #signupmodal .cs-login-tabs button { transition:none; } }