/* One quiet authentication and loading language across OFMS and its portals. */
.fi-simple-layout:has([data-sf-login-brand]),body.sf-portal-auth-v2{background:#f5f7fb!important}
.fi-simple-main:has([data-sf-login-brand]){width:min(980px,100%)!important;max-width:980px!important;padding:0!important;border:1px solid #e2e8f1!important;border-radius:16px!important;background:#fff!important;box-shadow:0 12px 40px #18233808!important;overflow:hidden}
.fi-simple-page:has(> [data-sf-login-brand]){display:grid!important;grid-template-columns:1fr 1fr;gap:0!important}
.fi-simple-page:has(> [data-sf-login-brand])>.fi-simple-page-content{padding:48px 40px!important;align-self:center;gap:26px!important}
.fi-simple-page:has(> [data-sf-login-brand]) .fi-simple-header .fi-logo{display:none!important}
.fi-simple-page:has(> [data-sf-login-brand]) .fi-simple-header{align-items:flex-start;text-align:start}
.fi-simple-page:has(> [data-sf-login-brand]) .fi-simple-header-heading{font-size:29px!important;font-weight:600!important;letter-spacing:0!important;color:#182338!important}
.sf-login-brand{display:flex;flex-direction:column;gap:22px;min-width:0;padding:40px;background:#f6f9fd!important;color:#182338!important;border-inline-end:1px solid #e2e8f1;position:relative}
.sf-login-eyebrow{font-size:12px;font-weight:500;letter-spacing:.1em;color:#718096}.sf-login-tagline{font-size:14px;color:#718096}
.sf-login-brand>img{width:min(290px,100%);height:auto!important;object-fit:contain;align-self:center;margin:20px 0}
.sf-login-message{margin-top:auto}.sf-login-rule{display:block;width:36px;height:3px;background:#b8cff7;margin-bottom:20px;border-radius:2px}
.sf-login-message h2{font-size:27px;line-height:1.4;font-weight:500;margin:0 0 14px;color:#182338}.sf-login-message p{font-size:15px;line-height:1.8;color:#718096;margin:0}
.sf-login-private{display:flex;align-items:center;gap:8px;font-size:12px;color:#718096;margin-top:18px}.sf-login-private svg{width:17px;height:17px;flex:0 0 17px}
.fi-simple-page:has([data-sf-login-brand]) :is(.fi-input,.fi-btn){min-height:46px!important;font-size:16px!important}.fi-simple-page:has([data-sf-login-brand]) .fi-btn{border-radius:8px!important;font-weight:500!important}
body.sf-portal-auth-v2 .auth-card{display:grid!important;grid-template-columns:1fr 1fr!important;width:min(980px,calc(100% - 40px))!important;max-width:980px!important;margin:32px auto 100px!important;border:1px solid #e2e8f1!important;border-radius:16px!important;box-shadow:0 12px 40px #18233808!important;overflow:hidden}
body.sf-portal-auth-v2 .auth-hero{padding:0!important;border:0!important;background:#f6f9fd!important;display:flex!important}.auth-hero>.sf-login-brand{width:100%}
body.sf-portal-auth-v2 .auth-body{padding:44px 38px!important;background:#fff!important;align-self:center;min-width:0}
.sf-auth-heading{font-size:29px;font-weight:600;line-height:1.4;color:#182338;margin:0 0 12px}.sf-auth-intro{font-size:15px;line-height:1.7;color:#718096;margin:0 0 26px}
body.sf-portal-auth-v2 :is(.auth-label,.auth-input,.auth-btn){font-weight:400!important;font-size:16px!important}body.sf-portal-auth-v2 .auth-input{min-height:46px!important;border-radius:8px!important;background:#fff!important}body.sf-portal-auth-v2 .auth-btn{min-height:46px!important;border-radius:8px!important;background:#3478f6!important;font-weight:500!important}
.sf-page-loading{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:24px;background:#edf2f766;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-family:'SF Gilroy',Arial,sans-serif;color:#182338}.sf-page-loading[hidden]{display:none!important}
.sf-page-loading-card{width:min(330px,90vw);display:flex;align-items:center;flex-direction:column;gap:16px;padding:30px 28px;background:#ffffffed;border:1px solid #e2e8f1;border-radius:16px;box-shadow:0 16px 60px #1823380c;text-align:center}
.sf-page-loading-card img{display:block;width:210px;max-width:100%;height:auto;object-fit:contain}.sf-page-loading-card p{margin:0;font:500 17px/1.6 'SF Gilroy',Arial,sans-serif}.sf-loading-brand{font-size:13px;color:#718096}.sf-loading-orbit{width:28px;height:28px;border:2px solid #dbe7fb;border-top-color:#3478f6;border-radius:50%;animation:sf-loading-orbit .9s linear infinite}.sf-page-loading-card button{border:1px solid #dbe5f5;background:transparent;color:#718096;border-radius:7px;padding:8px 12px;font:inherit;font-size:13px;cursor:pointer}.sf-page-loading-card button[hidden]{display:none!important}
@keyframes sf-loading-orbit{to{transform:rotate(360deg)}}
.dark .fi-simple-layout:has([data-sf-login-brand]),html.dark body.sf-portal-auth-v2{background:#101826!important}.dark .fi-simple-main:has([data-sf-login-brand]),.dark .sf-login-brand{background:#172334!important;border-color:#2d3b50!important}.dark .sf-login-message h2,.dark .fi-simple-header-heading,.dark .sf-auth-heading{color:#e9eff9!important}.dark .sf-page-loading{background:#0b132166;color:#e9eff9}.dark .sf-page-loading-card{background:#172334ed;border-color:#2d3b50}.dark .sf-page-loading-card img{background:#fff;border-radius:6px;padding:10px}
@media(max-width:760px){.fi-simple-main-ctn:has([data-sf-login-brand]){padding:24px 16px 90px!important}.fi-simple-page:has(> [data-sf-login-brand]),body.sf-portal-auth-v2 .auth-card{grid-template-columns:1fr!important}.sf-login-brand{padding:24px;gap:12px;border-inline-end:0;border-bottom:1px solid #e2e8f1}.sf-login-brand>img{width:200px;margin:6px auto}.sf-login-message,.sf-login-private,.sf-login-tagline{display:none}.sf-login-eyebrow{text-align:center}.fi-simple-page:has(> [data-sf-login-brand])>.fi-simple-page-content,body.sf-portal-auth-v2 .auth-body{padding:28px 24px!important}.sf-auth-heading{font-size:25px}body.sf-portal-auth-v2 .auth-card{margin-top:20px!important}}
@media(prefers-reduced-motion:reduce){.sf-loading-orbit{animation:none;border-top-color:#3478f6;border-bottom-color:#3478f6}.sf-page-loading{backdrop-filter:blur(4px)}}
@media print{.sf-page-loading{display:none!important}}

/* Shared portal chrome. Load after legacy page styles. */
.sf-themed-logo{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;max-width:100%}
.sf-themed-logo img{display:block!important;width:100%!important;height:auto!important;object-fit:contain!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important}
.sf-themed-logo .sf-logo-night{display:none!important}.dark .sf-themed-logo .sf-logo-day{display:none!important}.dark .sf-themed-logo .sf-logo-night{display:block!important}
.sf-preferences{display:flex;align-items:center;justify-content:center;gap:12px;min-width:0}
body.sf-portal-v2 .sf-portal-language{display:block!important;margin:0!important;padding:0!important;width:auto!important;order:initial!important}
.sf-preferences :is(.sf-portal-language label,.sf-appearance){box-sizing:border-box;display:flex!important;align-items:center!important;gap:8px!important;padding:8px 10px!important;border:1px solid #e2e8f1!important;border-radius:9px!important;background:#f6f8fc!important;min-height:48px!important;margin:0!important;color:#182338!important;font-size:13px!important;white-space:nowrap}
.sf-preferences svg{width:19px!important;height:19px!important;flex:0 0 19px}
.sf-preferences select{box-sizing:border-box;min-height:32px!important;height:32px!important;width:auto!important;max-width:145px!important;padding:4px 26px 4px 8px!important;font:500 14px/1.4 'SF Gilroy',Arial,sans-serif!important;border:0!important;border-radius:5px!important;background-color:transparent!important;color:inherit!important;margin:0!important;cursor:pointer}
html[dir=rtl] .sf-preferences select{padding:4px 8px 4px 26px!important}
body.sf-portal-auth-v2>.sf-preferences{padding:22px 16px 0}
.sf-public-header{display:flex!important;align-items:center!important;justify-content:space-between;gap:24px;padding:24px!important;background:#fff!important;border:1px solid #e2e8f1!important;border-radius:14px!important;max-width:1240px;margin:24px auto!important;box-sizing:border-box;color:#182338!important}
.sf-public-brand{display:flex;align-items:center;gap:18px;min-width:0}.sf-public-brand .sf-themed-logo{width:165px}.sf-public-brand strong{display:block;font-size:20px;font-weight:600}.sf-public-brand small{display:flex;align-items:center;gap:6px;font-size:13px;color:#718096;margin-top:5px}.sf-public-brand small svg{width:16px;height:16px}
body.sf-portal-v2>.sf-public-header{width:calc(100% - 40px)!important}
.sf-public-header .sf-preferences{flex-shrink:0}.sf-public-header .sf-preferences label>span{display:none}
.sf-login-brand>.sf-themed-logo{width:min(290px,100%);align-self:center;margin:20px 0}
/* Employee header and sidebar share the same app grid, on every page. */
body.sf-portal-v2 .sf-integrated-shell{display:grid!important;grid-template-columns:232px minmax(0,1fr)!important;max-width:none!important;width:100%!important;padding:0!important;margin:0!important;min-height:100vh;align-items:start;gap:0!important}
body.sf-portal-v2 .sf-integrated-shell[data-sidebar=closed]{grid-template-columns:minmax(0,1fr)!important}
.sf-integrated-shell>.sf2-header{grid-column:1/-1;position:sticky;top:0;z-index:1000}
.sf-integrated-shell .sf2-header-main{display:flex!important;flex-wrap:nowrap!important;gap:20px!important;padding:14px 24px!important;max-width:none!important;min-height:84px;box-sizing:border-box}
.sf-integrated-shell .sf2-brand{gap:14px!important;min-width:0}.sf2-brand .sf-themed-logo{width:125px}.sf-integrated-shell .sf2-brand strong{font-size:20px!important}.sf-integrated-shell .sf2-brand small{font-size:12px!important}
.sf-integrated-shell .sf2-account-actions{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important;margin-inline-start:auto;width:auto!important}
.sf-integrated-shell .sf2-mobile-toggle{display:inline-flex!important;align-items:center;justify-content:center;gap:7px;min-height:44px!important;padding:10px 12px!important;border:1px solid #e2e8f1!important;border-radius:9px;background:#f6f8fc;color:#182338;cursor:pointer;white-space:nowrap;font:500 14px 'SF Gilroy',Arial,sans-serif}
.sf-integrated-shell .sf2-mobile-toggle svg{width:20px;height:20px}.sf2-menu-button-label{display:none}
.sf-integrated-shell .sf2-code{min-height:44px;box-sizing:border-box;font-size:12px!important;padding:10px!important}
.sf-integrated-shell .sf2-profile>summary{min-width:190px!important;min-height:44px!important;height:48px!important;box-sizing:border-box}
.sf-integrated-shell .sf2-dropdown:not(.sf2-profile)>summary{height:48px!important;min-height:44px!important;box-sizing:border-box}
.sf-integrated-shell .sf2-menu{position:absolute!important;top:calc(100% + 10px)!important;inset-inline-end:0!important;inset-inline-start:auto!important;max-height:calc(100dvh - 110px);overflow-y:auto}
.sf-integrated-shell .sf2-profile-menu{width:320px!important}.sf2-profile-menu>.sf-preferences{display:flex;flex-direction:column;align-items:stretch;padding:14px 16px;border-top:1px solid #e2e8f1;gap:10px}.sf2-profile-menu .sf-portal-language{padding:0!important;border:0!important}.sf2-profile-menu .sf-preferences label{width:100%!important}.sf2-profile-menu .sf-preferences select{margin-inline-start:auto!important;max-width:150px!important}
body.sf-portal-v2 .sf-integrated-shell>.sf2-navigation{box-sizing:border-box;position:sticky!important;top:84px!important;inset-inline:auto!important;display:flex!important;flex-direction:column!important;width:232px!important;height:calc(100dvh - 84px)!important;max-width:none!important;margin:0!important;padding:18px 12px 90px!important;overflow-y:auto!important;border:0!important;border-inline-end:1px solid #e2e8f1!important;background:#fff!important;gap:8px!important;z-index:500;transform:none!important;border-radius:0!important;grid-column:1;grid-row:2;align-self:start;box-shadow:none!important}
body.sf-portal-v2 .sf-integrated-shell>.sf2-navigation[hidden]{display:none!important}
.sf-integrated-shell .sf2-navigation svg{width:20px!important;height:20px!important;flex:0 0 20px}
.sf-integrated-shell .sf2-navigation :is(a,button){display:flex!important;align-items:center;gap:10px;min-height:44px!important;padding:11px!important;box-sizing:border-box;font:500 14px/1.4 'SF Gilroy',Arial,sans-serif!important;border-radius:8px!important;text-decoration:none;cursor:pointer;color:#182338;background:transparent;border:1px solid transparent}
.sf-integrated-shell .sf2-navigation a[aria-current=page]{background:#3478f6!important;color:#fff!important}.sf-integrated-shell .sf2-navigation a:hover{background:#eff5ff}.sf-integrated-shell .sf2-drawer-close{justify-content:space-between;border-bottom:1px solid #e2e8f1!important;border-radius:0!important;margin-bottom:8px}.sf-integrated-shell .sf2-drawer-install{margin-top:auto!important;color:#3478f6!important}
body.sf-portal-v2 .sf-integrated-shell>.portal-main{grid-column:2;grid-row:2;min-width:0;width:100%!important;max-width:1500px!important;padding:28px 28px 100px!important;box-sizing:border-box;margin:0 auto!important}
body.sf-portal-v2 .sf-integrated-shell[data-sidebar=closed]>.portal-main{grid-column:1}
.sf2-drawer-backdrop[hidden]{display:none!important}
/* No card or opaque box around the loading mark. */
.sf-page-loading .sf-page-loading-card{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding:0!important;gap:18px}.sf-page-loading-card>.sf-themed-logo{width:240px}.sf-page-loading-card .sf-themed-logo img{background:transparent!important;padding:0!important}.sf-page-loading{background:rgba(238,243,249,.24)!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important}.dark .sf-page-loading{background:rgba(10,18,30,.24)!important}
.sf-page-loading .sf-themed-logo .sf-logo-day{display:none!important}.sf-page-loading .sf-themed-logo .sf-logo-night{display:block!important;filter:brightness(0) saturate(100%);opacity:.85}.dark .sf-page-loading .sf-themed-logo .sf-logo-night{filter:none;opacity:1}.dark .sf-loading-brand{color:#a4b5cc}
html.dark .sf-public-header,html.dark body.sf-portal-v2 .sf-integrated-shell>.sf2-navigation{background:#182638!important;border-color:#34455d!important;color:#e9eff9!important}
html.dark .sf-preferences :is(.sf-portal-language label,.sf-appearance),html.dark .sf-integrated-shell .sf2-mobile-toggle{background:#1c2b40!important;border-color:#34455d!important;color:#e9eff9!important}
html.dark .sf-preferences option{background:#1c2b40;color:#e9eff9}
html.dark .sf-public-brand small{color:#a4b5cc}html.dark .sf-integrated-shell .sf2-navigation :is(a,button){color:#d2dced}.dark .sf2-profile-menu>.sf-preferences{border-color:#34455d}
/* Pre-hire legacy panels must not retain light surfaces in dark mode. */
html.dark body.sf-portal-v2 :is(.sf-hero,.sf-card-head,.sfpe-portal-info-card,.sfpe-salary-agreement-card,.sfpe-public-claim-row,.sf-info-card,.sf-info-box){background:#182638!important;border-color:#34455d!important;color:#e9eff9!important;box-shadow:none!important}
html.dark body.sf-portal-v2 :is(.sf-hero,.sf-card-head,.sfpe-portal-info-card,.sfpe-salary-agreement-card) :is(h1,h2,h3,strong,div){color:#e9eff9!important}
html.dark body.sf-portal-v2 :is(.sf-hero,.sf-card-head) :is(p,small){color:#a4b5cc!important}
html.dark body.sf-portal-v2 :is(.sf-info-box .sf-value,.sfpe-public-claim-title,.sfpe-public-claim-amount){color:#e9eff9!important}
html.dark body.sf-portal-v2 :is(.sf-info-box .sf-label,.sfpe-public-claim-meta){color:#a4b5cc!important}
html.dark .sf2-profile-menu button[data-install-help]{color:#a8caff!important}
.sf2-profile-menu .sf-preferences label>span{display:inline!important}
@media(max-width:1150px){.sf-integrated-shell .sf2-code{display:none!important}.sf-integrated-shell .sf2-brand small{display:none!important}.sf-integrated-shell .sf2-brand strong{font-size:18px!important}}
@media(max-width:900px){
 body.sf-portal-v2 .sf-integrated-shell{grid-template-columns:minmax(0,1fr)!important}.sf-integrated-shell .sf2-header-main{flex-wrap:wrap!important;padding:12px 16px!important;gap:12px!important}.sf-integrated-shell .sf2-brand{flex:1 1 auto}.sf2-brand .sf-themed-logo{width:100px}.sf-integrated-shell .sf2-brand strong{font-size:17px!important}.sf-integrated-shell .sf2-account-actions{margin:0!important;gap:8px!important}.sf-integrated-shell .sf2-profile>summary{min-width:0!important;padding:4px!important;gap:4px!important}.sf-integrated-shell .sf2-profile>summary>span:not(.sf2-avatar){display:none!important}.sf-integrated-shell .sf2-profile>summary>svg{width:13px!important}.sf2-avatar{width:34px!important;height:34px!important;flex-basis:34px!important}.sf-integrated-shell .sf2-dropdown:not(.sf2-profile)>summary{padding:10px!important}.sf-integrated-shell .sf2-menu{position:fixed!important;top:145px!important;inset-inline-end:12px!important;inset-inline-start:auto!important;width:min(340px,calc(100vw - 24px))!important;max-height:calc(100dvh - 160px)!important}
 body.sf-portal-v2 .sf-integrated-shell>.sf2-navigation{position:fixed!important;top:0!important;bottom:0!important;inset-inline-start:0!important;inset-inline-end:auto!important;height:100dvh!important;width:min(290px,85vw)!important;padding:18px 14px 40px!important;z-index:1500!important;box-shadow:0 8px 40px #08152533!important}.sf-sidebar-mobile-open{overflow:hidden}
 .sf-integrated-shell>.sf2-drawer-backdrop:not([hidden]){display:block!important;position:fixed!important;inset:0!important;z-index:1400!important;background:#08152566!important;backdrop-filter:blur(3px);border:0!important}
 body.sf-portal-v2 .sf-integrated-shell>.portal-main{grid-column:1!important;padding:20px 16px 100px!important}
 .sf-public-header{flex-direction:column!important;align-items:stretch!important;padding:18px!important;gap:18px}.sf-public-brand{justify-content:center}.sf-public-brand .sf-themed-logo{width:120px}.sf-public-brand strong{font-size:18px}.sf-public-header .sf-preferences{justify-content:space-between!important}.sf-public-header .sf-preferences label{min-width:0}.sf-public-header .sf-preferences select{max-width:130px!important}
}
@media(max-width:550px){.sf-integrated-shell .sf2-brand{width:100%;justify-content:flex-start}.sf-integrated-shell .sf2-account-actions{width:100%!important;justify-content:flex-start!important}.sf-integrated-shell .sf2-profile{margin-inline-start:auto}.sf2-menu-button-label{display:inline}.sf-integrated-shell .sf2-profile>summary>span:not(.sf2-avatar){display:block!important;max-width:145px;overflow:hidden;text-overflow:ellipsis}.sf-integrated-shell .sf2-profile summary small{display:none!important}.sf-integrated-shell .sf2-profile summary strong{font-size:13px!important}.sf-preferences label>span{display:none}.sf-login-brand>.sf-themed-logo{width:210px;margin:6px auto}.sf-preferences{gap:10px}}
@media print{.sf-integrated-shell>.sf2-navigation,.sf-integrated-shell>.sf2-drawer-backdrop{display:none!important}body.sf-portal-v2 .sf-integrated-shell{display:block!important}body.sf-portal-v2 .sf-integrated-shell>.portal-main{padding:0!important}.sf-public-header .sf-preferences{display:none!important}}

/* SF_FINANCE_LOADING_COLOUR */
.sf-page-loading .sf-themed-logo .sf-logo-day{display:block!important;mix-blend-mode:multiply}.sf-page-loading .sf-themed-logo .sf-logo-night{display:none!important;filter:none!important;opacity:1!important}.dark .sf-page-loading .sf-themed-logo .sf-logo-day{display:none!important}.dark .sf-page-loading .sf-themed-logo .sf-logo-night{display:block!important;filter:none!important;opacity:1!important}

.sf-page-loading .sf-loading-logo{width:240px!important;min-height:150px;mix-blend-mode:normal!important}.sf-page-loading .sf-loading-logo img.sf-logo-day{width:150px!important;height:150px!important;mix-blend-mode:normal!important;filter:none!important}.sf-page-loading .sf-loading-logo img.sf-logo-night{width:240px!important;height:150px!important;object-fit:contain!important}