/*
 EQOLEAN / Forest White refinement — October 2026
 -------------------------------------------------
 Presentation-only. Purple theme, app content, IDs, workflow, assignments,
 data and event logic are not modified. All colors below are WHITE scoped.
 Desktop Overview geometries intentionally remain unchanged across modes.
 */
html[data-eqo-theme="white"] body {
  --purple:#2d8051; --purple2:#4c9b6a; --purple3:#c7e5cc;
  --violet:#347f55; --violet2:#589c70;
  --accent:#2f8050; --primary:#2f8050;
  --eqo-accent:#2f8050; --eqo-accent-2:#78b690;
  --eqo-forest:#226544; --eqo-forest-hover:#164a31;
  --eqo-forest-soft:#e8f5e9; --eqo-forest-tint:#f5faf5;
  --eqo-forest-border:#dce8dc; --eqo-forest-ink:#203b2c;
  --eqo-forest-muted:#6b8070;
  --deep:#f8faf7;--deep2:#f6f9f5;--deep3:#edf4ed;
  --bg0:#f8faf7;--bg1:#f4f8f3;--bg2:#eaf3ec;
  --text:#243b2d; --muted:#718474;
  --line:#dfe9df; --line2:#d2e2d3;
  --stroke:#e1eae1; --stroke2:#cddfcf;
  --panel:#fff;--panel2:#f9fbf9;
  --shadow:0 3px 11px rgba(28,67,42,.04),0 16px 36px rgba(25,61,36,.055);
  color:#243b2d;
}
/* The look of the product is calm and consistent; roles and statuses
   remain distinguishable instead of blindly recoloring every indicator. */
html[data-eqo-theme="white"] body.eqo-premium-shell {
  background:#f6f8f4!important;color:#263b2e!important;
}
html[data-eqo-theme="white"] body.eqo-premium-shell :is(.glass,.card,.panel,.card-shell,.tile,.metric-card,.summary-card,.stats-card,.stat-card,.info-card,.form-card,.filter-card,.list-card,.surface,.data-card,.detail-card,.rule-card,.settings-card,.card-panel,.box){
  border-color:var(--eqo-forest-border)!important;
  border-radius:22px!important;
  box-shadow:0 3px 12px rgba(30,59,37,.035),0 13px 32px rgba(35,67,43,.05);
}
html[data-eqo-theme="white"] body.eqo-premium-shell :is(.card,.panel,.glass,.tile,.stat-card,.metric-card,.settings-card,.filter-card){
  background-color:rgba(255,255,255,.98);
}
html[data-eqo-theme="white"] body.eqo-premium-shell :is(.card,.panel,.glass,.tile,.stat-card,.metric-card,.filter-card,.data-card,.settings-card) :is(h2,h3,h4,h5,.title,.card-title,.section-title){
  color:#243b2c;
}
html[data-eqo-theme="white"] body.eqo-premium-shell :is(.card,.panel,.glass,.tile,.stat-card,.metric-card,.filter-card,.data-card,.settings-card) :is(.subtitle,.desc,.description,.muted,.meta,.caption,.note,small){
  color:#708272;
}
html[data-eqo-theme="white"] body.eqo-premium-shell :is(.btn,.btn-small,.action-btn,.icon-btn,.tool-btn,.filter-btn,.chip,.pill,.badge,.tag,.tab,.control,.select-btn,.dropdown-trigger){
  border-radius:13px;
}
html[data-eqo-theme="white"] body.eqo-premium-shell :is(.btn.primary,.btn-primary,.primary-btn,.button-primary,.action-primary,.btn-submit,.btn-save,.save-btn,.tool-btn.primary,.m-button.primary,.eqx-primary,.edit-btn.primary){
  color:#fff!important;background:#2f8050!important;border-color:#2f8050!important;
  background-image:none!important;box-shadow:0 5px 13px rgba(36,114,66,.16)!important;
}
html[data-eqo-theme="white"] body.eqo-premium-shell :is(.btn.primary,.btn-primary,.primary-btn,.button-primary,.action-primary,.btn-submit,.btn-save,.save-btn,.tool-btn.primary,.m-button.primary,.eqx-primary,.edit-btn.primary):hover{
  background:#246b43!important;border-color:#246b43!important;
}
html[data-eqo-theme="white"] body.eqo-premium-shell :is(button,a,input,select,textarea):focus-visible{
  outline:2px solid #37895b!important;outline-offset:2px;
}
html[data-eqo-theme="white"] body.eqo-premium-shell :is(input:not([type="checkbox"]):not([type="radio"]),textarea,select,.form-control,.form-select,.filter-search,.searchbox,.search-box,.search-field,.select-btn){
  border-color:#dce7dc!important;border-radius:13px!important;
}
html[data-eqo-theme="white"] body.eqo-premium-shell :is(input:not([type="checkbox"]):not([type="radio"]),textarea,select,.form-control,.form-select):focus{
  border-color:#75b18a!important;box-shadow:0 0 0 3px rgba(51,140,80,.10)!important;
}
html[data-eqo-theme="white"] body.eqo-premium-shell :is(.card,.panel,.glass,.tile,.tool-btn,.btn,.filter,.tab,.chip){
  transition:background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease;
}
html[data-eqo-theme="white"] body.eqo-premium-shell :is(.card,.panel,.glass,.tile):hover{
  border-color:#cfe0d0!important;
}
/* Reusable tint surfaces, without turning status colors into green. */
html[data-eqo-theme="white"] body.eqo-premium-shell :is(.tabs,.segmented,.seg,.filter-tabs,.filter-bar,.toolbar,.filters,.search-controls,.action-bar){
  border-color:#e1eae0!important;
}
html[data-eqo-theme="white"] body.eqo-premium-shell :is(.tab.active,.filter.active,.filter-btn.active,.seg .active,.nav-item.active,.nav-link.active,.segmented .active){
  color:#236c45!important;background:#e4f2e5!important;border-color:#cfe3d2!important;
}
html[data-eqo-theme="white"] body.eqo-premium-shell :is(.progress,.progress-track,.progress-bg,.meter,.bar){border-radius:999px}
html[data-eqo-theme="white"] body.eqo-premium-shell :is(.progress-fill,.fill,.bar>span){border-radius:inherit}
/* Department list and detail. The old purple contextual banner left WHITE
   type over an almost-white background; enforce legible dark green type. */
