/* WPU BUILD21 · Reference image card accent authority.
   A permanent visible LEFT accent, not an inset bottom stripe or hover effect.
   This file loads AFTER earlier bottom-accent and module styles in the shared head.
   All shared portal shells and standalone setup screens are covered.
   Scope only recognizable card/panel/tile components; menus, dialogs, tables,
   images, and editor overlays are NOT repurposed as cards.
   Browser support: modern Chromium/Firefox/Safari (CSS :is / :where).
*/
:root {
 --wpu-ref-navy:#003366; --wpu-ref-amber:#d97706;
 --wpu-ref-green:#059669; --wpu-ref-purple:#7c3aed;
 --wpu-ref-outline:#e2e8f0;
 --wpu-ref-shadow:0 2px 8px rgba(15,23,42,.055);
}

/* Establish the accent on the actual CARD ELEMENT, rather than its grid wrapper.
   Explicit left border overrides BUILD17/18's old inset-bottom stripe. */
html body:is(.wpu-hub-theme.wpu-unified-ui,.wpu-setup-body,.wpu-setup-page) :is(.card, .wpu-card, .panel, .metric, .stat-card, .metric-card, .kpi-card, [class$="-card"], [class*="-card "], [class$="-panel"], [class*="-panel "], [class$="-metric"], [class*="-metric "], [class$="-tile"], [class*="-tile "], [class$="-stat"], [class*="-stat "],
[class$="-kpi"], [class*="-kpi "], .ref-path, .ref-aira, .ref-path-grid>a, .wpu-ui-app-grid>a, .wpu-vcms-custom-section, .wpu-admin-shortcut,
.wpu-unified-tool, .wpu-setup-choice, .wpu-enterprise-aira,
.wpu-reference-help-button, .wpu-wf-step, .wpu-r-stat, .hub-executive-metrics>article, .library-collection-directory>a, .hub-module, .hub-chart, .ia-callout, .proposal-index-hero, .rw59-current-project, .service-info-section, .inst-content-article, .wpu-page-header, .wpu365-command-bar, .wpu-studio-section, .wpu-accent-card, [data-wpu-card], [data-collection-card]):not(:is(.wpu-ui-nav-panel,.wpu-ui-popover-panel,.wpu-ui-account-panel,.wpu-ui-search,.dropdown-menu,.modal-content,.offcanvas,.toast,.wpu-nav-card,.wpu-setup-card-inner)) {
  --wpu-ref-card-accent:var(--wpu-ref-navy);
  --wpu-ref-card-light:#1262a1!important;
  border:1px solid var(--wpu-ref-outline)!important;
  border-left:4px solid var(--wpu-ref-card-accent)!important;
  border-radius:12px!important;
  background:#fff!important;
  box-shadow:var(--wpu-ref-shadow)!important;
  min-width:0;
}
/* Restore the left accent regardless of hover, focus or selected state. */
html body:is(.wpu-hub-theme.wpu-unified-ui,.wpu-setup-body,.wpu-setup-page) :is(.card, .wpu-card, .panel, .metric, .stat-card, .metric-card, .kpi-card, [class$="-card"], [class*="-card "], [class$="-panel"], [class*="-panel "], [class$="-metric"], [class*="-metric "], [class$="-tile"], [class*="-tile "], [class$="-stat"], [class*="-stat "],
[class$="-kpi"], [class*="-kpi "], .ref-path, .ref-aira, .ref-path-grid>a, .wpu-ui-app-grid>a, .wpu-vcms-custom-section, .wpu-admin-shortcut,
.wpu-unified-tool, .wpu-setup-choice, .wpu-enterprise-aira,
.wpu-reference-help-button, .wpu-wf-step, .wpu-r-stat, .hub-executive-metrics>article, .library-collection-directory>a, .hub-module, .hub-chart, .ia-callout, .proposal-index-hero, .rw59-current-project, .service-info-section, .inst-content-article, .wpu-page-header, .wpu365-command-bar, .wpu-studio-section, .wpu-accent-card, [data-wpu-card], [data-collection-card]):not(:is(.wpu-ui-nav-panel,.wpu-ui-popover-panel,.wpu-ui-account-panel,.wpu-ui-search,.dropdown-menu,.modal-content,.offcanvas,.toast,.wpu-nav-card,.wpu-setup-card-inner)):is(:hover,:focus,:focus-visible,:focus-within,[aria-selected="true"],.active,.is-active) {
  border-left:4px solid var(--wpu-ref-card-accent)!important;
  box-shadow:0 5px 16px rgba(15,23,42,.085)!important;
}

/* Palette rotates through repeated grids even when cards are nested in columns. */

