/* Genesis True S+16 P207 — Concrete dark-mode contrast and hierarchy authority */

/* Keep the concrete night canvas deep, layered and calm rather than grey-green. */
html.dark body.p35-concrete{
  --p207-night-0:#071311;
  --p207-night-1:#0b1a17;
  --p207-night-2:#10231f;
  --p207-night-3:#162b27;
  --p207-line:rgba(207,229,221,.14);
  --p207-line-strong:rgba(226,190,77,.34);
  --p207-text:#f1f6f3;
  --p207-copy:#bdcbc6;
  --p207-muted:#91a49e;
  --p207-gold:#e3c55e;
}

/* Scenario theatre: remove the white active tile and restore a premium dark hierarchy. */
html.dark body.p35-concrete .p41-scenario-section{
  background:
    radial-gradient(circle at 88% 8%,rgba(226,190,77,.10),transparent 30%),
    linear-gradient(145deg,var(--p207-night-0),#0d211d 58%,#15312b);
}
html.dark body.p35-concrete .p41-scenario-menu{
  background:rgba(7,21,18,.58);
  border-color:var(--p207-line);
  box-shadow:0 18px 48px rgba(0,0,0,.20);
}
html.dark body.p35-concrete .p41-scenario-tab{
  color:var(--p207-text);
  border-color:transparent;
  background:rgba(255,255,255,.018);
  transform:none!important;
}
html.dark body.p35-concrete .p41-scenario-tab:hover,
html.dark body.p35-concrete .p41-scenario-tab:focus-visible{
  background:rgba(124,166,151,.10);
  border-color:rgba(170,207,194,.18);
}
html.dark body.p35-concrete .p41-scenario-tab.is-active{
  color:var(--p207-text);
  background:linear-gradient(135deg,#18372f,#21483e);
  border-color:rgba(226,190,77,.46);
  box-shadow:inset 3px 0 0 var(--p207-gold),0 14px 30px rgba(0,0,0,.22);
}
html[dir="rtl"].dark body.p35-concrete .p41-scenario-tab.is-active{
  box-shadow:inset -3px 0 0 var(--p207-gold),0 14px 30px rgba(0,0,0,.22);
}
html.dark body.p35-concrete .p41-tab-index{
  background:#10241f;
  border:1px solid rgba(255,255,255,.08);
  color:var(--p207-gold);
}
html.dark body.p35-concrete .p41-scenario-tab.is-active .p41-tab-index{
  background:#081713;
  border-color:rgba(226,190,77,.34);
}
html.dark body.p35-concrete .p41-tab-copy small,
html.dark body.p35-concrete .p41-scenario-tab.is-active .p41-tab-copy small{
  color:var(--p207-muted);
}
html.dark body.p35-concrete .p41-scenario-stage{
  background:linear-gradient(145deg,rgba(13,34,29,.96),rgba(20,47,40,.90));
  border-color:var(--p207-line);
  box-shadow:0 24px 64px rgba(0,0,0,.30);
}
html.dark body.p35-concrete .p41-panel-top h3,
html.dark body.p35-concrete .p41-reason-step strong,
html.dark body.p35-concrete .p41-scenario-note strong{color:var(--p207-text)}
html.dark body.p35-concrete .p41-scenario-section .p35-section-copy,
html.dark body.p35-concrete .p41-reason-step p,
html.dark body.p35-concrete .p41-scenario-note{color:var(--p207-copy)}
html.dark body.p35-concrete .p41-reason-step{
  background:linear-gradient(180deg,rgba(255,255,255,.050),rgba(255,255,255,.028));
  border-color:rgba(198,224,215,.12);
  box-shadow:inset 0 1px rgba(255,255,255,.025);
}
html.dark body.p35-concrete .p41-reason-step span,
html.dark body.p35-concrete .p41-panel-top small{color:var(--p207-gold)}
html.dark body.p35-concrete .p41-scenario-status{
  color:#f4d979;
  background:rgba(226,190,77,.10);
  border-color:rgba(226,190,77,.32);
}

/* Acceptance register: active state stays dark and legible in dark mode. */
html.dark body.p35-concrete .p43-register-section{
  background:linear-gradient(180deg,#091613,#0b1a17);
}
html.dark body.p35-concrete .p43-register{
  background:var(--p207-night-1);
  border-color:var(--p207-line);
  box-shadow:0 24px 64px rgba(0,0,0,.28);
}
html.dark body.p35-concrete .p43-register-tabs{
  background:#071512;
  border-bottom:1px solid var(--p207-line);
}
html.dark body.p35-concrete .p43-register-tab{
  color:var(--p207-copy);
  background:transparent;
  border-color:transparent;
}
html.dark body.p35-concrete .p43-register-tab:hover,
html.dark body.p35-concrete .p43-register-tab:focus-visible{
  color:var(--p207-text);
  background:rgba(120,165,149,.10);
  border-color:rgba(177,213,200,.14);
}
html.dark body.p35-concrete .p43-register-tab.is-active{
  color:var(--p207-text);
  background:linear-gradient(135deg,#17352e,#21463d);
  border-color:rgba(226,190,77,.42);
  box-shadow:inset 0 -3px 0 var(--p207-gold),0 12px 26px rgba(0,0,0,.22);
}
html.dark body.p35-concrete .p43-register-tab.is-active span{color:var(--p207-gold)}
html.dark body.p35-concrete .p43-register-panel{background:var(--p207-night-1)}
html.dark body.p35-concrete .p43-accept-row{
  background:linear-gradient(135deg,rgba(255,255,255,.042),rgba(255,255,255,.024));
  border-color:var(--p207-line);
}
html.dark body.p35-concrete .p43-accept-row>span{
  background:#081713;
  border:1px solid rgba(226,190,77,.18);
}
html.dark body.p35-concrete .p43-accept-row strong,
html.dark body.p35-concrete .p43-output-card h3,
html.dark body.p35-concrete .p43-conflict-rule strong{color:var(--p207-text)}
html.dark body.p35-concrete .p43-accept-row p,
html.dark body.p35-concrete .p43-output-card p,
html.dark body.p35-concrete .p43-conflict-rule p{color:var(--p207-copy)}
html.dark body.p35-concrete .p43-accept-state{
  color:#b9e2d2;
  background:rgba(71,139,116,.13);
  border-color:rgba(112,181,158,.28);
}
html.dark body.p35-concrete .p43-output-card{
  background:linear-gradient(145deg,#0a1c18,#13342c);
  border:1px solid rgba(226,190,77,.16);
  box-shadow:inset 0 1px rgba(255,255,255,.025);
}
html.dark body.p35-concrete .p43-output-card li{color:#d7e2de}
html.dark body.p35-concrete .p43-conflict-rule{
  background:rgba(226,190,77,.065);
  border-color:rgba(226,190,77,.26);
}

/* Related concrete authority components receive the same dark text hierarchy. */
html.dark body.p35-concrete .p42-role-tab:not(.is-active){color:var(--p207-copy)}
html.dark body.p35-concrete .p42-role-tab.is-active{
  background:linear-gradient(135deg,#17372f,#21493e);
  border-color:rgba(226,190,77,.42);
  box-shadow:inset 3px 0 0 var(--p207-gold),0 14px 28px rgba(0,0,0,.20);
  transform:none!important;
}
html[dir="rtl"].dark body.p35-concrete .p42-role-tab.is-active{box-shadow:inset -3px 0 0 var(--p207-gold),0 14px 28px rgba(0,0,0,.20)}
html.dark body.p35-concrete .p42-role-tab small,
html.dark body.p35-concrete .p42-row small,
html.dark body.p35-concrete .p42-row p,
html.dark body.p35-concrete .p42-boundary p{color:var(--p207-copy)}

/* Keep the utility arrow clear of the fixed side handler on Concrete pages. */
body.p35-concrete .scroll-top,
body.p35-concrete .s16-back-to-top{
  inset-inline-end:84px!important;
  inset-inline-start:auto!important;
  bottom:max(22px,env(safe-area-inset-bottom))!important;
}

/* Dark mode should feel deliberate, not animated or glowing. */
html.dark body.p35-concrete .p41-scenario-tab,
html.dark body.p35-concrete .p43-register-tab,
html.dark body.p35-concrete .p42-role-tab{transition:border-color .16s ease,background-color .16s ease,color .16s ease!important}
@media(prefers-reduced-motion:reduce){
  html.dark body.p35-concrete .p41-scenario-tab,
  html.dark body.p35-concrete .p43-register-tab,
  html.dark body.p35-concrete .p42-role-tab{transition:none!important}
}
@media(max-width:760px){
  body.p35-concrete .scroll-top,
  body.p35-concrete .s16-back-to-top{inset-inline-end:72px!important;bottom:max(16px,env(safe-area-inset-bottom))!important}
}
