/* MySTS v308: a single MySTS wordmark instead of the white-backed
   Small Training Solutions image. Full-width finance-style header remains. */
#portalWorkspace.sts308-lean-shell>.sts308-lean-header{
 display:grid!important;
 grid-template-columns:minmax(150px,210px) minmax(0,1fr) auto!important;
 grid-template-rows:auto!important;
 align-items:center!important;
 min-height:72px!important;
 padding:9px clamp(13px,2vw,30px)!important;
 gap:12px!important;
 background:#17283f!important;
}
#portalWorkspace.sts308-lean-shell>.sts308-lean-header .v195-header-logo,
#portalWorkspace.sts308-lean-shell>.sts308-lean-header img.v195-header-logo,
#portalWorkspace.sts308-lean-shell>.sts308-lean-header .v195-header-logo-wrap{
 display:none!important;
}
#portalWorkspace.sts308-lean-shell>.sts308-lean-header #sts308-wordmark{
 grid-column:1!important;grid-row:1!important;
 display:flex;align-items:center;
 padding:0!important;margin:0!important;
 background:transparent!important;
 white-space:nowrap;
 min-width:0;
}
#portalWorkspace.sts308-lean-shell>.sts308-lean-header .sts308-wordmark strong{
 font:850 clamp(23px,2vw,29px)/1 system-ui,-apple-system,"Segoe UI",sans-serif;
 color:#f5faff;letter-spacing:-1.1px;
}
#portalWorkspace.sts308-lean-shell>.sts308-lean-header .sts308-wordmark span{color:#45b2f3}
#portalWorkspace.sts308-lean-shell>.sts308-lean-header .sts308-wordmark em{
 font-style:normal;font-size:.67em;letter-spacing:-.2px;font-weight:700;color:#bcd4e6;
}
#portalWorkspace.sts308-lean-shell>.sts308-lean-header>.v195-header-centre{
 grid-column:2!important;grid-row:1!important;
 min-width:0!important;width:auto!important;
 text-align:left!important;
}
#portalWorkspace.sts308-lean-shell>.sts308-lean-header>.p-top-right{
 grid-column:3!important;grid-row:1!important;
 width:auto!important;justify-self:end!important;
 display:flex;align-items:center;flex-wrap:wrap;gap:8px!important;
}
#portalWorkspace.sts308-lean-shell>.p-sidebar{
 padding:8px 12px 18px!important;
 min-height:calc(100vh - 72px)!important;
}
#portalWorkspace.sts308-lean-shell>.p-sidebar .p-sidebar-brand{
 display:none!important;
}
#portalWorkspace.sts308-lean-shell>.p-sidebar .p-sidebar-label{
 padding-top:7px!important;
 margin-top:0!important;
}
#portalWorkspace.sts308-lean-shell>.p-sidebar #pNavHome{
 margin-top:3px!important;
}
@media(max-width:850px){
 #portalWorkspace.sts308-lean-shell>.sts308-lean-header{
  grid-template-columns:minmax(118px,155px) minmax(0,1fr) auto!important;gap:7px!important
 }
 #portalWorkspace.sts308-lean-shell>.sts308-lean-header .sts308-wordmark strong{font-size:23px!important}
}
@media(max-width:640px){
 #portalWorkspace.sts308-lean-shell>.sts308-lean-header{
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-rows:auto auto!important;
  gap:6px!important;
 }
 #portalWorkspace.sts308-lean-shell>.sts308-lean-header #sts308-wordmark{grid-column:1!important;grid-row:1!important}
 #portalWorkspace.sts308-lean-shell>.sts308-lean-header>.v195-header-centre{
  grid-column:1 / -1!important;grid-row:2!important;
 }
 #portalWorkspace.sts308-lean-shell>.sts308-lean-header>.p-top-right{grid-column:2!important;grid-row:1!important}
 #portalWorkspace.sts308-lean-shell>.sts308-lean-header .sts308-wordmark strong{font-size:23px!important}
}
@media print{#portalWorkspace.sts308-lean-shell>.sts308-lean-header{display:none!important}}

/* v309 — approved ownership mark: EXACT original STS logo beside MySTS 2.0.
   Never draw a substitute logo and never put its image on a white tile. */
#portalWorkspace.sts308-lean-shell>.sts308-lean-header{
 grid-template-columns:minmax(265px,315px) minmax(0,1fr) auto!important;
}
#portalWorkspace.sts308-lean-shell>.sts308-lean-header #sts308-wordmark{
 display:inline-flex!important;
 align-items:center!important;
 justify-content:flex-start!important;
 flex-direction:row!important;
 gap:11px!important;
}
#portalWorkspace.sts308-lean-shell>.sts308-lean-header #sts308-wordmark .sts309-official-logo{
 display:block!important;
 flex:0 0 auto!important;
 width:66px!important;
 height:52px!important;
 max-width:66px!important;
 max-height:52px!important;
 object-fit:contain!important;
 object-position:center!important;
 padding:0!important;
 margin:0!important;
 border:0!important;
 border-radius:0!important;
 box-shadow:none!important;
 background:transparent!important;
}
#portalWorkspace.sts308-lean-shell>.sts308-lean-header #sts308-wordmark strong{
 flex:0 0 auto;
 background:transparent!important;
}
@media(max-width:960px){
 #portalWorkspace.sts308-lean-shell>.sts308-lean-header{
  grid-template-columns:minmax(225px,260px) minmax(0,1fr) auto!important;
 }
 #portalWorkspace.sts308-lean-shell>.sts308-lean-header #sts308-wordmark .sts309-official-logo{
  width:53px!important;height:46px!important;max-width:53px!important;max-height:46px!important;
 }
 #portalWorkspace.sts308-lean-shell>.sts308-lean-header #sts308-wordmark strong{font-size:24px!important}
}
@media(max-width:640px){
 #portalWorkspace.sts308-lean-shell>.sts308-lean-header{
  grid-template-columns:minmax(0,1fr) auto!important;
 }
 #portalWorkspace.sts308-lean-shell>.sts308-lean-header #sts308-wordmark{gap:8px!important}
 #portalWorkspace.sts308-lean-shell>.sts308-lean-header #sts308-wordmark .sts309-official-logo{
  width:49px!important;height:43px!important;max-width:49px!important;max-height:43px!important;
 }
 #portalWorkspace.sts308-lean-shell>.sts308-lean-header #sts308-wordmark strong{font-size:22px!important}
}

