/* ==========================================================================
   Render-safe mode. Everything here only removes compositing-heavy effects; layout and colours are untouched.
   Switch off with ?fx=rich (back on with ?fx=safe).
   ========================================================================== */

/* sticky header: opaque instead of a translucent layer that blurs whatever is behind it */
html[data-sp-theme][data-sp-theme] header.ui-header-glass {
  background: var(--bg-elevated) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

/* modal overlays: plain dimming, no full-screen blur layer */
html[data-sp-theme][data-sp-theme] dialog::backdrop,
html[data-sp-theme][data-sp-theme] .fixed.inset-0[class*="bg-black"],
html[data-sp-theme][data-sp-theme] .fixed.inset-0[class*="backdrop"] {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

/* large containers use ordinary rounded corners; continuous corners stay on buttons, inputs, chips and list cards */
@supports (corner-shape: squircle) {
  html[data-sp-theme][data-sp-theme] :is(main, aside, header, dialog, [role="dialog"], .ui-content-shell, .ui-card[class*="calc("], .ui-panel) {
    corner-shape: round;
  }
}

/* route changes must not animate the scroll position */
html[data-sp-theme][data-sp-theme] { scroll-behavior: auto; }