/* Compatibility paint for the verified Oct26 graph. No visibility,
   image filters, business states, routing or authentication behavior changes. */
@layer code-live-compat {
 @media screen and (forced-colors:none) {
  html[data-ui="5"][data-theme="light"]:not(.a11y-contrast):not([data-contrast="high"]) {
   --compat-bg:#f5f9fb;--compat-surface:#fff;--compat-raised:#edf5f8;
   --compat-ink:#183744;--compat-muted:#4f6874;--compat-line:#c7dce5;--compat-accent:#087da4;
  }
  html[data-ui="5"][data-theme="dark"]:not(.a11y-contrast):not([data-contrast="high"]) {
   --compat-bg:#111;--compat-surface:#202020;--compat-raised:#292929;
   --compat-ink:#f2f2f2;--compat-muted:#b4b4b4;--compat-line:#444;--compat-accent:#dedede;
  }
  html[data-ui="5"][data-theme]:not(.a11y-contrast):not([data-contrast="high"])
  :is(.public-shell,.app-shell.ui5-shell:not(.route-in-car),.app-shell.ui5-shell:not(.route-in-car) .workspace-main) {
   --bg:var(--compat-bg);--surface:var(--compat-surface);--raised:var(--compat-raised);
   --text:var(--compat-ink);--muted:var(--compat-muted);--line:var(--compat-line);
   --portal-floor:var(--compat-bg);--portal-surface:var(--compat-surface);--portal-raised:var(--compat-raised);
   --portal-text:var(--compat-ink);--portal-muted:var(--compat-muted);--portal-line:var(--compat-line);
   --control-ink:var(--compat-ink);--control-accent:var(--compat-accent);
   --site-bg:var(--compat-bg);--site-panel:var(--compat-surface);--site-edge:var(--compat-line);
   --site-ink:var(--compat-ink);--site-muted:var(--compat-muted);
   --site-orange:var(--compat-accent);--finish-accent:var(--compat-accent);--finish-focus:var(--compat-accent);
   --finish-muted:var(--compat-muted);--finish-edge:var(--compat-line);
   background-color:var(--compat-bg)!important;color:var(--compat-ink)!important;
  }
  html[data-ui="5"][data-theme]:not(.a11y-contrast):not([data-contrast="high"])
  .public-shell :is(.site-header,.site-footer,.site-footer-bottom,.site-menu,.public-bottom-nav) {
   background:var(--compat-bg)!important;color:var(--compat-ink)!important;
   border-color:var(--compat-line)!important;box-shadow:none!important;
  }
  html[data-ui="5"][data-theme]:not(.a11y-contrast):not([data-contrast="high"])
  :is(.public-shell .ecosystem-page,.public-shell .pricing-page,.public-shell .contact-complete,.app-shell.ui5-shell:not(.route-in-car) .workspace-main)
  :is(.panel,.subscription-plan,.pricing-comparison,.contact-form-card,.contact-department,.ecosystem-product,.ecosystem-filter,.product-advice,.table-scroll,.search-input) {
   background:var(--compat-surface)!important;color:var(--compat-ink)!important;
   border-color:var(--compat-line)!important;box-shadow:none!important;
  }
  html[data-ui="5"][data-theme]:not(.a11y-contrast):not([data-contrast="high"])
  :is(.public-shell .ecosystem-page,.public-shell .pricing-page,.public-shell .contact-complete,.app-shell.ui5-shell:not(.route-in-car) .workspace-main)
  :is(.panel h2,.subscription-plan h2,.contact-department h3,.ecosystem-product h2,.public-page-head h1,.contact-complete-heading h1) {color:var(--compat-ink)!important;}
  html[data-ui="5"][data-theme]:not(.a11y-contrast):not([data-contrast="high"])
  :is(.public-shell .ecosystem-page,.public-shell .pricing-page,.public-shell .contact-complete)
  :is(.public-page-head p,.contact-complete-heading p,.ecosystem-product p,.contact-department p,.contact-department small,.plan-subtitle,.plan-description) {color:var(--compat-muted)!important;}
  html[data-ui="5"][data-theme]:not(.a11y-contrast):not([data-contrast="high"])
  .public-shell :is(.eyebrow,.public-page-head h1>span) {color:var(--compat-accent)!important;}
  html[data-ui="5"][data-theme]:not(.a11y-contrast):not([data-contrast="high"])
  .public-shell .ecosystem-page .search-input input {background:transparent!important;color:var(--compat-ink)!important;box-shadow:none!important;}
  html[data-ui="5"][data-theme]:not(.a11y-contrast):not([data-contrast="high"])
  .public-shell :is(.site-footer,.site-footer-bottom) :is(a,p,small) {color:var(--compat-muted)!important;}
  /* Preserve the intentionally light closed-registration body in dark mode. */
  html[data-ui="5"][data-theme]:not(.a11y-contrast):not([data-contrast="high"])
  .r23-registration-status-body {--control-ink:#183744;--control-accent:#006a99;}
 }
}

/* The legacy mobile category rail hid two choices outside a 320px viewport. */
@media screen and (max-width:640px) {
 html[data-ui="5"] .public-shell .ecosystem-page .ecosystem-filter .chips {flex-wrap:wrap!important;max-width:100%;overflow:visible!important;}
}