/* Approved Silver / Graphite rollout, package1 only. Load after the page cascade.
   Every rule is opt-in and page-scoped. No palette, screenshot, hero wash or office reset. */

/* HOME · surface-001..011. Sources are paper; conclusions are graphite. */
body.sg-rollout[data-sg-page="home"] .hp-chat-head{background:var(--sg-silver);border-color:var(--sg-edge)}
body.sg-rollout[data-sg-page="home"] .hp-chat-head div>span{color:var(--sg-muted)}
body.sg-rollout[data-sg-page="home"] .hp-message{background:var(--sg-paper);border:1px solid var(--sg-hairline);box-shadow:var(--sg-shadow)}
body.sg-rollout[data-sg-page="home"] .hp-message--client{background:var(--sg-silver);border-color:var(--sg-edge);box-shadow:none}
body.sg-rollout[data-sg-page="home"] .hp-message p{color:var(--sg-ink)}
body.sg-rollout[data-sg-page="home"] .hp-message time{color:var(--sg-muted)}
body.sg-rollout[data-sg-page="home"] .hp-chat-outcome{background:var(--sg-ink);border:1px solid #3a3a40;box-shadow:inset 0 1px 0 #ffffff14,var(--sg-shadow)}
body.sg-rollout[data-sg-page="home"] .hp-chat-outcome b{color:var(--sg-dark-accent)}
body.sg-rollout[data-sg-page="home"] .hp-chat-outcome span{color:var(--sg-dark-muted)}
body.sg-rollout[data-sg-page="home"] .ox-answer{background:var(--sg-paper);border-color:var(--sg-edge);color:var(--sg-ink);box-shadow:var(--sg-shadow)}
body.sg-rollout[data-sg-page="home"] .ox-crm{background:var(--sg-ink);border-color:#3a3a40;color:var(--sg-paper);box-shadow:inset 0 1px 0 #ffffff14,var(--sg-shadow)}
body.sg-rollout[data-sg-page="home"] .ox-crm b{color:var(--sg-paper)}
body.sg-rollout[data-sg-page="home"] .ox-crm small{color:var(--sg-dark-muted)}
body.sg-rollout[data-sg-page="home"] .ox-crm .icon{color:var(--sg-dark-accent)}
body.sg-rollout[data-sg-page="home"] .h3-pilot-visual{background:var(--sg-silver);border:1px solid var(--sg-edge);box-shadow:inset 0 1px 0 #fff,var(--sg-shadow)}
body.sg-rollout[data-sg-page="home"] .h3-pilot-visual small{color:var(--sg-muted)}
body.sg-rollout[data-sg-page="home"] .h3-pilot-visual strong{color:var(--sg-ink)}
body.sg-rollout[data-sg-page="home"] .h3-proof>a,
body.sg-rollout[data-sg-page="home"] .h3-case--3 .h3-proof>a{background:var(--sg-paper);border:1px solid var(--sg-edge);box-shadow:var(--sg-shadow)}
body.sg-rollout[data-sg-page="home"] .hc-dev-grid>a{background:var(--sg-silver);border:1px solid var(--sg-edge);box-shadow:inset 0 1px 0 #fff,var(--sg-shadow)}
/* The browser illustration is deliberately excluded from the direct-child material reset. */
body.sg-rollout[data-sg-page="home"] .hc-dev-grid a>div:not(.hv-browser){background:var(--sg-paper)}
body.sg-rollout[data-sg-page="home"] .hc-dev-grid p{color:var(--sg-muted)}
body.sg-rollout[data-sg-page="home"] .hc-dev-grid>a:hover,
body.sg-rollout[data-sg-page="home"] .h3-proof>a:hover{border-color:var(--sg-accent);box-shadow:0 14px 34px -22px #0a7a5038}
body.sg-rollout[data-sg-page="home"] .hc-dev-grid>a:focus-visible,
body.sg-rollout[data-sg-page="home"] .h3-proof>a:focus-visible{outline:2px solid var(--sg-accent);outline-offset:4px}

/* CIFRA · surface-201..219. Live screenshots remain white and unfiltered.
   The role artefact is an instrument; source snippets are white, next action is a readout. */
body.sg-rollout[data-sg-page="cifra"] .cx-cifra-proof{background:var(--sg-silver);border-color:var(--sg-edge);box-shadow:inset 0 1px 0 #fff,var(--sg-shadow)}
body.sg-rollout[data-sg-page="cifra"] .cx-image{background:var(--sg-paper);border-color:var(--sg-edge)}
body.sg-rollout[data-sg-page="cifra"] .cs-artifact{background:var(--sg-silver);color:var(--sg-ink);border:1px solid var(--sg-edge);box-shadow:inset 0 1px 0 #fff,var(--sg-shadow)}
body.sg-rollout[data-sg-page="cifra"] .cs-artifact :is(p,li){color:var(--sg-muted)}
body.sg-rollout[data-sg-page="cifra"] .cs-artifact :is(h4,b){color:var(--sg-ink)}
body.sg-rollout[data-sg-page="cifra"] .cs-evidence{background:var(--sg-paper);border-color:var(--sg-hairline);color:var(--sg-ink)}
body.sg-rollout[data-sg-page="cifra"] .cs-artifact :is(.cs-message,.cs-chat){background:var(--sg-paper);border-color:var(--sg-edge);color:var(--sg-ink);box-shadow:var(--sg-shadow)}
body.sg-rollout[data-sg-page="cifra"] .cs-artifact .cs-message>span{color:var(--sg-accent)}
body.sg-rollout[data-sg-page="cifra"] .cs-artifact .cs-next{background:var(--sg-ink);border:1px solid #3a3a40;border-radius:12px;padding:16px;box-shadow:inset 0 1px 0 #ffffff14}
/* The published .cs-next>b has !important; this targeted override preserves dark-surface contrast. */
body.sg-rollout[data-sg-page="cifra"] .cs-artifact .cs-next>b{color:var(--sg-dark-accent)!important}
body.sg-rollout[data-sg-page="cifra"] .cs-artifact .cs-next>span{color:var(--sg-paper)}
/* Copywriter has no .cs-next. Its approval quotation is the single readout in that panel. */
body.sg-rollout[data-sg-page="cifra"] .cs-document blockquote{background:var(--sg-ink);border-color:#3a3a40;color:var(--sg-paper);box-shadow:inset 0 1px 0 #ffffff14}
body.sg-rollout[data-sg-page="cifra"] .cd-deal{background:var(--sg-ink);color:var(--sg-paper);border:1px solid #3a3a40;box-shadow:inset 0 1px 0 #ffffff14,var(--sg-shadow)}
body.sg-rollout[data-sg-page="cifra"] .cd-deal :is(h3,dd){color:var(--sg-paper)}
body.sg-rollout[data-sg-page="cifra"] .cd-deal :is(dt,p){color:var(--sg-dark-muted)}
body.sg-rollout[data-sg-page="cifra"] .cf-final-form{background:var(--sg-silver);color:var(--sg-ink);border-color:var(--sg-edge);box-shadow:inset 0 1px 0 #fff,var(--sg-shadow)}
body.sg-rollout[data-sg-page="cifra"] .cf-final-form :is(h3,label,.contact-hint,.cf-form-note,.lf-more summary){color:var(--sg-ink)}
/* Buttons, focus/invalid fields, form-success, reveal animation and active source outlines stay owned by the original components. */

/* VEZORIA · surface-042,046..051. Office flight043..045 is explicitly excluded. */
body.sg-rollout[data-sg-page="vezoria"] .vq-screen{background:var(--sg-paper);border-color:var(--sg-edge);color:var(--sg-ink);box-shadow:var(--sg-shadow)}
body.sg-rollout[data-sg-page="vezoria"] .vq-screen>span{background:var(--sg-silver);color:var(--sg-muted)}
body.sg-rollout[data-sg-page="vezoria"] .vq-screen b{color:var(--sg-accent)}
body.sg-rollout[data-sg-page="vezoria"] .vr-screen-stage{background:var(--sg-silver);border-color:var(--sg-edge)}
body.sg-rollout[data-sg-page="vezoria"] .vr-screen-viewport{background:var(--sg-paper);border-color:var(--sg-edge)}
body.sg-rollout[data-sg-page="vezoria"] .vr-screen-dialog{background:var(--sg-silver);color:var(--sg-ink);border-color:var(--sg-edge)}
body.sg-rollout[data-sg-page="vezoria"] .vr-screen-dialog::backdrop{background:#1a1a1ac7}
body.sg-rollout[data-sg-page="vezoria"] .vr-screen-dialog__header{background:var(--sg-silver);color:var(--sg-ink);border-color:var(--sg-edge)}
body.sg-rollout[data-sg-page="vezoria"] .vr-screen-dialog__header h3{color:var(--sg-ink)}
body.sg-rollout[data-sg-page="vezoria"] .vr-screen-dialog__body{background:var(--sg-paper)}
body.sg-rollout[data-sg-page="vezoria"] .vr-screen-dialog__footer{background:var(--sg-paper);color:var(--sg-muted)}
body.sg-rollout[data-sg-page="vezoria"] .vr-screen-dialog__footer a{color:var(--sg-accent)}
body.sg-rollout[data-sg-page="vezoria"] .vc-start{background:var(--sg-silver)}
body.sg-rollout[data-sg-page="vezoria"] .vc-start .vc-scope{background:var(--sg-ink);border-color:#3a3a40;color:var(--sg-paper);box-shadow:inset 0 1px 0 #ffffff14,var(--sg-shadow)}
body.sg-rollout[data-sg-page="vezoria"] .vc-start .vc-scope :is(h3,strong){color:var(--sg-paper)}
body.sg-rollout[data-sg-page="vezoria"] .vc-start .vc-scope :is(p,li),
body.sg-rollout[data-sg-page="vezoria"] .vc-start .vc-scope__price>span{color:var(--sg-dark-muted)}
body.sg-rollout[data-sg-page="vezoria"] .vc-start .vc-scope__included{border-color:#3a3a40}
body.sg-rollout[data-sg-page="vezoria"] .vc-start .vc-scope__included li:before{color:var(--sg-dark-accent)}

/* ORCHESTRA · surface-034..039. Only UI bubbles inside hero change; hero scene is untouched. */
body.sg-rollout[data-sg-page="orchestra"] .pf-workbench{background:var(--sg-silver);border-color:var(--sg-edge);box-shadow:inset 0 1px 0 #fff,var(--sg-shadow)}
body.sg-rollout[data-sg-page="orchestra"] .pf-agent{background:var(--sg-paper);border:1px solid var(--sg-edge);color:var(--sg-ink);box-shadow:var(--sg-shadow)}
body.sg-rollout[data-sg-page="orchestra"] .pf-workbench .pf-thread{background:var(--sg-paper);border-color:var(--sg-hairline);box-shadow:var(--sg-shadow)}
body.sg-rollout[data-sg-page="orchestra"] .pf-workbench .pf-foundation{background:var(--sg-paper);border-color:var(--sg-hairline)}
body.sg-rollout[data-sg-page="orchestra"] .pf-workbench .pf-manager{background:var(--sg-ink);color:var(--sg-paper);border:1px solid #3a3a40;box-shadow:inset 0 1px 0 #ffffff14}
body.sg-rollout[data-sg-page="orchestra"] .pf-workbench .pf-manager :is(dd,b,strong){color:var(--sg-paper)}
body.sg-rollout[data-sg-page="orchestra"] .pf-workbench .pf-manager :is(dt,p){color:var(--sg-dark-muted)}
body.sg-rollout[data-sg-page="orchestra"] .pf-workbench .pf-manager>span{color:var(--sg-dark-accent)}
body.sg-rollout[data-sg-page="orchestra"] [data-graphite-surface] .enrich-table thead th{background:var(--sg-silver);color:var(--sg-ink);border-color:var(--sg-edge)}

/* AISHA / Litik · surface-027..033. Diagram semantic colours and SVG are preserved. */
body.sg-rollout[data-sg-page="aisha"] .pf-path-result{background:var(--sg-ink);color:var(--sg-paper);border:1px solid #3a3a40;box-shadow:inset 0 1px 0 #ffffff14,var(--sg-shadow)}
body.sg-rollout[data-sg-page="aisha"] .pf-path-result>span{color:var(--sg-dark-accent)}
body.sg-rollout[data-sg-page="aisha"] .pf-path-result h3{color:var(--sg-paper)}
body.sg-rollout[data-sg-page="aisha"] .pf-path-result p{color:var(--sg-dark-muted)}
/* Existing diagram is already a dark working scene. Neutralise its green glow, not its nodes or flows. */
body.sg-rollout[data-sg-page="aisha"] .nexus{background:var(--sg-ink);border-color:#3a3a40;box-shadow:inset 0 1px 0 #ffffff14,var(--sg-shadow)}
body.sg-rollout[data-sg-page="aisha"] [data-graphite-surface] .enrich-table thead th{background:var(--sg-silver);color:var(--sg-ink);border-color:var(--sg-edge)}
body.sg-rollout[data-sg-page="aisha"] .pf-screen-gallery figure{background:var(--sg-silver);border-color:var(--sg-edge);box-shadow:inset 0 1px 0 #fff,var(--sg-shadow)}
body.sg-rollout[data-sg-page="aisha"] .r-related li a{background:var(--sg-silver);color:var(--sg-accent);border:1px solid var(--sg-edge)}
body.sg-rollout[data-sg-page="aisha"] .r-related li a:hover{background:var(--sg-accent);color:var(--sg-paper);border-color:var(--sg-accent)}
body.sg-rollout[data-sg-page="aisha"] .r-related li a:active{background:#096847;color:var(--sg-paper);border-color:#096847}
body.sg-rollout[data-sg-page="aisha"] .r-related li a:focus-visible{outline:2px solid var(--sg-accent);outline-offset:4px}

/* System contrast mode keeps surfaces legible without touching visibility, transitions or interaction logic. */
@media(forced-colors:active){
 body.sg-rollout[data-sg-page="home"] :is(.hp-chat-outcome,.ox-crm),
 body.sg-rollout[data-sg-page="cifra"] :is(.cs-next,.cs-document blockquote,.cd-deal),
 body.sg-rollout[data-sg-page="vezoria"] .vc-start .vc-scope,
 body.sg-rollout[data-sg-page="orchestra"] .pf-workbench .pf-manager,
 body.sg-rollout[data-sg-page="aisha"] .pf-path-result{border-color:CanvasText}
}