:root{--sie-navy:#102b46;--sie-orange:#ff922f;--sie-bg:#f5f7fb;--sie-border:#dfe7ef;--sie-muted:#586579}
html{height:auto;min-height:100%;background:var(--sie-bg)}
body#loginBody.sie-staff-login{height:auto;min-height:100svh;display:grid;grid-template-columns:43% minmax(0,1fr);grid-template-rows:1fr auto;margin:0;background:var(--sie-bg);color:var(--sie-navy);font:14px/1.6 system-ui,-apple-system,"Segoe UI",sans-serif;text-align:left}
.sie-staff-login *{box-sizing:border-box}
.sie-staff-login a{color:var(--sie-navy);text-underline-offset:4px}
.sie-staff-login :is(a,input,button,[tabindex]):focus-visible{outline:3px solid var(--sie-orange);outline-offset:3px}
.sie-staff-login #brickwall,.sie-staff-login #blur{display:none}
.sie-login-brand{grid-column:1;grid-row:1 / 3;background:var(--sie-navy);color:#fff;padding:56px 48px 36px;min-height:100svh;display:flex;flex-direction:column;gap:48px}
.sie-login-brand-logo{background:#fff;border-radius:10px;padding:24px;display:flex;align-items:center;justify-content:center}
.sie-login-brand-logo img{display:block;width:100%;height:auto;max-height:130px;object-fit:contain}
.sie-login-contact{margin:auto 0;overflow-wrap:anywhere}
.sie-login-contact h2{font-size:26px;line-height:1.3;font-weight:650;letter-spacing:-.025em;margin:0 0 28px}
.sie-login-contact dl{display:grid;gap:20px;margin:0}
.sie-login-contact dt{font-size:12px;color:#bacbda;margin-bottom:4px}
.sie-login-contact dd{font-size:18px;line-height:1.5;margin:0}
.sie-login-brand a{color:#fff;text-decoration:none}
.sie-login-brand a:hover{text-decoration:underline}
.sie-login-client{font-size:12px;color:#d4e0ea}
.sie-staff-login #loginBox{grid-column:2;grid-row:1;position:relative;left:auto;top:auto;margin:64px auto 32px;width:calc(100% - 64px);max-width:430px;padding:36px;background:#fff;border:1px solid var(--sie-border);border-radius:18px;box-shadow:none;isolation:auto;align-self:center;text-align:left}
.sie-staff-login #loginBox:after{display:none}
.sie-login-title{font-size:28px;line-height:1.25;letter-spacing:-.03em;font-weight:650;color:var(--sie-navy);margin:0 0 12px}
.sie-staff-login #login-message{margin:0 0 24px;font-size:13px;line-height:1.6;font-weight:400;color:var(--sie-muted);text-align:left}
.sie-staff-login #loginBox h3{font-size:13px;text-align:left;color:var(--sie-muted)}
.sie-staff-login #loginBox form{width:100%;margin:0;padding:0}
.sie-staff-login #loginBox fieldset{margin:0;padding:0;border:0}
.sie-staff-login #loginBox label{display:block;margin:18px 0 8px;font-size:13px;font-weight:450}
.sie-staff-login #loginBox input:not([type=hidden]):not([type=submit]):not([type=checkbox]){width:100%;height:48px;margin:0 0 12px;padding:11px 14px;background:#fff;color:var(--sie-navy);border:1px solid #cbd6e0;border-radius:8px;font:16px/1.4 system-ui,-apple-system,"Segoe UI",sans-serif;box-shadow:none}
.sie-staff-login #loginBox input::placeholder{font-style:normal;color:#7c8794;font-size:14px}
.sie-staff-login #loginBox :is(button[type=submit],input[type=submit],.submit.button){float:none;display:block;width:100%;min-height:46px;margin:24px 0 0;padding:12px 16px;border:1px solid var(--sie-navy);border-radius:8px;background:var(--sie-navy);color:#fff;font:600 14px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif;box-shadow:none;text-shadow:none;cursor:pointer}
.sie-staff-login #loginBox button[type=submit]:hover{background:#1c4164}
.sie-staff-login #loginBox button[type=submit]:disabled{opacity:.55;cursor:wait}
.sie-staff-login #loginBox button[type=submit] i{display:none}
.sie-staff-login #loginBox .banner{font-size:13px;line-height:1.6;color:var(--sie-muted)}
.sie-staff-login #company{margin:28px 0 0;padding-top:20px;border-top:1px solid var(--sie-border);font-size:12px;line-height:1.5;color:var(--sie-muted)}
.sie-staff-login #company .content{margin:0;padding:0;background:none}
.sie-staff-login #poweredBy{grid-column:2;grid-row:2;position:static;bottom:auto;left:auto;width:auto;margin:0;padding:0 32px 24px;text-align:center;font-size:11px;line-height:1.6;color:var(--sie-muted)}
.sie-staff-login #poweredBy img{max-height:20px;width:auto;vertical-align:middle}
.sie-staff-login #loginBox #loading{position:absolute;inset:0;z-index:10;border-radius:18px;background:#fffffff2;padding:36px;text-align:center}
.sie-staff-login #loginBox #loading h1{font-size:18px;color:var(--sie-navy)}
.sie-staff-login #loginBox .external-auth{margin-top:16px;font-size:14px}
.sie-staff-login #loginBox #reset-link{font-size:13px}
.sie-staff-login #loginBox #logo{margin:0 0 20px}
.sie-staff-login #loginBox #logo a{height:auto}
.sie-staff-login #loginBox #logo img{max-width:200px;max-height:60px}
@media(max-width:1000px){.sie-login-brand{padding:40px 28px 28px}.sie-login-contact h2{font-size:24px}.sie-login-contact dd{font-size:17px}.sie-staff-login #loginBox{padding:30px}}
@media(max-width:767px){body#loginBody.sie-staff-login{display:flex;flex-direction:column}.sie-login-brand{display:contents}.sie-login-brand-logo{order:0;background:var(--sie-navy);border-radius:0;padding:24px}.sie-login-brand-logo img{width:min(100%,340px);background:#fff;padding:16px;border-radius:8px;max-height:126px}.sie-staff-login #loginBox{order:1;margin:32px auto;width:calc(100% - 32px);padding:28px 24px}.sie-login-contact{order:2;margin:0;background:var(--sie-navy);color:#fff;padding:32px 24px}.sie-login-contact a{color:#fff}.sie-login-contact h2{font-size:24px}.sie-login-client{order:3;background:var(--sie-navy);color:#fff!important;padding:0 24px 24px}.sie-staff-login #poweredBy{order:4;padding:20px 24px}.sie-login-title{font-size:26px}}
@media(prefers-reduced-motion:reduce){.sie-staff-login *{transition:none!important;animation:none!important}}
/* Reset the old floating copyright and textured footer. */
.sie-staff-login #company{position:static;left:auto;right:auto;bottom:auto;width:auto;margin-left:0;text-align:center}
.sie-staff-login #company .content{display:block;background:transparent;box-shadow:none;text-shadow:none;color:var(--sie-muted);border-radius:0}
.sie-staff-login #poweredBy{right:auto;background:transparent;box-shadow:none;text-shadow:none;border-radius:0}
.sie-staff-login #poweredBy .osticket-logo{filter:none;-webkit-filter:none;max-width:80px}