/* v286: shared premium tiles and the specific legacy white panels found in
 Marketing, Director Membership Control, CRM Activity and Training Hub.
 Dark-only cosmetic overrides; no changes to data, print or permissions. */
#portalWorkspace .sts286-marketing{max-width:1200px;margin:0 auto 26px}
#portalWorkspace .sts286-summary{display:flex;align-items:center;gap:11px;flex-wrap:wrap;margin:0 0 15px}
#portalWorkspace .sts286-summary>span{
 padding:9px 13px;border:1px solid #506779;border-radius:9px;background:#263849;
 color:#e7eff5;font-size:12px;font-weight:650
}
#portalWorkspace .sts286-summary b{font-size:17px;color:#fff;margin-right:6px}
#portalWorkspace .sts286-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
#portalWorkspace .sts286-tile{
 min-width:0;min-height:110px;padding:13px;display:flex;align-items:center;gap:11px;
 text-align:left;border:1px solid #536475;border-left:4px solid #1979B2;border-radius:11px;
 color:#fff;background:#39434d;box-shadow:0 3px 10px rgba(17,30,39,.16);cursor:pointer;font:inherit
}
#portalWorkspace .sts286-tile:nth-child(3n+2){border-left-color:#D32E49}
#portalWorkspace .sts286-tile:is(:hover,:focus-visible){background:#45515c;border-top-color:#89a0b1;border-right-color:#89a0b1;border-bottom-color:#89a0b1}
#portalWorkspace .sts286-tile:focus-visible{outline:3px solid #7dc6f6;outline-offset:2px}
#portalWorkspace .sts286-tile-icon{
 display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;
 border-radius:8px;background:#244b68;border:1px solid #437ca4;color:#e5f5ff;font-size:23px;line-height:1
}
#portalWorkspace .sts286-tile:nth-child(3n+2) .sts286-tile-icon{background:#50333e;border-color:#bd586a;color:#ffe7ed}
#portalWorkspace .sts286-tile-copy{display:flex;flex:1;flex-direction:column;gap:5px;min-width:0}
#portalWorkspace .sts286-tile-copy strong{color:#fff;font-size:14px;line-height:1.25}
#portalWorkspace .sts286-tile-copy small{color:#dce5eb;font-size:11px;line-height:1.45}
#portalWorkspace .sts286-chevron{color:#c4dce8;font-size:22px}
#portalWorkspace .sts286-disclaimer{padding:12px 3px;color:#c3d5e2;font-size:11px;line-height:1.55}
#portalWorkspace .sts286-back,#portalWorkspace .sts286-cross,#portalWorkspace .sts286-action{
 cursor:pointer;background:#203d55;color:#ebf8ff;border:1px solid #5385a7;border-left:3px solid #d32e49;
 border-radius:8px;padding:9px 13px;font-size:12px;font-weight:800
}
#portalWorkspace .sts286-back{display:inline-flex;margin:2px 8px 14px 0}
#portalWorkspace .sts286-cross{margin:0 0 14px}
#portalWorkspace .sts286-approval-card{
 background:#1a2d40;border:1px solid #435c73;border-top:3px solid #1979B2;
 border-radius:12px;padding:18px;color:#f0f7fc
}
#portalWorkspace .sts286-approval-title{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:12px}
#portalWorkspace .sts286-approval-title h2{font-size:18px;margin:0;color:#fff}
#portalWorkspace .sts286-approval-title span{font-size:12px;color:#c1d8e7}
#portalWorkspace .sts286-approval{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 2px;border-top:1px solid #3d566c}
#portalWorkspace .sts286-approval strong{display:block;font-size:13px;color:#fff}
#portalWorkspace .sts286-approval small{display:block;font-size:11px;color:#c9dbe8;margin-top:4px}
#portalWorkspace .sts286-muted{color:#c0d3e2;font-size:12px;line-height:1.55}
#portalWorkspace[data-sts-theme="light"] .sts286-summary>span{
 background:#f2f6fa;color:#23495f;border-color:#c5d5e1
}
#portalWorkspace[data-sts-theme="light"] .sts286-summary b{color:#176597}
#portalWorkspace[data-sts-theme="light"] .sts286-disclaimer{color:#516c80}
#portalWorkspace[data-sts-theme="light"] .sts286-approval-card{background:#fff;color:#203b50;border-color:#cadbe6}
#portalWorkspace[data-sts-theme="light"] .sts286-approval-title h2,
#portalWorkspace[data-sts-theme="light"] .sts286-approval strong{color:#143e60}
#portalWorkspace[data-sts-theme="light"] .sts286-approval-title span,
#portalWorkspace[data-sts-theme="light"] .sts286-approval small,
#portalWorkspace[data-sts-theme="light"] .sts286-muted{color:#536d81}
#portalWorkspace[data-sts-theme="light"] .sts286-approval{border-color:#d7e4ed}
/* Director Membership Control (the four bright white legacy cards,
   summary stats, subscription list, entitlements and change history). */
