/* v248: accessible staff People & HR stationery shortcut, uncluttered request view. */
/* Column position owns each accent; no individual card carries a fixed colour. */
#hrApp .v67-hr-tiles #sts248OrderStationery .v67-tile-icon{color:#1678b3}
#portalWorkspace #pContent #sts248OfficeOrderStationery{border-left:3px solid #d12c46}
#portalWorkspace #pContent.sts248-supplies-compact .s231-root>.s231-head,
#portalWorkspace #pContent.sts248-supplies-compact .s231-root>.s231-warning{display:none!important}
#portalWorkspace #pContent.sts248-supplies-compact .s231-root{padding-top:0!important}
#portalWorkspace #pContent .sts248-supplies-note{font-size:11px;color:#657f91;line-height:1.5;margin:18px 0 3px;padding-top:10px;border-top:1px solid #e4eef4}

/* v249: three-column STS branding. Accent follows position, not the tile name,
   so adding or reordering cards retains the correct column treatment. */
#hrApp.sts240-instructor-hr .v67-hr-tiles.sts240-hr-tiles > .v67-hr-tile:nth-child(3n+1),
#hrApp.sts240-instructor-hr .v67-hr-tiles.sts240-hr-tiles > .v67-hr-tile:nth-child(3n+3){
  border-left:4px solid #d32b48!important;
}
#hrApp.sts240-instructor-hr .v67-hr-tiles.sts240-hr-tiles > .v67-hr-tile:nth-child(3n+2){
  border-left:4px solid #197cb5!important;
}
/* At two columns and one column, follow the actual displayed columns. */
@media (min-width:801px) and (max-width:900px){
  #hrApp.sts240-instructor-hr .v67-hr-tiles.sts240-hr-tiles > .v67-hr-tile:nth-child(n){
    border-left:4px solid #d32b48!important;
  }
  #hrApp.sts240-instructor-hr .v67-hr-tiles.sts240-hr-tiles > .v67-hr-tile:nth-child(2n){
    border-left:4px solid #197cb5!important;
  }
}
@media (max-width:800px){
  #hrApp.sts240-instructor-hr .v67-hr-tiles.sts240-hr-tiles > .v67-hr-tile:nth-child(n){
    border-left:4px solid #d32b48!important;
  }
  #hrApp.sts240-instructor-hr .v67-hr-tiles.sts240-hr-tiles > .v67-hr-tile:nth-child(2n){
    border-left:4px solid #197cb5!important;
  }
}
/* The page header already names My Tasks; remove its duplicated navy hero
   and the explanatory What this means footer for all staff roles. */
#portalWorkspace #pContent #sts225ActionPage > .sts225-hero,
#portalWorkspace #pContent #sts225ActionPage > .sts225-note{
  display:none!important;
}
/* Retain clear breathing room above the filters and summary metrics. */
#portalWorkspace #pContent #sts225ActionPage > .sts225-summary{
  margin-top:0!important;
}