/* MySTS v282: Premium Midnight Executive / Light appearance.
   The layout and user workflows are identical in both modes.
   CSS selectors scoped to the signed-in shell; login and printed documents remain unchanged.
   Do not change the warning states, transactional meaning or chart data.
*/
#portalWorkspace .sts282-appearance-switch,#hrApp .sts282-appearance-switch{
 align-items:center;display:inline-flex;gap:7px;white-space:nowrap;cursor:pointer;
 border:1px solid #7ba7c5;border-radius:9px;padding:8px 11px;
 background:#17334c;color:#edf8ff;font:700 12px system-ui,-apple-system,"Segoe UI",sans-serif;
 min-height:36px;line-height:1.2;
}
#portalWorkspace .sts282-mode-icon,#hrApp .sts282-mode-icon{font-size:17px;line-height:1}
#portalWorkspace .sts282-appearance-switch:focus-visible,#hrApp .sts282-appearance-switch:focus-visible{
 outline:3px solid #45b2f3;outline-offset:2px;
}
#portalWorkspace[data-sts-theme="light"] .sts282-appearance-switch,
#hrApp[data-sts-theme="light"] .sts282-appearance-switch{
 background:#f4f8fb;color:#174461;border-color:#b7d3e4;
}
#portalWorkspace[data-sts-theme="dark"]{color-scheme:dark}
#hrApp[data-sts-theme="dark"]{color-scheme:dark}
#portalWorkspace[data-sts-theme="light"],#hrApp[data-sts-theme="light"]{color-scheme:light}
/* MySTS 2.0 v281: Director At a Glance — Midnight Executive visual preview.
 * STRICT SCOPE: #pContent.sts223-director-glance is emitted only for the
 * Director on pView=atglance. No data, routes, permissions or markup changes.
 * This is a separate Cloudflare preview branch, NOT the staging branch. */
#portalWorkspace[data-sts-theme="dark"] {
 --sts281-bg:#0b1521;
 --sts281-panel:#142332;
 --sts281-panel-alt:#1a2c3d;
 --sts281-panel-deep:#0f1d2c;
 --sts281-border:#344a60;
 --sts281-ink:#f3f7fc;
 --sts281-muted:#bacbd9;
 --sts281-blue:#45b2f3;
 --sts281-red:#e34c68;
 --sts281-card-shadow:0 9px 22px rgba(0,0,0,.22);
}
#portalWorkspace[data-sts-theme="dark"] .p-main {
 background:radial-gradient(circle at 100% 0%,rgba(25,121,178,.14),transparent 34%),
   linear-gradient(140deg,#111e2e 0%,#0b1521 53%,#0d1a28 100%)!important;
 color:var(--sts281-ink)!important;
}
#portalWorkspace[data-sts-theme="dark"] .p-top {
 background:linear-gradient(100deg,#142637,#101c2c)!important;
 border-bottom:2px solid #1979b2!important;
 box-shadow:0 3px 16px rgba(0,0,0,.22)!important
}
#portalWorkspace[data-sts-theme="dark"] .p-top :is(.p-top-title,.p-top-sub) {
 color:#edf6fc!important
}
#portalWorkspace[data-sts-theme="dark"] #pContent{
 background:transparent!important;
 color:var(--sts281-ink)!important;
 min-height:calc(100vh - 125px)
}
/* Original sections and positioning are intentionally untouched. Only surfaces,
 * colours and typography change; the director's existing dashboard structure stays. */