/* Accent position 1; direct grid cards and cards inside bootstrap column wrappers. */
html body:is(.wpu-hub-theme.wpu-unified-ui,.wpu-setup-body,.wpu-setup-page) :is(.row, [class$="-grid"], [class*="-grid "], [class$="-cards"], [class*="-cards "], .wpu-stream-track, .ref-path-grid, .hub-executive-metrics, .wpu-ui-app-grid, .wpu-unified-tools, .wpu-reference-quick-grid, .wpu-reference-resource-grid, .wpu-reference-continue-grid, .wpu-discovery-grid, .wpu-ref-find-grid, .wpu-ref-research-grid, .wpu-r-stat-grid, .wpu-admin-metrics, .wpu-admin-shortcuts, .wpu-tool-grid, .library-collection-directory) > :nth-child(4n+1):is(.card, .wpu-card, .panel, .metric, .stat-card, .metric-card, .kpi-card, [class$="-card"], [class*="-card "], [class$="-panel"], [class*="-panel "], [class$="-metric"], [class*="-metric "], [class$="-tile"], [class*="-tile "], [class$="-stat"], [class*="-stat "],
[class$="-kpi"], [class*="-kpi "], .ref-path, .ref-aira, .ref-path-grid>a, .wpu-ui-app-grid>a, .wpu-vcms-custom-section, .wpu-admin-shortcut,
.wpu-unified-tool, .wpu-setup-choice, .wpu-enterprise-aira,
.wpu-reference-help-button, .wpu-wf-step, .wpu-r-stat, .hub-executive-metrics>article, .library-collection-directory>a, .hub-module, .hub-chart, .ia-callout, .proposal-index-hero, .rw59-current-project, .service-info-section, .inst-content-article, .wpu-page-header, .wpu365-command-bar, .wpu-studio-section, .wpu-accent-card, [data-wpu-card], [data-collection-card]):not(:is(.wpu-ui-nav-panel,.wpu-ui-popover-panel,.wpu-ui-account-panel,.wpu-ui-search,.dropdown-menu,.modal-content,.offcanvas,.toast,.wpu-nav-card,.wpu-setup-card-inner)),
html body:is(.wpu-hub-theme.wpu-unified-ui,.wpu-setup-body,.wpu-setup-page) :is(.row, [class$="-grid"], [class*="-grid "], [class$="-cards"], [class*="-cards "], .wpu-stream-track, .ref-path-grid, .hub-executive-metrics, .wpu-ui-app-grid, .wpu-unified-tools, .wpu-reference-quick-grid, .wpu-reference-resource-grid, .wpu-reference-continue-grid, .wpu-discovery-grid, .wpu-ref-find-grid, .wpu-ref-research-grid, .wpu-r-stat-grid, .wpu-admin-metrics, .wpu-admin-shortcuts, .wpu-tool-grid, .library-collection-directory) > :nth-child(4n+1) > :is(.card, .wpu-card, .panel, .metric, .stat-card, .metric-card, .kpi-card, [class$="-card"], [class*="-card "], [class$="-panel"], [class*="-panel "], [class$="-metric"], [class*="-metric "], [class$="-tile"], [class*="-tile "], [class$="-stat"], [class*="-stat "],
[class$="-kpi"], [class*="-kpi "], .ref-path, .ref-aira, .ref-path-grid>a, .wpu-ui-app-grid>a, .wpu-vcms-custom-section, .wpu-admin-shortcut,
.wpu-unified-tool, .wpu-setup-choice, .wpu-enterprise-aira,
.wpu-reference-help-button, .wpu-wf-step, .wpu-r-stat, .hub-executive-metrics>article, .library-collection-directory>a, .hub-module, .hub-chart, .ia-callout, .proposal-index-hero, .rw59-current-project, .service-info-section, .inst-content-article, .wpu-page-header, .wpu365-command-bar, .wpu-studio-section, .wpu-accent-card, [data-wpu-card], [data-collection-card]):not(:is(.wpu-ui-nav-panel,.wpu-ui-popover-panel,.wpu-ui-account-panel,.wpu-ui-search,.dropdown-menu,.modal-content,.offcanvas,.toast,.wpu-nav-card,.wpu-setup-card-inner)) {
 --wpu-ref-card-accent:var(--wpu-ref-navy); --wpu-ref-card-light:#1262a1!important;
}

