/* Motor Starting control material: one visible frame, 12 px radius, restrained
   8 px blur at 110 % saturation with a solid fallback. Reading surfaces stay
   opaque. Calculation, document and printed-report behaviour are unchanged. */
@media screen {
  body.page-motor {
    --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-motor {
    --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-motor #motor-inputs :is(.field, select.dd, .seg-radio),
  body.page-motor #adv-panel :is(.field, select.dd),
  body.page-motor #adv-toggle,
  body.page-motor #motor-analysis .vd-tab,
  body.page-motor #motor-analysis .motor-review-input,
  body.page-motor #motor-document :is(.add-btn, .motor-document-button),
  body.page-motor .vd-head :is(.vd-save-btn, .vd-pdf-btn),
  body.page-motor #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-motor #motor-inputs :is(.field, select.dd, .seg-radio),
    body.page-motor #adv-panel :is(.field, select.dd),
    body.page-motor #adv-toggle,
    body.page-motor #motor-analysis .vd-tab,
    body.page-motor #motor-analysis .motor-review-input,
    body.page-motor #motor-document :is(.add-btn, .motor-document-button),
    body.page-motor .vd-head :is(.vd-save-btn, .vd-pdf-btn),
    body.page-motor #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%);
    }
  }
  /* The frame belongs to the control wrapper only; inner inputs and segments stay flat. */
  body.page-motor :is(#motor-inputs, #adv-panel) .field > input {
    border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; outline: none !important;
  }
  body.page-motor #motor-inputs .seg-radio label { border: 0 !important; background: transparent !important; box-shadow: none !important; }
  body.page-motor #motor-inputs .seg-radio label.active { background: var(--mi-selected) !important; color: var(--mi-selected-ink) !important; }
  body.page-motor #motor-analysis .vd-tab.active { background: var(--mi-selected) !important; color: var(--mi-selected-ink) !important; border-color: var(--mi-edge) !important; }
  /* Save is the blue-filled primary in the header and the Document section; Print stays
     secondary glass. A signed-out (ghost) Save is secondary like Print. */
  body.page-motor #motor-document #motor-document-save:not(.ghost),
  body.page-motor .vd-head .vd-save-btn:not(.ghost) { background: var(--ms-accent) !important; color: var(--ms-on-accent) !important; border-color: var(--ms-accent) !important; }
  body.page-motor :is(#motor-inputs, #adv-panel) .field:has(:focus-visible),
  body.page-motor :is(#motor-inputs, #adv-panel) select.dd:focus-visible,
  body.page-motor #adv-toggle:focus-visible,
  body.page-motor #motor-analysis :is(button,summary,[tabindex]):focus-visible,
  body.page-motor #motor-document :is(button,a,[contenteditable]):focus-visible,
  body.page-motor #amp-workspace button:focus-visible,
  body.page-motor :is(#amp-workspace-dialog,dialog.amp-workspace-dialog) :focus-visible {
    outline: 2px solid var(--ms-accent) !important; outline-offset: 3px;
  }
  body.page-motor #motor-inputs .seg-radio label:focus-within { outline: 2px solid var(--ms-accent) !important; outline-offset: -3px; }
  body.page-motor :is(#motor-inputs, #adv-panel) select option { background: var(--mi-surface); color: var(--ms-ink); }
  body.page-motor :is(#motor-inputs, #adv-panel) :is(.field, select.dd)[data-invalid="true"],
  body.page-motor :is(#motor-inputs, #adv-panel) .field:has([aria-invalid="true"]),
  body.page-motor :is(#motor-inputs, #adv-panel) select.dd[aria-invalid="true"],
  body.page-motor #motor-inputs .seg-radio[data-invalid="true"] { border-color: var(--ms-red) !important; box-shadow: inset 3px 0 0 var(--ms-red) !important; }
  @media (prefers-reduced-transparency:reduce), (prefers-contrast:more) {
    body.page-motor #motor-inputs :is(.field, select.dd, .seg-radio),
    body.page-motor #adv-panel :is(.field, select.dd),
    body.page-motor #adv-toggle,
    body.page-motor #motor-analysis .vd-tab,
    body.page-motor #motor-analysis .motor-review-input,
    body.page-motor #motor-document :is(.add-btn, .motor-document-button),
    body.page-motor .vd-head :is(.vd-save-btn, .vd-pdf-btn),
    body.page-motor #amp-workspace button {
      background: var(--mi-surface) !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; 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-motor :is(.field:has([aria-invalid="true"]), select[aria-invalid="true"], [data-invalid="true"]) { outline: 2px solid Mark !important; outline-offset: 1px; }
    body.page-motor #motor-inputs :is(.field, select.dd, .seg-radio),
    body.page-motor #adv-panel :is(.field, select.dd),
    body.page-motor #adv-toggle,
    body.page-motor #motor-analysis .vd-tab,
    body.page-motor #motor-document :is(.add-btn, .motor-document-button),
    body.page-motor .vd-head :is(.vd-save-btn, .vd-pdf-btn),
    body.page-motor #amp-workspace button {
      background: Canvas !important; border-color: ButtonText !important; box-shadow: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important;
    }
    body.page-motor #motor-inputs .seg-radio label.active, body.page-motor #motor-analysis .vd-tab.active { background: Highlight !important; color: HighlightText !important; forced-color-adjust: none; }
    body.page-motor :is(#motor-inputs, #adv-panel) .field:has(:focus-visible), body.page-motor :is(#motor-inputs, #adv-panel) select.dd:focus-visible { outline-color: Highlight !important; }
  }
}