#portalWorkspace[data-sts-theme="dark"] #pContent :is(
 .p-glance-block,
 #sts222Director,
 .v68-events-card,
 .sts223-events,
 .p-glance-stat,
 .v71-work-pattern-link,
 .sts183-card,
 #sts183TeamCard
){
 color:var(--sts281-ink)!important;
 background:linear-gradient(155deg,var(--sts281-panel-alt),var(--sts281-panel) 62%,var(--sts281-panel-deep))!important;
 border:1px solid var(--sts281-border)!important;
 border-radius:14px!important;
 box-shadow:var(--sts281-card-shadow)!important;
}
#portalWorkspace[data-sts-theme="dark"] #pContent .v69-work-grid>.p-glance-block {
 border-top:3px solid var(--sts281-blue)!important;
 border-bottom:1px solid var(--sts281-border)!important;
}
/* Two action panels retain their existing left/right ordering and controls. */
#portalWorkspace[data-sts-theme="dark"] #pContent .v69-work-grid>.p-glance-block:first-child {
 border-left:3px solid var(--sts281-red)!important
}
#portalWorkspace[data-sts-theme="dark"] #pContent .v69-work-grid>.p-glance-block:nth-child(2){
 border-left:3px solid var(--sts281-blue)!important
}
#portalWorkspace[data-sts-theme="dark"] #pContent :is(.p-glance-header,.p-glance-body){
 background:transparent!important;
 color:var(--sts281-ink)!important;
 border-color:var(--sts281-border)!important
}
#portalWorkspace[data-sts-theme="dark"] #pContent :is(.p-glance-header h3,.p-glance-item strong,
 .v71-work-pattern-link strong,.v68-events-head strong,.sts223-events strong){
 color:var(--sts281-ink)!important
}
#portalWorkspace[data-sts-theme="dark"] #pContent :is(
 .p-glance-header p,.p-glance-empty,.p-glance-item small,
 .p-glance-foot,.p-desc,.sts223-subtitle,
 .v68-events-head small,.v68-events-sub,.sts223-events small,
 .v71-work-pattern-link p
) {color:var(--sts281-muted)!important}
#portalWorkspace[data-sts-theme="dark"] #pContent .p-glance-item{
 color:var(--sts281-ink)!important;
 background:rgba(255,255,255,.035)!important;
 border-color:var(--sts281-border)!important;
 border-radius:8px!important
}
#portalWorkspace[data-sts-theme="dark"] #pContent .p-glance-item:not(:last-child) {
 border-bottom-color:#30495e!important
}
/* Keep urgent items unmistakably red, without losing contrast on dark cards. */
#portalWorkspace[data-sts-theme="dark"] #pContent .v69-work-grid>.p-glance-block:first-child .p-glance-item {
 border-left:3px solid var(--sts281-red)!important;
 background:rgba(227,76,104,.075)!important
}
#portalWorkspace[data-sts-theme="dark"] #pContent .v69-work-grid .p-glance-header .v71-task-badge:not(.zero){
 background:#9b263e!important;color:#fff!important;border-color:#e34c68!important
}
#portalWorkspace[data-sts-theme="dark"] #pContent .v69-work-grid>.p-glance-block:nth-child(2) .v71-task-badge:not(.zero){
 background:#125d93!important;border-color:#44b5f5!important
}
#portalWorkspace[data-sts-theme="dark"] #pContent .v69-work-grid .v71-task-badge.zero {
 background:#24384a!important;color:#b5c8d8!important;border-color:#344a60!important
}
#portalWorkspace[data-sts-theme="dark"] #pContent :is(.p-glance-item button,.sts223-mini,.v71-show-more,
 .sts223-events button,.v71-work-pattern-link button) {
 color:#dcf2ff!important;
 background:#203951!important;
 border:1px solid #45779d!important;
 border-radius:8px!important;
 box-shadow:none!important;
}
#portalWorkspace[data-sts-theme="dark"] #pContent :is(.p-glance-item button,.sts223-mini,.v71-show-more,
 .sts223-events button,.v71-work-pattern-link button):hover{
 background:#2a4b68!important;border-color:#69b6ec!important
}
#portalWorkspace[data-sts-theme="dark"] #pContent .sts223-count {
 color:#e5f6ff!important;background:#2b4c66!important
}
/* Canonical training outlook: real orders, figures and labels preserved. */
#portalWorkspace[data-sts-theme="dark"] #pContent #sts222Director{
 border-top:3px solid var(--sts281-blue)!important
}
#portalWorkspace[data-sts-theme="dark"] #pContent #sts222Director :is(
 .sts222-heading h2,.sts222-count,.sts222-value,.sts222-month>strong,
 .sts222-compare strong,.sts222-compare>span
){color:var(--sts281-ink)!important}
#portalWorkspace[data-sts-theme="dark"] #pContent #sts222Director :is(
 .sts222-heading p,.sts222-count small,.sts222-value small,
 .sts222-meta,.sts222-note,.sts222-compare p
){color:var(--sts281-muted)!important}
#portalWorkspace[data-sts-theme="dark"] #pContent #sts222Director .sts222-eyebrow,
#portalWorkspace[data-sts-theme="dark"] #pContent #sts222Director .sts222-month-label{
 color:#65c4ff!important
}
#portalWorkspace[data-sts-theme="dark"] #pContent #sts222Director .sts222-cards>.sts222-month {
 background:linear-gradient(155deg,#172c41,#101f30)!important;
 border:1px solid #37536b!important;
 border-top:3px solid var(--sts281-red)!important;
 color:var(--sts281-ink)!important;
 box-shadow:0 3px 12px rgba(0,0,0,.15)!important
}
#portalWorkspace[data-sts-theme="dark"] #pContent #sts222Director .sts222-cards>.sts222-month:hover{
 border-color:#75b5df!important;
 background:#203b53!important
}
#portalWorkspace[data-sts-theme="dark"] #pContent #sts222Director .sts222-open{
 color:#7fd3ff!important
}
#portalWorkspace[data-sts-theme="dark"] #pContent #sts222Director .sts222-missing{
 color:#ffc37a!important
}
#portalWorkspace[data-sts-theme="dark"] #pContent #sts222Director .sts222-report{
 background:#17669c!important;
 color:#fff!important;
 border-color:#67bdeb!important
}
#portalWorkspace[data-sts-theme="dark"] #pContent #sts222Director .sts222-compare{
 background:#10293e!important;border:1px solid #355871!important;color:var(--sts281-ink)!important
}
#portalWorkspace[data-sts-theme="dark"] #pContent #sts222Director :is(.sts222-report-details,.sts222-figures>div){
 background:#142638!important;
 border-color:#35506a!important;
 color:var(--sts281-ink)!important
}
#portalWorkspace[data-sts-theme="dark"] #pContent #sts222Director .sts222-report-details :is(h3,h4,strong,td){
 color:var(--sts281-ink)!important;
}
#portalWorkspace[data-sts-theme="dark"] #pContent #sts222Director .sts222-report-details :is(p,span){
 color:var(--sts281-muted)!important
}
#portalWorkspace[data-sts-theme="dark"] #pContent #sts222Director .sts222-report-details th {
 background:#1e3a50!important;color:#edf8ff!important;border-color:#40617a!important
}
#portalWorkspace[data-sts-theme="dark"] #pContent #sts222Director .sts222-report-details td{
 border-color:#365169!important
}
/* Expandable People & Upcoming Events: no structure or content changes. */
#portalWorkspace[data-sts-theme="dark"] #pContent .sts223-events {
 padding:13px 16px!important;border-left:3px solid var(--sts281-blue)!important
}
#portalWorkspace[data-sts-theme="dark"] #pContent #v68PeopleEvents,
#portalWorkspace[data-sts-theme="dark"] #pContent #v68PeopleEvents :is(.v68-events-sub,.v68-events-head,.v68-events-body){
 color:var(--sts281-muted)!important;
 background:transparent!important;
 border-color:var(--sts281-border)!important
}
#portalWorkspace[data-sts-theme="dark"] #pContent #v68PeopleEvents :is(
 .v68-event,.v68-events-head,.v68-events-head strong,.v68-events-body strong){
 color:var(--sts281-ink)!important;border-color:#365169!important
}
#portalWorkspace[data-sts-theme="dark"] #pContent #v68PeopleEvents .v68-events-icon {
 color:#8ed5ff!important;background:#24435b!important
}
#portalWorkspace[data-sts-theme="dark"] #pContent .v68-events-card{
 border-top:2px solid var(--sts281-blue)!important
}
/* Newer summary/message and team widgets also inherit the dark surface. */
#portalWorkspace[data-sts-theme="dark"] #pContent :is(
 .sts183-card,.sts184-card,#sts183TeamCard,.sts225-card,.v69-work-card
){
 background:#152638!important;color:var(--sts281-ink)!important;border-color:#35506a!important
}
/* Accessible focus state; no hover translation, animation or DOM observers. */
#portalWorkspace[data-sts-theme="dark"] #pContent button:focus-visible{
 outline:3px solid #79cafa!important;outline-offset:2px!important
}
@media(max-width:760px){
 #portalWorkspace[data-sts-theme="dark"] #pContent{
  min-height:0!important
 }
}
@media(prefers-reduced-motion:reduce){
 #portalWorkspace[data-sts-theme="dark"] #pContent *{transition:none!important}
}

