/* Application-owned adapter, promoted from the approved Draft 5. */
html.shared-ui { --ink:var(--su-ink); --muted:var(--su-muted); --line:var(--su-line); --blue:var(--su-accent); --surface:var(--su-surface); }
@media screen {
  html.shared-ui { --su-accent:#6fdef0; --su-secondary:#b2ccff; --su-tertiary:#dfff59; --su-focus:#dfff80; --su-on-accent:#101518; --dashboard-action:#2863df; }
  .shared-ui .build-activity-summary { color:var(--su-ink); }
  .shared-ui .build-identity { color:var(--su-muted); }
  .shared-ui .build-identity a { color:var(--su-accent); }
  .shared-ui .activity-actions { grid-column:2; text-align:left; }
  .shared-ui .build-constraint { color:var(--su-muted); }
  .shared-ui .build-constraint.warn { color:var(--su-warn); }
  .shared-ui .build-evidence { background:var(--su-field); color:var(--su-ink); border-color:var(--su-line); }
  .shared-ui .build-evidence > summary { color:var(--su-muted); }
  .shared-ui .topbar { background:var(--su-canvas); border-bottom:1px solid var(--su-line); }
  .shared-ui .su-tag img { position:static; width:50px; height:50px; object-fit:contain; }
  .shared-ui :is(.operations,.operations-card,.operations-queue,.runner-card,.runner-disclosure,.reconciliation-card,.activity-group.recent,.resource-panel) { background:var(--su-surface); color:var(--su-ink); border-color:var(--su-line); }
  .shared-ui :is(.activity-card,.activity-empty,.resource-gauge,.reconciliation-details > div,.work-activity > .card-heading,.resource-table th) { background:var(--su-field); color:var(--su-ink); border-radius:0; border-color:var(--su-line); }
  .shared-ui :is(.operations-heading h2,.operations-card h3,.resource-panel h3) { font-family:var(--su-font-display); text-transform:uppercase; }
  .shared-ui :is(.operations-heading p,.operations-card p,.runner-disclosure summary,.activity-title,.activity-metadata,.exception-list li,.resource-gauge h4,.resource-panel summary,.resource-chart h4,.resource-help,.resource-axis,.resource-table caption,.reconciliation-details dd) { color:var(--su-muted); }
  .shared-ui :is(.card-heading h3,.runner-disclosure > summary strong,.activity-title strong,.activity-group-heading h4) { color:var(--su-ink); }
  .shared-ui :is(.operations-metrics .metric.warning,.reconciliation-card.warning,.reconciliation-card.unknown) { background:var(--su-warn-bg); }
  .shared-ui .operations-metrics .metric.warning strong { color:var(--su-warn); }
  .shared-ui :is(.reconciliation-card.attention,.activity-card.bad,.activity-detail) { background:var(--su-danger-bg); color:var(--su-danger); }
  .shared-ui .resource-chart svg { background:var(--su-field); }
  .shared-ui .resource-axis-label { fill:var(--su-muted); }
  .shared-ui .resource-gridline { stroke:var(--su-line); }
  .shared-ui :is(.resource-series,.resource-summary-range) { stroke:var(--su-accent); }
  .shared-ui .resource-point { fill:var(--su-accent); stroke:var(--su-field); }
  .shared-ui .resource-point.healthy { fill:var(--su-good); }
  .shared-ui .resource-point.warning { fill:var(--su-warn); }
  .shared-ui .resource-point.critical { fill:var(--su-danger); }
  .shared-ui .resource-threshold { stroke:var(--su-danger); }
  .shared-ui .resource-threshold-point { fill:var(--su-danger); }
  .shared-ui .resource-meter { background:var(--su-line); border-radius:0; }
  .shared-ui .resource-meter-gate { background:var(--su-ink); }
  .shared-ui .resource-gauge.healthy { border-left-color:var(--su-good); }
  .shared-ui .resource-gauge.warning { border-left-color:var(--su-warn); }
  .shared-ui .resource-gauge.critical { border-left-color:var(--su-danger); }
  .shared-ui .resource-gauge.healthy .resource-meter-fill { background:var(--su-good); }
  .shared-ui .resource-gauge.warning .resource-meter-fill { background:var(--su-warn); }
  .shared-ui .resource-gauge.critical .resource-meter-fill { background:var(--su-danger); }
  .shared-ui .runner-disclosure > summary:hover { background:var(--su-raised); }
  .shared-ui .build-identity button { background:var(--su-field); color:var(--su-ink); border-color:var(--su-control-line); }
  .shared-ui :is(.operations-metrics,.resource-gauges) { grid-template-columns:repeat(auto-fit,minmax(min(100%,185px),1fr)); }
  .shared-ui :is(.activity-card,.operations-heading,.resource-statuses,.card-heading) { min-width:0; }
  .shared-ui .activity-card { grid-template-columns:34px minmax(0,1fr); }
  .shared-ui .activity-card > :last-child { min-width:0; }
  .shared-ui .source-coverage > summary { background-image:linear-gradient(#111315ed,#111315ed),url('/static/shared-ui/artwork/infra-texture.webp'); background-size:cover; }
  .shared-ui .portfolio > .inventory-heading { background-image:linear-gradient(#111315eb,#111315eb),url('/static/shared-ui/artwork/infra-polymer.webp'); background-size:auto,100px 100px; background-position:center,right top; background-repeat:no-repeat; }
  .shared-ui .brand { color:var(--su-ink); }
  .shared-ui .brand-mark { border:0; border-radius:0; background:var(--su-tertiary); color:#101518; }
  .shared-ui :is(.brand-caption,.read-only,.eyebrow,.field label,.row-subtitle,.empty-state,.page-footer,.page-footer strong,.view-buttons button) { color:var(--su-muted); }
  .shared-ui .read-only span { color:var(--su-accent); }
  .shared-ui .page-heading { display:block; }
  .shared-ui .page-heading .button { margin-top:20px; }
  .shared-ui h1 { font:800 clamp(1.8rem,4vw,3rem)/1.05 var(--su-font-display); text-transform:uppercase; letter-spacing:-.04em; }
  .shared-ui :is(.button,.detail-toggle,.skip-link) { background:var(--su-raised); color:var(--su-ink); border-color:var(--su-control-line); border-radius:0; }
  .shared-ui .button:hover:not(:disabled) { background:#30363b; color:var(--su-ink); border-color:var(--su-muted); }
  .shared-ui #refresh { background:var(--dashboard-action); border-color:#83b2ff; color:#fff; }
  .shared-ui :is(.badge,.field input,.field select,.empty-symbol) { border-radius:0; }
  .shared-ui .badge.good { color:var(--su-good); background:var(--su-good-bg); }
  .shared-ui .badge.warn { color:var(--su-warn); background:var(--su-warn-bg); }
  .shared-ui .badge.bad { color:var(--su-danger); background:var(--su-danger-bg); }
  .shared-ui .badge.neutral { color:var(--su-muted); background:var(--su-raised); }
  .shared-ui .badge.blue { color:#adcfff; background:#1c2835; }
  .shared-ui .notice { background:var(--su-raised); color:var(--su-ink); border-color:var(--su-line); }
  .shared-ui .notice.warning { background:var(--su-warn-bg); color:var(--su-warn); border-color:var(--su-warn); }
  .shared-ui :is(.metric,.portfolio,.execution,.inventory,.source-coverage,.source-card,.compact-panel,.diagnostics) { border:0; background:var(--su-surface); box-shadow:none; }
  .shared-ui :is(.execution-metrics .metric,.source-card,.project-detail-section,.portfolio-detail-row > td,.diagnostic-content,th) { background:var(--su-field); }
  .shared-ui .metric strong { color:var(--su-ink); }
  .shared-ui .portfolio-metrics > .metric:first-child { background:#132125; }
  .shared-ui .portfolio-metrics > .metric:first-child strong { color:var(--su-accent); }
  .shared-ui .metric.attention { background:var(--su-danger-bg); }
  .shared-ui .metric.attention strong { color:var(--su-danger); }
  .shared-ui .ownership-gap-row { background:var(--su-danger-bg); }
  .shared-ui .field :is(input,select) { background:var(--su-field); color:var(--su-ink); border-color:var(--su-control-line); }
  .shared-ui .field input::placeholder { color:var(--su-muted); }
  .shared-ui .view-buttons button[aria-pressed=true] { color:var(--su-accent); border-bottom-color:var(--su-accent); }
  .shared-ui th { color:#c2c9d0; }
  .shared-ui td { border-bottom-color:var(--su-line); }
  .shared-ui tbody tr:hover { background:var(--su-raised); }
  .shared-ui :is(.source-card strong,.empty-state h3) { color:var(--su-ink); }
  .shared-ui .detail-toggle { background:#152326; color:#8ee2ec; border-color:#61868c; }
  .shared-ui .inventory-heading h2 { font:800 1.15rem/1.2 var(--su-font-display); text-transform:uppercase; }
  .shared-ui .portfolio > .inventory-heading { position:relative; }
  .shared-ui[data-su-expression="expressive"] .inventory-heading h2 { background:var(--su-paper); color:var(--su-on-paper); padding:10px 14px; display:table; }
  .shared-ui[data-su-expression="expressive"] .portfolio-metrics > .metric:first-child { background:var(--su-accent); }
  .shared-ui[data-su-expression="expressive"] .portfolio-metrics > .metric:first-child :is(strong,span) { color:var(--su-on-accent); }
  .shared-ui :is(.topbar,.snapshot-bar,.inventory-heading,.source-heading,.compact-panel-header,.view-bar,.row-links,.page-footer) { flex-wrap:wrap; }
  .shared-ui :is(.field,.inventory-heading > *, .source-heading > *) { min-width:0; }
  .shared-ui :is(.badge,.inventory-heading > .muted,.view-buttons button) { white-space:normal; }
  .shared-ui .filters { flex-wrap:wrap; }
  .shared-ui .field { flex-basis:200px; }
  .shared-ui :is(.portfolio,.execution,.inventory) { overflow:visible; }
  .shared-ui .metrics { grid-template-columns:repeat(auto-fit,minmax(min(100%,185px),1fr)); }
  .shared-ui .metrics .metric:last-child { grid-column:auto; display:block; }
  .shared-ui .metrics .metric:last-child strong { margin-top:12px; }
  .shared-ui .compact-panel { position:relative; }
  .shared-ui :is(.compact-panel,.diagnostics) > summary { position:relative; isolation:isolate; flex-wrap:wrap; }
  .shared-ui .project-detail-section h3 { flex-wrap:wrap; }
  .shared-ui .detail-toggle { white-space:nowrap; }
  .shared-ui :is(td,.badge) { overflow-wrap:normal; }
}
@media screen and (max-width:620px) {
  .shared-ui .table-scroll { background:var(--su-canvas); }
  .shared-ui tbody tr { background:var(--su-surface); box-shadow:none; }
  .shared-ui td::before { color:var(--su-muted); }
}
@media screen and (max-width:760px) {
  .shared-ui :is(.source-coverage > summary,.portfolio > .inventory-heading) { background-image:none; }
}
@media print {
  .shared-ui :is(main,header,section,article,aside,footer,nav,div,dl,dt,dd,p,a,span,h1,h2,h3,h4,th,td,label,button,input,select,textarea,summary) { color:#111!important; background:transparent!important; box-shadow:none!important; border-color:#777!important; }
}

/* Compact the artwork without removing the shared visual identity. */
@media screen {
  .shared-ui .page-heading{margin-bottom:12px}
  .shared-ui .page-heading .su-header-layout{min-height:130px;padding-top:12px;padding-bottom:12px}
  .shared-ui .page-heading .su-art{max-height:130px;overflow:hidden}
  .shared-ui .page-heading .su-art>img{width:100%;height:130px;object-fit:cover}
  .shared-ui .page-heading h1{font-size:clamp(1.7rem,3vw,2.4rem)}
  .shared-ui .page-heading .intro{font-size:14px}
  .shared-ui .page-heading .button{margin-top:10px;min-height:44px}
  .shared-ui .workspace-view .badge{font-size:13px}
  .shared-ui .workspace-view .row-subtitle{font-size:14px;line-height:1.5}
}
@media screen and (max-width:620px) {
  .shared-ui .topbar{padding:10px 14px;gap:8px;flex-wrap:nowrap}
  .shared-ui .topbar .brand{flex-basis:auto;font-size:16px}
  .shared-ui .brand-caption,.shared-ui .read-only{display:none}
  .shared-ui .topbar .button{min-height:44px;padding:8px;font-size:12px;white-space:normal}
  .shared-ui .brand-mark{width:30px;height:30px}
  .shared-ui .page-heading .su-header-layout{position:relative;min-height:104px;padding:8px 0;display:block}
  .shared-ui .page-heading .su-header-copy{padding:0 76px 0 0;min-width:0}
  .shared-ui .page-heading h1{font-size:1.55rem;line-height:1.05}
  .shared-ui .page-heading .eyebrow,.shared-ui .page-heading .intro{display:none}
  .shared-ui .page-heading .button{font-size:12px;padding:8px 10px;margin-top:8px}
  .shared-ui .page-heading .su-art{display:block;position:absolute;right:0;top:8px;width:64px;height:88px;max-height:88px;margin:0}
  .shared-ui .page-heading .su-art>img{height:88px;object-fit:cover}
  .shared-ui .page-heading .su-art :is(.su-tag,.su-calibration,.su-label-tab,.su-identifier){display:none}
  .shared-ui .workspace-view .source-grid{grid-template-columns:1fr}
  .shared-ui .workspace-view .metrics,.shared-ui .workspace-view .operations-metrics,.shared-ui .workspace-view .resource-gauges{grid-template-columns:1fr}
}