/* Maximum Demand control material: one visible frame, 12 px radius, restrained
   8 px blur with a solid fallback. Reading surfaces stay opaque. Calculation,
   document and printed-report behaviour are unchanged. */
@media screen {
  body.page-demand {
    --mi-surface: #fff;
    --mi-tint: rgba(255,255,255,.88);
    --mi-highlight: rgba(255,255,255,.98);
    --mi-edge: #8996a8;
    --mi-shadow: 0 2px 6px rgba(30,45,70,.06);
    --mi-selected: #dcecff;
    --mi-selected-ink: #0055a4;
  }
  html[data-theme="night"] body.page-demand {
    --mi-surface: #2b2e39;
    --mi-tint: rgba(43,46,57,.94);
    --mi-highlight: rgba(62,66,82,.9);
    --mi-edge: #7d879c;
    --mi-shadow: 0 2px 6px rgba(0,0,0,.16);
    --mi-selected: #354f70;
    --mi-selected-ink: #d1e8ff;
  }
  body.page-demand #demand-inputs :is(.field, select.dd, .seg, .stepper, .ph-chip),
  body.page-demand #demand-analysis .vd-tab,
  body.page-demand #demand-document :is(.add-btn, .demand-document-button),
  body.page-demand .vd-pdf-btn,
  body.page-demand #demand-analysis .demand-review-input,
  body.page-demand #amp-workspace button {
    background: var(--mi-surface) !important;
    border: 1px solid var(--mi-edge) !important;
    border-radius: 12px !important;
    box-shadow: var(--mi-shadow) !important;
  }
  @supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
    body.page-demand #demand-inputs :is(.field, select.dd, .seg, .stepper, .ph-chip),
    body.page-demand #demand-analysis .vd-tab,
    body.page-demand #demand-document :is(.add-btn, .demand-document-button),
  body.page-demand .vd-pdf-btn,
    body.page-demand #demand-analysis .demand-review-input,
    body.page-demand #amp-workspace button {
      background: linear-gradient(160deg,var(--mi-highlight),var(--mi-tint)) !important;
      backdrop-filter: blur(8px) saturate(110%);
      -webkit-backdrop-filter: blur(8px) saturate(110%);
    }
  }
  body.page-demand #demand-inputs .field > input {
    border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; outline: none !important;
  }
  body.page-demand #demand-inputs :is(.seg-btn, .step-btn) { border: 0 !important; background: transparent !important; box-shadow: none !important; }
  body.page-demand #demand-inputs .seg-btn { border-radius: 9px !important; }
  body.page-demand #demand-inputs .seg-btn.active { background: var(--mi-selected) !important; color: var(--mi-selected-ink) !important; }
  body.page-demand #demand-analysis .vd-tab.active { background: var(--mi-selected) !important; color: var(--mi-selected-ink) !important; border-color: var(--mi-edge) !important; }
  body.page-demand #demand-document #demand-document-save,
  body.page-demand #demand-inputs #add-load-btn { background: var(--md-accent) !important; color: var(--md-on-accent) !important; border-color: var(--md-accent) !important; }
  body.page-demand #demand-inputs .field:has(:focus-visible),
  body.page-demand #demand-inputs select.dd:focus-visible,
  body.page-demand #demand-inputs .ph-chip:focus-visible,
  body.page-demand #demand-analysis :is(button,summary):focus-visible,
  body.page-demand #demand-document :is(button,a,[contenteditable]):focus-visible,
  body.page-demand #amp-workspace button:focus-visible,
  body.page-demand :is(#amp-workspace-dialog,dialog.amp-workspace-dialog) :focus-visible {
    outline: 2px solid var(--md-accent) !important; outline-offset: 3px;
  }
  body.page-demand #demand-inputs :is(.seg-btn, .step-btn):focus-visible { outline: 2px solid var(--md-accent) !important; outline-offset: -3px; }
  body.page-demand #demand-inputs select option { background: var(--mi-surface); color: var(--md-ink); }
  @media (prefers-reduced-transparency:reduce), (prefers-contrast:more) {
    body.page-demand #demand-inputs :is(.field, select.dd, .seg, .stepper, .ph-chip),
    body.page-demand #demand-analysis .vd-tab,
    body.page-demand #demand-document :is(.add-btn, .demand-document-button),
  body.page-demand .vd-pdf-btn,
    body.page-demand #demand-analysis .demand-review-input,
    body.page-demand #amp-workspace button {
      background: var(--mi-surface) !important; backdrop-filter: none; -webkit-backdrop-filter: none; box-shadow: none !important;
    }
  }
  @media (forced-colors:active) {
    /* Invalid fields and groups keep a non-colour frame: the forced frame above replaces the red border. */
    body.page-demand :is(.field:has([aria-invalid="true"]), select[aria-invalid="true"], [data-invalid="true"]) { outline: 2px solid Mark !important; outline-offset: 1px; }
    body.page-demand #demand-inputs :is(.field, select.dd, .seg, .stepper, .ph-chip),
    body.page-demand #demand-analysis .vd-tab,
    body.page-demand #demand-document :is(.add-btn, .demand-document-button),
  body.page-demand .vd-pdf-btn,
    body.page-demand #amp-workspace button {
      background: Canvas !important; border-color: ButtonText !important; box-shadow: none !important; backdrop-filter: none; -webkit-backdrop-filter: none;
    }
    body.page-demand #demand-inputs .seg-btn.active, body.page-demand #demand-analysis .vd-tab.active { background: Highlight !important; color: HighlightText !important; forced-color-adjust: none; }
    body.page-demand #demand-inputs .field:has(:focus-visible), body.page-demand #demand-inputs select.dd:focus-visible { outline-color: Highlight !important; }
  }
}