/* Common dark design tokens covering *every* signed-in MySTS section. */
#portalWorkspace[data-sts-theme="dark"],#hrApp[data-sts-theme="dark"]{
 --sts282-bg:#0b1521;--sts282-panel:#182a3c;--sts282-deep:#0f1d2c;
 --sts282-muted:#becfdb;--sts282-line:#344d62;--sts282-white:#f3f8fc;
 --sts282-blue:#45b2f3;--sts282-red:#e34c68;
}
/* Pages share the same shell: no DOM mutations, page structure remains intact. */
#portalWorkspace[data-sts-theme="dark"] .p-main,
#hrApp[data-sts-theme="dark"] .main{
 background:radial-gradient(circle at 100% 0%,rgba(35,123,174,.17),transparent 34%),
 linear-gradient(140deg,#111e2e 0%,#0b1521 53%,#0d1a28 100%)!important;
 color:var(--sts282-white)!important;
 min-height:100vh;
}
#portalWorkspace[data-sts-theme="dark"] .p-top,
#hrApp[data-sts-theme="dark"] .topbar {
 background:linear-gradient(100deg,#142637,#101c2c)!important;
 border-bottom:2px solid #1979b2!important;
 color:var(--sts282-white)!important;
}
#portalWorkspace[data-sts-theme="dark"] #pContent,
#hrApp[data-sts-theme="dark"] #content{
 background:transparent!important;color:var(--sts282-white)!important;
}
#portalWorkspace[data-sts-theme="dark"] :is(.p-top-title,.p-top-sub,.p-identity,.p-h1,.p-section-title,.p-desc),
#hrApp[data-sts-theme="dark"] :is(.breadcrumbs,.page-title,.subtitle,.footer-note){
 color:var(--sts282-white)!important;
}
/* General content panels: explicit cards only; leave light status/warning chips legible. */
#portalWorkspace[data-sts-theme="dark"] #pContent :is(
 .p-panel,.p-metric,.p-module,.p-hero-card,.p-order-banner,.p-line-items,
 .p-glance-intro,.p-glance-stat,.p-glance-block,.p-dept-intro,.p-glance-banner,
 .p-work-item,.p-work-stat,.v121-work-card,.v69-work-card,
 .sts255-module,.sts255-header,.sts254-panel,.sts254-card,.sts275-panel,
 .sts275-intro,.sts273-heading,.sts246-heading,.sts234-focus,
 .sts222-report-details,.sts225-panel,.sts225-card,
 .sts183-card,.sts184-card,.v68-events-card,.v71-work-pattern-link
),
#hrApp[data-sts-theme="dark"] #content :is(
 .panel,.stat,.hero,.card,.notice,.table-wrap,.subheader,.hr-panel,.v67-card
){
 color:var(--sts282-white)!important;
 background:linear-gradient(155deg,#1b3043,#162738 62%,#102031)!important;
 border-color:var(--sts282-line)!important;
 box-shadow:0 8px 22px rgba(0,0,0,.19)!important;
}
#portalWorkspace[data-sts-theme="dark"] #pContent :is(
 .p-panel-head,.p-panel-body,.p-glance-header,.p-glance-body,.sts255-module,
 .sts222-heading,.v68-events-head,.v68-events-body
),
#hrApp[data-sts-theme="dark"] #content :is(.panel-head,.panel-body,.card-body){
 color:var(--sts282-white)!important;
 border-color:var(--sts282-line)!important;
 background:transparent!important;
}
#portalWorkspace[data-sts-theme="dark"] #pContent :is(
 .p-panel-head h3,.p-section-title,.p-h1,.p-glance-header h3,.p-metric strong,
 .p-module h3,.p-glance-item strong,.sts275-title,.sts255-module h3,
 .sts222-heading h2,.sts222-count,.sts222-value,.sts222-month>strong,
 .v68-events-head strong
),
#hrApp[data-sts-theme="dark"] #content :is(
 h1,h2,h3,h4,.stat-value,.panel-head h3,.page-title
){
 color:var(--sts282-white)!important;
}
#portalWorkspace[data-sts-theme="dark"] #pContent :is(
 .p-panel-head p,.p-desc,.p-note,.p-empty,.p-glance-header p,
 .p-glance-item small,.p-glance-empty,.p-metric span,
 .p-module p,.sts222-heading p,.sts222-meta,.sts222-note,.v68-events-sub
),
#hrApp[data-sts-theme="dark"] #content :is(.subtitle,.stat-label,.stat-small,.muted,.help-text){
 color:var(--sts282-muted)!important;
}
#portalWorkspace[data-sts-theme="dark"] #pContent :is(
 .p-glance-item,.p-line,.p-order-row,.sts255-row,.sts275-row,
 .sts222-compare,.sts222-month,.sts225-item,.sts254-row
),
#hrApp[data-sts-theme="dark"] #content :is(.row,.list-row,.table-row){
 color:var(--sts282-white)!important;
 background:#182b3e!important;border-color:var(--sts282-line)!important;
}
/* Existing charcoal blue/red navigation tiles remain a consistent component in both modes. */
#portalWorkspace[data-sts-theme="dark"] :is(
 .p-dept-tile,.sts255-tile,.sts275-tile,.sts234-tile,
 .sts219-customers-tile,.sts224-tile,.v67-hr-tile
),
#hrApp[data-sts-theme="dark"] :is(.v67-hr-tile,.sts240-extra-tile){
 background:#26394b!important;color:#fff!important;border-color:#526476!important;
}
/* Form controls: maintain clear focused inputs and dropdown readability. */
#portalWorkspace[data-sts-theme="dark"] #pContent :is(
 input:not([type="checkbox"]):not([type="radio"]),select,textarea
),
#hrApp[data-sts-theme="dark"] #content :is(
 input:not([type="checkbox"]):not([type="radio"]),select,textarea
){
 background:#f4f8fc!important;color:#102b40!important;
 border:1px solid #7896ad!important;
}
#portalWorkspace[data-sts-theme="dark"] #pContent :is(
 input:not([type="checkbox"]):not([type="radio"]),select,textarea
):focus-visible,
#hrApp[data-sts-theme="dark"] #content :is(
 input:not([type="checkbox"]):not([type="radio"]),select,textarea
):focus-visible{
 outline:3px solid #45b2f3!important;outline-offset:1px!important;
}
#portalWorkspace[data-sts-theme="dark"] #pContent :is(.p-table,.sts254-table,.sts255-table),
#hrApp[data-sts-theme="dark"] #content table{
 color:#f0f7fc!important;background:#142637!important;
}
#portalWorkspace[data-sts-theme="dark"] #pContent :is(
 .p-table th,.sts254-table th,.sts255-table th
),
#hrApp[data-sts-theme="dark"] #content th{
 background:#223b50!important;color:#ecf7ff!important;
 border-color:#3b5368!important;
}
#portalWorkspace[data-sts-theme="dark"] #pContent :is(
 .p-table td,.sts254-table td,.sts255-table td
),
#hrApp[data-sts-theme="dark"] #content td{
 border-color:#345066!important;color:#e7f2fa!important;
}
#portalWorkspace[data-sts-theme="dark"] #pContent :is(.p-table tr,.sts254-table tr),
#hrApp[data-sts-theme="dark"] #content tbody tr{
 background:#142637!important;
}
/* Keep destructive, urgent and status-specific palettes separate from the theme. */
#portalWorkspace[data-sts-theme="dark"] #pContent :is(
 .p-tag,.p-badge,.sts255-status,.sts275-badge,.p-success,.p-error,.p-warning
){color-scheme:light}
#hrApp[data-sts-theme="dark"] #content :is(.badge,.pill,.status,.warning,.error){
 color-scheme:light
}
/* Shared customer Training Hub uses #stsHubShell inside the same parent. */
#portalWorkspace[data-sts-theme="dark"] #stsHubShell :is(
 .sts234-focus,.sts234-membership-panel,.v45-card,.v45-panel
){
 background:#192c3e!important;color:#f1f8fd!important;
 border-color:#38546b!important;
}
#portalWorkspace[data-sts-theme="dark"] #stsHubShell :is(
 .sts234-focus-copy,.sts234-focus-copy strong,.v45-card h3
){color:#f1f8fd!important}
/* Pop-up records remain visible and usable in either mode.
   We do not change fixed printable certificate pages or document templates. */
#portalWorkspace[data-sts-theme="dark"] :is(.p-modal,.p-popover),
#hrApp[data-sts-theme="dark"] .modal{
 background:#1a3043!important;color:#f1f8fd!important;border-color:#4a6983!important
}
#hrApp[data-sts-theme="dark"] .modal :is(h2,h3,p,label){
 color:#f1f8fd!important
}
#portalWorkspace[data-sts-theme="dark"] :is(.p-modal,.p-popover) :is(input,select,textarea),
#hrApp[data-sts-theme="dark"] .modal :is(input,select,textarea){
 background:#f4f8fc!important;color:#102b40!important
}
@media(max-width:680px){
 #portalWorkspace .sts282-appearance-switch,#hrApp .sts282-appearance-switch{
  padding:7px 9px;min-width:38px;justify-content:center
 }
 #portalWorkspace .sts282-mode-label,#hrApp .sts282-mode-label{display:none}
}
@media print{
 #portalWorkspace[data-sts-theme="dark"] .p-main,
 #hrApp[data-sts-theme="dark"] .main{
  background:#fff!important;color:#000!important
 }
 #portalWorkspace .sts282-appearance-switch,
 #hrApp .sts282-appearance-switch{display:none!important}
}

