/* V80 live-only paint refinements. Keep the approved typography, sizing,
   responsive grid, animated graphs and PDF appearance independent. */
body[data-page="project"] #roi .roi-panel:not(.pdf-snapshot-copy-v2) .roi-tab[data-roi-tab="inputs"] {
  --tab-accent:#5edfd7;
  --tab-accent-rgb:94,223,215;
}
body[data-page="project"] #roi .roi-panel:not(.pdf-snapshot-copy-v2) .roi-tab[data-roi-tab="results"] {
  --tab-accent:#8be78b;
  --tab-accent-rgb:139,231,139;
}
body[data-page="project"] #roi .roi-panel:not(.pdf-snapshot-copy-v2) .roi-tab[data-roi-tab="business"] {
  --tab-accent:#f0b75d;
  --tab-accent-rgb:240,183,93;
}
body[data-page="project"] #roi .roi-panel:not(.pdf-snapshot-copy-v2) .roi-tab[data-roi-tab="carbon"] {
  --tab-accent:#9f92ff;
  --tab-accent-rgb:159,146,255;
}
body[data-page="project"] #roi .roi-panel:not(.pdf-snapshot-copy-v2) .roi-tab[data-roi-tab="emc"] {
  --tab-accent:#6f9eff;
  --tab-accent-rgb:111,158,255;
}
body[data-page="project"] #roi .roi-panel:not(.pdf-snapshot-copy-v2) .roi-tab {
  border-color:rgba(var(--tab-accent-rgb),.47);
  background-color:#101c1c;
  background-image:linear-gradient(160deg,rgba(var(--tab-accent-rgb),.15),rgba(var(--tab-accent-rgb),.055));
  color:#dce8e5;
  transition:border-color 180ms ease,background-color 180ms ease,color 180ms ease;
}
body[data-page="project"] #roi .roi-panel:not(.pdf-snapshot-copy-v2) .roi-tab[aria-selected="false"]::before {
  opacity:.85;
}
body[data-page="project"] #roi .roi-panel:not(.pdf-snapshot-copy-v2) .roi-tab[aria-selected="true"] {
  border-color:var(--tab-accent);
  background-color:#1b2b2b;
  background-image:linear-gradient(160deg,rgba(var(--tab-accent-rgb),.30),rgba(var(--tab-accent-rgb),.12));
  color:#f7fffc;
}
body[data-page="project"] #roi .roi-panel:not(.pdf-snapshot-copy-v2) .roi-tab[aria-selected="true"]::before,
body[data-page="project"] #roi .roi-panel:not(.pdf-snapshot-copy-v2) .roi-tab[aria-selected="true"]::after {
  opacity:1;
}
body[data-page="project"] #roi .roi-panel:not(.pdf-snapshot-copy-v2) .roi-tab:focus-visible {
  outline:2px solid var(--tab-accent);
  outline-offset:2px;
}

/* Each returns button keeps its own accent while the selected state is
   controlled explicitly by ARIA. No dashboard palette is changed here. */
