#work-appearance-toggle {position:fixed;top:18px;right:24px;z-index:100;border:1px solid #777;background:#35383d;color:#f3f3f3;border-radius:18px;min-height:36px;padding:5px 14px;cursor:pointer;font:14px system-ui,sans-serif;}
#work-appearance-toggle:focus-visible {outline:3px solid #ffb500;outline-offset:3px;}

html[data-work-theme='light'] #work-appearance-toggle {background:#303438;color:#fff;border-color:#303438;box-shadow:0 2px 12px rgba(25,31,38,.18);}
html[data-work-theme='dark'] #work-appearance-toggle {background:#f3f3f1;color:#242425;border-color:#d9d9d5;box-shadow:0 2px 12px rgba(0,0,0,.28);}
html.login-pf body,
#work-appearance-toggle,
.pf-v5-c-login__main,
.pf-v5-c-login__main-footer,
.pf-v5-c-login__main-footer-band,
#kc-page-title,
.pf-v5-c-form__label-text,
.pf-v5-c-form-control,
.pf-v5-c-form-control input {
 transition:background-color 520ms cubic-bezier(.22,.61,.36,1),color 520ms cubic-bezier(.22,.61,.36,1),border-color 520ms cubic-bezier(.22,.61,.36,1),box-shadow 520ms cubic-bezier(.22,.61,.36,1);
}

/* Keep the same Work scene in both modes. Light mode only changes its exposure. */
html[data-work-theme='light'] .login-pf body,
html.login-pf[data-work-theme='light'] body {
 background:
  linear-gradient(110deg,rgba(250,249,245,.62),rgba(238,241,244,.54)),
  radial-gradient(ellipse at 22% 30%,rgba(255,181,0,.14),transparent 55%),
  url('../img/work-background.svg') center/cover fixed!important;
 color:#202124;
}
html[data-work-theme='light'] #kc-header-wrapper {background-image:url('../img/forst-wordmark-on-light.svg')!important;}
html[data-work-theme='light'] .pf-v5-c-login__main {background:rgba(255,255,255,.94)!important;color:#202124;border-color:#cfd4da;box-shadow:0 18px 60px rgba(25,31,38,.22);backdrop-filter:blur(14px);}
html[data-work-theme='light'] #kc-page-title,
html[data-work-theme='light'] .pf-v5-c-form__label-text {color:#202124;}
html[data-work-theme='light'] .pf-v5-c-form-control {background:#fff;color:#202124;border-color:#707780;}
html[data-work-theme='light'] .pf-v5-c-form-control input {color:#202124;}
html[data-work-theme='light'] .pf-v5-c-form-control input,
html[data-work-theme='light'] .pf-v5-c-form-control input:focus,
html[data-work-theme='light'] .pf-v5-c-form-control input:-webkit-autofill,
html[data-work-theme='light'] .pf-v5-c-form-control input:-webkit-autofill:hover,
html[data-work-theme='light'] .pf-v5-c-form-control input:-webkit-autofill:focus {
 color:#202124!important;
 -webkit-text-fill-color:#202124!important;
 caret-color:#202124!important;
 background-color:#fff!important;
 -webkit-box-shadow:0 0 0 1000px #fff inset!important;
 transition:background-color 9999s ease-out 0s;
}
html[data-work-theme='dark'] .pf-v5-c-form-control {background:#35383d;color:#f0f2f5;}
html[data-work-theme='dark'] .pf-v5-c-form-control input {color:#f0f2f5;}
html[data-work-theme='dark'] .pf-v5-c-form-control input:-webkit-autofill,
html[data-work-theme='dark'] .pf-v5-c-form-control input:-webkit-autofill:hover,
html[data-work-theme='dark'] .pf-v5-c-form-control input:-webkit-autofill:focus {
 color:#f0f2f5!important;
 -webkit-text-fill-color:#f0f2f5!important;
 caret-color:#f0f2f5!important;
 -webkit-box-shadow:0 0 0 1000px #35383d inset!important;
}
html[data-work-theme='dark'] .pf-v5-c-login__main-footer,
html[data-work-theme='dark'] .pf-v5-c-login__main-footer-band {background:#27282b;color:#d9dde3;}
@media(max-width:600px){
 #work-appearance-toggle{top:10px;right:12px;font-size:12px;min-height:32px;}
 html[data-work-theme='light'] .login-pf body,
 html.login-pf[data-work-theme='light'] body {background-position:center center!important;background-attachment:scroll!important;}
}
@media(prefers-reduced-motion:reduce){
 html.login-pf body,
 #work-appearance-toggle,
 .pf-v5-c-login__main,
 .pf-v5-c-login__main-footer,
 .pf-v5-c-login__main-footer-band,
 #kc-page-title,
 .pf-v5-c-form__label-text,
 .pf-v5-c-form-control,
 .pf-v5-c-form-control input {transition:none!important;}
}