/* v282 follow-up visual sweep: older office and HR panels that predate
   the unified tile system. Keep navigational order, layout, status logic unchanged. */
#portalWorkspace[data-sts-theme="dark"] #pContent :is(
 .sts268-panel,.sts216-utility,.sts254-summary-note,.sts255-pill,.sts271-order-bubble,
 .sts218-shell,.sts218-head,.sts218-job,.sts218-job-content,.sts218-job-summary,
 .sts245-customer-panel,.sts245-card,.sts246-panel,.sts246-card,
 .sts244-hr-card,.sts244-reminders,.sts240-orders-toolbar,
 .sts211-panel,.sts211-card,.sts212-panel,.sts224-panel,
 .sts225-summary,.sts225-list,.sts225-toolbar,
 .v42-kpi,.v42-card,.v42-course,.v50-quick,.v69-card,
 .p-dept-section,.p-dept-headline,.p-dept-card,.p-dept-home,
 .v71-task-block,.v71-work-pattern-link,.p-glance-kickers>.p-glance-stat
) {
 background:#192c3f!important;color:#eaf5fc!important;
 border-color:#38536b!important;
 box-shadow:0 5px 16px rgba(0,0,0,.15)!important;
}
#portalWorkspace[data-sts-theme="dark"] #pContent :is(
 .sts268-panel,.sts216-utility,.sts254-summary-note,.sts218-shell,
 .sts246-panel,.sts244-hr-card,.sts244-reminders,.sts225-summary
) :is(h1,h2,h3,h4,strong){
 color:#f0f8fd!important;
}
#portalWorkspace[data-sts-theme="dark"] #pContent :is(
 .sts268-panel,.sts216-utility,.sts254-summary-note,.sts218-shell,
 .sts246-panel,.sts244-hr-card,.sts244-reminders,.sts225-summary
) :is(p,small,.hint,.subtitle){
 color:#c5d5e1!important;
}
#portalWorkspace[data-sts-theme="dark"] #pContent :is(
 .sts268-panel,.sts216-utility,.sts254-summary-note,
 .sts244-hr-card,.sts244-reminders,.sts225-summary
) :is(button:not(.p-tag),a){
 color:#d7f0ff!important;
}
#portalWorkspace[data-sts-theme="dark"] #pContent .sts268-panel .sts268-btn.primary,
#portalWorkspace[data-sts-theme="dark"] #pContent .sts216-utility button{
 background:#1e6390!important;border-color:#55a2d2!important;color:#fff!important;
}
#portalWorkspace[data-sts-theme="dark"] #pContent .sts244-hr-value{
 color:#f4faff!important;
}
#portalWorkspace[data-sts-theme="dark"] #pContent .sts255-header :is(h1,h2,h3,p),
#portalWorkspace[data-sts-theme="dark"] #pContent .sts275-intro :is(h1,h2,h3,p),
#portalWorkspace[data-sts-theme="dark"] #pContent .p-dept-intro :is(h1,h2,h3,p){
 color:#ecf6fd!important;
}
/* Avoid low-contrast legacy blue text on the navy surface. */
#portalWorkspace[data-sts-theme="dark"] #pContent :is(
 .sts222-eyebrow,.p-eyebrow,.sts255-eyebrow,.sts275-eyebrow
){color:#68c2ff!important}
#portalWorkspace[data-sts-theme="dark"] #pContent :is(
 .sts255-pill,.sts255-bottom,.sts255-bottom a,.sts244-hr-card small
){color:#cfe0ed!important}
#hrApp[data-sts-theme="dark"] #content :is(
 .v67-hr-tile,.sts240-extra-tile,.v67-reminders-wrap,.v71-work-pattern-link,
 .sts241-work-pane,.v67-hr-panel,.v67-form,.v67-summary,.v71-hr-pattern-tile,
 .stats>.stat,.overview-card,.dashboard-card,.table-card,
 .p-panel,.p-metric,.p-module
){
 background:#1a2d40!important;color:#eff7fc!important;border-color:#3a566d!important;
}
#hrApp[data-sts-theme="dark"] #content :is(
 .sts241-work-head h2,.sts241-work-head p,.v71-hr-pattern-tile h3,
 .v71-hr-pattern-tile p
){color:#eff7fc!important}
#hrApp[data-sts-theme="dark"] #content .sts241-back{
 background:#213f56!important;color:#eff8ff!important;border-color:#537f9f!important
}
/* A user's choice never alters preprinted certificate layouts, printable record views
   or public marketing/letterhead content. */