/* v310: visually enforce the approved sidebar order, including when legacy
   role renderers set their own flexbox order independently of DOM sequence. */
#portalWorkspace.sts308-lean-shell>.p-sidebar #pNavHome{order:-100!important}
#portalWorkspace.sts308-lean-shell>.p-sidebar #sts245NavMyTasks,
#portalWorkspace.sts308-lean-shell>.p-sidebar #sts273NavMyTasks{order:-99!important}

#portalWorkspace.sts308-lean-shell>.p-sidebar button[aria-label="Collapse navigation menu"],
#portalWorkspace.sts308-lean-shell>.p-sidebar button[aria-label="Expand navigation menu"]{order:-200!important}

/* v311: cropped alpha bounds make the original STS artwork prominent while
   keeping a generous clear gap above the header's red baseline. */
#portalWorkspace.sts308-lean-shell>.sts308-lean-header{
 min-height:112px!important;
 padding-top:15px!important;
 padding-bottom:19px!important;
}
#portalWorkspace.sts308-lean-shell>.sts308-lean-header #sts308-wordmark .sts309-official-logo{
 width:112px!important;
 height:72px!important;
 max-width:112px!important;
 max-height:72px!important;
 object-fit:contain!important;
 background:transparent!important;
}
@media(max-width:960px){
 #portalWorkspace.sts308-lean-shell>.sts308-lean-header{
  min-height:100px!important;
  padding-top:12px!important;
  padding-bottom:17px!important;
 }
 #portalWorkspace.sts308-lean-shell>.sts308-lean-header #sts308-wordmark .sts309-official-logo{
  width:87px!important;height:61px!important;max-width:87px!important;max-height:61px!important;
 }
}
@media(max-width:640px){
 #portalWorkspace.sts308-lean-shell>.sts308-lean-header{
  min-height:94px!important;
  padding-top:11px!important;
  padding-bottom:16px!important;
 }
 #portalWorkspace.sts308-lean-shell>.sts308-lean-header #sts308-wordmark .sts309-official-logo{
  width:67px!important;height:52px!important;max-width:67px!important;max-height:52px!important;
 }
}

/* v312: preserve at least 16px of physical clearance on smaller laptop
   viewports as well as full desktop screens. */
#portalWorkspace.sts308-lean-shell>.sts308-lean-header{
 padding-bottom:33px!important;
}
@media(max-width:960px){
 #portalWorkspace.sts308-lean-shell>.sts308-lean-header{padding-bottom:30px!important}
}
@media(max-width:640px){
 #portalWorkspace.sts308-lean-shell>.sts308-lean-header{padding-bottom:27px!important}
}

/* v313: lift the entire paired brand group, not the logo alone. Keeps
   STS and MySTS text vertically aligned with reliable red-line clearance. */
#portalWorkspace.sts308-lean-shell>.sts308-lean-header #sts308-wordmark{
 transform:translateY(-9px)!important;
}
@media(max-width:640px){
 #portalWorkspace.sts308-lean-shell>.sts308-lean-header #sts308-wordmark{
  transform:translateY(-6px)!important;
 }
}