html[data-eqo-theme="white"] body[data-eqo-page^="department"] :is(.requirement-strip,.req-summary,.dept-hero,.summary-panel){
  background:linear-gradient(115deg,#e8f4e9 0%,#f6faf4 58%,#fff 100%)!important;
  border:1px solid #d9e8d9!important;border-radius:22px!important;
  box-shadow:0 8px 24px rgba(31,85,45,.055)!important;
}
html[data-eqo-theme="white"] body[data-eqo-page^="department"] :is(.requirement-strip,.req-summary,.dept-hero,.summary-panel) :is(h1,h2,h3,strong,b,.req-label,.req-name,.dept-name,.metric-value){color:#234b32!important}
html[data-eqo-theme="white"] body[data-eqo-page^="department"] :is(.requirement-strip,.req-summary,.dept-hero,.summary-panel) :is(p,span,small,.req-sub,.req-meta,.framework-title){color:#647c69!important}
html[data-eqo-theme="white"] body[data-eqo-page^="department"] :is(.req-doc,.doc-ico,.req-thumb,.req-icon,.summary-ico){background:#e0eee3!important;color:#287c4e!important;border-color:#c9dfce!important}
html[data-eqo-theme="white"] body[data-eqo-page^="department"] :is(.kpi,.stat,.summary-stat,.kpi-card,.metric-card,.status-box,.stats-row>.card){
  background:#fff!important;border-color:#e0e9df!important;color:#284331!important;
  border-radius:17px!important;box-shadow:0 5px 17px rgba(35,72,46,.045)!important;
}
html[data-eqo-theme="white"] body[data-eqo-page^="department"] :is(.kpi,.stat,.summary-stat,.kpi-card,.metric-card,.status-box) :is(strong,b,.num,.value,.pct){color:#23563a!important}
html[data-eqo-theme="white"] body[data-eqo-page^="department"] :is(.kpi,.stat,.summary-stat,.kpi-card,.metric-card,.status-box) :is(span,p,small,.label,.meta){color:#748579!important}
html[data-eqo-theme="white"] body[data-eqo-page^="department"] :is(.filters,.toolbar,.filter-row){background:rgba(250,252,250,.92)!important;border-radius:16px!important}
html[data-eqo-theme="white"] body[data-eqo-page^="department"] :is(.filters,.toolbar,.filter-row) :is(input,select,button){color:#35513d!important;background:#fff!important}
/* People. Make the large requirement strip and workspace numbers calm/clear. */
html[data-eqo-theme="white"] body[data-eqo-page="people"] :is(.requirement-card,.drawer-head,.req-sub){
  background:linear-gradient(110deg,#e8f4e9 0%,#f1f8f1 56%,#fff 100%)!important;
  border-color:#dce8dc!important;color:#234932!important;
}
html[data-eqo-theme="white"] body[data-eqo-page="people"] :is(.requirement-card,.drawer-head,.req-sub) :is(h2,h3,strong,b,.req-title){color:#214b32!important}
html[data-eqo-theme="white"] body[data-eqo-page="people"] :is(.requirement-card,.drawer-head,.req-sub) :is(p,span,small,.meta){color:#627a68!important}
html[data-eqo-theme="white"] body[data-eqo-page="people"] :is(.avatar,.req-ico,.req-doc,.summary-ico){background:#deeee2!important;border-color:#c7decf!important;color:#2d8051!important}
html[data-eqo-theme="white"] body[data-eqo-page="people"] :is(.stat-card,.kpi,.metric-card,.person-card,.people-card){background:#fff!important;border-color:#dfe9e0!important;border-radius:18px!important}
html[data-eqo-theme="white"] body[data-eqo-page="people"] :is(.stat-card,.kpi,.metric-card,.person-card,.people-card) :is(strong,b,.value,.number){color:#255c3d!important}
html[data-eqo-theme="white"] body[data-eqo-page="people"] :is(.stat-card,.kpi,.metric-card,.person-card,.people-card) :is(p,span,small){color:#758778!important}
/* Evidence logic and records. Preserve urgency labels but remove purple cast. */
html[data-eqo-theme="white"] body[data-eqo-page="evidence"] :is(.logic-banner,.evidence-banner,.selector-card,.evidence-overview){
  background:linear-gradient(112deg,#e5f2e8,#f8fbf7 68%,#fff)!important;
  color:#234633!important;border-color:#d6e7d9!important;border-radius:22px!important;
}
html[data-eqo-theme="white"] body[data-eqo-page="evidence"] :is(.logic-banner,.evidence-banner,.selector-card) :is(strong,b,h2,h3){color:#244d33!important}
html[data-eqo-theme="white"] body[data-eqo-page="evidence"] :is(.logic-banner,.evidence-banner,.selector-card) :is(span,small,p){color:#61796a!important}
html[data-eqo-theme="white"] body[data-eqo-page="evidence"] :is(.select-btn,.logic-icon,.follow-icon.purple,.rule-tag.required){
  background:#e8f3e9!important;color:#2c7d4e!important;border-color:#cfe4d3!important;
}
html[data-eqo-theme="white"] body[data-eqo-page="evidence"] .select-btn :is(b,span){color:#2c573b!important}
/* Materiality pages (including assessment and review): visuals remain functional. */
html[data-eqo-theme="white"] body[data-eqo-page^="materiality"] :is(.m-pagehead,.m-inline-notice,.m-stat.accent,.m-context-symbol){
  border-color:#dae8d9!important;color:#274330!important;
}
html[data-eqo-theme="white"] body[data-eqo-page^="materiality"] .m-pagehead{
  border-radius:24px!important;box-shadow:0 7px 25px rgba(29,70,41,.045)!important;
}
html[data-eqo-theme="white"] body[data-eqo-page^="materiality"] :is(.m-inline-notice,.m-segment,.m-context-symbol){background-color:#eaf4eb!important;color:#386549!important}
html[data-eqo-theme="white"] body[data-eqo-page^="materiality"] :is(.m-stat.accent,.m-stat.accent .m-counter,.m-badge,.m-pill){
  background:#eaf5eb!important;border-color:#d0e5d3!important;color:#2c764a!important;
}
html[data-eqo-theme="white"] body[data-eqo-page^="materiality"] :is(.m-select,.m-filter,.m-button.ghost){background:#fff!important;color:#345440!important;border-color:#dbe9dd!important}
html[data-eqo-theme="white"] body[data-eqo-page^="materiality"] :is(.m-button.primary,.m-add-btn,.m-primary){background:#308352!important;border-color:#308352!important;color:#fff!important;box-shadow:none!important}
/* Organization chart + edit pages: use real hierarchy and color contrast. */
html[data-eqo-theme="white"] body[data-eqo-page^="organization"] :is(.chart-card,.chart-stage,.org-chart-shell,.org-content){
  border-color:#dfebdf!important;border-radius:23px!important;
}
html[data-eqo-theme="white"] body[data-eqo-page="organization"] .chart-tools{
  background:linear-gradient(100deg,#1f6243,#318358)!important;
  border-bottom:1px solid #1a5539!important;color:#f7fff8!important;
}
html[data-eqo-theme="white"] body[data-eqo-page="organization"] .chart-tools :is(.tool-btn,.search,.searchbox,input,.badge){border-color:rgba(218,245,224,.28)!important}
html[data-eqo-theme="white"] body[data-eqo-page="organization"] .chart-tools :is(.tool-btn,.badge){color:#f0fff2!important}
html[data-eqo-theme="white"] body[data-eqo-page="organization"] .chart-tools input{background:rgba(255,255,255,.12)!important;color:#fff!important}
html[data-eqo-theme="white"] body[data-eqo-page="organization"] .chart-tools input::placeholder{color:#d5e8d9!important}
html[data-eqo-theme="white"] body[data-eqo-page="organization"] .chart-tools .tool-btn.primary{background:#f3fbf5!important;color:#236844!important;border-color:transparent!important;box-shadow:none!important}
html[data-eqo-theme="white"] body[data-eqo-page="organization"] :is(.node.company,.node.company.searchable){
  color:#18462d!important;border:1px solid #b7dabe!important;
  background:linear-gradient(135deg,#d7eddc,#f1f8f0)!important;
  box-shadow:0 11px 23px rgba(28,90,49,.10)!important;
}
html[data-eqo-theme="white"] body[data-eqo-page="organization"] .node.company :is(h3,h4,strong,b,span,small,.node-name,.node-sub,.node-icon,.node-menu){color:#25553a!important}
html[data-eqo-theme="white"] body[data-eqo-page="organization"] .node.company .node-icon{background:#c3e4cc!important}
html[data-eqo-theme="white"] body[data-eqo-page="organization"] :is(.org-hint,.org-caption,.org-note){color:#677e6b!important}
html[data-eqo-theme="white"] body[data-eqo-page^="organization"] :is(.identity,.identity-preview,.preview-card,.upload-box,.upload-card,.node-card){
  background:linear-gradient(155deg,#fff,#f3f9f3)!important;border-color:#d7e7d9!important;
  border-radius:19px!important;
}
html[data-eqo-theme="white"] body[data-eqo-page^="organization"] :is(.identity,.identity-preview,.preview-card,.upload-card,.node-card) :is(strong,b,h2,h3){color:#2b4e36!important}
/* Work Map: separate the calm requirement area from the semantic F/E/S/G graph. */
html[data-eqo-theme="white"] body[data-eqo-page="workmap"] :is(.requirement-card,.quest-band,.req-band,.workmap-head){
  background:linear-gradient(112deg,#e8f5e9,#f7faf5 63%,#fff)!important;
  border-color:#d9e9da!important;color:#28533a!important;
  border-radius:23px!important;
}
html[data-eqo-theme="white"] body[data-eqo-page="workmap"] :is(.requirement-card,.quest-band,.req-band) :is(h2,h3,strong,b,.req-title){color:#214a32!important}
html[data-eqo-theme="white"] body[data-eqo-page="workmap"] :is(.requirement-card,.quest-band,.req-band) :is(.label,.meta,small,p,span){color:#5d7665!important}
html[data-eqo-theme="white"] body[data-eqo-page="workmap"] :is(.quest-status,.face.more){background:#e3f1e6!important;color:#356b49!important;border-color:#cfe2d1!important}
html[data-eqo-theme="white"] body[data-eqo-page="workmap"] .requirement-card :is(.doc-ico,.ico,.req-ico){background:#d7ebdb!important;color:#2d7b4d!important}
/* Quest list & entry. They are real work forms, not decorative dashboards. */
html[data-eqo-theme="white"] body[data-eqo-page="quest"] :is(.req-card,.table-card,.quest-list,.table-wrap,.quest-worklist-card){
  background:#fff!important;border-color:#dce9dd!important;border-radius:22px!important;
}
html[data-eqo-theme="white"] body[data-eqo-page="quest"] :is(.req-card,.req-left,.req-right) :is(h2,h3,strong,b){color:#254931!important}
html[data-eqo-theme="white"] body[data-eqo-page="quest"] :is(.req-card,.req-left,.req-right) :is(p,span,.eyebrow,.framework-title,small){color:#687e6e!important}
html[data-eqo-theme="white"] body[data-eqo-page="quest"] .chip{background:#ecf5ee!important;color:#307b4c!important;border-color:#d7e8d9!important}
html[data-eqo-theme="white"] body[data-eqo-page="quest-entry-html"] :is(.req-card,.entry-card,.v4-card,.answer-card,.evidence-card,.input-card){
  background:#fff!important;color:#2c4333!important;border-color:#dce8de!important;border-radius:22px!important;
}
html[data-eqo-theme="white"] body[data-eqo-page="quest-entry-html"] :is(.req-card,.entry-card,.v4-card,.answer-card,.evidence-card) :is(h2,h3,h4,strong,b){color:#264832!important}
html[data-eqo-theme="white"] body[data-eqo-page="quest-entry-html"] :is(.req-card,.entry-card,.v4-card,.answer-card,.evidence-card) :is(.meta,.muted,small,.subtitle){color:#6e8372!important}
/* Requirement Map: keep curved connectors and distinct F/E/S/G colors,
   but its main selected Requirement shouldn't be a purple billboard. */
html[data-eqo-theme="white"] body[data-eqo-page="requirement-map"] :is(.req-hero,.requirement-card,.map-header,.map-summary,.overview-card,.top-card){
  background:linear-gradient(120deg,#eef7ee,#fff 75%)!important;
  border-color:#d9e9dc!important;color:#284833!important;border-radius:23px!important;
}
html[data-eqo-theme="white"] body[data-eqo-page="requirement-map"] :is(.req-hero,.requirement-card,.map-header,.map-summary,.top-card) :is(h2,h3,strong,b){color:#275136!important}
html[data-eqo-theme="white"] body[data-eqo-page="requirement-map"] :is(.req-hero,.requirement-card,.map-header,.map-summary,.top-card) :is(span,small,p){color:#6a7f6d!important}
/* Responsibilities and Workflow legacy shells used two variants of sidebar.
   Hide ONLY the legacy outer navigation; leave drawers/panels untouched. */
body.eqo-premium-shell > .shell > aside.sidebar{display:none!important}
body.eqo-premium-shell > .shell > .main{
  width:100%!important;max-width:100%!important;margin-left:0!important;
  padding:96px 32px 42px!important;min-width:0!important;
}
body.eqo-premium-shell > .shell{grid-template-columns:minmax(0,1fr)!important}
html[data-eqo-theme="white"] body:is([data-eqo-page="responsibilities"],[data-eqo-page="responsibility-matrix"],[data-eqo-page="responsibility-topic"],[data-eqo-page^="workflow"]) :is(.map-summary,.map-toolbar,.dimension-board,.dimension-card,.workflow-card,.workflow-row,.template-card,.workflow-shell,.flow-card,.step-card){
  background-color:#fff!important;border-color:#dce8de!important;color:#2b4935!important;border-radius:20px!important;
}
html[data-eqo-theme="white"] body:is([data-eqo-page="responsibilities"],[data-eqo-page="responsibility-matrix"],[data-eqo-page="responsibility-topic"],[data-eqo-page^="workflow"]) :is(.map-summary,.map-toolbar,.dimension-board,.dimension-card,.workflow-card,.workflow-row,.template-card,.flow-card) :is(strong,b,h2,h3){color:#28553b!important}
html[data-eqo-theme="white"] body:is([data-eqo-page="responsibilities"],[data-eqo-page="responsibility-matrix"],[data-eqo-page="responsibility-topic"],[data-eqo-page^="workflow"]) :is(.map-summary,.map-toolbar,.dimension-board,.dimension-card,.workflow-card,.workflow-row,.template-card,.flow-card) :is(span,small,.meta,.role-label){color:#607c66!important}
html[data-eqo-theme="white"] body:is([data-eqo-page="responsibilities"],[data-eqo-page="responsibility-matrix"],[data-eqo-page="responsibility-topic"],[data-eqo-page^="workflow"]) :is(.filter.active,.seg .active,.btn.primary,.edit-btn,.status-node.active){
  background:#e5f3e7!important;color:#286d47!important;border-color:#d1e5d4!important;
}
/* Settings: purple controls become a consistent forest-green interaction language. */
html[data-eqo-theme="white"] body[data-eqo-page^="settings"] :is(.action-bar,.settings-hero,.settings-intro){
  background:linear-gradient(110deg,#edf7ee,#fff)!important;border-color:#dae9dc!important;color:#254b33!important;
  border-radius:22px!important;
}
html[data-eqo-theme="white"] body[data-eqo-page^="settings"] :is(.day.active,.toggle.on,.option.active,.tab.active,.nav a.active,.settings-tab.active){
  background:#e6f4e8!important;border-color:#c5dfcc!important;color:#236e45!important;
}
html[data-eqo-theme="white"] body[data-eqo-page^="settings"] :is(.toggle.on i,.toggle.on::after){background:#2d8050!important}
html[data-eqo-theme="white"] body[data-eqo-page^="settings"] :is(.hero-icon,.settings-icon,.sidebar .icon){background:#e3f1e6!important;color:#2b8050!important}
html[data-eqo-theme="white"] body[data-eqo-page^="settings"] :is(.btn.primary,.save-btn){background:#307f51!important;color:#fff!important}
/* Generic toolbars for admin, roles, logs and notifications. */
html[data-eqo-theme="white"] body:is([data-eqo-page^="access-roles"],[data-eqo-page="system-log"],[data-eqo-page="notifications"],[data-eqo-page="profile"]) :is(.hero,.intro,.summary,.top-panel,.table-card,.roles-card,.role-card,.profile-card,.page-head){
  border-color:#dbe9de!important;border-radius:21px!important;
}
html[data-eqo-theme="white"] body:is([data-eqo-page^="access-roles"],[data-eqo-page="system-log"],[data-eqo-page="notifications"],[data-eqo-page="profile"]) :is(.primary,.active,.selected){accent-color:#2f8050}
/* Responsive details: no page-wide horizontal scrollbar, retain local scrolling
   where a real table/graph is wider than a 320px viewport. */
body.eqo-premium-shell :is(.content,.workspace,.workspace-shell,.canvas,.page,.main,.card,.panel,.glass,.form-card,.req-card){min-width:0;box-sizing:border-box}
body.eqo-premium-shell img,body.eqo-premium-shell svg{max-width:100%}
body.eqo-premium-shell :is(.table-responsive,.table-scroll,.table-wrapper,.data-table-wrap,.table-wrap,.u-table-block .table-responsive){
  max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;
}
body.eqo-premium-shell :is(.status-row,.kpi-row,.filter-row,.toolbar,.actions,.page-actions,.form-actions){min-width:0}
@media(max-width:1100px){
 body.eqo-premium-shell > .shell > .main{padding:90px 22px 28px!important}
 body.eqo-premium-shell :is(.page-head,.entry-topbar,.toolbar,.filter-row,.actions,.form-actions){flex-wrap:wrap}
 body.eqo-premium-shell :is(.filter-row,.toolbar,.page-head)>*{min-width:0;max-width:100%}
 html[data-eqo-theme="white"] body[data-eqo-page^="organization"] :is(.chart-card,.org-chart-shell){max-width:100%}
 html[data-eqo-theme="white"] body[data-eqo-page^="organization"] :is(.chart-area,.chart-stage,.chart-canvas){overflow-x:auto;-webkit-overflow-scrolling:touch}
}
@media(max-width:700px){
 body.eqo-premium-shell > .shell > .main{padding:83px 14px 25px!important}
 body.eqo-premium-shell :is(.app,.app-shell,.shell){max-width:100%;min-width:0}
 body.eqo-premium-shell :is(.page-head,.entry-topbar){gap:11px}
 body.eqo-premium-shell :is(.card,.panel,.glass,.tile,.req-card,.stat-card,.metric-card,.settings-card,.filter-card){border-radius:18px!important}
 body.eqo-premium-shell :is(.btn,button,[role="button"]){max-width:100%}
 body.eqo-premium-shell :is(.form-row,.toolbar,.filter-row,.form-actions,.page-actions,.actions){flex-wrap:wrap}
 body.eqo-premium-shell :is(input,textarea,select){max-width:100%;min-width:0}
 html[data-eqo-theme="white"] body[data-eqo-page^="department"] .requirement-strip{padding:16px!important}
 html[data-eqo-theme="white"] body[data-eqo-page="people"] .requirement-card{padding:14px!important}
 html[data-eqo-theme="white"] body[data-eqo-page="organization"] .chart-tools{gap:7px;flex-wrap:wrap}
 html[data-eqo-theme="white"] body[data-eqo-page="organization"] .chart-tools :is(.search,.searchbox){max-width:100%;flex:1 1 180px}
 html[data-eqo-theme="white"] body[data-eqo-page^="materiality"] .m-pagehead{border-radius:20px!important}
 html[data-eqo-theme="white"] body[data-eqo-page="quest-entry-html"] :is(.v4-grid,.content-grid){min-width:0;max-width:100%}
 html[data-eqo-theme="white"] body[data-eqo-page="requirement-map"] :is(.map-stage,.map-board,.matrix-wrap){max-width:100%;overflow-x:auto}
}
@media(max-width:380px){
 body.eqo-premium-shell > .shell > .main{padding-inline:11px!important}
 body.eqo-premium-shell :is(.page-head h1,.page-title,.m-title){font-size:clamp(22px,7.2vw,27px)!important}
 body.eqo-premium-shell :is(.tabs,.segmented,.chips,.filter-row){gap:6px}
}
@media(prefers-reduced-motion:reduce){
 body.eqo-premium-shell :is(.card,.panel,.glass,.tile,.btn,.tab,.chip){transition:none!important}
}
/* Requirement Map's original scheme was explicitly DARK: just changing its
   panel background made the original white labels invisible. Rebalance the
   entire pyramid from the same color tokens; statuses remain multicolor. */
html[data-eqo-theme="white"] body[data-eqo-page="requirement-map"]{
  --eq-bg:#f6f8f4;--eq-bg2:#eef5ed;--eq-panel:#fff;--eq-panel2:#f5f9f5;
  --eq-line:#dfe8df;--eq-text:#233f2e;--eq-muted:#728676;
  --eq-violet:#3c8958;--eq-violet2:#2b8050;
}
html[data-eqo-theme="white"] body[data-eqo-page="requirement-map"] :is(.journey-page,.jv2,.jv2-tier){color:#263e2f!important}
html[data-eqo-theme="white"] body[data-eqo-page="requirement-map"] .jv2-tier{
  background:linear-gradient(160deg,#fff,#f8fbf8)!important;
  border:1px solid #e1eae0!important;
  border-radius:28px!important;
  box-shadow:0 9px 25px rgba(35,80,46,.075)!important;
}
html[data-eqo-theme="white"] body[data-eqo-page="requirement-map"] .jv2-apex{
  background:linear-gradient(120deg,#e1f0e3 0%,#eff7ed 53%,#f9fcf9 100%)!important;
  border-color:#cfe3d1!important;
}
html[data-eqo-theme="white"] body[data-eqo-page="requirement-map"] :is(.jv2-head h2,.jv2-title,.jv2-number,.jv2-framework-card b,.jv2-status-count,.jv2-people-summary b){color:#244c34!important}
html[data-eqo-theme="white"] body[data-eqo-page="requirement-map"] :is(.jv2-eyebrow,.jv2-kicker,.jv2-desc,.jv2-number small,.jv2-note,.jv2-bar-value,.jv2-bar-label,.jv2-head p,.jv2-people-summary span,.jv2-person){color:#738676!important}
html[data-eqo-theme="white"] body[data-eqo-page="requirement-map"] :is(.jv2-framework-card,.jv2-tab,.jv2-person,.jv2-btn:not(.primary)){
  background:#f5faf6!important;color:#376a48!important;border-color:#dce8dc!important;
}
html[data-eqo-theme="white"] body[data-eqo-page="requirement-map"] :is(.jv2-framework-card.active,.jv2-tab.active){background:#e4f2e6!important;border-color:#a9d0b1!important;color:#216d44!important}
html[data-eqo-theme="white"] body[data-eqo-page="requirement-map"] :is(.jv2-tab.active,.jv2-tab:hover,.jv2-btn.primary){color:#fff!important;background:#2f8050!important;border-color:#2f8050!important}
html[data-eqo-theme="white"] body[data-eqo-page="requirement-map"] :is(.jv2-status-label,.jv2-framework-card span,.jv2-tier-add,.jv2-dept-more){color:#748575!important}
html[data-eqo-theme="white"] body[data-eqo-page="requirement-map"] :is(.jv2-progress-ring:before,.jv2-status-node){background:#f1f7f1!important;border-color:#c5dfcd!important}
html[data-eqo-theme="white"] body[data-eqo-page="requirement-map"] :is(.jv2-status-node,.jv2-status:hover .jv2-status-node){box-shadow:0 0 0 4px #e5eee5!important}
html[data-eqo-theme="white"] body[data-eqo-page="requirement-map"] .jv2-status:after{box-shadow:0 0 0 3px #edf4ed!important}
html[data-eqo-theme="white"] body[data-eqo-page="requirement-map"] .jv2-progress-ring b{color:#245538!important}
html[data-eqo-theme="white"] body[data-eqo-page="requirement-map"] :is(.jv2-statuses:before,.jv2-spine){background:linear-gradient(90deg,transparent,#cfe0d0,transparent)!important}
html[data-eqo-theme="white"] body[data-eqo-page="requirement-map"] .jv2-bar-track{background:#e8f0e8!important}
html[data-eqo-theme="white"] body[data-eqo-page="requirement-map"] .jv2-bar-fill{background:linear-gradient(to top,#2b8050,#83c59b)!important}
html[data-eqo-theme="white"] body[data-eqo-page="requirement-map"] :is(.jv2-report-btn,.jv2-tier-add:disabled){color:#7c9480!important;background:#f0f5ef!important;border-color:#deeadf!important}
/* Contextual sidebars are *within* the workspace and must stay. Give them
   the same colors as top navigation rather than purple task controls. */
html[data-eqo-theme="white"] body[data-eqo-page^="settings"] :is(.sidebar,.side-panel,.settings-nav){
  background:#fff!important;border-color:#e0e9df!important;border-radius:20px!important;
}
html[data-eqo-theme="white"] body[data-eqo-page^="settings"] :is(.sidebar,.side-panel,.settings-nav) :is(h2,h3,b,strong,.title){color:#264632!important}
html[data-eqo-theme="white"] body[data-eqo-page^="settings"] :is(.sidebar,.side-panel,.settings-nav) :is(a,button,.nav-item,.nav-link){color:#627967!important}
html[data-eqo-theme="white"] body[data-eqo-page^="settings"] :is(.sidebar,.side-panel,.settings-nav) :is(.active,a.active,button.active,.nav-item.active){color:#246d43!important;background:#e6f4e7!important;border-color:#d0e6d4!important}
html[data-eqo-theme="white"] body[data-eqo-page^="settings"] :is(.sidebar,.side-panel,.settings-nav) :is(.active,a.active,button.active,.nav-item.active):after{background:#438c5a!important}
html[data-eqo-theme="white"] body[data-eqo-page^="settings"] :is(.field,.form-field,.field-card,.field-box,.setting-row,.form-group){background-color:#fbfdfb;border-color:#dfebdf;color:#294633!important;border-radius:15px!important}
html[data-eqo-theme="white"] body[data-eqo-page^="settings"] :is(.field,.form-field,.field-card,.field-box,.setting-row,.form-group) :is(h2,h3,h4,b,strong,label){color:#315039!important}
html[data-eqo-theme="white"] body[data-eqo-page^="settings"] :is(.field,.form-field,.field-card,.field-box,.setting-row,.form-group) :is(small,.desc,.help,.hint){color:#7b8d7d!important}
html[data-eqo-theme="white"] body[data-eqo-page="workmap"] :is(.topbar){display:none!important}
html[data-eqo-theme="white"] body[data-eqo-page="workmap"] :is(.requirement-card,.quest-band) :is(.req-label,.req-name,.req-title,.kpi-value,strong,b){color:#295439!important}
html[data-eqo-theme="white"] body[data-eqo-page="workmap"] :is(.requirement-card,.quest-band) :is(p,.label,.meta,.topic,.frameworks,small){color:#718775!important}
html[data-eqo-theme="white"] body[data-eqo-page="workmap"] :is(.req-ico,.req-document){background:#dbeedf!important;color:#287a4b!important}
html[data-eqo-theme="white"] body[data-eqo-page="workmap"] :is(.map-canvas,.work-map,.workmap-canvas,.tree-surface){border-color:#dfebdf!important;border-radius:23px!important}
/* The informational F/E/S/G hierarchy connector is decorative; neutral
   sage allows the actual dimension/status icons to carry the meaningful hues. */
html[data-eqo-theme="white"] body[data-eqo-page="workmap"] :is(.connection,.connector,.tree-line,.tree-connector){stroke:#a6cbae!important;border-color:#b4d6bc!important}
/* Screen-size repairs found in a 320/390/768px audit. White and Purple share
   the same behavior: scroll only the necessary data surface, never the page. */
@media(max-width:900px){
 body.eqo-premium-shell[data-eqo-page="quest"] .workspace,
 body.eqo-premium-shell[data-eqo-page="evidence"] .workspace,
 body.eqo-premium-shell[data-eqo-page="workmap"] .workspace-shell{
   display:block!important;width:100%!important;min-width:0!important;
   max-width:100%!important;margin:0!important;box-sizing:border-box!important;
 }
 body.eqo-premium-shell[data-eqo-page="quest"] .workspace,
 body.eqo-premium-shell[data-eqo-page="evidence"] .workspace{
   overflow-x:hidden!important;
 }
 body.eqo-premium-shell[data-eqo-page="quest"] :is(.table-card,.table-wrap,.toolbar,.kpis,.req-card),
 body.eqo-premium-shell[data-eqo-page="evidence"] :is(.table-wrap,.grid-top,.logic-banner,.evidence-scope){
   width:100%!important;max-width:100%!important;min-width:0!important;
   box-sizing:border-box!important;
 }
 body.eqo-premium-shell[data-eqo-page="quest"] .table-wrap,
 body.eqo-premium-shell[data-eqo-page="evidence"] .table-wrap{
   overflow-x:auto!important;overflow-y:auto;-webkit-overflow-scrolling:touch;
 }
 body.eqo-premium-shell[data-eqo-page="evidence"] .grid-top{grid-template-columns:minmax(0,1fr)!important}
 body.eqo-premium-shell[data-eqo-page="workmap"] .workspace-shell{overflow-x:visible!important}
 body.eqo-premium-shell[data-eqo-page="workmap"] :is(.board,.map-card){
   width:100%!important;max-width:100%!important;min-width:0!important;
 }
 body.eqo-premium-shell[data-eqo-page="workmap"] .map-card{
   overflow-x:auto!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch;
 }
 body.eqo-premium-shell[data-eqo-page="workmap"] .flow-wrap{
   min-width:760px!important;width:760px!important;max-width:none!important;
 }
 body.eqo-premium-shell[data-eqo-page="department-detail-example"] :is(.quest-table-card,.table-card,.table-wrap){
   width:100%!important;max-width:100%!important;min-width:0!important;
   box-sizing:border-box!important;
 }
 body.eqo-premium-shell[data-eqo-page="department-detail-example"] .table-wrap{
   overflow-x:auto!important;-webkit-overflow-scrolling:touch;
 }
 body.eqo-premium-shell[data-eqo-page^="organization"] .chart-card{
   max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch;
 }
 body.eqo-premium-shell[data-eqo-page^="organization"] .chart-canvas{
   min-width:1040px!important;overflow:visible!important;
 }
}
@media(max-width:500px){
 body.eqo-premium-shell[data-eqo-page="quest"] .workspace,
 body.eqo-premium-shell[data-eqo-page="evidence"] .workspace,
 body.eqo-premium-shell[data-eqo-page="workmap"] .workspace-shell{padding:8px 0 20px!important}
 body.eqo-premium-shell[data-eqo-page="workmap"] .flow-wrap{min-width:760px!important}
 body.eqo-premium-shell[data-eqo-page="department-detail-example"] .table-wrap{padding-left:0!important;padding-right:0!important}
}
/* Keep closed Organization drawers out of page scrolling calculations.
   Opening the drawer still uses the existing .open JS class unchanged. */
body[data-eqo-page="organization"].eqo-premium-shell .drawer:not(.open){display:none!important}
body[data-eqo-page="organization"].eqo-premium-shell .drawer.open{display:block!important;right:0!important}
@media(max-width:900px){
 body.eqo-premium-shell[data-eqo-page="department-detail-example"] .workspace-shell{
   width:100%!important;max-width:100%!important;min-width:0!important;
   margin:0!important;box-sizing:border-box!important;
 }
 body.eqo-premium-shell[data-eqo-page="department-detail-example"] .work-grid{
   width:100%!important;max-width:100%!important;min-width:0!important;
   grid-template-columns:minmax(0,1fr)!important;
 }
 body.eqo-premium-shell[data-eqo-page="department-detail-example"] .quests-card{
   width:100%!important;max-width:100%!important;min-width:0!important;
 }
}
/* Legacy visual-enhancement positioned an offscreen, purely decorative glow
   120px past the chart. It was making a false horizontal scrollbar. */
html[data-eqo-theme="white"] body.eqo-premium-shell.eqo-workmap-skin :is(.org-shell,.workspace,.workspace-shell,.department-page,.page)::before,
html[data-eqo-theme="white"] body.eqo-premium-shell.eqo-workmap-skin :is(.org-shell,.workspace,.workspace-shell,.department-page,.page)::after{
  display:none!important;
}
@media(max-width:900px){
 body.eqo-premium-shell.eqo-workmap-skin .org-shell::before,
 body.eqo-premium-shell.eqo-workmap-skin .org-shell::after{display:none!important}
}
/* Actual Settings local navigation is .subnav, not the legacy .sidebar. */
html[data-eqo-theme="white"] body[data-eqo-page^="settings"] .subnav{
  background:#fff!important;color:#334d39!important;
  border:1px solid #dee9de!important;border-radius:22px!important;
  box-shadow:0 8px 28px rgba(29,66,39,.055)!important;
}
html[data-eqo-theme="white"] body[data-eqo-page^="settings"] .subnav .subnav-head :is(b,strong){color:#254c35!important}
html[data-eqo-theme="white"] body[data-eqo-page^="settings"] .subnav .subnav-head span{color:#819585!important}
html[data-eqo-theme="white"] body[data-eqo-page^="settings"] .subnav a{
  color:#5e7766!important;border-color:transparent!important;border-radius:12px!important;
}
html[data-eqo-theme="white"] body[data-eqo-page^="settings"] .subnav a:is(:hover,:focus-visible){background:#f0f7f0!important;color:#286946!important}
html[data-eqo-theme="white"] body[data-eqo-page^="settings"] .subnav a.active{
  color:#256a43!important;background:#e6f3e8!important;border-color:#cee4d2!important;
}
html[data-eqo-theme="white"] body[data-eqo-page^="settings"] .subnav a.active svg{stroke:#2f8050!important;color:#2f8050!important}
html[data-eqo-theme="white"] body[data-eqo-page^="settings"] .subnav a.active:after{background:#3d975e!important;box-shadow:none!important}
html[data-eqo-theme="white"] body[data-eqo-page^="settings"] :is(.field-card,.field-block,.form-group,.setting-field){background:#fbfdfb!important;border:1px solid #e1ece1!important;border-radius:16px!important}
html[data-eqo-theme="white"] body[data-eqo-page^="settings"] :is(.field-card,.field-block,.form-group,.setting-field) :is(b,strong,label){color:#3b5943!important}
html[data-eqo-theme="white"] body[data-eqo-page^="settings"] :is(.field-card,.field-block,.form-group,.setting-field) :is(small,span,p){color:#778a7b!important}
/* Small purple remnants on the Materiality controls were purely selection
   chrome, not dimension/risk color encodings. */
html[data-eqo-theme="white"] body[data-eqo-page^="materiality"] :is(.m-tab[aria-selected="true"],.m-tab.active,.m-filter[aria-pressed="true"],.m-segment .active){
  background:#e7f3e8!important;border-color:#cce2d0!important;color:#276d44!important;
}
html[data-eqo-theme="white"] body[data-eqo-page^="materiality"] :is(.m-tab,.m-filter,.m-segment,.m-filterbar,.m-tabsbar){border-color:#e1eae1!important}

/* Work Map has its own legacy, hard-coded dark-violet design. On White Mode,
   harmonize the entire visual diagram, not only generic card surfaces. */
html[data-eqo-theme="white"] body[data-eqo-page="workmap"]{
 --ink:#263c2d;--muted:#778b7b;--line:#dce8dc;
 --violet-1:#226743;--violet-2:#347d54;--violet-3:#76b48b;--violet-4:#cde5d1;
 --violet-soft:#f1f8f1;
}
html[data-eqo-theme="white"] body[data-eqo-page="workmap"] :is(.map-card,.dimension-card,.topic-card,.dept-card,.people-band,.evidence-band,.topic-row,.dimension-grid){
 background:#fff!important;border-color:#dfeadf!important;box-shadow:0 8px 25px rgba(34,78,44,.045)!important;
}
html[data-eqo-theme="white"] body[data-eqo-page="workmap"] :is(.dimension-card,.topic-card,.dept-card,.people-band,.evidence-band){border-radius:19px!important}
html[data-eqo-theme="white"] body[data-eqo-page="workmap"] :is(.dimension-card:hover,.dimension-card.active,.topic-card:hover,.topic-card.active,.dept-card:hover,.dept-card.active){
 background:#ebf6ed!important;border-color:#9fc9a8!important;box-shadow:0 12px 25px rgba(38,107,59,.07)!important;
}
html[data-eqo-theme="white"] body[data-eqo-page="workmap"] :is(.dimension-card,.topic-card,.dept-card,.people-band,.evidence-band,.step,.req-select-btn,.req-menu) :is(b,strong,h3,.name,.title){color:#2a5238!important}
html[data-eqo-theme="white"] body[data-eqo-page="workmap"] :is(.dimension-card,.topic-card,.dept-card,.people-band,.evidence-band,.step,.req-select-btn,.req-menu) :is(span,small,p,.desc,.meta){color:#718675!important}
html[data-eqo-theme="white"] body[data-eqo-page="workmap"] .step .num{background:#2f8050!important;color:#fff!important;box-shadow:0 5px 15px rgba(45,117,70,.20)!important}
html[data-eqo-theme="white"] body[data-eqo-page="workmap"] :is(.req-select-btn,.req-menu){background:#fff!important;color:#2c5539!important;border:1px solid #dce9de!important;border-radius:15px!important}
html[data-eqo-theme="white"] body[data-eqo-page="workmap"] :is(.doc-ico,.topic-icon,.dept-icon,.people-ico,.ev-ico){
 background:#e9f4ea!important;color:#398458!important;border-color:#d2e7d6!important;
}
html[data-eqo-theme="white"] body[data-eqo-page="workmap"] :is(.chip,.topic-icon,.other-topic,.role-title span){background:#edf6ee!important;color:#34734b!important;border-color:#deebde!important}
html[data-eqo-theme="white"] body[data-eqo-page="workmap"] .flow-svg path{stroke:#81b38b!important;filter:none!important;opacity:.75!important}
html[data-eqo-theme="white"] body[data-eqo-page="workmap"] .flow-wrap::before{background:linear-gradient(to bottom,transparent,#bad6c0,transparent)!important}
html[data-eqo-theme="white"] body[data-eqo-page="workmap"] :is(.flow-wrap,.map-card)::after{background:none!important;opacity:0!important}
html[data-eqo-theme="white"] body[data-eqo-page="workmap"] .map-card::before{background:radial-gradient(circle at 50% 39%,rgba(90,153,103,.05),transparent 45%)!important}
html[data-eqo-theme="white"] body[data-eqo-page="workmap"] .quest-band{
 background:linear-gradient(112deg,#e1f1e5 0%,#f5faf5 90%)!important;
 border:1px solid #cce2d0!important;box-shadow:0 15px 30px rgba(40,100,58,.10)!important;
 border-radius:24px!important;
}
html[data-eqo-theme="white"] body[data-eqo-page="workmap"] .quest-band::after{background:none!important}
html[data-eqo-theme="white"] body[data-eqo-page="workmap"] .quest-main :is(b,span){color:#205638!important}
html[data-eqo-theme="white"] body[data-eqo-page="workmap"] .quest-ico{background:#d3e9d9!important;box-shadow:none!important}
html[data-eqo-theme="white"] body[data-eqo-page="workmap"] .quest-ico svg{stroke:#276e44!important}
html[data-eqo-theme="white"] body[data-eqo-page="workmap"] .quest-status{background:#f9fcfa!important;border-color:#d4e7d8!important;box-shadow:none!important}
html[data-eqo-theme="white"] body[data-eqo-page="workmap"] .quest-status :is(b,small){color:#406b4d!important}
html[data-eqo-theme="white"] body[data-eqo-page="workmap"] .quest-btn{background:#2f8050!important;color:#fff!important;border-radius:16px!important}
html[data-eqo-theme="white"] body[data-eqo-page="workmap"] :is(.context,.topics-drawer){
 background:linear-gradient(180deg,#fff,#f5faf5)!important;color:#284532!important;
 border-color:#d9e7db!important;box-shadow:-12px 0 38px rgba(28,76,41,.09)!important;
}
html[data-eqo-theme="white"] body[data-eqo-page="workmap"] :is(.context-head,.topics-head){background:#f6faf6!important;border-color:#dfe9df!important}
html[data-eqo-theme="white"] body[data-eqo-page="workmap"] :is(.context-title,.topics-title) :is(b,strong){color:#21482e!important}

/* Workflow keeps meaningful blue/amber/red states. Violet is only the
   arbitrary visual choice for Assigned/Approval: shift those to two greens. */
html[data-eqo-theme="white"] body[data-eqo-page^="workflow"]{
 --st-new:#709d7d;--st-approve:#288054;--st-done:#21a875;
 --text:#243d2d;--muted:#718775;--muted2:#8ba38e;
 --panel:#fff;--panel2:#f5faf5;--stroke:#dfe9df;--stroke2:#cadfcd;
}
html[data-eqo-theme="white"] body[data-eqo-page^="workflow"] :is(.canvas,.page-head,.flow-panel,.overview-card,.preset,.rule-list,.apply-list){
 border-color:#deeadf!important;box-shadow:0 9px 26px rgba(36,82,48,.045)!important;
}
html[data-eqo-theme="white"] body[data-eqo-page^="workflow"] .canvas:before{background:radial-gradient(circle at 78% 12%,rgba(94,162,110,.065),transparent 35%)!important}
html[data-eqo-theme="white"] body[data-eqo-page^="workflow"] .preset.active{
 background:linear-gradient(140deg,#e6f4e8,#f3faf4)!important;border-color:#a9d4b1!important;
}
html[data-eqo-theme="white"] body[data-eqo-page^="workflow"] .preset.active:after{background:#358856!important;box-shadow:0 0 0 5px #e1f0e3!important}
html[data-eqo-theme="white"] body[data-eqo-page^="workflow"] :is(.orb,.status-node:hover .orb){
 background:color-mix(in srgb,var(--c) 21%,#fff)!important;
 box-shadow:0 0 0 7px color-mix(in srgb,var(--c) 12%,#fff),0 9px 25px rgba(38,78,46,.10)!important;
}
html[data-eqo-theme="white"] body[data-eqo-page^="workflow"] :is(.flow-line,.track){box-shadow:none!important}
html[data-eqo-theme="white"] body[data-eqo-page^="workflow"] :is(.return-chip,.return-node){
 background:#fff5f5!important;color:#9b4058!important;border-color:#f0c9d2!important;
}
html[data-eqo-theme="white"] body[data-eqo-page^="workflow"] :is(.return-chip,.return-node) :is(b,span){color:#92465a!important}
html[data-eqo-theme="white"] body[data-eqo-page^="workflow"] :is(.mini-link,.section-kicker,.flow-caption){color:#488360!important}
html[data-eqo-theme="white"] body[data-eqo-page^="workflow"] .tabs{background:#f0f7f1!important;border-radius:14px!important}
html[data-eqo-theme="white"] body[data-eqo-page^="workflow"] .tabs a.active{background:#e0f0e3!important;color:#286e43!important}

/* Reporting Requirement Map's progress ring was still dark violet, unlike
   its corrected forest-white tiers. */
html[data-eqo-theme="white"] body[data-eqo-page="requirement-map"] .jv2-progress-ring{
 background:conic-gradient(#31935c calc(var(--p)*1%),#e1eee3 0)!important;
 box-shadow:0 0 0 1px #cfe5d3,0 8px 22px rgba(40,91,55,.09)!important;
}
html[data-eqo-theme="white"] body[data-eqo-page="requirement-map"] .jv2-progress-ring:before{
 background:linear-gradient(135deg,#fff,#f6faf6)!important;border-color:#d1e6d3!important;
}
html[data-eqo-theme="white"] body[data-eqo-page="requirement-map"] .jv2-tab{border-radius:999px!important}
html[data-eqo-theme="white"] body[data-eqo-page^="workflow"] .preset :is(b,strong){color:#2b4e36!important}
html[data-eqo-theme="white"] body[data-eqo-page^="workflow"] .preset :is(p,small,span){color:#6d8370!important}
html[data-eqo-theme="white"] body[data-eqo-page^="workflow"] :is(.crumb,.section-kicker){color:#679073!important}
html[data-eqo-theme="white"] body[data-eqo-page^="workflow"] .preset-meta{color:#607765!important;border-color:#d6e6d8!important}
/* Master navigation replaces Work Map's original sidebar; avoid retaining the
   first (empty) legacy grid column in static/local preview or mobile. */
body.eqo-premium-shell[data-eqo-page="workmap"] > .app{display:block!important;width:100%!important;max-width:100%!important}