@media print{
 #portalWorkspace[data-sts-theme="dark"] #pContent :is(
  .sts268-panel,.sts216-utility,.sts244-hr-card,.sts244-reminders,.sts225-summary
 ){
  background:#fff!important;color:#000!important;box-shadow:none!important;
 }
}

/* v283 QA: Remove redundant legacy entry banners. Navigation/action tiles and
   source workflows stay in place; these shortcuts duplicated the tile entries.
   Applies to both appearances, all roles where these exact shortcuts exist. */
#portalWorkspace #pContent #v76-hr-entry,
#portalWorkspace #pContent #v78-shortcut,
#portalWorkspace #pContent:has(#v76-hr-entry) .sts216-utility,
#portalWorkspace #pContent:has(#sts255Tiles) #m79-shortcut{
 display:none!important;
}
/* Keep the menu's icon on its own blue-backed tile in dark mode. */
#portalWorkspace[data-sts-theme="dark"] :is(.p-dept-ico,.p-dept-icon,.sts255-icon,.sts275-icon,
 .sts234-tile-icon,.v67-tile-icon,.sts218-icon,.sts244-hr-card>span:first-child),
#hrApp[data-sts-theme="dark"] :is(.v67-tile-icon,.sts234-tile-icon){
 box-sizing:border-box!important;
 display:inline-grid!important;place-items:center!important;flex-shrink:0!important;
 background:#244b68!important;color:#8fd1ff!important;
 border:1px solid #437ca4!important;border-left:3px solid #45b2f3!important;
 border-radius:9px!important;
 min-width:34px!important;min-height:34px!important;
}
#portalWorkspace[data-sts-theme="dark"] :is(.p-dept-ico,.p-dept-icon,.sts255-icon,.sts275-icon,
 .sts234-tile-icon,.v67-tile-icon) svg,