/* Accent position 2; direct grid cards and cards inside bootstrap column wrappers. */
html body:is(.wpu-hub-theme.wpu-unified-ui,.wpu-setup-body,.wpu-setup-page) :is(.row, [class$="-grid"], [class*="-grid "], [class$="-cards"], [class*="-cards "], .wpu-stream-track, .ref-path-grid, .hub-executive-metrics, .wpu-ui-app-grid, .wpu-unified-tools, .wpu-reference-quick-grid, .wpu-reference-resource-grid, .wpu-reference-continue-grid, .wpu-discovery-grid, .wpu-ref-find-grid, .wpu-ref-research-grid, .wpu-r-stat-grid, .wpu-admin-metrics, .wpu-admin-shortcuts, .wpu-tool-grid, .library-collection-directory) > :nth-child(4n+2):is(.card, .wpu-card, .panel, .metric, .stat-card, .metric-card, .kpi-card, [class$="-card"], [class*="-card "], [class$="-panel"], [class*="-panel "], [class$="-metric"], [class*="-metric "], [class$="-tile"], [class*="-tile "], [class$="-stat"], [class*="-stat "],
[class$="-kpi"], [class*="-kpi "], .ref-path, .ref-aira, .ref-path-grid>a, .wpu-ui-app-grid>a, .wpu-vcms-custom-section, .wpu-admin-shortcut,
.wpu-unified-tool, .wpu-setup-choice, .wpu-enterprise-aira,
.wpu-reference-help-button, .wpu-wf-step, .wpu-r-stat, .hub-executive-metrics>article, .library-collection-directory>a, .hub-module, .hub-chart, .ia-callout, .proposal-index-hero, .rw59-current-project, .service-info-section, .inst-content-article, .wpu-page-header, .wpu365-command-bar, .wpu-studio-section, .wpu-accent-card, [data-wpu-card], [data-collection-card]):not(:is(.wpu-ui-nav-panel,.wpu-ui-popover-panel,.wpu-ui-account-panel,.wpu-ui-search,.dropdown-menu,.modal-content,.offcanvas,.toast,.wpu-nav-card,.wpu-setup-card-inner)),
html body:is(.wpu-hub-theme.wpu-unified-ui,.wpu-setup-body,.wpu-setup-page) :is(.row, [class$="-grid"], [class*="-grid "], [class$="-cards"], [class*="-cards "], .wpu-stream-track, .ref-path-grid, .hub-executive-metrics, .wpu-ui-app-grid, .wpu-unified-tools, .wpu-reference-quick-grid, .wpu-reference-resource-grid, .wpu-reference-continue-grid, .wpu-discovery-grid, .wpu-ref-find-grid, .wpu-ref-research-grid, .wpu-r-stat-grid, .wpu-admin-metrics, .wpu-admin-shortcuts, .wpu-tool-grid, .library-collection-directory) > :nth-child(4n+2) > :is(.card, .wpu-card, .panel, .metric, .stat-card, .metric-card, .kpi-card, [class$="-card"], [class*="-card "], [class$="-panel"], [class*="-panel "], [class$="-metric"], [class*="-metric "], [class$="-tile"], [class*="-tile "], [class$="-stat"], [class*="-stat "],
[class$="-kpi"], [class*="-kpi "], .ref-path, .ref-aira, .ref-path-grid>a, .wpu-ui-app-grid>a, .wpu-vcms-custom-section, .wpu-admin-shortcut,
.wpu-unified-tool, .wpu-setup-choice, .wpu-enterprise-aira,
.wpu-reference-help-button, .wpu-wf-step, .wpu-r-stat, .hub-executive-metrics>article, .library-collection-directory>a, .hub-module, .hub-chart, .ia-callout, .proposal-index-hero, .rw59-current-project, .service-info-section, .inst-content-article, .wpu-page-header, .wpu365-command-bar, .wpu-studio-section, .wpu-accent-card, [data-wpu-card], [data-collection-card]):not(:is(.wpu-ui-nav-panel,.wpu-ui-popover-panel,.wpu-ui-account-panel,.wpu-ui-search,.dropdown-menu,.modal-content,.offcanvas,.toast,.wpu-nav-card,.wpu-setup-card-inner)) {
 --wpu-ref-card-accent:var(--wpu-ref-amber); --wpu-ref-card-light:#f7ac22!important;
}