#portalWorkspace[data-sts-theme="dark"] #pContent .sts230-root{
 color:#e9f4fc!important
}
#portalWorkspace[data-sts-theme="dark"] #pContent .sts230-root :is(
 .sts230-card,.sts230-stat,.sts230-subbar,.sts230-notice,.sts230-tag
){
 background:linear-gradient(145deg,#1e3549,#162738)!important;
 border-color:#455f74!important;color:#edf6fd!important;
 box-shadow:0 6px 19px rgba(0,0,0,.15)!important
}
#portalWorkspace[data-sts-theme="dark"] #pContent .sts230-root :is(
 h1,h2,h3,h4,.sts230-stat strong,.sts230-kicker,.sts230-title h1
){color:#f3f9ff!important}
#portalWorkspace[data-sts-theme="dark"] #pContent .sts230-root :is(
 p,label,.sts230-stat span,.sts230-muted,.sts230-row,
 .sts230-row small,.sts230-title p,.sts230-selectwrap
){color:#ccdde9!important}
#portalWorkspace[data-sts-theme="dark"] #pContent .sts230-root .sts230-check{
 border-bottom:1px solid #344d63;padding:5px 0
}
#portalWorkspace[data-sts-theme="dark"] #pContent .sts230-root :is(
 .sts230-tabs button,.sts230-btn.secondary
){
 background:#29485f!important;color:#eff9ff!important;border-color:#5b8aaa!important
}
#portalWorkspace[data-sts-theme="dark"] #pContent .sts230-root .sts230-tabs button.current{
 background:#17679c!important;color:white!important
}
#portalWorkspace[data-sts-theme="dark"] #pContent .sts230-root :is(input:not([type=checkbox]),select,textarea){
 background:#f1f6fa!important;color:#16374f!important;border-color:#7d9bb2!important
}
#portalWorkspace[data-sts-theme="dark"] #pContent .sts230-root .sts230-row{
 border-bottom-color:#3c566b!important
}
#portalWorkspace[data-sts-theme="dark"] #pContent .sts230-root .sts230-table{
 background:#1b3043!important;color:#edf7ff!important
}
#portalWorkspace[data-sts-theme="dark"] #pContent .sts230-root .sts230-table th{
 background:#29455d!important;color:#f5faff!important
}
#portalWorkspace[data-sts-theme="dark"] #pContent .sts230-root .sts230-table td{
 color:#e5f3fc!important;border-color:#4a6378!important
}
/* CRM and Customer Activity/Retention older Stage 4 components. */
#portalWorkspace[data-sts-theme="dark"] #pContent .s231-root{
 color:#eef7fd!important
}
#portalWorkspace[data-sts-theme="dark"] #pContent .s231-root :is(
 .s231-card,.s231-card .s231-card,.s231-kpis>div,.s231-notice
){
 background:linear-gradient(145deg,#1b3144,#152639)!important;
 border-color:#415c72!important;color:#f1f8fc!important;box-shadow:0 6px 18px rgba(0,0,0,.17)!important
}
#portalWorkspace[data-sts-theme="dark"] #pContent .s231-root :is(
 h1,h2,h3,.s231-card strong,.s231-kpis strong
){color:#f3faff!important}
#portalWorkspace[data-sts-theme="dark"] #pContent .s231-root :is(
 label,.s231-kpis small,.s231-help,.s231-log,.s231-card p,.s231-root td small
){color:#cbdce8!important}
#portalWorkspace[data-sts-theme="dark"] #pContent .s231-root .s231-pill{
 background:#28506b!important;color:#d8f2ff!important;border:1px solid #477d9f!important
}
#portalWorkspace[data-sts-theme="dark"] #pContent .s231-root .s231-btn.secondary{
 background:#294b65!important;color:#ecf7ff!important;border-color:#6c9bc0!important
}
#portalWorkspace[data-sts-theme="dark"] #pContent .s231-root :is(input:not([type=checkbox]),select,textarea){
 background:#f3f8fc!important;color:#16374f!important;border-color:#779ab2!important
}
#portalWorkspace[data-sts-theme="dark"] #pContent .s231-root table{
 background:#172c40!important;color:#ebf7ff!important
}
#portalWorkspace[data-sts-theme="dark"] #pContent .s231-root th{
 background:#24445d!important;color:#f0f9ff!important
}
#portalWorkspace[data-sts-theme="dark"] #pContent .s231-root td{
 border-color:#3c586e!important;color:#e8f5fc!important
}
/* Training Hub — correct the top-level panels in all five original
   destinations without styling the instructor's official printable paperwork. */