#hrApp[data-sts-theme="dark"] .v67-tile-icon svg{
 color:#8fd1ff!important;stroke:currentColor!important;
}
/* Finance: old white accountant panel and eye-catching white zero bubbles. */
#portalWorkspace[data-sts-theme="dark"] #pContent .sts268-panel{
 background:linear-gradient(140deg,#203348,#172637)!important;
 border:1px solid #415a6f!important;border-left:4px solid #e34c68!important;
 color:#ebf5fc!important;box-shadow:0 7px 22px #0003!important;
}
#portalWorkspace[data-sts-theme="dark"] #pContent .sts268-panel :is(h1,h2,h3,strong,p,small){
 color:#eaf5fc!important;
}
#portalWorkspace[data-sts-theme="dark"] #pContent .sts255-pill,
#portalWorkspace[data-sts-theme="dark"] #pContent .sts255-count,
#portalWorkspace[data-sts-theme="dark"] #pContent .sts255-bottom,
#portalWorkspace[data-sts-theme="dark"] #pContent .sts255-top{
 background:#203a4d!important;color:#e1f2fd!important;border-color:#45657b!important;
}
#portalWorkspace[data-sts-theme="dark"] #pContent .sts255-count{
 display:inline-flex!important;align-items:center;justify-content:center!important;
 border:1px solid #4f89ad!important;border-radius:7px!important;
 min-width:23px!important;min-height:23px!important;padding:2px 6px!important;
 font-size:14px!important;font-weight:800!important;
}
#portalWorkspace[data-sts-theme="dark"] #pContent .sts255-pill span{
 color:#d1e4f0!important;
}
#portalWorkspace[data-sts-theme="dark"] #pContent .sts255-open{
 color:#78c9ff!important;
}
/* Midnight Executive Marketing + CRM: all legacy navigation tabs, four KPI boxes,
   approval panels, pipeline columns and form cards use coordinated dark surfaces. */