/* Accent position 3; direct grid cards and cards inside bootstrap column wrappers. */
html body:is(.wpu-hub-theme.wpu-unified-ui,.wpu-setup-body,.wpu-setup-page) :is(.row, [class$="-grid"], [class*="-grid "], [class$="-cards"], [class*="-cards "], .wpu-stream-track, .ref-path-grid, .hub-executive-metrics, .wpu-ui-app-grid, .wpu-unified-tools, .wpu-reference-quick-grid, .wpu-reference-resource-grid, .wpu-reference-continue-grid, .wpu-discovery-grid, .wpu-ref-find-grid, .wpu-ref-research-grid, .wpu-r-stat-grid, .wpu-admin-metrics, .wpu-admin-shortcuts, .wpu-tool-grid, .library-collection-directory) > :nth-child(4n+3):is(.card, .wpu-card, .panel, .metric, .stat-card, .metric-card, .kpi-card, [class$="-card"], [class*="-card "], [class$="-panel"], [class*="-panel "], [class$="-metric"], [class*="-metric "], [class$="-tile"], [class*="-tile "], [class$="-stat"], [class*="-stat "],
[class$="-kpi"], [class*="-kpi "], .ref-path, .ref-aira, .ref-path-grid>a, .wpu-ui-app-grid>a, .wpu-vcms-custom-section, .wpu-admin-shortcut,
.wpu-unified-tool, .wpu-setup-choice, .wpu-enterprise-aira,
.wpu-reference-help-button, .wpu-wf-step, .wpu-r-stat, .hub-executive-metrics>article, .library-collection-directory>a, .hub-module, .hub-chart, .ia-callout, .proposal-index-hero, .rw59-current-project, .service-info-section, .inst-content-article, .wpu-page-header, .wpu365-command-bar, .wpu-studio-section, .wpu-accent-card, [data-wpu-card], [data-collection-card]):not(:is(.wpu-ui-nav-panel,.wpu-ui-popover-panel,.wpu-ui-account-panel,.wpu-ui-search,.dropdown-menu,.modal-content,.offcanvas,.toast,.wpu-nav-card,.wpu-setup-card-inner)),
html body:is(.wpu-hub-theme.wpu-unified-ui,.wpu-setup-body,.wpu-setup-page) :is(.row, [class$="-grid"], [class*="-grid "], [class$="-cards"], [class*="-cards "], .wpu-stream-track, .ref-path-grid, .hub-executive-metrics, .wpu-ui-app-grid, .wpu-unified-tools, .wpu-reference-quick-grid, .wpu-reference-resource-grid, .wpu-reference-continue-grid, .wpu-discovery-grid, .wpu-ref-find-grid, .wpu-ref-research-grid, .wpu-r-stat-grid, .wpu-admin-metrics, .wpu-admin-shortcuts, .wpu-tool-grid, .library-collection-directory) > :nth-child(4n+3) > :is(.card, .wpu-card, .panel, .metric, .stat-card, .metric-card, .kpi-card, [class$="-card"], [class*="-card "], [class$="-panel"], [class*="-panel "], [class$="-metric"], [class*="-metric "], [class$="-tile"], [class*="-tile "], [class$="-stat"], [class*="-stat "],
[class$="-kpi"], [class*="-kpi "], .ref-path, .ref-aira, .ref-path-grid>a, .wpu-ui-app-grid>a, .wpu-vcms-custom-section, .wpu-admin-shortcut,
.wpu-unified-tool, .wpu-setup-choice, .wpu-enterprise-aira,
.wpu-reference-help-button, .wpu-wf-step, .wpu-r-stat, .hub-executive-metrics>article, .library-collection-directory>a, .hub-module, .hub-chart, .ia-callout, .proposal-index-hero, .rw59-current-project, .service-info-section, .inst-content-article, .wpu-page-header, .wpu365-command-bar, .wpu-studio-section, .wpu-accent-card, [data-wpu-card], [data-collection-card]):not(:is(.wpu-ui-nav-panel,.wpu-ui-popover-panel,.wpu-ui-account-panel,.wpu-ui-search,.dropdown-menu,.modal-content,.offcanvas,.toast,.wpu-nav-card,.wpu-setup-card-inner)) {
 --wpu-ref-card-accent:var(--wpu-ref-green); --wpu-ref-card-light:#19c59d!important;
}

