/*
 EQOLEAN — Forest White / Final Finish · 2026-10-08
 UI layer only; scoped to White Mode. Purple Mode and all business logic stay intact.
 Targets: Requirement Library, Requirement Map, Responsibility dialog/drawer,
 plus the shared header icons. Keep distinct semantic Quest statuses.
*/
:root[data-eqo-theme="white"]{
  --forest-text:#243d2e;
  --forest-muted:#708676;
  --forest-primary:#2d8051;
  --forest-dark:#1f5739;
  --forest-surface:#ffffff;
  --forest-tint:#f2f8f2;
  --forest-tint-strong:#e5f3e8;
  --forest-border:#dceadd;
  --forest-focus:#7fba91;
}
/* Shared topbar icons should not inherit legacy lilac even on deep pages. */
html[data-eqo-theme="white"] body #eqoMasterTopbar :is(.eqo-master-search,.eqo-master-notification,.eqo-master-theme-trigger,.eqn-top-locale,.eqo-master-topbtn){
  color:#647e6d!important;
}
html[data-eqo-theme="white"] body #eqoMasterTopbar :is(.eqo-master-search,.eqo-master-notification,.eqo-master-theme-trigger,.eqo-master-topbtn):hover{
  color:#226b45!important;background:#e9f4eb!important;
}
/* ---------- Requirement Library (old page-local palette was still lilac) ---------- */
html[data-eqo-theme="white"] body[data-eqo-page="requirement-library"]{
  --rl-ink:#273e30;
  --rl-copy:#607767;
  --rl-muted:#77897a;
  --rl-line:#dce8df;
  --rl-line-hover:#b7d5c0;
  --rl-soft:#f2f8f2;
  --rl-card:linear-gradient(145deg,#ffffff 0%,#fbfdfa 100%);
  --rl-surface:#ffffff;
  --rl-sticky:rgba(249,252,249,.97);
  --rl-detail:#ffffff;
  --rl-accent:#2e8051;
  --rl-primary:#2e8051;
  --rl-primary-ink:#ffffff;
  --rl-phase:#257a4c;
  --rl-phase-bg:#e6f6eb;
  --rl-phase-line:#c8e4d0;
  --rl-concept:#597363;
  --rl-concept-bg:#f0f6ef;
  --rl-glow:rgba(59,135,76,.085);
  --rl-shadow:0 4px 16px rgba(27,72,42,.035),0 12px 30px rgba(27,72,42,.05);
  --rl-hover-shadow:0 15px 35px rgba(25,81,44,.11);
  background:#f7faf7!important;color:#273e30!important;
}
html[data-eqo-theme="white"] body[data-eqo-page="requirement-library"] > .app,
html[data-eqo-theme="white"] body[data-eqo-page="requirement-library"].eqo-workmap-skin > .app{
  background:#f7faf7!important;
}
html[data-eqo-theme="white"] body[data-eqo-page="requirement-library"].eqo-workmap-skin > .app > #rlMain{
  background:radial-gradient(ellipse at 84% 0%,rgba(87,164,111,.065),transparent 31%),linear-gradient(170deg,#fbfdfb,#f5faf5)!important;
  color:#263e2d!important;
}
html[data-eqo-theme="white"] body[data-eqo-page="requirement-library"] > .app > #rlMain::after{
  opacity:.07!important;filter:hue-rotate(-100deg);
}
html[data-eqo-theme="white"] body[data-eqo-page="requirement-library"] .rl-hero :is(h1,.rl-hero-question){color:#223e2d!important}
html[data-eqo-theme="white"] body[data-eqo-page="requirement-library"] .rl-hero-description{color:#667d6d!important}
html[data-eqo-theme="white"] body[data-eqo-page="requirement-library"] .rl-eyebrow{color:#4f8861!important}
html[data-eqo-theme="white"] body[data-eqo-page="requirement-library"] .rl-search input{
  background:#fff!important;border:1px solid #d5e6d9!important;border-radius:17px!important;
  color:#294a34!important;box-shadow:0 4px 15px rgba(32,72,42,.025)!important;
}
html[data-eqo-theme="white"] body[data-eqo-page="requirement-library"] .rl-search input:focus{
  border-color:#79b88c!important;box-shadow:0 0 0 4px rgba(47,129,74,.10)!important;
}
html[data-eqo-theme="white"] body[data-eqo-page="requirement-library"] .rl-button--custom{
  border:1px dashed #9ecaac!important;background:#f4faf5!important;color:#287a49!important;border-radius:15px!important;
}
html[data-eqo-theme="white"] body[data-eqo-page="requirement-library"] .rl-button--custom:hover{background:#e6f4e9!important}
html[data-eqo-theme="white"] body[data-eqo-page="requirement-library"] .rl-filter{color:#6a8070!important;border-radius:12px!important}
html[data-eqo-theme="white"] body[data-eqo-page="requirement-library"] .rl-filter:hover{background:#edf6ee!important;color:#246945!important}
html[data-eqo-theme="white"] body[data-eqo-page="requirement-library"] .rl-filter.is-active{
  background:#e2f2e7!important;border:1px solid #cbe3d0!important;color:#206d42!important;
}
html[data-eqo-theme="white"] body[data-eqo-page="requirement-library"] .rl-discovery.is-stuck{
  border-radius:0 0 20px 20px;box-shadow:0 8px 20px rgba(24,69,37,.065)!important;
}
html[data-eqo-theme="white"] body[data-eqo-page="requirement-library"] .rl-card{
  background:var(--rl-card)!important;border:1px solid #dbe9dd!important;border-radius:24px!important;
  box-shadow:var(--rl-shadow)!important;
}
html[data-eqo-theme="white"] body[data-eqo-page="requirement-library"] .rl-card:hover,
html[data-eqo-theme="white"] body[data-eqo-page="requirement-library"] .rl-card:focus-within{
  border-color:#afd5b8!important;box-shadow:var(--rl-hover-shadow)!important;
}
html[data-eqo-theme="white"] body[data-eqo-page="requirement-library"] .rl-card--feature{
  background:linear-gradient(124deg,#ffffff 0%,#f7fcf7 62%,#ebf7ee 100%)!important;
}
html[data-eqo-theme="white"] body[data-eqo-page="requirement-library"] .rl-card-art::before{
  background:radial-gradient(ellipse,rgba(45,128,81,.10),transparent 72%)!important;
}
html[data-eqo-theme="white"] body[data-eqo-page="requirement-library"] .rl-category-mark{
  background:#eaf5ed!important;border-color:#d5e8d9!important;color:#2b7b4c!important;border-radius:14px!important;
}
html[data-eqo-theme="white"] body[data-eqo-page="requirement-library"] :is(.rl-card-title,.rl-section-copy h2,.rl-dialog h2,.rl-detail-heading){color:#223e2d!important}
html[data-eqo-theme="white"] body[data-eqo-page="requirement-library"] :is(.rl-card-description,.rl-section-copy p,.rl-catalog-meta,.rl-dialog-footer>p){color:#6a806f!important}
html[data-eqo-theme="white"] body[data-eqo-page="requirement-library"] :is(.rl-card-subtitle,.rl-detail-button,.rl-outcome>svg,.rl-dialog-hero p){color:#348259!important}
html[data-eqo-theme="white"] body[data-eqo-page="requirement-library"] :is(.rl-button--primary,.rl-card-actions .rl-button--primary){
  color:#fff!important;background:#2d8051!important;border-color:#2d8051!important;
  border-radius:13px!important;box-shadow:0 7px 17px rgba(34,113,65,.17)!important;
}
html[data-eqo-theme="white"] body[data-eqo-page="requirement-library"] .rl-button--primary:hover{background:#216740!important;border-color:#216740!important}
html[data-eqo-theme="white"] body[data-eqo-page="requirement-library"] .rl-detail-button:hover{color:#206c40!important}
html[data-eqo-theme="white"] body[data-eqo-page="requirement-library"] .rl-outcome{
  border-top-color:#e1ece2!important;color:#617665!important;
}
html[data-eqo-theme="white"] body[data-eqo-page="requirement-library"] .rl-dialog{
  background:#fff!important;color:#263f2e!important;border-color:#d7e8db!important;
  box-shadow:-26px 0 70px rgba(24,76,42,.15)!important;
}
html[data-eqo-theme="white"] body[data-eqo-page="requirement-library"] .rl-dialog::backdrop{background:rgba(22,48,30,.38)!important}
html[data-eqo-theme="white"] body[data-eqo-page="requirement-library"] .rl-dialog-hero{
  background:radial-gradient(ellipse at 97% 36%,rgba(73,148,84,.11),transparent 68%)!important;
}
html[data-eqo-theme="white"] body[data-eqo-page="requirement-library"] .rl-result-box{
  background:#edf7ef!important;border-color:#d7e8db!important;
}
html[data-eqo-theme="white"] body[data-eqo-page="requirement-library"] .rl-ref-row{
  background:#f7fbf7!important;border-color:#e0ebe0!important;
}
/* ---------- Requirement Map: true round percentage / subtle green rails ---------- */
html[data-eqo-theme="white"] body[data-eqo-page="requirement-map"] .jv2-progress-ring{
  background:conic-gradient(#32965e calc(var(--p) * 1%),#e2eee5 0)!important;
  border:1px solid #d7e8dc!important;box-shadow:0 6px 22px rgba(27,82,44,.085)!important;
}
html[data-eqo-theme="white"] body[data-eqo-page="requirement-map"] .jv2-progress-ring::before{
  background:#fff!important;border:1px solid #dce9df!important;box-shadow:inset 0 1px 5px rgba(39,79,50,.035)!important;
}
html[data-eqo-theme="white"] body[data-eqo-page="requirement-map"] .jv2-progress-ring :is(.jv2-ring-inner,b,span,#jv2Progress){
  background:transparent!important;background-image:none!important;box-shadow:none!important;
  border:0!important;border-radius:0!important;color:#27774b!important;text-shadow:none!important;
}
html[data-eqo-theme="white"] body[data-eqo-page="requirement-map"] .jv2-progress-ring b{
  display:inline-flex!important;align-items:baseline;justify-content:center;white-space:nowrap!important;font-weight:700!important;
}
html[data-eqo-theme="white"] body[data-eqo-page="requirement-map"] .jv2-apex{
  background:linear-gradient(118deg,#e9f5ec,#f7fbf6 70%,#fff)!important;
  border-color:#cfe4d3!important;
}
html[data-eqo-theme="white"] body[data-eqo-page="requirement-map"] .jv2-tier-add{
  color:#4a7655!important;background:#f4faf5!important;border-color:#ccdfce!important;
  border-radius:999px!important;
}
html[data-eqo-theme="white"] body[data-eqo-page="requirement-map"] .jv2-tier-add:hover{
  color:#226c43!important;background:#e8f5e9!important;border-color:#9ec8ab!important;
}
html[data-eqo-theme="white"] body[data-eqo-page="requirement-map"] .jv2-spine{
  background:linear-gradient(#bbdfc6,#d9e9dc,transparent)!important;
}
/* ---------- Responsibility card: white/green rather than white/lavender ---------- */
html[data-eqo-theme="white"] body[data-eqo-page="responsibilities"] .relation-modal-backdrop{
  background:rgba(21,45,29,.42)!important;backdrop-filter:blur(6px)!important;
}
html[data-eqo-theme="white"] body[data-eqo-page="responsibilities"] .relationship-panel{
  color:#2b4633!important;background:#ffffff!important;background-image:linear-gradient(150deg,#fff,#f9fcf9)!important;
  border:1px solid #d9e9dc!important;border-radius:28px!important;
  box-shadow:0 26px 95px rgba(22,62,37,.20)!important;
}
html[data-eqo-theme="white"] body[data-eqo-page="responsibilities"] .relation-panel-head{
  background:linear-gradient(to bottom,#fff 0%,rgba(255,255,255,.99) 72%,rgba(255,255,255,0))!important;
  color:#263f2d!important;
}
html[data-eqo-theme="white"] body[data-eqo-page="responsibilities"] :is(.relation-kicker,.role-label,.contributors-head .role-label){
  color:#537c5b!important;
}
html[data-eqo-theme="white"] body[data-eqo-page="responsibilities"] :is(.relation-headline,.contributors-head>span,.legend-title span,.legend-item,.relation-foot span){
  color:#6f8374!important;
}
html[data-eqo-theme="white"] body[data-eqo-page="responsibilities"] .selected-topic{
  background:linear-gradient(120deg,#edf7ef 0%,#f8fcf8 100%)!important;
  border:1px solid #d7eadd!important;border-radius:20px!important;
}
html[data-eqo-theme="white"] body[data-eqo-page="responsibilities"] .selected-topic :is(.selected-copy h2,.selected-copy b){color:#244632!important}
html[data-eqo-theme="white"] body[data-eqo-page="responsibilities"] .selected-copy :is(.quest-id,#selectedCode){color:#327f54!important}
html[data-eqo-theme="white"] body[data-eqo-page="responsibilities"] .selected-copy :is(p,#selectedNote){color:#69816e!important}
html[data-eqo-theme="white"] body[data-eqo-page="responsibilities"] .framework-mini{
  background:#e6f2e8!important;border:1px solid #cfe3d4!important;color:#39764e!important;
}
html[data-eqo-theme="white"] body[data-eqo-page="responsibilities"] :is(.flow-shell,.relationship-legend){
  background:#f7fbf7!important;border:1px solid #dfebe0!important;border-radius:20px!important;
}
html[data-eqo-theme="white"] body[data-eqo-page="responsibilities"] .workflow-card{
  background:transparent!important;border:0!important;box-shadow:none!important;
}
html[data-eqo-theme="white"] body[data-eqo-page="responsibilities"] :is(.owner-node,.contributor-node,.empty-node){
  color:#2b4532!important;background:#fff!important;border:1px solid #dce9e0!important;
  border-radius:16px!important;box-shadow:0 4px 15px rgba(28,72,39,.04)!important;
}
html[data-eqo-theme="white"] body[data-eqo-page="responsibilities"] .owner-node{
  background:linear-gradient(130deg,#f4fbf6,#fff)!important;border-color:#cae4d3!important;
}
html[data-eqo-theme="white"] body[data-eqo-page="responsibilities"] :is(.role-person b,.approval-node b,.legend-item b,.legend-title b){color:#244533!important}
html[data-eqo-theme="white"] body[data-eqo-page="responsibilities"] :is(.role-person span,.approval-node span:not(.role-avatar)){
  color:#6d8172!important;
}
html[data-eqo-theme="white"] body[data-eqo-page="responsibilities"] .role-avatar{
  background:#e5f2e8!important;border:1px solid #cfdfd3!important;color:#447c52!important;
  border-radius:13px!important;
}
html[data-eqo-theme="white"] body[data-eqo-page="responsibilities"] .approval-node{
  background:linear-gradient(125deg,#edf7ef,#f6fbf6)!important;border:1px solid #cfe5d5!important;
  color:#294734!important;border-radius:16px!important;
}
html[data-eqo-theme="white"] body[data-eqo-page="responsibilities"] .workflow-arrow{color:#357d52!important}
html[data-eqo-theme="white"] body[data-eqo-page="responsibilities"] .workflow-arrow span{border-color:#b6d4bf!important}
html[data-eqo-theme="white"] body[data-eqo-page="responsibilities"] .workflow-arrow b{
  background:#f7fbf7!important;color:#367c4d!important;
}
html[data-eqo-theme="white"] body[data-eqo-page="responsibilities"] .contributors-zone{border-top:1px dashed #d7e7d9!important}
html[data-eqo-theme="white"] body[data-eqo-page="responsibilities"] .relation-anchor{
  background:#fff!important;border:2px solid #73ad84!important;box-shadow:0 0 0 5px rgba(56,126,72,.07)!important;
}
html[data-eqo-theme="white"] body[data-eqo-page="responsibilities"] :is(.legend-auto,.legend-owner){
  background:#e9f5ed!important;color:#287347!important;border:1px solid #cce3d1!important;
}
html[data-eqo-theme="white"] body[data-eqo-page="responsibilities"] .legend-line{
  border-color:#72b189!important;
}
html[data-eqo-theme="white"] body[data-eqo-page="responsibilities"] .legend-line.contributor{
  border-color:#9bbdab!important;
}
html[data-eqo-theme="white"] body[data-eqo-page="responsibilities"] .relation-close{
  color:#54745c!important;background:#f1f7f2!important;border:1px solid #dce9df!important;
}
html[data-eqo-theme="white"] body[data-eqo-page="responsibilities"] .relation-close:hover{background:#e6f2e9!important;color:#296b45!important}
html[data-eqo-theme="white"] body[data-eqo-page="responsibilities"] :is(.edit-btn,.relation-foot .btn.soft){
  color:#2a7c4c!important;background:#e9f5ed!important;border:1px solid #cee6d5!important;
  border-radius:13px!important;box-shadow:none!important;
}
html[data-eqo-theme="white"] body[data-eqo-page="responsibilities"] :is(.edit-btn,.relation-foot .btn.soft):hover{
  background:#dff0e4!important;border-color:#b7ddc1!important;
}
/* Assign/edit drawer is a separate overlay and had remained dark violet. */
html[data-eqo-theme="white"] body[data-eqo-page="responsibilities"] .drawer-backdrop{
  background:rgba(20,44,29,.40)!important;
}
html[data-eqo-theme="white"] body[data-eqo-page="responsibilities"] .drawer{
  background:linear-gradient(160deg,#fff,#f7fbf7)!important;border-left:1px solid #dbe9dd!important;
  box-shadow:-22px 0 70px rgba(21,58,35,.18)!important;color:#294633!important;
}
html[data-eqo-theme="white"] body[data-eqo-page="responsibilities"] .drawer :is(.drawer-title h2,.form-label,.info b){color:#274832!important}
html[data-eqo-theme="white"] body[data-eqo-page="responsibilities"] .drawer :is(.drawer-title p,.info,.tiny){color:#6b8271!important}
html[data-eqo-theme="white"] body[data-eqo-page="responsibilities"] .drawer :is(.select,.textarea,.people-search){
  color:#274530!important;background:#fff!important;border:1px solid #dbe8dd!important;
  border-radius:13px!important;box-shadow:none!important;
}
html[data-eqo-theme="white"] body[data-eqo-page="responsibilities"] .drawer :is(.select,.textarea,.people-search)::placeholder{color:#84958a!important}
html[data-eqo-theme="white"] body[data-eqo-page="responsibilities"] .drawer :is(.select,.textarea,.people-search):focus{
  border-color:#80b78c!important;outline:2px solid #c9e6d1!important;outline-offset:1px;
}
html[data-eqo-theme="white"] body[data-eqo-page="responsibilities"] .drawer .check{
  color:#35553f!important;background:#fff!important;border:1px solid #e0ebe1!important;border-radius:12px!important;
}
html[data-eqo-theme="white"] body[data-eqo-page="responsibilities"] .drawer input[type="checkbox"]{accent-color:#2f8050!important}
html[data-eqo-theme="white"] body[data-eqo-page="responsibilities"] .drawer .info{
  background:#f0f7f1!important;border:1px solid #dceadd!important;border-radius:14px!important;
}
html[data-eqo-theme="white"] body[data-eqo-page="responsibilities"] .drawer :is(.close,.btn:not(.primary)){
  background:#f2f7f3!important;color:#356f4c!important;border:1px solid #d9e8dd!important;
  border-radius:12px!important;
}
html[data-eqo-theme="white"] body[data-eqo-page="responsibilities"] .drawer .btn.primary{
  color:#fff!important;background:#2f8050!important;border-color:#2f8050!important;
  border-radius:12px!important;
}
@media(max-width:720px){
 html[data-eqo-theme="white"] body[data-eqo-page="requirement-library"] .rl-card{border-radius:20px!important}
 html[data-eqo-theme="white"] body[data-eqo-page="requirement-library"] .rl-toolbar{gap:12px}
 html[data-eqo-theme="white"] body[data-eqo-page="responsibilities"] .relationship-panel{border-radius:20px!important}
 html[data-eqo-theme="white"] body[data-eqo-page="responsibilities"] .flow-shell{padding:11px!important}
}
@media(prefers-reduced-motion:reduce){
 html[data-eqo-theme="white"] body[data-eqo-page="requirement-library"] .rl-card,
 html[data-eqo-theme="white"] body[data-eqo-page="responsibilities"] .relationship-panel{transition:none!important}
}

/* Modal belongs above EQOLEAN's fixed navigation (z-index 99980). */
body[data-eqo-page="responsibilities"] .relation-modal-backdrop{z-index:100200!important}
body[data-eqo-page="responsibilities"] .drawer-backdrop{z-index:100300!important}
body[data-eqo-page="responsibilities"] .relation-modal-backdrop .relationship-panel{
  height:auto!important;align-self:center!important;justify-self:center!important;
  max-height:calc(100vh - 56px)!important;
  max-height:calc(100dvh - 56px)!important;
  overflow:auto!important;
}
@media(max-width:720px){
  body[data-eqo-page="responsibilities"] .relation-modal-backdrop .relationship-panel{
    max-height:calc(100vh - 22px)!important;
    max-height:calc(100dvh - 22px)!important;
  }
}

/* Requirement Map: neutral-green track and readable progress labels in White Mode. */
html[data-eqo-theme="white"] body[data-eqo-page="requirement-map"] .jv2-bar-track{
  background:#e9f1ea!important;box-shadow:inset 0 0 0 1px #d8e8dc!important;
}
html[data-eqo-theme="white"] body[data-eqo-page="requirement-map"] .jv2-track-key{color:#657f6c!important}
html[data-eqo-theme="white"] body[data-eqo-page="requirement-map"] .jv2-bars{border-bottom-color:#d9e8db!important}
html[data-eqo-theme="white"] body[data-eqo-page="requirement-map"] .jv2-bar-value{color:#28543a!important}
/* Preserve the meaning of distinct Quest status colors. */