#portalWorkspace[data-sts-theme="dark"] #pContent .crm31-wrap{
 color:#ebf5fc!important;
}
#portalWorkspace[data-sts-theme="dark"] #pContent .crm31-tab{
 background:#1d3448!important;color:#dcecf7!important;
 border-color:#4a647a!important;
}
#portalWorkspace[data-sts-theme="dark"] #pContent .crm31-tab.active{
 background:#17679b!important;color:#fff!important;border-color:#62b1e1!important;
}
#portalWorkspace[data-sts-theme="dark"] #pContent :is(
 .crm31-stat,.crm31-panel,.crm31-card,.crm31-note,.crm31-lane,
 .crm31-deal,.crm31-event,.crm31-contact,.crm31-check,.crm31-tpl,
 .crm31-kv>div,.crm31-pill,.crm31-code
){
 background:linear-gradient(145deg,#20364a,#17283b)!important;
 color:#eaf4fc!important;border-color:#3b576f!important;
 box-shadow:0 5px 18px rgba(0,0,0,.13)!important;
}
#portalWorkspace[data-sts-theme="dark"] #pContent .crm31-panel header{
 background:#1b3044!important;border-color:#3b576f!important;
}
#portalWorkspace[data-sts-theme="dark"] #pContent .crm31-panel .crm31-body{
 background:transparent!important;
}
#portalWorkspace[data-sts-theme="dark"] #pContent .crm31-wrap :is(
 .crm31-stat strong,.crm31-panel h3,.crm31-card strong,.crm31-lane h4,
 .crm31-deal strong,.crm31-event strong,.crm31-contact strong,
 .crm31-kv strong,.crm31-statusline strong
){color:#f1f8fc!important}
#portalWorkspace[data-sts-theme="dark"] #pContent .crm31-wrap :is(
 .crm31-stat span,.crm31-stat small,.crm31-empty,.crm31-card small,
 .crm31-deal small,.crm31-event small,.crm31-contact small,
 .crm31-kv span,.crm31-statusline small,.crm31-mini,.crm31-info,
 .crm31-hint,.crm31-tpl p,.crm31-fields label
){color:#c0d4e3!important}
#portalWorkspace[data-sts-theme="dark"] #pContent .crm31-wrap .crm31-stat{
 border-top:3px solid #45b2f3!important;
}
#portalWorkspace[data-sts-theme="dark"] #pContent .crm31-wrap .crm31-stat:nth-child(3n+2){
 border-top-color:#e34c68!important;
}
#portalWorkspace[data-sts-theme="dark"] #pContent .crm31-wrap .crm31-statusline{
 border-bottom-color:#38536b!important;
}
#portalWorkspace[data-sts-theme="dark"] #pContent .crm31-wrap :is(.crm31-tbl,.crm31-tbl tbody tr){
 color:#eaf5fc!important;background:#182b3e!important;
}
#portalWorkspace[data-sts-theme="dark"] #pContent .crm31-wrap .crm31-tbl th{
 background:#244056!important;color:#eaf5fc!important;
}
#portalWorkspace[data-sts-theme="dark"] #pContent .crm31-wrap .crm31-tbl td{
 border-color:#3a5368!important;color:#ebf6ff!important;
}
#portalWorkspace[data-sts-theme="dark"] #pContent .crm31-wrap .crm31-tbl tbody tr:hover{
 background:#263f55!important;
}
#portalWorkspace[data-sts-theme="dark"] #pContent .crm31-wrap :is(
 button.p-button:not(.blue):not(.primary),
 .crm31-tablebtn
){
 background:#27465f!important;color:#e4f5ff!important;border-color:#517994!important;
}
#portalWorkspace[data-sts-theme="dark"] #pContent .crm31-wrap button.p-button:hover{
 background:#345c78!important;color:#fff!important;
}
#portalWorkspace[data-sts-theme="dark"] #pContent .crm31-wrap :is(
 input:not([type="checkbox"]):not([type="radio"]),select,textarea
){
 background:#eef5fa!important;color:#132f43!important;border-color:#7095ac!important;
}
#portalWorkspace[data-sts-theme="dark"] #pContent .crm31-wrap :is(
 .crm31-note,.crm31-warning,.crm31-good
){
 border-left:4px solid #45b2f3!important;
}
#portalWorkspace[data-sts-theme="dark"] #pContent .crm31-wrap .crm31-warning{
 background:#4b352d!important;color:#ffe2ba!important;border-left-color:#f0b257!important;
}
#portalWorkspace[data-sts-theme="dark"] #pContent .crm31-wrap .crm31-good{
 background:#1b473e!important;color:#c2f5df!important;border-left-color:#39b98b!important;
}
/* Preserve semantic red/amber/green status tags with enhanced contrast. */
#portalWorkspace[data-sts-theme="dark"] #pContent .crm31-tag{
 background:#214864!important;color:#bfe6ff!important;
}
#portalWorkspace[data-sts-theme="dark"] #pContent .crm31-tag.red{
 background:#622f3c!important;color:#ffd0da!important;
}
#portalWorkspace[data-sts-theme="dark"] #pContent .crm31-tag.amber{
 background:#53432b!important;color:#ffde9f!important;
}
#portalWorkspace[data-sts-theme="dark"] #pContent .crm31-tag.green{
 background:#1f503f!important;color:#b6eed2!important;
}
/* Clean top-of-page shortcuts in Finance without removing any report route. */
#portalWorkspace[data-sts-theme="dark"] #pContent .v79-shortcut,
#portalWorkspace[data-sts-theme="dark"] #pContent .v79-card{
 background:#1c3144!important;color:#eaf4fa!important;border-color:#3e5a70!important;
}
#portalWorkspace[data-sts-theme="dark"] #pContent .v79-shortcut :is(strong,small,p){
 color:#eaf4fa!important;
}
/* Retain light-mode styling and standard contrast for printable pages. */
@media print{
 #portalWorkspace[data-sts-theme="dark"] #pContent .crm31-wrap :is(
 .crm31-stat,.crm31-panel,.crm31-card,.crm31-note,.crm31-tpl,.crm31-lane
 ),#portalWorkspace[data-sts-theme="dark"] #pContent .sts268-panel{
  color:#000!important;background:#fff!important;box-shadow:none!important;
 }
}

/* v284 — My Tasks lives in the common left menu. The old floating quick
 * button duplicates navigation on Training/At a Glance; hide the duplicate
 * only. Its route and task records stay accessible through My Tasks. */
#portalWorkspace #pContent #sts225Quick{display:none!important}