/* Accent position 4; direct grid cards and cards inside bootstrap column wrappers. */
html body:is(.wpu-hub-theme.wpu-unified-ui,.wpu-setup-body,.wpu-setup-page) :is(.row, [class$="-grid"], [class*="-grid "], [class$="-cards"], [class*="-cards "], .wpu-stream-track, .ref-path-grid, .hub-executive-metrics, .wpu-ui-app-grid, .wpu-unified-tools, .wpu-reference-quick-grid, .wpu-reference-resource-grid, .wpu-reference-continue-grid, .wpu-discovery-grid, .wpu-ref-find-grid, .wpu-ref-research-grid, .wpu-r-stat-grid, .wpu-admin-metrics, .wpu-admin-shortcuts, .wpu-tool-grid, .library-collection-directory) > :nth-child(4n+4):is(.card, .wpu-card, .panel, .metric, .stat-card, .metric-card, .kpi-card, [class$="-card"], [class*="-card "], [class$="-panel"], [class*="-panel "], [class$="-metric"], [class*="-metric "], [class$="-tile"], [class*="-tile "], [class$="-stat"], [class*="-stat "],
[class$="-kpi"], [class*="-kpi "], .ref-path, .ref-aira, .ref-path-grid>a, .wpu-ui-app-grid>a, .wpu-vcms-custom-section, .wpu-admin-shortcut,
.wpu-unified-tool, .wpu-setup-choice, .wpu-enterprise-aira,
.wpu-reference-help-button, .wpu-wf-step, .wpu-r-stat, .hub-executive-metrics>article, .library-collection-directory>a, .hub-module, .hub-chart, .ia-callout, .proposal-index-hero, .rw59-current-project, .service-info-section, .inst-content-article, .wpu-page-header, .wpu365-command-bar, .wpu-studio-section, .wpu-accent-card, [data-wpu-card], [data-collection-card]):not(:is(.wpu-ui-nav-panel,.wpu-ui-popover-panel,.wpu-ui-account-panel,.wpu-ui-search,.dropdown-menu,.modal-content,.offcanvas,.toast,.wpu-nav-card,.wpu-setup-card-inner)),
html body:is(.wpu-hub-theme.wpu-unified-ui,.wpu-setup-body,.wpu-setup-page) :is(.row, [class$="-grid"], [class*="-grid "], [class$="-cards"], [class*="-cards "], .wpu-stream-track, .ref-path-grid, .hub-executive-metrics, .wpu-ui-app-grid, .wpu-unified-tools, .wpu-reference-quick-grid, .wpu-reference-resource-grid, .wpu-reference-continue-grid, .wpu-discovery-grid, .wpu-ref-find-grid, .wpu-ref-research-grid, .wpu-r-stat-grid, .wpu-admin-metrics, .wpu-admin-shortcuts, .wpu-tool-grid, .library-collection-directory) > :nth-child(4n+4) > :is(.card, .wpu-card, .panel, .metric, .stat-card, .metric-card, .kpi-card, [class$="-card"], [class*="-card "], [class$="-panel"], [class*="-panel "], [class$="-metric"], [class*="-metric "], [class$="-tile"], [class*="-tile "], [class$="-stat"], [class*="-stat "],
[class$="-kpi"], [class*="-kpi "], .ref-path, .ref-aira, .ref-path-grid>a, .wpu-ui-app-grid>a, .wpu-vcms-custom-section, .wpu-admin-shortcut,
.wpu-unified-tool, .wpu-setup-choice, .wpu-enterprise-aira,
.wpu-reference-help-button, .wpu-wf-step, .wpu-r-stat, .hub-executive-metrics>article, .library-collection-directory>a, .hub-module, .hub-chart, .ia-callout, .proposal-index-hero, .rw59-current-project, .service-info-section, .inst-content-article, .wpu-page-header, .wpu365-command-bar, .wpu-studio-section, .wpu-accent-card, [data-wpu-card], [data-collection-card]):not(:is(.wpu-ui-nav-panel,.wpu-ui-popover-panel,.wpu-ui-account-panel,.wpu-ui-search,.dropdown-menu,.modal-content,.offcanvas,.toast,.wpu-nav-card,.wpu-setup-card-inner)) {
 --wpu-ref-card-accent:var(--wpu-ref-purple); --wpu-ref-card-light:#a878fa!important;
}