#portalWorkspace[data-sts-theme="dark"] #stsHubShell{
 color:#e9f5fd!important
}
#portalWorkspace[data-sts-theme="dark"] #stsHubShell :is(
 .sth-card,.sth-course,.sth-course-intro,.sth-editor,.sth-cats,
 .sth-panel,.sth-content,.sth-contents,.sth-top,.sth-table,
 .v134-related-links,.v45-card,.v45-panel,
 .v136-current,.v136-package-page,.sts234-focus
){
 background:#1b3043!important;border-color:#435f74!important;color:#edf6fc!important;
 box-shadow:0 5px 17px rgba(0,0,0,.13)!important
}
#portalWorkspace[data-sts-theme="dark"] #stsHubShell :is(
 .sth-card h1,.sth-card h2,.sth-card h3,.sth-course h3,
 .sth-course strong,.sth-top h1,.sth-panel h3
){color:#f2f9ff!important}
#portalWorkspace[data-sts-theme="dark"] #stsHubShell :is(
 .sth-card p,.sth-card small,.sth-course p,.sth-course small,
 .sth-top p,.sth-panel p,.sts236-hub-intro,
 .sts234-focus-copy small
){color:#c3d6e5!important}
#portalWorkspace[data-sts-theme="dark"] #stsHubShell :is(
 .sth-card button:not(.p-button):not(.sts234-tile):not(.sth-danger),
 .sth-course button:not(.p-button):not(.sts234-tile):not(.sth-danger),
 .v134-related-links button,.sts234-subtab,.sts234-back
){
 background:#294d67!important;color:#effaff!important;
 border-color:#668ba6!important
}
#portalWorkspace[data-sts-theme="dark"] #stsHubShell :is(
 input:not([type=checkbox]):not([type=radio]),select,textarea
){background:#f0f6fb!important;color:#19354a!important;border-color:#779ab1!important}
#portalWorkspace[data-sts-theme="dark"] #stsHubShell :is(
 table,table tbody,table tr){background:#1c3348!important;color:#ebf7ff!important}
#portalWorkspace[data-sts-theme="dark"] #stsHubShell th{
 background:#294a63!important;color:#eefaff!important;border-color:#466780!important
}
#portalWorkspace[data-sts-theme="dark"] #stsHubShell td{
 background:transparent!important;color:#e8f5ff!important;border-color:#466079!important
}
/* Training Operations status/category filters and all order-date controls. */
#portalWorkspace[data-sts-theme="dark"] #pContent #sts246Ops{
 color:#f2f8fd!important
}
#portalWorkspace[data-sts-theme="dark"] #pContent #sts246Ops :is(
 .sts246-card,.sts246-metrics>div,.sts246-task-stats span
){
 background:#1b3043!important;color:#e9f5fc!important;
 border-color:#49647a!important;box-shadow:0 4px 14px #0002!important
}
#portalWorkspace[data-sts-theme="dark"] #pContent #sts246Ops :is(
 h1,h2,h3,.sts246-metrics strong,.sts246-task-row b,
 .sts246-course strong,.sts246-course b,.sts246-paper-title b
){color:#f2f9ff!important}
#portalWorkspace[data-sts-theme="dark"] #pContent #sts246Ops :is(
 p,.sts246-heading p,.sts246-metrics span,.sts246-task-row small,
 .sts246-course small,.sts246-paper-title small,.sts246-footer,.sts246-note
){color:#c7d9e6!important}
#portalWorkspace[data-sts-theme="dark"] #pContent #sts246Ops :is(
 .sts246-button:not(.primary),.sts246-task-stats span
){
 background:#284860!important;color:#eefaff!important;border-color:#527fa0!important
}
#portalWorkspace[data-sts-theme="dark"] #pContent #sts246Ops .sts246-button.primary{
 background:#177ab4!important;color:white!important;border-left:4px solid #d32e49!important
}
#portalWorkspace[data-sts-theme="dark"] #pContent #sts246Ops :is(
 .sts246-task-row,.sts246-course,.sts246-paper-row
){border-color:#435c72!important}
#portalWorkspace[data-sts-theme="dark"] #pContent #sts246Ops :is(
 .sts246-status,.sts246-status.ok
){color-scheme:light}
#portalWorkspace[data-sts-theme="dark"] #pContent #sts246Ops .sts246-status{background:#5e4928!important;color:#ffe3ae!important}
#portalWorkspace[data-sts-theme="dark"] #pContent #sts246Ops .sts246-status.ok{background:#204f3e!important;color:#c7f6dc!important}
@media (min-width:651px) and (max-width:1050px){
 #portalWorkspace .sts286-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 #portalWorkspace .sts286-tile:nth-child(n){border-left-color:#1979B2}
 #portalWorkspace .sts286-tile:nth-child(2n){border-left-color:#D32E49}
}
@media(max-width:650px){
 #portalWorkspace .sts286-grid{grid-template-columns:minmax(0,1fr)}
 #portalWorkspace .sts286-tile:nth-child(n){border-left-color:#1979B2}
 #portalWorkspace .sts286-tile{min-height:89px}
 #portalWorkspace .sts286-approval{align-items:flex-start;flex-direction:column}
}
@media print{
 #portalWorkspace[data-sts-theme="dark"] #pContent .sts230-root :is(.sts230-card,.sts230-stat),
 #portalWorkspace[data-sts-theme="dark"] #pContent .s231-root :is(.s231-card,.s231-kpis>div),
 #portalWorkspace[data-sts-theme="dark"] #stsHubShell .sth-card{
  background:#fff!important;color:#000!important;box-shadow:none!important
 }
}

