/* External stylesheet works with the existing style-src 'self' policy. */
body{background:#eef1f6;background:radial-gradient(ellipse at top left,#e7eaf5,transparent 60%),#f3f5f8}
main.center{display:flex;flex-direction:column;min-height:100vh;padding:32px 20px;justify-content:center;align-items:center;overflow:visible}
.center>.flash{width:100%;max-width:480px;box-sizing:border-box;line-height:1.5}
.staff-login-page{width:100%;display:flex;justify-content:center}
.staff-login-card{width:100%;max-width:480px;padding:32px 38px;background:#fff;border:1px solid #dce2ec;border-top:5px solid #b18b40;border-radius:18px;box-shadow:0 18px 50px #172d4b12;text-align:center;box-sizing:border-box}
.staff-logo{display:block;width:180px;max-width:70%;height:auto;margin:0 auto 20px}
.staff-eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:#795d27;margin:0 0 10px}
.staff-login-card h1{font-size:32px;line-height:1.2;color:#172f52;letter-spacing:-.6px;margin:0}
.staff-subtitle{color:#626e80;font-size:15px;line-height:1.6;margin:10px 0 24px}
.ms-login{display:flex;align-items:center;justify-content:center;gap:12px;min-height:50px;padding:12px 16px;border-radius:8px;background:#173f72;color:#fff;text-decoration:none;font-size:15px;font-weight:700;box-sizing:border-box}
.ms-login:hover{background:#102f57}
.ms-mark{display:grid;grid-template-columns:repeat(2,8px);gap:2px}
.ms-mark i{width:8px;height:8px;background:#fff;display:block}
.login-divider{display:flex;align-items:center;gap:12px;font-size:12px;color:#667085;margin:22px 0}
.login-divider:before,.login-divider:after{content:"";height:1px;background:#e4e8ef;flex:1}
.staff-login-card form{text-align:left}
.staff-login-card label{display:block;color:#263951;font-size:13px;font-weight:700;margin:16px 0 7px}
.staff-login-card input:not([type=hidden]){width:100%;min-height:48px;margin:0;padding:12px 14px;font:inherit;font-size:16px;border:1px solid #bdc8d8;border-radius:8px;background:#fff;color:#172033;box-sizing:border-box}
.staff-login-card button{width:100%;min-height:48px;margin-top:20px;background:#602b7d;color:#fff;border:0;border-radius:8px;font-size:15px;font-weight:700;cursor:pointer}
.staff-login-card button:hover{background:#48205e}
.staff-login-card :is(a,button,input):focus-visible{outline:3px solid #a77723;outline-offset:3px}
.client-link{margin:22px 0;font-size:13px;line-height:1.6;color:#667085}
.client-link a{color:#173f72;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.security-note{border-top:1px solid #e4e8ef;padding-top:18px;margin:0;font-size:12px;line-height:1.6;color:#667085}
.security-note strong{color:#36465c}
.tagline{margin:18px 0 0;font-size:12px;line-height:1.5;color:#795d27;font-weight:700}
@media(max-width:520px){main.center{padding:20px 14px}.staff-login-card{padding:26px 22px}.staff-login-card h1{font-size:28px}.staff-logo{width:155px}}
@media print{main.center{min-height:0;padding:0}.staff-login-card{box-shadow:none;break-inside:avoid}}