/* Semantic CMS / module tones outrank the sequence; always show without hover. */
html body:is(.wpu-hub-theme.wpu-unified-ui,.wpu-setup-body,.wpu-setup-page) :is(.card, .wpu-card, .panel, .metric, .stat-card, .metric-card, .kpi-card, [class$="-card"], [class*="-card "], [class$="-panel"], [class*="-panel "], [class$="-metric"], [class*="-metric "], [class$="-tile"], [class*="-tile "], [class$="-stat"], [class*="-stat "],
[class$="-kpi"], [class*="-kpi "], .ref-path, .ref-aira, .ref-path-grid>a, .wpu-ui-app-grid>a, .wpu-vcms-custom-section, .wpu-admin-shortcut,
.wpu-unified-tool, .wpu-setup-choice, .wpu-enterprise-aira,
.wpu-reference-help-button, .wpu-wf-step, .wpu-r-stat, .hub-executive-metrics>article, .library-collection-directory>a, .hub-module, .hub-chart, .ia-callout, .proposal-index-hero, .rw59-current-project, .service-info-section, .inst-content-article, .wpu-page-header, .wpu365-command-bar, .wpu-studio-section, .wpu-accent-card, [data-wpu-card], [data-collection-card]):not(:is(.wpu-ui-nav-panel,.wpu-ui-popover-panel,.wpu-ui-account-panel,.wpu-ui-search,.dropdown-menu,.modal-content,.offcanvas,.toast,.wpu-nav-card,.wpu-setup-card-inner)):is(.tone-blue, .wpu-fluent-tone-blue, .is-blue, [data-accent="blue"], [data-tone="blue"], .tone-navy, .wpu-fluent-tone-navy, .is-navy, [data-accent="navy"], [data-tone="navy"], .tone-cyan, .wpu-fluent-tone-cyan, .is-cyan, [data-accent="cyan"], [data-tone="cyan"], .wpu-stream-tone-1) {
 --wpu-ref-card-accent:var(--wpu-ref-navy)!important; --wpu-ref-card-light:#1262a1!important;
}
html body:is(.wpu-hub-theme.wpu-unified-ui,.wpu-setup-body,.wpu-setup-page) :is(.card, .wpu-card, .panel, .metric, .stat-card, .metric-card, .kpi-card, [class$="-card"], [class*="-card "], [class$="-panel"], [class*="-panel "], [class$="-metric"], [class*="-metric "], [class$="-tile"], [class*="-tile "], [class$="-stat"], [class*="-stat "],
[class$="-kpi"], [class*="-kpi "], .ref-path, .ref-aira, .ref-path-grid>a, .wpu-ui-app-grid>a, .wpu-vcms-custom-section, .wpu-admin-shortcut,
.wpu-unified-tool, .wpu-setup-choice, .wpu-enterprise-aira,
.wpu-reference-help-button, .wpu-wf-step, .wpu-r-stat, .hub-executive-metrics>article, .library-collection-directory>a, .hub-module, .hub-chart, .ia-callout, .proposal-index-hero, .rw59-current-project, .service-info-section, .inst-content-article, .wpu-page-header, .wpu365-command-bar, .wpu-studio-section, .wpu-accent-card, [data-wpu-card], [data-collection-card]):not(:is(.wpu-ui-nav-panel,.wpu-ui-popover-panel,.wpu-ui-account-panel,.wpu-ui-search,.dropdown-menu,.modal-content,.offcanvas,.toast,.wpu-nav-card,.wpu-setup-card-inner)):is(.tone-amber, .wpu-fluent-tone-amber, .is-amber, [data-accent="amber"], [data-tone="amber"], .tone-orange, .wpu-fluent-tone-orange, .is-orange, [data-accent="orange"], [data-tone="orange"], .tone-gold, .wpu-fluent-tone-gold, .is-gold, [data-accent="gold"], [data-tone="gold"], .tone-yellow, .wpu-fluent-tone-yellow, .is-yellow, [data-accent="yellow"], [data-tone="yellow"], .wpu-stream-tone-2) {
 --wpu-ref-card-accent:var(--wpu-ref-amber)!important; --wpu-ref-card-light:#f7ac22!important;
}
html body:is(.wpu-hub-theme.wpu-unified-ui,.wpu-setup-body,.wpu-setup-page) :is(.card, .wpu-card, .panel, .metric, .stat-card, .metric-card, .kpi-card, [class$="-card"], [class*="-card "], [class$="-panel"], [class*="-panel "], [class$="-metric"], [class*="-metric "], [class$="-tile"], [class*="-tile "], [class$="-stat"], [class*="-stat "],
[class$="-kpi"], [class*="-kpi "], .ref-path, .ref-aira, .ref-path-grid>a, .wpu-ui-app-grid>a, .wpu-vcms-custom-section, .wpu-admin-shortcut,
.wpu-unified-tool, .wpu-setup-choice, .wpu-enterprise-aira,
.wpu-reference-help-button, .wpu-wf-step, .wpu-r-stat, .hub-executive-metrics>article, .library-collection-directory>a, .hub-module, .hub-chart, .ia-callout, .proposal-index-hero, .rw59-current-project, .service-info-section, .inst-content-article, .wpu-page-header, .wpu365-command-bar, .wpu-studio-section, .wpu-accent-card, [data-wpu-card], [data-collection-card]):not(:is(.wpu-ui-nav-panel,.wpu-ui-popover-panel,.wpu-ui-account-panel,.wpu-ui-search,.dropdown-menu,.modal-content,.offcanvas,.toast,.wpu-nav-card,.wpu-setup-card-inner)):is(.tone-green, .wpu-fluent-tone-green, .is-green, [data-accent="green"], [data-tone="green"], .tone-emerald, .wpu-fluent-tone-emerald, .is-emerald, [data-accent="emerald"], [data-tone="emerald"], .tone-teal, .wpu-fluent-tone-teal, .is-teal, [data-accent="teal"], [data-tone="teal"], .tone-mint, .wpu-fluent-tone-mint, .is-mint, [data-accent="mint"], [data-tone="mint"], .wpu-stream-tone-3) {
 --wpu-ref-card-accent:var(--wpu-ref-green)!important; --wpu-ref-card-light:#19c59d!important;
}
html body:is(.wpu-hub-theme.wpu-unified-ui,.wpu-setup-body,.wpu-setup-page) :is(.card, .wpu-card, .panel, .metric, .stat-card, .metric-card, .kpi-card, [class$="-card"], [class*="-card "], [class$="-panel"], [class*="-panel "], [class$="-metric"], [class*="-metric "], [class$="-tile"], [class*="-tile "], [class$="-stat"], [class*="-stat "],
[class$="-kpi"], [class*="-kpi "], .ref-path, .ref-aira, .ref-path-grid>a, .wpu-ui-app-grid>a, .wpu-vcms-custom-section, .wpu-admin-shortcut,
.wpu-unified-tool, .wpu-setup-choice, .wpu-enterprise-aira,
.wpu-reference-help-button, .wpu-wf-step, .wpu-r-stat, .hub-executive-metrics>article, .library-collection-directory>a, .hub-module, .hub-chart, .ia-callout, .proposal-index-hero, .rw59-current-project, .service-info-section, .inst-content-article, .wpu-page-header, .wpu365-command-bar, .wpu-studio-section, .wpu-accent-card, [data-wpu-card], [data-collection-card]):not(:is(.wpu-ui-nav-panel,.wpu-ui-popover-panel,.wpu-ui-account-panel,.wpu-ui-search,.dropdown-menu,.modal-content,.offcanvas,.toast,.wpu-nav-card,.wpu-setup-card-inner)):is(.tone-purple, .wpu-fluent-tone-purple, .is-purple, [data-accent="purple"], [data-tone="purple"], .tone-violet, .wpu-fluent-tone-violet, .is-violet, [data-accent="violet"], [data-tone="violet"], .tone-pink, .wpu-fluent-tone-pink, .is-pink, [data-accent="pink"], [data-tone="pink"], .tone-rose, .wpu-fluent-tone-rose, .is-rose, [data-accent="rose"], [data-tone="rose"], .tone-red, .wpu-fluent-tone-red, .is-red, [data-accent="red"], [data-tone="red"], .wpu-stream-tone-4, .wpu-stream-tone-5) {
 --wpu-ref-card-accent:var(--wpu-ref-purple)!important; --wpu-ref-card-light:#a878fa!important;
}