/* v286 QA addition: Training Orders uses its older sts216/217 layout,
   not sts246. Restore white-on-slate contrast and brand every action. */
#portalWorkspace[data-sts-theme="dark"] #pContent .sts216-orders{
 color:#e9f5fd!important
}
#portalWorkspace[data-sts-theme="dark"] #pContent .sts216-ordhead :is(h1,p,.p-eyebrow),
#portalWorkspace[data-sts-theme="dark"] #pContent .sts216-legacy summary{
 color:#e8f4fc!important
}
#portalWorkspace[data-sts-theme="dark"] #pContent .sts216-card{
 background:#20374c!important;border:1px solid #4b667b!important;
 box-shadow:0 5px 14px rgba(0,0,0,.16)!important;
}
#portalWorkspace[data-sts-theme="dark"] #pContent .sts216-card.selected{
 border:2px solid #e34c68!important;background:#294057!important;
}
#portalWorkspace[data-sts-theme="dark"] #pContent .sts216-select{
 background:transparent!important;color:#f3f9ff!important
}
#portalWorkspace[data-sts-theme="dark"] #pContent .sts216-select :is(strong,b){
 color:#f4f9ff!important
}
#portalWorkspace[data-sts-theme="dark"] #pContent .sts216-select span{
 color:#c6dbea!important
}
#portalWorkspace[data-sts-theme="dark"] #pContent :is(
 .sts216-print,.sts216-action,.sts216-utility button,.p-dept-back
){
 background:#28516d!important;color:#f4fbff!important;
 border:1px solid #5b91b2!important;border-left:3px solid #e34c68!important;
 box-shadow:none!important
}
#portalWorkspace[data-sts-theme="dark"] #pContent :is(
 .sts216-print,.sts216-action,.sts216-utility button,.p-dept-back
):is(:hover,:focus-visible){
 background:#336582!important;color:white!important;
}
#portalWorkspace[data-sts-theme="dark"] #pContent .sts216-action[style]{
 background:#176b9c!important;color:white!important
}
#portalWorkspace[data-sts-theme="dark"] #pContent :is(
 .sts216-tools label,.sts216-tools p,.sts216-foot,.sts216-empty
){color:#c8dbe8!important}
#portalWorkspace[data-sts-theme="dark"] #pContent .sts216-worklist{
 background:#172c3e!important;color:#eaf5fc!important;border-color:#4e687d!important
}
#portalWorkspace[data-sts-theme="dark"] #pContent .sts216-worklist-header{
 background:#29445c!important;color:#f0f8ff!important
}
#portalWorkspace[data-sts-theme="dark"] #pContent .sts216-row,
#portalWorkspace[data-sts-theme="dark"] #pContent .sts216-row:nth-child(odd){
 background:#1c3347!important;border-color:#456176!important;color:#e9f5fc!important
}
#portalWorkspace[data-sts-theme="dark"] #pContent .sts216-row :is(strong,.sts216-reason){
 color:#f0f9ff!important
}
#portalWorkspace[data-sts-theme="dark"] #pContent .sts216-row small{
 color:#ccdeea!important
}
#portalWorkspace[data-sts-theme="dark"] #pContent .sts217-datefilter{
 background:linear-gradient(140deg,#20394e,#182d40)!important;
 color:#eff7fd!important;border-color:#496880!important;
 border-left:4px solid #e34c68!important
}
#portalWorkspace[data-sts-theme="dark"] #pContent .sts217-datefilter :is(strong,label){
 color:#f1f8ff!important
}
#portalWorkspace[data-sts-theme="dark"] #pContent .sts217-datefilter small{
 color:#c9dce9!important
}
#portalWorkspace[data-sts-theme="dark"] #pContent .sts217-datefilter input,
#portalWorkspace[data-sts-theme="dark"] #pContent .sts216-tools input{
 color:#17354b!important;background:#eff6fb!important;border-color:#7598b1!important
}
#portalWorkspace[data-sts-theme="dark"] #pContent .sts216-glance{
 background:#20384b!important;color:#f3f9fe!important;border-color:#4f6a80!important;
 border-left:4px solid #e34c68!important
}
#portalWorkspace[data-sts-theme="dark"] #pContent .sts216-glance strong{color:#f3f9ff!important}
#portalWorkspace[data-sts-theme="dark"] #pContent .sts216-glance small{color:#c6dbe8!important}
#portalWorkspace[data-sts-theme="dark"] #pContent .sts217-error{
 background:#562c38!important;color:#ffe3e7!important;border-left-color:#fa7a91!important
}
@media print{
 #portalWorkspace[data-sts-theme="dark"] #pContent .sts216-orders :is(
 .sts216-card,.sts216-row,.sts216-worklist,.sts217-datefilter
 ){background:#fff!important;color:#000!important;box-shadow:none!important}
}