/* MySTS v307 — finance-inspired, full-bleed header across all original roles.
 * This changes layout only. No course, order, sidebar or access data is replaced.
 */
#portalWorkspace.sts307-wide-shell{
 display:grid;
 grid-template-columns:242px minmax(0,1fr);
 grid-template-rows:auto minmax(0,1fr);
 grid-template-areas:"header header" "sidebar main";
 align-items:stretch;
 min-height:100vh;
}
#portalWorkspace.sts307-wide-shell>.sts307-wide-header{
 grid-area:header;
 width:100%;
 min-width:0;
 position:relative;
 z-index:8;
 box-sizing:border-box;
 background:#17283f!important;
 border-bottom:3px solid #db3546!important;
 box-shadow:0 3px 14px rgba(0,0,0,.16)!important;
 padding:12px clamp(15px,2vw,30px)!important;
 min-height:86px!important;
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:16px;
}
#portalWorkspace.sts307-wide-shell>.sts307-wide-header :is(.p-top-title,.p-top-sub,.v195-header-centre,.v195-header-centre *){color:#edf3fb!important}
#portalWorkspace.sts307-wide-shell>.sts307-wide-header .p-top-sub{color:#afc4d6!important}
#portalWorkspace.sts307-wide-shell>.sts307-wide-header .p-identity{color:#e1ebf5!important}
#portalWorkspace.sts307-wide-shell>.sts307-wide-header .p-identity-avatar{background:#284969!important;color:#d8efff!important}
#portalWorkspace.sts307-wide-shell>.sts307-wide-header .p-top-home{
 background:#203b57!important;color:#e8f6ff!important;border:1px solid #486c8b!important;
 border-radius:7px!important;min-height:34px!important
}
#portalWorkspace.sts307-wide-shell>.sts307-wide-header .p-top-right button[onclick*="pLogout"]{
 color:#fff!important;border:1px solid #5d7f9d!important;background:transparent!important;
 border-radius:7px!important
}
#portalWorkspace.sts307-wide-shell>.p-sidebar{
 grid-area:sidebar;
 min-height:calc(100vh - 86px)!important;
 height:auto;
 background:#182a41!important;
 border-right:1px solid #36506a;
}
#portalWorkspace.sts307-wide-shell>.p-main{
 grid-area:main;
 min-width:0;
 width:100%;
 background:transparent;
}
#portalWorkspace.sts307-wide-shell>.p-main>#pContent{
 min-width:0;
 width:100%;
 box-sizing:border-box;
}
@media(max-width:870px){
 #portalWorkspace.sts307-wide-shell{grid-template-columns:190px minmax(0,1fr)}
 #portalWorkspace.sts307-wide-shell>.p-sidebar{min-width:0}
 #portalWorkspace.sts307-wide-shell>.sts307-wide-header{padding:10px 13px!important;min-height:72px!important}
}
@media(max-width:640px){
 #portalWorkspace.sts307-wide-shell{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr);grid-template-areas:"header" "sidebar" "main"}
 #portalWorkspace.sts307-wide-shell>.p-sidebar{min-height:0!important}
 #portalWorkspace.sts307-wide-shell>.sts307-wide-header{gap:7px;flex-wrap:wrap}
 #portalWorkspace.sts307-wide-shell>.sts307-wide-header .p-top-right{gap:5px!important}
}
@media print{
 #portalWorkspace.sts307-wide-shell>.sts307-wide-header{display:none!important}
 #portalWorkspace.sts307-wide-shell{display:block!important}
 #portalWorkspace.sts307-wide-shell>.p-sidebar{display:none!important}
}
