/* 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}