/* Explicit semantics: a successful compliance card stays green. */
html body:is(.wpu-hub-theme.wpu-unified-ui,.wpu-setup-body,.wpu-setup-page) :is(.card, .wpu-card, .panel, .metric, .stat-card, .metric-card, .kpi-card, [class$="-card"], [class*="-card "], [class$="-panel"], [class*="-panel "], [class$="-metric"], [class*="-metric "], [class$="-tile"], [class*="-tile "], [class$="-stat"], [class*="-stat "],
[class$="-kpi"], [class*="-kpi "], .ref-path, .ref-aira, .ref-path-grid>a, .wpu-ui-app-grid>a, .wpu-vcms-custom-section, .wpu-admin-shortcut,
.wpu-unified-tool, .wpu-setup-choice, .wpu-enterprise-aira,
.wpu-reference-help-button, .wpu-wf-step, .wpu-r-stat, .hub-executive-metrics>article, .library-collection-directory>a, .hub-module, .hub-chart, .ia-callout, .proposal-index-hero, .rw59-current-project, .service-info-section, .inst-content-article, .wpu-page-header, .wpu365-command-bar, .wpu-studio-section, .wpu-accent-card, [data-wpu-card], [data-collection-card]):not(:is(.wpu-ui-nav-panel,.wpu-ui-popover-panel,.wpu-ui-account-panel,.wpu-ui-search,.dropdown-menu,.modal-content,.offcanvas,.toast,.wpu-nav-card,.wpu-setup-card-inner)):is(.card-success,.is-success,[data-accent="success"],[data-status="success"],.compliance-excellent) {
 --wpu-ref-card-accent:#16a34a!important;--wpu-ref-card-light:#34d399!important;
}

/* Recognizable icon-only containers: reference's filled square with white glyph.
   Preserve existing covers, illustrations, book jackets and image-based icons. */
html body:is(.wpu-hub-theme.wpu-unified-ui,.wpu-setup-body,.wpu-setup-page) :is(.hub-kpi-card,.wpu-admin-metric,.wpu365-metric,.wpu-reference-quick-card,.wpu-reference-continue-card,.wpu-reference-resource-card,.wpu-r-stat,.rp-stat-card,.stat-card,.metric-card,.wpu-setup-choice,.wpu-admin-shortcut,.aira-metric-card,.aira-domain-card,.wpu-ref-find-card)
:is(.hub-kpi-icon,.wpu-admin-metric__icon,.metric-icon,.stat-icon,.kpi-icon,.wpu-stat-icon,.wpu-admin-shortcut__icon,.aira-domain-card__icon,.aira-metric-card__icon,.wpu-setup-icon,.wpu-reference-continue-icon,.wpu-reference-resource-icon,.wpu-ref-card-icon,.wpu-reference-quick-card>span:first-child) {
 display:inline-grid!important;place-items:center;
 width:44px;min-width:44px;min-height:44px;height:44px;
 border:0!important;border-radius:11px!important;
 background:linear-gradient(135deg,var(--wpu-ref-card-accent),var(--wpu-ref-card-light))!important;
 color:#fff!important;box-shadow:none!important;flex:0 0 44px;
}
html body:is(.wpu-hub-theme.wpu-unified-ui,.wpu-setup-body,.wpu-setup-page) :is(.hub-kpi-card,.wpu-admin-metric,.wpu365-metric,.wpu-reference-quick-card,.wpu-reference-continue-card,.wpu-reference-resource-card,.wpu-r-stat,.rp-stat-card,.stat-card,.metric-card,.wpu-setup-choice,.wpu-admin-shortcut,.aira-metric-card,.aira-domain-card,.wpu-ref-find-card)
:is(.hub-kpi-icon,.wpu-admin-metric__icon,.metric-icon,.stat-icon,.kpi-icon,.wpu-stat-icon,.wpu-admin-shortcut__icon,.aira-domain-card__icon,.aira-metric-card__icon,.wpu-setup-icon,.wpu-reference-continue-icon,.wpu-reference-resource-icon,.wpu-ref-card-icon,.wpu-reference-quick-card>span:first-child) :is(i,svg,.hub-icon) {
 color:#fff!important;
}

