/* The swap initializes inline palette values on its app root. */
html[data-sdex-ui] :is(.bs-root,.bs-overlay) {
  --bs-bg:var(--sdex-bg) !important; --bs-surface:var(--sdex-surface) !important;
  --bs-surface-2:var(--sdex-raised) !important; --bs-text:var(--sdex-text) !important;
  --bs-muted:var(--sdex-muted) !important; --bs-border:var(--sdex-line) !important;
  --bs-primary:var(--sdex-primary-solid) !important; --bs-primary-ink:var(--sdex-primary-text) !important;
  --bs-radius:16px !important;
  --bs-font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
}
html[data-sdex-ui] body.bs-standalone { background:var(--sdex-bg); color:var(--sdex-text); }
html[data-sdex-ui-theme="light"] .bs-card { box-shadow:var(--sdex-shadow); }

/* Limit Orders keeps its native heading and wallet controls in the app row. */
html[data-sdex-ui="standalone"] [data-sdex-toolbar-row]:has(> a.brand-mark) > a.brand-mark,
html[data-sdex-ui="standalone"] [data-sdex-toolbar-row]:has(> a.brand-mark) > .sdex-ui-local-title,
html[data-sdex-ui="standalone"] [data-sdex-toolbar-row]:has(> a.brand-mark) #themeToggle { display:none !important; }
html[data-sdex-ui="standalone"] [data-sdex-toolbar-row]:has(> a.brand-mark) > .titles { flex:1 1 auto; min-width:0; }
html[data-sdex-ui="standalone"] [data-sdex-toolbar-row]:has(> a.brand-mark) > .titles h1 {
  margin:0; color:var(--sdex-muted);
  font:600 13px/1.5 Inter,ui-sans-serif,system-ui,sans-serif; letter-spacing:.01em;
}