body[data-page="project"] #roi .roi-panel:not(.pdf-snapshot-copy-v2) #roiViewEmc .returns-mode-switch-tab[data-returns-mode-tab="emc"] {
  --mode-accent:#b7bfd7;
  --mode-accent-rgb:151,162,192;
  --mode-idle:#1c2832;
  --mode-selected:#34424f;
}
body[data-page="project"] #roi .roi-panel:not(.pdf-snapshot-copy-v2) #roiViewEmc .returns-mode-switch-tab[data-returns-mode-tab="buyout"] {
  --mode-accent:#a1e6b1;
  --mode-accent-rgb:119,213,144;
  --mode-idle:#132c22;
  --mode-selected:#274936;
}
body[data-page="project"] #roi .roi-panel:not(.pdf-snapshot-copy-v2) #roiViewEmc .returns-mode-switch-tab[aria-selected="false"] {
  border-color:rgba(var(--mode-accent-rgb),.45);
  background-color:var(--mode-idle);
  background-image:linear-gradient(155deg,rgba(var(--mode-accent-rgb),.065),transparent 70%);
  color:#dce7e2;
}
body[data-page="project"] #roi .roi-panel:not(.pdf-snapshot-copy-v2) #roiViewEmc .returns-mode-switch-tab[aria-selected="true"] {
  border-color:var(--mode-accent);
  background-color:var(--mode-selected);
  background-image:linear-gradient(155deg,rgba(var(--mode-accent-rgb),.17),rgba(var(--mode-accent-rgb),.035));
  color:#f8fffb;
}
body[data-page="project"] #roi .roi-panel:not(.pdf-snapshot-copy-v2) #roiViewEmc .returns-mode-switch-tab[aria-selected="true"]::after {
  content:"";
  position:absolute;
  right:20%;
  bottom:0;
  left:20%;
  height:2px;
  background:linear-gradient(90deg,transparent,var(--mode-accent),transparent);
  pointer-events:none;
}
body[data-page="project"] #roi .roi-panel:not(.pdf-snapshot-copy-v2) #roiViewEmc .returns-mode-switch-tab[aria-selected="false"] .returns-mode-switch-description {
  color:#c0d0ca;
}
body[data-page="project"] #roi .roi-panel:not(.pdf-snapshot-copy-v2) #roiViewEmc .returns-mode-switch-tab[aria-selected="true"] .returns-mode-switch-description {
  color:#e7f0eb;
}
body[data-page="project"] #roi .roi-panel:not(.pdf-snapshot-copy-v2) #roiViewEmc .returns-mode-switch-tab:focus-visible {
  outline:2px solid var(--mode-accent);
  outline-offset:3px;
}
body[data-page="project"] #roi .roi-panel:not(.pdf-snapshot-copy-v2) #roiViewEmc .returns-mode-switch-backdrop {
  box-shadow:none;
}

@media (hover:hover) and (pointer:fine) {
  body[data-page="project"] #roi .roi-panel:not(.pdf-snapshot-copy-v2) .roi-tab[aria-selected="false"]:hover {
    border-color:rgba(var(--tab-accent-rgb),.76);
    background-color:#192827;
    background-image:linear-gradient(160deg,rgba(var(--tab-accent-rgb),.21),rgba(var(--tab-accent-rgb),.075));
    color:#f1faf6;
  }
  body[data-page="project"] #roi .roi-panel:not(.pdf-snapshot-copy-v2) #roiViewEmc .returns-mode-switch-tab[aria-selected="false"]:hover {
    border-color:rgba(var(--mode-accent-rgb),.78);
    background-image:linear-gradient(155deg,rgba(var(--mode-accent-rgb),.15),rgba(var(--mode-accent-rgb),.06));
    color:#f1faf6;
  }
}

/* Glass is a trial only on the three summary cells. Layered translucent
   paint remains readable without backdrop-filter; no inset shadow or
   layout/typography override is used. The approved 3 / 1+2 grid is retained. */
body[data-page="project"] #roi .roi-panel:not(.pdf-snapshot-copy-v2) .roi-summary {
  --roi-outline:#6a988b;
  position:relative;
  background-color:rgba(19,44,37,.43);
  background-image:linear-gradient(110deg,rgba(218,244,232,.095),rgba(133,192,170,.035) 42%,rgba(213,239,228,.07)),linear-gradient(180deg,rgba(31,60,49,.32),rgba(8,30,24,.16));
  border-color:var(--roi-outline);
  box-shadow:none;
  outline:1px solid var(--roi-outline);
  outline-offset:-1px;
  -webkit-backdrop-filter:blur(12px) saturate(112%);
  backdrop-filter:blur(12px) saturate(112%);
}
body[data-page="project"] #roi .roi-panel:not(.pdf-snapshot-copy-v2) .roi-summary::before {
  content:"";
  position:absolute;
  top:0;
  right:1px;
  left:1px;
  height:1px;
  background:linear-gradient(90deg,rgba(222,250,237,.12),rgba(237,255,247,.65) 30%,rgba(222,250,237,.22) 72%,rgba(222,250,237,.1));
  pointer-events:none;
}
body[data-page="project"] #roi .roi-panel:not(.pdf-snapshot-copy-v2) .roi-summary[data-presentation="v76"] .result {
  border-color:var(--roi-outline);
  background-color:transparent;
  background-image:linear-gradient(160deg,rgba(225,250,238,.035),transparent 58%);
}

@media (prefers-reduced-motion:reduce) {
  body[data-page="project"] #roi .roi-panel:not(.pdf-snapshot-copy-v2) .roi-tab {
    transition:none;
  }
}