/* Homepage: the overview panel and AIRA panel have explicit reference accents. */
html body:is(.wpu-hub-theme.wpu-unified-ui,.wpu-setup-body,.wpu-setup-page) :is(.ref-path,.wpu-enterprise-learning-panel) {
 --wpu-ref-card-accent:var(--wpu-ref-navy);--wpu-ref-card-light:#1262a1;
}
html body:is(.wpu-hub-theme.wpu-unified-ui,.wpu-setup-body,.wpu-setup-page) :is(.ref-aira,.wpu-enterprise-aira) {
 --wpu-ref-card-accent:var(--wpu-ref-purple)!important;--wpu-ref-card-light:#a878fa!important;
}

/* Standalone/accessible presentation */
@media(forced-colors:active) {
 html body:is(.wpu-hub-theme.wpu-unified-ui,.wpu-setup-body,.wpu-setup-page) :is(.card, .wpu-card, .panel, .metric, .stat-card, .metric-card, .kpi-card, [class$="-card"], [class*="-card "], [class$="-panel"], [class*="-panel "], [class$="-metric"], [class*="-metric "], [class$="-tile"], [class*="-tile "], [class$="-stat"], [class*="-stat "],
[class$="-kpi"], [class*="-kpi "], .ref-path, .ref-aira, .ref-path-grid>a, .wpu-ui-app-grid>a, .wpu-vcms-custom-section, .wpu-admin-shortcut,
.wpu-unified-tool, .wpu-setup-choice, .wpu-enterprise-aira,
.wpu-reference-help-button, .wpu-wf-step, .wpu-r-stat, .hub-executive-metrics>article, .library-collection-directory>a, .hub-module, .hub-chart, .ia-callout, .proposal-index-hero, .rw59-current-project, .service-info-section, .inst-content-article, .wpu-page-header, .wpu365-command-bar, .wpu-studio-section, .wpu-accent-card, [data-wpu-card], [data-collection-card]):not(:is(.wpu-ui-nav-panel,.wpu-ui-popover-panel,.wpu-ui-account-panel,.wpu-ui-search,.dropdown-menu,.modal-content,.offcanvas,.toast,.wpu-nav-card,.wpu-setup-card-inner)) {border-left:4px solid Highlight!important;box-shadow:none!important;}
}
@media print {
 html body:is(.wpu-hub-theme.wpu-unified-ui,.wpu-setup-body,.wpu-setup-page) :is(.card, .wpu-card, .panel, .metric, .stat-card, .metric-card, .kpi-card, [class$="-card"], [class*="-card "], [class$="-panel"], [class*="-panel "], [class$="-metric"], [class*="-metric "], [class$="-tile"], [class*="-tile "], [class$="-stat"], [class*="-stat "],
[class$="-kpi"], [class*="-kpi "], .ref-path, .ref-aira, .ref-path-grid>a, .wpu-ui-app-grid>a, .wpu-vcms-custom-section, .wpu-admin-shortcut,
.wpu-unified-tool, .wpu-setup-choice, .wpu-enterprise-aira,
.wpu-reference-help-button, .wpu-wf-step, .wpu-r-stat, .hub-executive-metrics>article, .library-collection-directory>a, .hub-module, .hub-chart, .ia-callout, .proposal-index-hero, .rw59-current-project, .service-info-section, .inst-content-article, .wpu-page-header, .wpu365-command-bar, .wpu-studio-section, .wpu-accent-card, [data-wpu-card], [data-collection-card]):not(:is(.wpu-ui-nav-panel,.wpu-ui-popover-panel,.wpu-ui-account-panel,.wpu-ui-search,.dropdown-menu,.modal-content,.offcanvas,.toast,.wpu-nav-card,.wpu-setup-card-inner)) {border-left:4px solid var(--wpu-ref-card-accent)!important;box-shadow:none!important;}
}