/* ============================================================================
   Fly Away Simulation — Creator portal v1.5.0  (fxcr.css) — shell, dashboard, My mods, editor, inbox, profile, auth, FAQ
   Self-contained. Prefix: .fxcr-   Root: #fxcr   Breakpoints: 1024px (rail nav
   vs drawer), 1180px (two-column dashboard vs one). Tokens mirror fxnav.css so
   the portal reads as the same product as the site header. Every component
   rule is scoped under #fxcr so the legacy global CSS can never out-rank it.
   No jQuery, no @import. Dark is the site default.
   ========================================================================= */

/* ---------- Tokens ------------------------------------------------------ */
:root {
  --fxcr-font: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --fxcr-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --fxcr-ease: cubic-bezier(.2, .7, .2, 1);
  --fxcr-max: 1480px;
  --fxcr-side: 248px;
  --fxcr-rail: 320px;
  --fxcr-gutter: 20px;
  --fxcr-top: 16px;               /* sticky clearance; fxcr.js sets it from #fxn's live bottom edge */
  --fxcr-r: 16px;
  --fxcr-r-sm: 10px;

  /* light */
  --fxcr-page: #f6f7f9;
  --fxcr-surface: #ffffff;
  --fxcr-surface-2: #f3f4f6;
  --fxcr-surface-3: #e9ecf1;
  --fxcr-bdr: rgba(15, 23, 42, .10);
  --fxcr-bdr-strong: rgba(15, 23, 42, .18);
  --fxcr-fg: #0f172a;
  --fxcr-fg-2: #475569;
  --fxcr-fg-3: #64748b;
  --fxcr-hover: rgba(15, 23, 42, .06);
  --fxcr-active: rgba(15, 23, 42, .10);
  --fxcr-accent: #ffc914;
  --fxcr-accent-2: #ffd43b;
  --fxcr-accent-ink: #0b0f14;
  --fxcr-focus: #2563eb;
  --fxcr-shadow: 0 1px 2px rgba(15, 23, 42, .05), 0 10px 30px -18px rgba(15, 23, 42, .25);
  --fxcr-shadow-lg: 0 24px 56px -16px rgba(15, 23, 42, .28), 0 2px 8px rgba(15, 23, 42, .08);
  --fxcr-scrim: rgba(15, 23, 42, .42);
  --fxcr-c: #0284c7;              /* creators cyan (fxnav otto-a) */
  --fxcr-c-2: #4f46e5;
  --fxcr-c-soft: rgba(2, 132, 199, .10);
  --fxcr-ok: #16a34a;
  --fxcr-warn: #d97706;
  --fxcr-bad: #dc2626;
  --fxcr-info: #2563eb;
  --fxcr-s-draft: #64748b;
  --fxcr-s-pending: #2563eb;
  --fxcr-s-changes: #d97706;
  --fxcr-s-publishing: #7c3aed;
  --fxcr-s-approved: #16a34a;
  --fxcr-s-rejected: #dc2626;
}
html[data-theme="dark"] {
  --fxcr-page: #0e0e0f;
  --fxcr-surface: #0f141b;
  --fxcr-surface-2: #161c25;
  --fxcr-surface-3: #1d2430;
  --fxcr-bdr: rgba(255, 255, 255, .10);
  --fxcr-bdr-strong: rgba(255, 255, 255, .18);
  --fxcr-fg: #e7ecf7;
  --fxcr-fg-2: #b7c0d0;
  --fxcr-fg-3: #8b96a8;
  --fxcr-hover: rgba(255, 255, 255, .08);
  --fxcr-active: rgba(255, 255, 255, .13);
  --fxcr-accent: #ffcf33;
  --fxcr-accent-2: #ffe066;
  --fxcr-focus: #60a5fa;
  --fxcr-shadow: 0 1px 2px rgba(0, 0, 0, .35), 0 12px 30px -18px rgba(0, 0, 0, .7);
  --fxcr-shadow-lg: 0 28px 64px -16px rgba(0, 0, 0, .7), 0 2px 10px rgba(0, 0, 0, .4);
  --fxcr-scrim: rgba(0, 0, 0, .6);
  --fxcr-c: #38bdf8;
  --fxcr-c-2: #818cf8;
  --fxcr-c-soft: rgba(56, 189, 248, .12);
  --fxcr-ok: #4ade80;
  --fxcr-warn: #fbbf24;
  --fxcr-bad: #f87171;
  --fxcr-info: #60a5fa;
  --fxcr-s-draft: #94a3b8;
  --fxcr-s-pending: #60a5fa;
  --fxcr-s-changes: #fbbf24;
  --fxcr-s-publishing: #a78bfa;
  --fxcr-s-approved: #4ade80;
  --fxcr-s-rejected: #f87171;
}

/* ---------- Layout stability ------------------------------------------ */
/* Reserve the scrollbar gutter so short pages (no scrollbar) and long pages
   (scrollbar) don't shift the whole site sideways by half a scrollbar. */
html { scrollbar-gutter: stable; }

/* ---------- Reset inside the portal (beats legacy global rules) -------- */
#fxcr, #fxcr *, #fxcr *::before, #fxcr *::after { box-sizing: border-box; }
#fxcr { font: 500 15px/1.5 var(--fxcr-font); color: var(--fxcr-fg); -webkit-font-smoothing: antialiased; max-width: var(--fxcr-max); margin: 0 auto; padding: 0 var(--fxcr-gutter) 56px; }
/* Element resets skip anything inside a legacy .fas-cr block (the not-yet-migrated pages).
   Specificity is pinned to (1,0,1) via :is/:where so they beat the legacy global CSS (incl. #wrap-scoped rules,
   because this sheet loads later) but lose to every #fxcr .component rule below. */
#fxcr :is(ul, ol):where(:not(.fas-cr *)) { list-style: none; margin: 0; padding: 0; }
#fxcr :is(p):where(:not(.fas-cr *)) { margin: 0; }
#fxcr :is(h1, h2, h3):where(:not(.fas-cr *)) { margin: 0; color: var(--fxcr-fg); text-transform: none; letter-spacing: -.01em; font-family: var(--fxcr-font); }
#fxcr :is(a):where(:not(.fas-cr *), :any-link:not(.fas-cr *)) { color: inherit; text-decoration: none; font-weight: inherit; }
#fxcr :is(button):where(:not(.fas-cr *)) {
  appearance: none; -webkit-appearance: none; font: inherit; color: inherit; background: transparent; background-image: none;
  border: 0; border-radius: 0; padding: 0; margin: 0; text-shadow: none; text-transform: none; letter-spacing: 0; box-shadow: none; cursor: pointer; -webkit-tap-highlight-color: transparent;
}
#fxcr :is(button):where(:not(.fas-cr *)):hover, #fxcr :is(button):where(:not(.fas-cr *)):active { background-image: none; }
#fxcr :is(img):where(:not(.fas-cr *)) { max-width: 100%; height: auto; border: 0; }
#fxcr svg { display: block; }
#fxcr .fxcr-ic { width: 18px; height: 18px; flex: 0 0 auto; }
#fxcr :is(table):where(:not(.fas-cr *)) { border-collapse: collapse; border-spacing: 0; width: 100%; }
#fxcr :is(:focus):where(:not(.fas-cr *)) { outline: none; }
#fxcr :is(:focus-visible):where(:not(.fas-cr *)) { outline: 2px solid var(--fxcr-focus); outline-offset: 2px; border-radius: 8px; }
#fxcr .fxcr-sr { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
#fxcr .fxcr-muted { color: var(--fxcr-fg-3); }
#fxcr .fxcr-small { font-size: 13px; }
#fxcr .fxcr-num { font-variant-numeric: tabular-nums; }

/* Legacy pages rendered inside the new shell keep their own .fas-cr styles;
   only the old wrapper's width/padding is neutralised here. */
#fxcr .fas-cr { max-width: none; margin: 0; padding: 0; }

/* ---------- Layout ------------------------------------------------------ */
#fxcr .fxcr-layout { display: grid; grid-template-columns: var(--fxcr-side) minmax(0, 1fr); gap: 28px; align-items: start; padding-top: 18px; }
#fxcr .fxcr-main { min-width: 0; }

/* ---------- Side rail (desktop) / drawer (mobile) ----------------------- */
#fxcr .fxcr-side { position: sticky; top: var(--fxcr-top); display: flex; flex-direction: column; gap: 14px; max-height: calc(100vh - var(--fxcr-top) - 16px); overflow-y: auto; overscroll-behavior: contain; padding-bottom: 4px; }
#fxcr .fxcr-side::-webkit-scrollbar { width: 0; }
#fxcr .fxcr-brand { display: flex; align-items: center; gap: 11px; padding: 6px 8px; border-radius: 12px; }
#fxcr .fxcr-brand:hover { background: var(--fxcr-hover); }
#fxcr .fxcr-brand svg { width: 38px; height: 38px; border-radius: 10px; }
#fxcr .fxcr-brand b { display: block; font-size: 15px; font-weight: 900; letter-spacing: -.01em; line-height: 1.1; }
#fxcr .fxcr-brand small { display: flex; align-items: center; gap: 6px; font-size: 11.5px; font-weight: 700; color: var(--fxcr-fg-3); letter-spacing: .6px; text-transform: uppercase; margin-top: 2px; }
#fxcr .fxcr-beta-tag { font: 900 9px/1 var(--fxcr-font); letter-spacing: .6px; padding: 3px 5px; border-radius: 5px; font-style: normal; color: var(--fxcr-c); background: var(--fxcr-c-soft); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--fxcr-c) 35%, transparent); }

#fxcr .fxcr-nav li { margin: 0 0 2px; }
#fxcr .fxcr-nav a {
  display: flex; align-items: center; gap: 11px; height: 42px; padding: 0 12px; border-radius: 11px;
  font-weight: 700; font-size: 14px; color: var(--fxcr-fg-2); transition: background .15s, color .15s;
}
#fxcr .fxcr-nav a .fxcr-ic { color: var(--fxcr-fg-3); transition: color .15s; }
#fxcr .fxcr-nav a:hover { background: var(--fxcr-hover); color: var(--fxcr-fg); }
#fxcr .fxcr-nav a:hover .fxcr-ic { color: var(--fxcr-fg); }
#fxcr .fxcr-nav a[aria-current] { background: var(--fxcr-c-soft); color: var(--fxcr-fg); box-shadow: inset 3px 0 0 var(--fxcr-c); }
#fxcr .fxcr-nav a[aria-current] .fxcr-ic { color: var(--fxcr-c); }
#fxcr .fxcr-nav .fxcr-badge { margin-left: auto; }
#fxcr .fxcr-nav .fxcr-sec { padding: 14px 12px 6px; font: 800 11px/1 var(--fxcr-font); color: var(--fxcr-fg-3); text-transform: uppercase; letter-spacing: .8px; }

#fxcr .fxcr-badge {
  display: inline-flex; align-items: center; justify-content: center; min-width: 20px; height: 20px; padding: 0 6px; border-radius: 999px;
  font: 800 11px/1 var(--fxcr-font); background: var(--fxcr-surface-3); color: var(--fxcr-fg-2); font-variant-numeric: tabular-nums; white-space: nowrap;
}
#fxcr .fxcr-badge--hot { background: var(--fxcr-accent); color: var(--fxcr-accent-ink); }
#fxcr .fxcr-badge--warn { background: color-mix(in srgb, var(--fxcr-warn) 22%, transparent); color: var(--fxcr-warn); }

#fxcr .fxcr-side__foot { margin-top: auto; padding-top: 12px; border-top: 1px solid var(--fxcr-bdr); display: flex; flex-direction: column; gap: 4px; }
#fxcr .fxcr-me { display: flex; align-items: center; gap: 10px; padding: 8px 10px; border-radius: 12px; min-width: 0; }
#fxcr .fxcr-me:hover { background: var(--fxcr-hover); }
#fxcr .fxcr-me b { display: block; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#fxcr .fxcr-me small { display: block; font-size: 12px; color: var(--fxcr-fg-3); }
#fxcr .fxcr-me > span:last-child { min-width: 0; }
#fxcr .fxcr-av {
  width: 36px; height: 36px; border-radius: 50%; object-fit: cover; flex: 0 0 auto; display: grid; place-items: center;
  background: linear-gradient(135deg, var(--fxcr-c), var(--fxcr-c-2)); color: #fff; font-weight: 900; font-size: 15px; border: 1px solid var(--fxcr-bdr-strong);
}
#fxcr .fxcr-av--lg { width: 56px; height: 56px; font-size: 22px; }
#fxcr .fxcr-av--xl { width: 88px; height: 88px; font-size: 34px; }
#fxcr .fxcr-side__links { display: flex; gap: 4px; }
#fxcr .fxcr-side__links a { flex: 1 1 0; display: inline-flex; align-items: center; justify-content: center; gap: 6px; height: 36px; border-radius: 10px; font-size: 12.5px; font-weight: 700; color: var(--fxcr-fg-3); }
#fxcr .fxcr-side__links a:hover { background: var(--fxcr-hover); color: var(--fxcr-fg); }
#fxcr .fxcr-side__links .fxcr-ic { width: 15px; height: 15px; }

/* Mobile top bar + drawer chrome (hidden on desktop) */
#fxcr .fxcr-topbar, #fxcr .fxcr-drawer__head, #fxcr .fxcr-scrim { display: none; }

/* ---------- Buttons ----------------------------------------------------- */
#fxcr .fxcr-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 40px; padding: 0 16px; border-radius: 11px;
  font-weight: 800; font-size: 14px; white-space: nowrap; border: 1px solid var(--fxcr-bdr-strong); background: var(--fxcr-surface); color: var(--fxcr-fg);
  transition: background .15s, border-color .15s, transform .15s var(--fxcr-ease), box-shadow .15s; cursor: pointer; line-height: 1;
}
#fxcr .fxcr-btn:hover { background: var(--fxcr-surface-2); border-color: var(--fxcr-fg-3); }
#fxcr .fxcr-btn .fxcr-ic { width: 16px; height: 16px; }
#fxcr .fxcr-btn--primary {
  border-color: transparent; color: var(--fxcr-accent-ink) !important;
  background: linear-gradient(180deg, var(--fxcr-accent-2), var(--fxcr-accent));
  box-shadow: 0 8px 18px -8px rgba(255, 201, 20, .75), inset 0 1px 0 rgba(255, 255, 255, .55), inset 0 -1px 0 rgba(0, 0, 0, .06);
}
#fxcr .fxcr-btn--primary:hover { background: linear-gradient(180deg, var(--fxcr-accent-2), var(--fxcr-accent)); border-color: transparent; transform: translateY(-1px); filter: brightness(1.03); box-shadow: 0 12px 24px -8px rgba(255, 201, 20, .85), inset 0 1px 0 rgba(255, 255, 255, .55); }
#fxcr .fxcr-btn--cyan { border-color: transparent; color: #fff !important; background: linear-gradient(135deg, var(--fxcr-c), var(--fxcr-c-2)); box-shadow: 0 6px 16px -6px rgba(2, 132, 199, .6), inset 0 1px 0 rgba(255, 255, 255, .25); }
#fxcr .fxcr-btn--cyan:hover { background: linear-gradient(135deg, var(--fxcr-c), var(--fxcr-c-2)); filter: brightness(1.06); transform: translateY(-1px); }
#fxcr .fxcr-btn--ghost { background: transparent; border-color: var(--fxcr-bdr); }
#fxcr .fxcr-btn--ghost:hover { background: var(--fxcr-hover); }
#fxcr .fxcr-btn--sm { height: 34px; padding: 0 12px; font-size: 13px; border-radius: 9px; }
#fxcr .fxcr-btn--lg { height: 46px; font-size: 15px; border-radius: 12px; }
#fxcr .fxcr-btn--block { width: 100%; }
#fxcr .fxcr-btn[disabled] { opacity: .5; cursor: default; transform: none; }
#fxcr .fxcr-link { color: var(--fxcr-c) !important; font-weight: 700; }
#fxcr .fxcr-link:hover { text-decoration: underline; }
#fxcr .fxcr-side .fxcr-cta { height: 44px; border-radius: 12px; font-size: 14.5px; }

/* ---------- Cards ------------------------------------------------------- */
#fxcr .fxcr-card { background: var(--fxcr-surface); border: 1px solid var(--fxcr-bdr); border-radius: var(--fxcr-r); box-shadow: var(--fxcr-shadow); padding: 20px 22px; margin: 0 0 18px; }
#fxcr .fxcr-card__head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 0 0 14px; }
#fxcr .fxcr-card__head h2 { font-size: 16px; font-weight: 800; display: flex; align-items: center; gap: 8px; }
#fxcr .fxcr-card__head h2 .fxcr-ic { width: 17px; height: 17px; color: var(--fxcr-fg-3); }
#fxcr .fxcr-card__head small { font-size: 12.5px; font-weight: 600; color: var(--fxcr-fg-3); }
#fxcr .fxcr-card__more { font-size: 13px; font-weight: 700; color: var(--fxcr-fg-3); display: inline-flex; align-items: center; gap: 4px; white-space: nowrap; }
#fxcr .fxcr-card__more:hover { color: var(--fxcr-fg); }
#fxcr .fxcr-card__more .fxcr-ic { width: 14px; height: 14px; }
#fxcr .fxcr-card--tight { padding: 16px 18px; }

/* ---------- Flash ------------------------------------------------------- */
#fxcr .fxcr-flash { display: flex; align-items: flex-start; gap: 10px; padding: 12px 14px; border-radius: 12px; margin: 0 0 18px; background: var(--fxcr-surface); border: 1px solid var(--fxcr-bdr); border-left: 4px solid var(--fxcr-ok); font-weight: 600; }
#fxcr .fxcr-flash .fxcr-ic { color: var(--fxcr-ok); margin-top: 2px; }
#fxcr .fxcr-flash--bad { border-left-color: var(--fxcr-bad); }
#fxcr .fxcr-flash--bad .fxcr-ic { color: var(--fxcr-bad); }

/* ---------- Page head --------------------------------------------------- */
#fxcr .fxcr-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 18px; margin: 0 0 20px; }
#fxcr .fxcr-head > div:first-child { min-width: 0; }
#fxcr .fxcr-eyebrow { font: 800 11.5px/1 var(--fxcr-font); color: var(--fxcr-fg-3); text-transform: uppercase; letter-spacing: .9px; margin: 0 0 8px; }
#fxcr .fxcr-head h1 { font-size: clamp(24px, 3vw, 32px); font-weight: 900; letter-spacing: -.025em; line-height: 1.1; }
#fxcr .fxcr-lede { margin: 8px 0 0; font-size: 15.5px; color: var(--fxcr-fg-2); max-width: 64ch; }
#fxcr .fxcr-lede strong { color: var(--fxcr-fg); font-weight: 800; }
#fxcr .fxcr-head__acts { display: flex; gap: 8px; flex: 0 0 auto; }

/* ---------- Attention strip ------------------------------------------- */
#fxcr .fxcr-attn { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 10px; margin: 0 0 18px; }
#fxcr .fxcr-attn a {
  --cc: var(--fxcr-warn);
  display: flex; align-items: center; gap: 12px; padding: 12px 14px; border-radius: 13px; background: var(--fxcr-surface); border: 1px solid var(--fxcr-bdr);
  box-shadow: inset 4px 0 0 var(--cc); transition: transform .15s var(--fxcr-ease), border-color .15s;
}
#fxcr .fxcr-attn a:hover { transform: translateY(-1px); border-color: color-mix(in srgb, var(--cc) 45%, var(--fxcr-bdr)); }
#fxcr .fxcr-attn a .fxcr-attn__ico { width: 36px; height: 36px; border-radius: 10px; flex: 0 0 auto; display: grid; place-items: center; color: var(--cc); background: color-mix(in srgb, var(--cc) 14%, transparent); }
#fxcr .fxcr-attn b { display: block; font-size: 14px; font-weight: 800; }
#fxcr .fxcr-attn small { display: block; font-size: 12.5px; color: var(--fxcr-fg-3); margin-top: 1px; }
#fxcr .fxcr-attn .fxcr-ic--go { margin-left: auto; width: 16px; height: 16px; color: var(--fxcr-fg-3); }
#fxcr .fxcr-attn a.is-info { --cc: var(--fxcr-info); }
#fxcr .fxcr-attn a.is-ok { --cc: var(--fxcr-ok); }
#fxcr .fxcr-attn a.is-cyan { --cc: var(--fxcr-c); }

/* ---------- Dashboard columns ----------------------------------------- */
#fxcr .fxcr-cols { display: grid; grid-template-columns: minmax(0, 1fr) var(--fxcr-rail); gap: 18px; align-items: start; }
#fxcr .fxcr-col { min-width: 0; }

/* ---------- Journey rail (no live add-ons yet) ------------------------- */
#fxcr .fxcr-journey { position: relative; overflow: hidden; isolation: isolate; }
#fxcr .fxcr-journey::before { content: ""; position: absolute; inset: 0; z-index: -1; background: radial-gradient(120% 90% at 100% 0%, var(--fxcr-c-soft), transparent 55%); pointer-events: none; }
#fxcr .fxcr-journey__intro { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin: 0 0 18px; }
#fxcr .fxcr-journey h2 { font-size: 19px; font-weight: 900; letter-spacing: -.02em; }
#fxcr .fxcr-journey__intro p { margin: 4px 0 0; color: var(--fxcr-fg-2); font-size: 14px; max-width: 56ch; }
#fxcr .fxcr-steps { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; position: relative; }
#fxcr .fxcr-step { position: relative; padding: 0 14px 0 0; min-width: 0; }
#fxcr .fxcr-step__dot {
  position: relative; z-index: 1; width: 30px; height: 30px; border-radius: 50%; display: grid; place-items: center; margin: 0 0 12px;
  font: 900 13px/1 var(--fxcr-font); color: var(--fxcr-fg-3); background: var(--fxcr-surface-2); border: 1.5px solid var(--fxcr-bdr-strong);
}
#fxcr .fxcr-step__dot .fxcr-ic { width: 15px; height: 15px; }
/* connector */
#fxcr .fxcr-step::before { content: ""; position: absolute; left: 30px; right: 0; top: 14px; height: 2px; background: var(--fxcr-bdr-strong); border-radius: 2px; }
#fxcr .fxcr-step:last-child::before { display: none; }
#fxcr .fxcr-step.is-done .fxcr-step__dot { background: var(--fxcr-ok); border-color: var(--fxcr-ok); color: #fff; }
html[data-theme="dark"] #fxcr .fxcr-step.is-done .fxcr-step__dot { color: #052e16; }
#fxcr .fxcr-step.is-done::before { background: var(--fxcr-ok); }
#fxcr .fxcr-step.is-now .fxcr-step__dot { background: var(--fxcr-surface); border-color: var(--fxcr-c); color: var(--fxcr-c); box-shadow: 0 0 0 5px var(--fxcr-c-soft); }
#fxcr .fxcr-step.is-now .fxcr-step__dot::after { content: ""; position: absolute; inset: -1.5px; border-radius: 50%; border: 1.5px solid var(--fxcr-c); animation: fxcr-ping 2s ease-out infinite; }
#fxcr .fxcr-step.is-warn .fxcr-step__dot { background: var(--fxcr-surface); border-color: var(--fxcr-warn); color: var(--fxcr-warn); box-shadow: 0 0 0 5px color-mix(in srgb, var(--fxcr-warn) 16%, transparent); }
@keyframes fxcr-ping { 0% { transform: scale(1); opacity: .8; } 100% { transform: scale(1.9); opacity: 0; } }
#fxcr .fxcr-step b { display: block; font-size: 13.5px; font-weight: 800; line-height: 1.25; }
#fxcr .fxcr-step small { display: block; font-size: 12.5px; color: var(--fxcr-fg-3); margin-top: 3px; line-height: 1.4; }
#fxcr .fxcr-step.is-now b { color: var(--fxcr-fg); }
#fxcr .fxcr-step:not(.is-done):not(.is-now):not(.is-warn) b { color: var(--fxcr-fg-3); }
#fxcr .fxcr-step .fxcr-step__act { display: inline-flex; align-items: center; gap: 4px; margin-top: 8px; font-size: 12.5px; font-weight: 800; color: var(--fxcr-c); }
#fxcr .fxcr-step .fxcr-step__act .fxcr-ic { width: 13px; height: 13px; transition: transform .15s var(--fxcr-ease); }
#fxcr .fxcr-step .fxcr-step__act:hover .fxcr-ic { transform: translateX(3px); }
#fxcr .fxcr-journey__next {
  margin: 20px 0 0; padding: 14px 16px; border-radius: 13px; background: var(--fxcr-surface-2); border: 1px solid var(--fxcr-bdr);
  display: flex; align-items: center; gap: 14px; flex-wrap: wrap;
}
#fxcr .fxcr-journey__next > div { flex: 1 1 260px; min-width: 0; }
#fxcr .fxcr-journey__next b { display: block; font-size: 14px; font-weight: 800; }
#fxcr .fxcr-journey__next small { display: block; font-size: 13px; color: var(--fxcr-fg-2); margin-top: 2px; }

/* ---------- KPI tiles + chart (live add-ons) --------------------------- */
#fxcr .fxcr-kpis { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin: 0 0 18px; }
#fxcr .fxcr-kpi { background: var(--fxcr-surface); border: 1px solid var(--fxcr-bdr); border-radius: 14px; padding: 14px 16px; box-shadow: var(--fxcr-shadow); min-width: 0; }
#fxcr .fxcr-kpi__l { font: 800 11.5px/1 var(--fxcr-font); color: var(--fxcr-fg-3); text-transform: uppercase; letter-spacing: .7px; display: flex; align-items: center; gap: 6px; }
#fxcr .fxcr-kpi__l .fxcr-ic { width: 14px; height: 14px; }
#fxcr .fxcr-kpi__v { font-size: 28px; font-weight: 900; letter-spacing: -.03em; line-height: 1.1; margin: 8px 0 4px; font-variant-numeric: tabular-nums; }
#fxcr .fxcr-kpi__v small { font-size: 14px; font-weight: 700; color: var(--fxcr-fg-3); letter-spacing: 0; margin-left: 2px; }
#fxcr .fxcr-kpi__d { font-size: 12.5px; color: var(--fxcr-fg-3); font-weight: 600; display: flex; align-items: center; gap: 4px; }
#fxcr .fxcr-kpi__d.is-up { color: var(--fxcr-ok); }
#fxcr .fxcr-kpi__d.is-down { color: var(--fxcr-bad); }
#fxcr .fxcr-kpi__d .fxcr-ic { width: 13px; height: 13px; }

#fxcr .fxcr-chart { position: relative; }
#fxcr .fxcr-chart svg { width: 100%; height: 150px; display: block; overflow: visible; }
#fxcr .fxcr-chart rect.fxcr-bar { fill: var(--fxcr-c); opacity: .85; rx: 2; transition: opacity .12s; }
#fxcr .fxcr-chart rect.fxcr-bar:hover, #fxcr .fxcr-chart rect.fxcr-bar.is-on { opacity: 1; }
#fxcr .fxcr-chart rect.fxcr-bar.is-today { fill: var(--fxcr-accent); }
#fxcr .fxcr-chart line.fxcr-grid { stroke: var(--fxcr-bdr); stroke-width: 1; }
#fxcr .fxcr-chart text { font: 600 11px var(--fxcr-font); fill: var(--fxcr-fg-3); }
#fxcr .fxcr-chart__foot { display: flex; justify-content: space-between; gap: 10px; margin: 8px 0 0; font-size: 12.5px; color: var(--fxcr-fg-3); font-weight: 600; }
#fxcr .fxcr-tip {
  position: absolute; pointer-events: none; z-index: 2; padding: 6px 9px; border-radius: 8px; background: var(--fxcr-fg); color: var(--fxcr-surface);
  font: 700 12px/1.3 var(--fxcr-font); white-space: nowrap; transform: translate(-50%, calc(-100% - 10px)); opacity: 0; transition: opacity .12s;
}
#fxcr .fxcr-tip.is-on { opacity: 1; }
#fxcr .fxcr-tip small { display: block; font-weight: 600; opacity: .75; }

/* ---------- Ghost stats (nothing live yet) ----------------------------- */
#fxcr .fxcr-ghost { display: grid; grid-template-columns: minmax(0, 1fr) 220px; gap: 18px; align-items: center; }
#fxcr .fxcr-ghost h2 { font-size: 16px; font-weight: 800; margin: 0 0 6px; }
#fxcr .fxcr-ghost p { color: var(--fxcr-fg-2); font-size: 14px; }
#fxcr .fxcr-ghost__chips { display: flex; flex-wrap: wrap; gap: 6px; margin: 12px 0 0; }
#fxcr .fxcr-ghost__chips span { font-size: 12px; font-weight: 700; color: var(--fxcr-fg-3); padding: 5px 10px; border-radius: 999px; border: 1px dashed var(--fxcr-bdr-strong); }
#fxcr .fxcr-ghost svg { width: 100%; height: 86px; display: block; }
#fxcr .fxcr-ghost svg polyline { fill: none; stroke: var(--fxcr-bdr-strong); stroke-width: 2; stroke-dasharray: 5 5; }
#fxcr .fxcr-ghost svg rect { fill: var(--fxcr-surface-3); }

/* ---------- Submissions board ----------------------------------------- */
#fxcr .fxcr-subs { display: flex; flex-direction: column; gap: 10px; }
#fxcr .fxcr-sub {
  --sc: var(--fxcr-s-draft);
  display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 6px 14px; align-items: center;
  padding: 12px 14px 12px 16px; border-radius: 13px; background: var(--fxcr-surface-2); border: 1px solid var(--fxcr-bdr); box-shadow: inset 4px 0 0 var(--sc);
}
#fxcr .fxcr-sub.is-draft { --sc: var(--fxcr-s-draft); }
#fxcr .fxcr-sub.is-pending { --sc: var(--fxcr-s-pending); }
#fxcr .fxcr-sub.is-changes { --sc: var(--fxcr-s-changes); }
#fxcr .fxcr-sub.is-publishing { --sc: var(--fxcr-s-publishing); }
#fxcr .fxcr-sub.is-approved { --sc: var(--fxcr-s-approved); }
#fxcr .fxcr-sub.is-rejected { --sc: var(--fxcr-s-rejected); }
#fxcr .fxcr-sub__t { min-width: 0; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
#fxcr .fxcr-sub__t a { font-weight: 800; font-size: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; }
#fxcr .fxcr-sub__t a:hover { color: var(--fxcr-c); }
#fxcr .fxcr-sub__meta { grid-column: 1; font-size: 12.5px; color: var(--fxcr-fg-3); font-weight: 600; display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
#fxcr .fxcr-sub__act { grid-column: 2; grid-row: 1 / span 2; display: flex; align-items: center; gap: 8px; }
#fxcr .fxcr-sub__need { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 6px; align-items: center; margin-top: 2px; }
#fxcr .fxcr-sub__need > span:first-child { font-size: 12px; font-weight: 800; color: var(--fxcr-fg-3); text-transform: uppercase; letter-spacing: .5px; margin-right: 2px; }
#fxcr .fxcr-chip { display: inline-flex; align-items: center; gap: 5px; font-size: 12.5px; font-weight: 700; padding: 4px 10px 4px 7px; border-radius: 999px; background: var(--fxcr-surface); border: 1px solid var(--fxcr-bdr-strong); color: var(--fxcr-fg-2); }
#fxcr .fxcr-chip .fxcr-ic { width: 13px; height: 13px; }
#fxcr .fxcr-chip--todo .fxcr-ic { color: var(--fxcr-warn); }
#fxcr .fxcr-chip--done { color: var(--fxcr-ok); border-color: color-mix(in srgb, var(--fxcr-ok) 40%, transparent); }
#fxcr .fxcr-sub__reason { grid-column: 1 / -1; margin-top: 4px; padding: 10px 12px; border-radius: 10px; background: var(--fxcr-surface); border: 1px solid var(--fxcr-bdr); font-size: 13.5px; color: var(--fxcr-fg-2); line-height: 1.45; }
#fxcr .fxcr-sub__reason b { color: var(--sc); font-weight: 800; }

#fxcr .fxcr-pill { display: inline-flex; align-items: center; gap: 5px; height: 22px; padding: 0 9px; border-radius: 999px; font: 800 11px/1 var(--fxcr-font); text-transform: uppercase; letter-spacing: .5px; white-space: nowrap; background: var(--fxcr-surface-3); color: var(--fxcr-fg-2); }
#fxcr .fxcr-pill i { width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
#fxcr .fxcr-pill--draft { color: var(--fxcr-s-draft); background: color-mix(in srgb, var(--fxcr-s-draft) 14%, transparent); }
#fxcr .fxcr-pill--pending { color: var(--fxcr-s-pending); background: color-mix(in srgb, var(--fxcr-s-pending) 14%, transparent); }
#fxcr .fxcr-pill--changes { color: var(--fxcr-s-changes); background: color-mix(in srgb, var(--fxcr-s-changes) 16%, transparent); }
#fxcr .fxcr-pill--publishing { color: var(--fxcr-s-publishing); background: color-mix(in srgb, var(--fxcr-s-publishing) 14%, transparent); }
#fxcr .fxcr-pill--approved { color: var(--fxcr-s-approved); background: color-mix(in srgb, var(--fxcr-s-approved) 14%, transparent); }
#fxcr .fxcr-pill--rejected { color: var(--fxcr-s-rejected); background: color-mix(in srgb, var(--fxcr-s-rejected) 14%, transparent); }
#fxcr .fxcr-pill--kind { background: transparent; border: 1px solid var(--fxcr-bdr-strong); color: var(--fxcr-fg-3); }

/* ---------- Empty states ----------------------------------------------- */
#fxcr .fxcr-empty { display: flex; align-items: center; gap: 16px; padding: 18px 16px; border-radius: 13px; border: 1px dashed var(--fxcr-bdr-strong); }
#fxcr .fxcr-empty__ico { width: 44px; height: 44px; border-radius: 12px; flex: 0 0 auto; display: grid; place-items: center; color: var(--fxcr-c); background: var(--fxcr-c-soft); }
#fxcr .fxcr-empty__ico .fxcr-ic { width: 22px; height: 22px; }
#fxcr .fxcr-empty b { display: block; font-size: 14.5px; font-weight: 800; }
#fxcr .fxcr-empty p { font-size: 13.5px; color: var(--fxcr-fg-3); margin-top: 2px; }
#fxcr .fxcr-empty > div { flex: 1 1 auto; min-width: 0; }
#fxcr .fxcr-empty .fxcr-btn { flex: 0 0 auto; }

/* ---------- Top add-ons table ----------------------------------------- */
#fxcr .fxcr-table th, #fxcr .fxcr-table td { padding: 10px 8px; border-bottom: 1px solid var(--fxcr-bdr); text-align: left; vertical-align: middle; font-size: 14px; }
#fxcr .fxcr-table th { font: 800 11px/1 var(--fxcr-font); color: var(--fxcr-fg-3); text-transform: uppercase; letter-spacing: .6px; padding-top: 0; }
#fxcr .fxcr-table tr:last-child td { border-bottom: 0; }
#fxcr .fxcr-table td.fxcr-num, #fxcr .fxcr-table th.fxcr-num { text-align: right; font-variant-numeric: tabular-nums; }
#fxcr .fxcr-table .fxcr-mod { display: flex; align-items: center; gap: 12px; min-width: 0; }
#fxcr .fxcr-table .fxcr-mod img, #fxcr .fxcr-table .fxcr-mod i { width: 64px; height: 42px; border-radius: 7px; object-fit: cover; background: var(--fxcr-surface-3); flex: 0 0 auto; display: block; }
#fxcr .fxcr-table .fxcr-mod b { display: block; font-weight: 800; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#fxcr .fxcr-table .fxcr-mod small { display: block; font-size: 12px; color: var(--fxcr-fg-3); }
#fxcr .fxcr-table .fxcr-mod > span { min-width: 0; }
#fxcr .fxcr-table a:hover b { color: var(--fxcr-c); }
#fxcr .fxcr-spark { width: 72px; height: 22px; display: inline-block; vertical-align: middle; }
#fxcr .fxcr-spark polyline { fill: none; stroke: var(--fxcr-c); stroke-width: 1.5; }

/* ---------- Fold (collapsed group inside a card) ------------------------ */
#fxcr .fxcr-fold { margin: 14px 0 0; }
#fxcr .fxcr-fold summary { display: flex; align-items: center; gap: 8px; list-style: none; cursor: pointer; padding: 8px 10px; margin: 0 -10px; border-radius: 10px; font-size: 14px; color: var(--fxcr-fg-2); user-select: none; }
#fxcr .fxcr-fold summary::-webkit-details-marker { display: none; }
#fxcr .fxcr-fold summary:hover { background: var(--fxcr-hover); color: var(--fxcr-fg); }
#fxcr .fxcr-fold summary .fxcr-ic { width: 15px; height: 15px; color: var(--fxcr-fg-3); transition: transform .18s var(--fxcr-ease); }
#fxcr .fxcr-fold[open] summary .fxcr-ic { transform: rotate(90deg); }
#fxcr .fxcr-fold summary b { font-weight: 800; color: var(--fxcr-fg); }
#fxcr .fxcr-fold summary span { font-size: 12.5px; color: var(--fxcr-fg-3); font-weight: 600; }
#fxcr .fxcr-fold > .fxcr-subs { margin-top: 10px; }

/* ---------- Table toolbar: search + sort ------------------------------- */
#fxcr .fxcr-tools { display: flex; align-items: center; gap: 8px; flex: 0 1 auto; min-width: 0; }
#fxcr .fxcr-search { position: relative; display: flex; align-items: center; min-width: 0; }
#fxcr .fxcr-search > .fxcr-ic { position: absolute; left: 11px; width: 15px; height: 15px; color: var(--fxcr-fg-3); pointer-events: none; }
#fxcr .fxcr-search input, #fxcr .fxcr-tools select {
  height: 36px; border-radius: 10px; border: 1px solid var(--fxcr-bdr-strong); background: var(--fxcr-surface-2); color: var(--fxcr-fg);
  font: 600 13.5px/1 var(--fxcr-font); margin: 0; box-shadow: none; text-shadow: none; -webkit-appearance: none; appearance: none; outline: none;
}
#fxcr .fxcr-search input { width: 220px; padding: 0 12px 0 32px; }
#fxcr .fxcr-search input::placeholder { color: var(--fxcr-fg-3); }
#fxcr .fxcr-search input::-webkit-search-cancel-button { -webkit-appearance: none; appearance: none; }
#fxcr .fxcr-tools select { padding: 0 30px 0 12px; cursor: pointer; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238b96a8' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 10px center; background-size: 14px; }
#fxcr .fxcr-search input:focus, #fxcr .fxcr-tools select:focus { border-color: var(--fxcr-focus); box-shadow: 0 0 0 3px rgba(37, 99, 235, .18); }
#fxcr .fxcr-tbl__wrap { overflow-x: auto; margin: 0 -22px; padding: 0 22px; }
#fxcr .fxcr-table--mods th, #fxcr .fxcr-table--mods td { padding: 11px 10px; }
#fxcr .fxcr-table--mods td:first-child, #fxcr .fxcr-table--mods th:first-child { padding-left: 0; }
#fxcr .fxcr-table--mods .fxcr-num small { display: block; font-size: 11.5px; font-weight: 700; margin-top: 2px; color: var(--fxcr-fg-3); }
#fxcr .fxcr-table--mods .fxcr-num small.is-up { color: var(--fxcr-ok); }
#fxcr .fxcr-table--mods .fxcr-num small.is-down { color: var(--fxcr-bad); }
#fxcr .fxcr-table--mods .fxcr-num small.is-new { color: var(--fxcr-c); text-transform: uppercase; letter-spacing: .5px; font-size: 10.5px; }
#fxcr .fxcr-table--mods .fxcr-acts { text-align: right; white-space: nowrap; padding-right: 0; }
#fxcr .fxcr-table--mods .fxcr-acts > div { display: inline-flex; gap: 6px; }
#fxcr .fxcr-table--mods .fxcr-acts .fxcr-btn--sm { height: 32px; padding: 0 10px; }
#fxcr .fxcr-table--mods .fxcr-acts .fxcr-btn--sm .fxcr-ic { width: 14px; height: 14px; }
#fxcr .fxcr-table--mods tr[hidden] { display: none; }
#fxcr .fxcr-pager { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 12px 0 0; font-size: 13px; color: var(--fxcr-fg-3); font-weight: 600; }
#fxcr .fxcr-pager > span:last-child { display: inline-flex; gap: 6px; }
#fxcr .fxcr-pager[hidden] { display: none; }
#fxcr .fxcr-tbl__none { padding: 18px 0 6px; font-size: 14px; color: var(--fxcr-fg-3); }
#fxcr .fxcr-tbl__none[hidden] { display: none; }
#fxcr .fxcr-foot-note { margin: 14px 0 0; padding-top: 12px; border-top: 1px solid var(--fxcr-bdr); font-size: 13px; color: var(--fxcr-fg-3); }

/* ---------- Notes (editor reasons etc.) ------------------------------- */
#fxcr .fxcr-note { display: flex; gap: 12px; align-items: flex-start; padding: 14px 16px; border-radius: 13px; margin: 0 0 18px; background: var(--fxcr-surface); border: 1px solid var(--fxcr-bdr); box-shadow: inset 4px 0 0 var(--fxcr-info); font-size: 14px; line-height: 1.5; color: var(--fxcr-fg-2); }
#fxcr .fxcr-note > .fxcr-ic { width: 20px; height: 20px; color: var(--fxcr-info); flex: 0 0 auto; margin-top: 1px; }
#fxcr .fxcr-note b { display: block; color: var(--fxcr-fg); font-weight: 800; margin-bottom: 2px; }
#fxcr .fxcr-note--warn { box-shadow: inset 4px 0 0 var(--fxcr-warn); } #fxcr .fxcr-note--warn > .fxcr-ic { color: var(--fxcr-warn); }
#fxcr .fxcr-note--bad { box-shadow: inset 4px 0 0 var(--fxcr-bad); } #fxcr .fxcr-note--bad > .fxcr-ic { color: var(--fxcr-bad); }
#fxcr .fxcr-inline { display: inline; margin: 0; }

/* ---------- Forms ------------------------------------------------------- */
#fxcr .fxcr-fieldset { border: 0; padding: 0; margin: 0; min-width: 0; }
#fxcr .fxcr-fieldset[disabled] .fxcr-field input, #fxcr .fxcr-fieldset[disabled] .fxcr-field select, #fxcr .fxcr-fieldset[disabled] .fxcr-field textarea, #fxcr .fxcr-fieldset[disabled] .fxcr-radio, #fxcr .fxcr-fieldset[disabled] .fxcr-checkbox { opacity: .7; cursor: not-allowed; }
#fxcr .fxcr-cols--form { grid-template-columns: minmax(0, 1fr) 360px; }
#fxcr .fxcr-sec__h { display: flex; align-items: center; gap: 10px; margin: 0 0 14px; }
#fxcr .fxcr-sec__h h2 { font-size: 16.5px; font-weight: 800; }
#fxcr .fxcr-sec__h small { font-size: 12.5px; font-weight: 600; color: var(--fxcr-fg-3); margin-left: 2px; }
#fxcr .fxcr-sec__n { width: 26px; height: 26px; border-radius: 50%; display: grid; place-items: center; flex: 0 0 auto; font: 900 12px/1 var(--fxcr-font); color: var(--fxcr-c); background: var(--fxcr-c-soft); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--fxcr-c) 35%, transparent); }
#fxcr .fxcr-field { margin: 0 0 14px; }
#fxcr .fxcr-field:last-child { margin-bottom: 0; }
#fxcr .fxcr-field > label { display: block; font-weight: 700; font-size: 13.5px; margin: 0 0 6px; color: var(--fxcr-fg); }
#fxcr .fxcr-field > label span { font-weight: 600; color: var(--fxcr-fg-3); }
#fxcr .fxcr-field > label .fxcr-field__aside { float: right; font-size: 12.5px; }
#fxcr .fxcr-field input[type="text"], #fxcr .fxcr-field input[type="url"], #fxcr .fxcr-field input[type="email"], #fxcr .fxcr-field input[type="password"], #fxcr .fxcr-field select, #fxcr .fxcr-field textarea {
  display: block; width: 100%; margin: 0; padding: 10px 12px; border-radius: 10px; border: 1px solid var(--fxcr-bdr-strong); background: var(--fxcr-surface-2); color: var(--fxcr-fg);
  font: 500 15px/1.4 var(--fxcr-font); box-shadow: none; text-shadow: none; outline: none; -webkit-appearance: none; appearance: none; transition: border-color .15s, box-shadow .15s;
}
#fxcr .fxcr-field input::placeholder, #fxcr .fxcr-field textarea::placeholder { color: var(--fxcr-fg-3); }
#fxcr .fxcr-field input:focus, #fxcr .fxcr-field select:focus, #fxcr .fxcr-field textarea:focus { border-color: var(--fxcr-focus); box-shadow: 0 0 0 3px rgba(37, 99, 235, .18); }
#fxcr .fxcr-field select { padding-right: 34px; cursor: pointer; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238b96a8' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 12px center; background-size: 16px; }
#fxcr .fxcr-field textarea { resize: vertical; min-height: 110px; line-height: 1.5; }
#fxcr .fxcr-field [hidden] { display: none; }
#fxcr .fxcr-hint { font-size: 12.5px; color: var(--fxcr-fg-3); margin: 6px 0 0; line-height: 1.45; }
#fxcr .fxcr-hint--row { display: flex; justify-content: space-between; gap: 10px; flex-wrap: wrap; }
#fxcr .fxcr-wc { font-weight: 700; white-space: nowrap; }
#fxcr .fxcr-wc.is-ok { color: var(--fxcr-ok); }
#fxcr .fxcr-grid2 { display: grid; grid-template-columns: 1fr 1fr; gap: 0 14px; }
#fxcr .fxcr-radios { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
#fxcr .fxcr-radio { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: 11px; border: 1px solid var(--fxcr-bdr-strong); background: var(--fxcr-surface-2); cursor: pointer; font-weight: 500; margin: 0; transition: border-color .15s, background .15s; }
#fxcr .fxcr-radio:hover { border-color: var(--fxcr-fg-3); }
#fxcr .fxcr-radio input { position: absolute; opacity: 0; pointer-events: none; }
#fxcr .fxcr-radio__box { width: 18px; height: 18px; border-radius: 50%; border: 1.5px solid var(--fxcr-bdr-strong); flex: 0 0 auto; display: grid; place-items: center; }
#fxcr .fxcr-radio__box::after { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--fxcr-c); transform: scale(0); transition: transform .15s var(--fxcr-ease); }
#fxcr .fxcr-radio input:checked ~ .fxcr-radio__box { border-color: var(--fxcr-c); }
#fxcr .fxcr-radio input:checked ~ .fxcr-radio__box::after { transform: scale(1); }
#fxcr .fxcr-radio:has(input:checked) { border-color: var(--fxcr-c); background: var(--fxcr-c-soft); }
#fxcr .fxcr-radio input:focus-visible ~ .fxcr-radio__box { outline: 2px solid var(--fxcr-focus); outline-offset: 2px; }
#fxcr .fxcr-radio b { display: block; font-size: 13.5px; font-weight: 800; }
#fxcr .fxcr-radio small { display: block; font-size: 12px; color: var(--fxcr-fg-3); }
#fxcr .fxcr-checkbox { display: flex; gap: 10px; align-items: flex-start; cursor: pointer; font-size: 14px; line-height: 1.5; color: var(--fxcr-fg-2); margin: 0; font-weight: 500; }
#fxcr .fxcr-checkbox input { position: absolute; opacity: 0; pointer-events: none; }
#fxcr .fxcr-checkbox .fxcr-check__box { width: 20px; height: 20px; border-radius: 6px; border: 1.5px solid var(--fxcr-bdr-strong); display: grid; place-items: center; flex: 0 0 auto; margin-top: 2px; color: #fff; transition: background .15s, border-color .15s; }
#fxcr .fxcr-checkbox .fxcr-check__box .fxcr-ic { width: 12px; height: 12px; opacity: 0; }
#fxcr .fxcr-checkbox input:checked ~ .fxcr-check__box { background: var(--fxcr-ok); border-color: var(--fxcr-ok); }
html[data-theme="dark"] #fxcr .fxcr-checkbox input:checked ~ .fxcr-check__box { color: #052e16; }
#fxcr .fxcr-checkbox input:checked ~ .fxcr-check__box .fxcr-ic { opacity: 1; }
#fxcr .fxcr-checkbox input:focus-visible ~ .fxcr-check__box { outline: 2px solid var(--fxcr-focus); outline-offset: 2px; }
#fxcr .fxcr-btn--danger { color: var(--fxcr-bad); }

/* Upload */
#fxcr .fxcr-drop { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; text-align: center; padding: 30px 20px; border-radius: 14px; border: 2px dashed var(--fxcr-bdr-strong); background: var(--fxcr-surface-2); cursor: pointer; transition: border-color .15s, background .15s; }
#fxcr .fxcr-drop:hover, #fxcr .fxcr-drop:focus-visible { border-color: var(--fxcr-c); }
#fxcr .fxcr-drop.is-over { border-color: var(--fxcr-c); background: var(--fxcr-c-soft); }
#fxcr .fxcr-drop[hidden] { display: none; }
#fxcr .fxcr-drop__ico { width: 46px; height: 46px; border-radius: 13px; display: grid; place-items: center; margin-bottom: 8px; color: var(--fxcr-c); background: var(--fxcr-c-soft); }
#fxcr .fxcr-drop__ico .fxcr-ic { width: 22px; height: 22px; }
#fxcr .fxcr-drop b { font-size: 15.5px; font-weight: 800; }
#fxcr .fxcr-drop > span { font-size: 14px; color: var(--fxcr-fg-2); }
#fxcr .fxcr-drop > span u { color: var(--fxcr-c); text-decoration: none; font-weight: 700; }
#fxcr .fxcr-drop small { font-size: 12.5px; color: var(--fxcr-fg-3); margin-top: 8px; }
#fxcr .fxcr-upfile { display: flex; align-items: center; gap: 12px; padding: 12px 14px; border-radius: 12px; background: var(--fxcr-surface-2); border: 1px solid color-mix(in srgb, var(--fxcr-ok) 40%, transparent); margin: 0 0 10px; }
#fxcr .fxcr-upfile[hidden] { display: none; }
#fxcr .fxcr-upfile__ico { width: 36px; height: 36px; border-radius: 10px; display: grid; place-items: center; flex: 0 0 auto; color: var(--fxcr-ok); background: color-mix(in srgb, var(--fxcr-ok) 14%, transparent); }
#fxcr .fxcr-upfile > div { flex: 1 1 auto; min-width: 0; }
#fxcr .fxcr-upfile b { display: block; font-size: 14px; font-weight: 800; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#fxcr .fxcr-upfile small { display: block; font-size: 12.5px; color: var(--fxcr-fg-3); }
#fxcr .fxcr-upstat { padding: 14px 16px; border-radius: 12px; background: var(--fxcr-surface-2); border: 1px solid var(--fxcr-bdr); }
#fxcr .fxcr-upstat[hidden] { display: none; }
#fxcr .fxcr-upstat__row { display: flex; justify-content: space-between; align-items: center; gap: 10px; font-size: 13.5px; }
#fxcr .fxcr-upstat__row b { font-weight: 800; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; }
#fxcr .fxcr-upstat__foot { margin-top: 8px; color: var(--fxcr-fg-3); font-size: 12.5px; }
#fxcr .fxcr-upstat__msg { margin-top: 8px; font-size: 13px; color: var(--fxcr-fg-2); }
#fxcr .fxcr-upstat__msg .is-bad { color: var(--fxcr-bad); font-weight: 700; }
#fxcr .fxcr-upstat__msg .is-ok { color: var(--fxcr-ok); font-weight: 800; }
#fxcr .fxcr-prog { height: 8px; border-radius: 999px; background: var(--fxcr-surface-3); overflow: hidden; margin: 10px 0 0; }
#fxcr .fxcr-prog i { display: block; height: 100%; width: 0; border-radius: inherit; background: linear-gradient(90deg, var(--fxcr-c), var(--fxcr-c-2)); transition: width .2s; }

/* Reference screenshots */
#fxcr .fxcr-shots { display: grid; grid-template-columns: repeat(auto-fill, minmax(96px, 1fr)); gap: 8px; margin: 10px 0 0; }
#fxcr .fxcr-shots figure { position: relative; margin: 0; border-radius: 9px; overflow: hidden; background: var(--fxcr-surface-3); aspect-ratio: 3 / 2; }
#fxcr .fxcr-shots img { width: 100%; height: 100%; object-fit: cover; display: block; }
#fxcr .fxcr-shots figcaption { position: absolute; left: 0; right: 0; bottom: 0; padding: 14px 6px 4px; font: 600 10.5px/1.2 var(--fxcr-font); color: #fff; background: linear-gradient(to top, rgba(0, 0, 0, .7), transparent); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#fxcr .fxcr-shots__del { position: absolute; top: 4px; right: 4px; width: 24px; height: 24px; border-radius: 7px; display: grid; place-items: center; color: #fff; background: rgba(0, 0, 0, .6); opacity: 0; transition: opacity .15s; }
#fxcr .fxcr-shots__del .fxcr-ic { width: 13px; height: 13px; }
#fxcr .fxcr-shots figure:hover .fxcr-shots__del, #fxcr .fxcr-shots__del:focus-visible { opacity: 1; }
#fxcr .fxcr-shots__bar { display: flex; align-items: center; gap: 10px; margin: 10px 0 0; }
#fxcr .fxcr-shots__bar .fxcr-hint { margin: 0; }
#fxcr .fxcr-shots__first { display: flex; align-items: center; gap: 10px; padding: 12px 14px; border-radius: 11px; border: 1px dashed var(--fxcr-bdr-strong); font-size: 13.5px; color: var(--fxcr-fg-3); }
#fxcr .fxcr-shots__first .fxcr-ic { color: var(--fxcr-fg-3); }

/* Readiness panel */
#fxcr .fxcr-check--ready li { display: flex; align-items: center; gap: 10px; padding: 7px 0; font-size: 13.5px; font-weight: 600; color: var(--fxcr-fg-2); }
#fxcr .fxcr-check--ready li .fxcr-check__box { width: 18px; height: 18px; border-radius: 6px; border: 1.5px solid var(--fxcr-bdr-strong); display: grid; place-items: center; flex: 0 0 auto; color: #fff; }
#fxcr .fxcr-check--ready li .fxcr-check__box .fxcr-ic { width: 11px; height: 11px; opacity: 0; }
#fxcr .fxcr-check--ready li.is-done .fxcr-check__box { background: var(--fxcr-ok); border-color: var(--fxcr-ok); }
html[data-theme="dark"] #fxcr .fxcr-check--ready li.is-done .fxcr-check__box { color: #052e16; }
#fxcr .fxcr-check--ready li.is-done .fxcr-check__box .fxcr-ic { opacity: 1; }
#fxcr .fxcr-check--ready li.is-done { color: var(--fxcr-fg-3); }
#fxcr .fxcr-ready__acts { display: flex; flex-direction: column; gap: 8px; margin: 14px 0 0; }
#fxcr .fxcr-ready .fxcr-card__head small.is-ok { color: var(--fxcr-ok); }

/* Status timeline (read-only submission) */
#fxcr .fxcr-timeline { position: relative; padding-left: 4px; }
#fxcr .fxcr-timeline li { position: relative; padding: 0 0 14px 24px; }
#fxcr .fxcr-timeline li::before { content: ""; position: absolute; left: 6px; top: 16px; bottom: -2px; width: 2px; background: var(--fxcr-bdr-strong); }
#fxcr .fxcr-timeline li:last-child::before { display: none; }
#fxcr .fxcr-timeline__dot { position: absolute; left: 0; top: 4px; width: 14px; height: 14px; border-radius: 50%; border: 2px solid var(--fxcr-bdr-strong); background: var(--fxcr-surface); }
#fxcr .fxcr-timeline li.is-done .fxcr-timeline__dot { background: var(--fxcr-ok); border-color: var(--fxcr-ok); }
#fxcr .fxcr-timeline li.is-done::before { background: var(--fxcr-ok); }
#fxcr .fxcr-timeline li.is-now .fxcr-timeline__dot { border-color: var(--fxcr-c); box-shadow: 0 0 0 4px var(--fxcr-c-soft); }
#fxcr .fxcr-timeline li.is-bad .fxcr-timeline__dot { background: var(--fxcr-bad); border-color: var(--fxcr-bad); }
#fxcr .fxcr-timeline b { display: block; font-size: 14px; font-weight: 800; }
#fxcr .fxcr-timeline li:not(.is-done):not(.is-now):not(.is-bad) b { color: var(--fxcr-fg-3); }
#fxcr .fxcr-timeline small { display: block; font-size: 12.5px; color: var(--fxcr-fg-3); margin-top: 2px; line-height: 1.4; }

/* ---------- Tabs + thread list (comments, messages) -------------------- */
#fxcr .fxcr-tabs { display: flex; gap: 4px; padding: 4px; border-radius: 12px; background: var(--fxcr-surface-2); border: 1px solid var(--fxcr-bdr); margin: 0 0 14px; width: max-content; max-width: 100%; }
#fxcr .fxcr-tabs button { display: inline-flex; align-items: center; gap: 7px; height: 36px; padding: 0 12px; border-radius: 9px; font-size: 13.5px; font-weight: 700; color: var(--fxcr-fg-2); white-space: nowrap; transition: background .15s, color .15s; }
#fxcr .fxcr-tabs button:hover { color: var(--fxcr-fg); }
#fxcr .fxcr-tabs button[aria-selected="true"] { background: var(--fxcr-surface); color: var(--fxcr-fg); box-shadow: 0 1px 3px rgba(0, 0, 0, .18); }
#fxcr .fxcr-threads__list { display: flex; flex-direction: column; gap: 10px; }
#fxcr .fxcr-thread { padding: 14px 16px; border-radius: 13px; background: var(--fxcr-surface-2); border: 1px solid var(--fxcr-bdr); }
#fxcr .fxcr-thread[hidden] { display: none; }
#fxcr .fxcr-thread[data-state="open"] { box-shadow: inset 3px 0 0 var(--fxcr-warn); }
#fxcr .fxcr-thread__head { display: flex; align-items: center; gap: 10px; margin: 0 0 10px; }
#fxcr .fxcr-thread__head > div { flex: 1 1 auto; min-width: 0; }
#fxcr .fxcr-thread__head b { display: block; font-size: 14px; font-weight: 800; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#fxcr .fxcr-thread__head small { display: block; font-size: 12.5px; color: var(--fxcr-fg-3); margin-top: 1px; }
#fxcr .fxcr-thread__head small a { color: var(--fxcr-fg-2); font-weight: 700; }
#fxcr .fxcr-thread__head small a:hover { color: var(--fxcr-c); }
#fxcr .fxcr-thread__mail { font-weight: 600; font-size: 12.5px; color: var(--fxcr-fg-3); margin-left: 4px; }
#fxcr .fxcr-thread__state { flex: 0 0 auto; }
#fxcr .fxcr-thread .fxcr-av { width: 34px; height: 34px; font-size: 14px; background: var(--fxcr-surface-3); color: var(--fxcr-fg-2); }
#fxcr .fxcr-thread__body { font-size: 14.5px; line-height: 1.55; color: var(--fxcr-fg); padding: 0 0 0 44px; }
#fxcr .fxcr-thread__body p { margin: 0 0 8px; }
#fxcr .fxcr-thread__body p:last-child { margin-bottom: 0; }
#fxcr .fxcr-thread__body ul, #fxcr .fxcr-thread__body ol { margin: 0 0 8px; padding-left: 22px; list-style: disc; }
#fxcr .fxcr-thread__body ol { list-style: decimal; }
#fxcr .fxcr-thread__body a { color: var(--fxcr-c); text-decoration: underline; }
#fxcr .fxcr-thread__body code { font: 500 13px var(--fxcr-mono); background: var(--fxcr-surface); border: 1px solid var(--fxcr-bdr); border-radius: 4px; padding: 0 4px; }
#fxcr .fxcr-thread__body blockquote { margin: 0 0 8px; padding: 0 0 0 12px; border-left: 3px solid var(--fxcr-bdr-strong); color: var(--fxcr-fg-2); }
#fxcr .fxcr-thread__body--pre { white-space: pre-wrap; word-wrap: break-word; }
#fxcr .fxcr-thread__foot { display: flex; gap: 8px; margin: 12px 0 0 44px; }
#fxcr .fxcr-thread__foot[hidden] { display: none; }
#fxcr .fxcr-thread__reply { margin: 12px 0 0 44px; padding: 10px 12px; border-radius: 10px; background: var(--fxcr-surface); border: 1px solid var(--fxcr-bdr); border-left: 3px solid var(--fxcr-ok); font-size: 14px; line-height: 1.5; color: var(--fxcr-fg-2); white-space: pre-wrap; }
#fxcr .fxcr-thread__reply b { display: flex; align-items: center; gap: 6px; font-weight: 800; color: var(--fxcr-fg); margin: 0 0 4px; white-space: normal; }
#fxcr .fxcr-thread__reply b .fxcr-ic { width: 14px; height: 14px; color: var(--fxcr-ok); }
#fxcr .fxcr-thread__reply b small { font-weight: 600; color: var(--fxcr-fg-3); font-size: 12px; }
#fxcr .fxcr-reply { margin: 12px 0 0 44px; }
#fxcr .fxcr-reply[hidden] { display: none; }
#fxcr .fxcr-reply textarea { display: block; width: 100%; margin: 0; padding: 10px 12px; border-radius: 10px; border: 1px solid var(--fxcr-bdr-strong); background: var(--fxcr-surface); color: var(--fxcr-fg); font: 500 14.5px/1.5 var(--fxcr-font); resize: vertical; min-height: 96px; outline: none; box-shadow: none; -webkit-appearance: none; appearance: none; }
#fxcr .fxcr-reply textarea:focus { border-color: var(--fxcr-focus); box-shadow: 0 0 0 3px rgba(37, 99, 235, .18); }
#fxcr .fxcr-reply__bar { display: flex; align-items: center; gap: 8px; margin: 8px 0 0; flex-wrap: wrap; }
#fxcr .fxcr-reply__bar .fxcr-hint { margin: 0; }
#fxcr .fxcr-reply__bar .fxcr-hint.is-bad { color: var(--fxcr-bad); font-weight: 700; }
#fxcr .fxcr-threads__none { padding: 22px 0 8px; text-align: center; font-size: 14px; color: var(--fxcr-fg-3); }
#fxcr .fxcr-threads__none[hidden] { display: none; }

/* ---------- Profile page: avatar, bio editor, switches ----------------- */
#fxcr .fxcr-avatar { display: flex; align-items: center; gap: 16px; padding: 0 0 16px; margin: 0 0 16px; border-bottom: 1px solid var(--fxcr-bdr); }
#fxcr .fxcr-avatar__img { width: 88px; height: 88px; border-radius: 50%; object-fit: cover; flex: 0 0 auto; border: 1px solid var(--fxcr-bdr-strong); background: var(--fxcr-surface-3); }
#fxcr .fxcr-avatar > div { min-width: 0; }
#fxcr .fxcr-avatar b { display: block; font-size: 14px; font-weight: 800; }
#fxcr .fxcr-avatar small { display: block; font-size: 12.5px; color: var(--fxcr-fg-3); margin: 2px 0 8px; }
#fxcr .fxcr-avatar__bar { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
#fxcr .fxcr-avatar__bar .fxcr-hint { margin: 0; }
#fxcr .fxcr-rte { border: 1px solid var(--fxcr-bdr-strong); border-radius: 10px; background: var(--fxcr-surface-2); overflow: hidden; transition: border-color .15s, box-shadow .15s; }
#fxcr .fxcr-rte:focus-within { border-color: var(--fxcr-focus); box-shadow: 0 0 0 3px rgba(37, 99, 235, .18); }
#fxcr .fxcr-rte__bar { display: flex; align-items: center; gap: 4px; padding: 6px 8px; border-bottom: 1px solid var(--fxcr-bdr); background: var(--fxcr-surface); }
#fxcr .fxcr-rte__bar button { width: 32px; height: 30px; border-radius: 7px; color: var(--fxcr-fg-2); font: 700 14px/1 Georgia, "Times New Roman", serif; border: 1px solid transparent; }
#fxcr .fxcr-rte__bar button i { font-style: italic; }
#fxcr .fxcr-rte__bar button:hover { background: var(--fxcr-hover); color: var(--fxcr-fg); }
#fxcr .fxcr-rte__bar button.is-on { background: var(--fxcr-c-soft); border-color: color-mix(in srgb, var(--fxcr-c) 40%, transparent); color: var(--fxcr-c); }
#fxcr .fxcr-rte__bar > span { margin-left: auto; font-size: 12px; color: var(--fxcr-fg-3); font-weight: 600; }
#fxcr .fxcr-rte__area { min-height: 160px; max-height: 420px; overflow: auto; padding: 12px 14px; font: 500 15px/1.55 var(--fxcr-font); color: var(--fxcr-fg); outline: none; white-space: pre-wrap; word-wrap: break-word; }
#fxcr .fxcr-rte__area p { margin: 0 0 10px; }
#fxcr .fxcr-rte__area p:last-child { margin-bottom: 0; }
#fxcr .fxcr-rte__area:empty::before, #fxcr .fxcr-rte__area.is-empty::before { content: attr(data-placeholder); color: var(--fxcr-fg-3); pointer-events: none; }
#fxcr .fxcr-switch { display: flex; align-items: flex-start; gap: 12px; padding: 12px 0; border-bottom: 1px solid var(--fxcr-bdr); cursor: pointer; margin: 0; font-weight: 500; }
#fxcr .fxcr-switch:last-child { border-bottom: 0; padding-bottom: 0; }
#fxcr .fxcr-switch input { position: absolute; opacity: 0; pointer-events: none; }
#fxcr .fxcr-switch__track { position: relative; flex: 0 0 auto; width: 40px; height: 24px; border-radius: 999px; background: var(--fxcr-surface-3); border: 1px solid var(--fxcr-bdr-strong); transition: background .18s, border-color .18s; margin-top: 1px; }
#fxcr .fxcr-switch__track i { position: absolute; top: 2px; left: 2px; width: 18px; height: 18px; border-radius: 50%; background: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, .3); transition: transform .18s var(--fxcr-ease); }
#fxcr .fxcr-switch input:checked ~ .fxcr-switch__track { background: var(--fxcr-ok); border-color: var(--fxcr-ok); }
#fxcr .fxcr-switch input:checked ~ .fxcr-switch__track i { transform: translateX(16px); }
#fxcr .fxcr-switch input:focus-visible ~ .fxcr-switch__track { outline: 2px solid var(--fxcr-focus); outline-offset: 2px; }
#fxcr .fxcr-switch > span:last-child { min-width: 0; }
#fxcr .fxcr-switch b { display: block; font-size: 14px; font-weight: 800; }
#fxcr .fxcr-switch small { display: block; font-size: 12.5px; color: var(--fxcr-fg-3); margin-top: 2px; line-height: 1.4; }
#fxcr .fxcr-strength .fxcr-ready__acts { margin-top: 10px; padding-top: 14px; border-top: 1px solid var(--fxcr-bdr); }

/* ---------- Auth pages (login / register / forgot / reset) ------------ */
#fxcr.fxcr--auth { padding-top: 34px; }
#fxcr .fxcr-auth { max-width: 440px; margin: 0 auto; }
#fxcr .fxcr-auth__brand { display: flex; align-items: center; justify-content: center; gap: 11px; margin: 0 0 22px; }
#fxcr .fxcr-auth__brand svg { width: 44px; height: 44px; border-radius: 12px; }
#fxcr .fxcr-auth__brand b { display: block; font-size: 17px; font-weight: 900; line-height: 1.1; }
#fxcr .fxcr-auth__brand small { display: block; font-size: 11.5px; font-weight: 700; color: var(--fxcr-fg-3); letter-spacing: .6px; text-transform: uppercase; margin-top: 2px; }
#fxcr .fxcr-auth__card { padding: 26px 26px 22px; }
#fxcr .fxcr-auth__card h1 { font-size: 26px; font-weight: 900; letter-spacing: -.025em; line-height: 1.1; }
#fxcr .fxcr-auth__card .fxcr-lede { margin: 6px 0 20px; font-size: 14.5px; }
#fxcr .fxcr-auth__card .fxcr-field { margin-bottom: 16px; }
#fxcr .fxcr-auth__alt { margin: 18px 0 0; padding-top: 16px; border-top: 1px solid var(--fxcr-bdr); font-size: 14px; color: var(--fxcr-fg-2); text-align: center; }
#fxcr .fxcr-auth__alt .fxcr-ic { width: 14px; height: 14px; display: inline-block; vertical-align: -2px; }
#fxcr .fxcr-auth__points { margin: 18px 4px 0; display: flex; flex-direction: column; gap: 8px; }
#fxcr .fxcr-auth__points li { display: flex; align-items: center; gap: 10px; font-size: 13.5px; color: var(--fxcr-fg-2); font-weight: 600; }
#fxcr .fxcr-auth__points .fxcr-ic { width: 16px; height: 16px; color: var(--fxcr-ok); }

/* ---------- FAQ page --------------------------------------------------- */
#fxcr.fxcr--page { padding-top: 18px; }
#fxcr .fxcr-pubbar { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 0 0 14px; margin: 0 0 22px; border-bottom: 1px solid var(--fxcr-bdr); }
#fxcr .fxcr-pubbar__acts { display: flex; gap: 8px; }
#fxcr .fxcr-auth--wide { max-width: 1180px; }
#fxcr .fxcr-cols--faq { grid-template-columns: minmax(0, 1fr) 260px; }
#fxcr .fxcr-manifesto h2 { font-size: 19px; font-weight: 900; letter-spacing: -.02em; margin: 0 0 12px; }
#fxcr .fxcr-manifesto__list { display: flex; flex-direction: column; gap: 10px; }
#fxcr .fxcr-manifesto__list li { display: flex; gap: 10px; align-items: flex-start; font-size: 15px; line-height: 1.5; color: var(--fxcr-fg-2); }
#fxcr .fxcr-manifesto__list li .fxcr-ic { width: 20px; height: 20px; color: var(--fxcr-ok); flex: 0 0 auto; margin-top: 2px; }
#fxcr .fxcr-manifesto__list b { color: var(--fxcr-fg); font-weight: 800; }
#fxcr .fxcr-faqsec { scroll-margin-top: calc(var(--fxcr-top) + 8px); }
#fxcr .fxcr-faqsec__h { margin: 0 0 6px; }
#fxcr .fxcr-faqsec__h h2 { font-size: 20px; font-weight: 900; letter-spacing: -.02em; }
#fxcr .fxcr-faqsec__h p { font-size: 14px; color: var(--fxcr-fg-3); margin-top: 3px; }
#fxcr .fxcr-qa { padding: 16px 0; border-top: 1px solid var(--fxcr-bdr); scroll-margin-top: calc(var(--fxcr-top) + 8px); }
#fxcr .fxcr-qa:first-of-type { margin-top: 10px; }
#fxcr .fxcr-qa:last-child { padding-bottom: 2px; }
#fxcr .fxcr-qa h3 { font-size: 16px; font-weight: 800; margin: 0 0 8px; line-height: 1.3; }
#fxcr .fxcr-qa__a { font-size: 15px; line-height: 1.6; color: var(--fxcr-fg-2); }
#fxcr .fxcr-qa__a p { margin: 0 0 10px; }
#fxcr .fxcr-qa__a p:last-child { margin-bottom: 0; }
#fxcr .fxcr-qa__a ul { margin: 0 0 10px; padding-left: 0; display: flex; flex-direction: column; gap: 6px; }
#fxcr .fxcr-qa__a ul li { position: relative; padding-left: 18px; }
#fxcr .fxcr-qa__a ul li::before { content: ""; position: absolute; left: 4px; top: 10px; width: 6px; height: 6px; border-radius: 50%; background: var(--fxcr-c); }
#fxcr .fxcr-qa__a strong { color: var(--fxcr-fg); font-weight: 800; }
#fxcr .fxcr-qa__a a { color: var(--fxcr-c); font-weight: 700; }
#fxcr .fxcr-qa__a a:hover { text-decoration: underline; }
#fxcr .fxcr-toc { position: sticky; top: var(--fxcr-top); }
#fxcr .fxcr-toc ol { counter-reset: toc; display: flex; flex-direction: column; gap: 2px; }
#fxcr .fxcr-toc li { counter-increment: toc; }
#fxcr .fxcr-toc a { display: flex; align-items: center; gap: 10px; padding: 8px 10px; margin: 0 -10px; border-radius: 9px; font-size: 13.5px; font-weight: 700; color: var(--fxcr-fg-2); }
#fxcr .fxcr-toc a::before { content: counter(toc); width: 22px; height: 22px; border-radius: 50%; display: grid; place-items: center; flex: 0 0 auto; font: 900 11px/1 var(--fxcr-font); color: var(--fxcr-fg-3); background: var(--fxcr-surface-2); border: 1px solid var(--fxcr-bdr-strong); }
#fxcr .fxcr-toc a small { margin-left: auto; font-size: 11.5px; color: var(--fxcr-fg-3); font-weight: 700; }
#fxcr .fxcr-toc a:hover { background: var(--fxcr-hover); color: var(--fxcr-fg); }
#fxcr .fxcr-toc a.is-on { background: var(--fxcr-c-soft); color: var(--fxcr-fg); }
#fxcr .fxcr-toc a.is-on::before { color: var(--fxcr-c); border-color: color-mix(in srgb, var(--fxcr-c) 45%, transparent); background: var(--fxcr-surface); }

/* ---------- Profile strength ------------------------------------------- */
#fxcr .fxcr-strength__top { display: flex; align-items: center; gap: 14px; margin: 0 0 12px; }
#fxcr .fxcr-ring { position: relative; width: 64px; height: 64px; flex: 0 0 auto; }
#fxcr .fxcr-ring svg { width: 64px; height: 64px; transform: rotate(-90deg); }
#fxcr .fxcr-ring circle { fill: none; stroke-width: 6; }
#fxcr .fxcr-ring .fxcr-ring__bg { stroke: var(--fxcr-surface-3); }
#fxcr .fxcr-ring .fxcr-ring__fg { stroke: var(--fxcr-c); stroke-linecap: round; transition: stroke-dashoffset .6s var(--fxcr-ease); }
#fxcr .fxcr-ring.is-full .fxcr-ring__fg { stroke: var(--fxcr-ok); }
#fxcr .fxcr-ring b { position: absolute; inset: 0; display: grid; place-items: center; font-size: 14px; font-weight: 900; font-variant-numeric: tabular-nums; }
#fxcr .fxcr-strength__top > div { min-width: 0; }
#fxcr .fxcr-strength__top strong { display: block; font-size: 14.5px; font-weight: 800; }
#fxcr .fxcr-strength__top small { display: block; font-size: 12.5px; color: var(--fxcr-fg-3); margin-top: 2px; line-height: 1.4; }
#fxcr .fxcr-check li a { display: flex; align-items: center; gap: 10px; padding: 7px 8px; margin: 0 -8px; border-radius: 9px; font-size: 13.5px; font-weight: 600; color: var(--fxcr-fg-2); }
#fxcr .fxcr-check li a:hover { background: var(--fxcr-hover); color: var(--fxcr-fg); }
#fxcr .fxcr-check .fxcr-check__box { width: 18px; height: 18px; border-radius: 6px; border: 1.5px solid var(--fxcr-bdr-strong); display: grid; place-items: center; flex: 0 0 auto; color: #fff; }
#fxcr .fxcr-check .fxcr-check__box .fxcr-ic { width: 11px; height: 11px; opacity: 0; }
#fxcr .fxcr-check li.is-done .fxcr-check__box { background: var(--fxcr-ok); border-color: var(--fxcr-ok); }
html[data-theme="dark"] #fxcr .fxcr-check li.is-done .fxcr-check__box { color: #052e16; }
#fxcr .fxcr-check li.is-done .fxcr-check__box .fxcr-ic { opacity: 1; }
#fxcr .fxcr-check li.is-done a { color: var(--fxcr-fg-3); }
#fxcr .fxcr-check li a .fxcr-ic--go { margin-left: auto; width: 14px; height: 14px; color: var(--fxcr-fg-3); opacity: 0; transform: translateX(-4px); transition: opacity .15s, transform .15s var(--fxcr-ease); }
#fxcr .fxcr-check li a:hover .fxcr-ic--go { opacity: 1; transform: none; }

/* ---------- Inbox ------------------------------------------------------- */
#fxcr .fxcr-inbox__row { display: flex; align-items: center; gap: 12px; padding: 10px 0; border-bottom: 1px solid var(--fxcr-bdr); }
#fxcr .fxcr-inbox__row:last-of-type { border-bottom: 0; }
#fxcr .fxcr-inbox__ico { width: 36px; height: 36px; border-radius: 10px; flex: 0 0 auto; display: grid; place-items: center; background: var(--fxcr-surface-2); color: var(--fxcr-fg-3); }
#fxcr .fxcr-inbox__row.is-hot .fxcr-inbox__ico { background: color-mix(in srgb, var(--fxcr-accent) 20%, transparent); color: var(--fxcr-warn); }
#fxcr .fxcr-inbox__row b { display: block; font-size: 14px; font-weight: 800; }
#fxcr .fxcr-inbox__row small { display: block; font-size: 12.5px; color: var(--fxcr-fg-3); margin-top: 1px; }
#fxcr .fxcr-inbox__row > div { flex: 1 1 auto; min-width: 0; }
#fxcr .fxcr-inbox__row .fxcr-ic--go { width: 16px; height: 16px; color: var(--fxcr-fg-3); flex: 0 0 auto; }
#fxcr .fxcr-inbox__row:hover b { color: var(--fxcr-c); }
#fxcr .fxcr-cmts { margin: 10px 0 0; padding-top: 10px; border-top: 1px solid var(--fxcr-bdr); }
#fxcr .fxcr-cmt { display: block; padding: 8px 0; }
#fxcr .fxcr-cmt b { font-size: 13.5px; font-weight: 800; }
#fxcr .fxcr-cmt small { font-size: 12.5px; color: var(--fxcr-fg-3); }
#fxcr .fxcr-cmt p { font-size: 13.5px; color: var(--fxcr-fg-2); margin-top: 2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#fxcr .fxcr-cmt:hover p { color: var(--fxcr-fg); }

/* ---------- Help card --------------------------------------------------- */
#fxcr .fxcr-help ol { counter-reset: hs; display: flex; flex-direction: column; gap: 10px; }
#fxcr .fxcr-help ol li { counter-increment: hs; display: flex; gap: 10px; align-items: flex-start; font-size: 13.5px; color: var(--fxcr-fg-2); line-height: 1.45; }
#fxcr .fxcr-help ol li::before { content: counter(hs); flex: 0 0 22px; width: 22px; height: 22px; border-radius: 50%; display: grid; place-items: center; font: 900 11px/1 var(--fxcr-font); background: var(--fxcr-surface-2); border: 1px solid var(--fxcr-bdr-strong); color: var(--fxcr-fg-2); margin-top: 1px; }
#fxcr .fxcr-help ol li b { color: var(--fxcr-fg); font-weight: 800; }
#fxcr .fxcr-help__links { display: flex; flex-wrap: wrap; gap: 6px; margin: 14px 0 0; }
#fxcr .fxcr-help__links a { display: inline-flex; align-items: center; gap: 6px; height: 32px; padding: 0 11px; border-radius: 999px; border: 1px solid var(--fxcr-bdr-strong); font-size: 12.5px; font-weight: 700; color: var(--fxcr-fg-2); background: var(--fxcr-surface-2); }
#fxcr .fxcr-help__links a:hover { color: var(--fxcr-fg); border-color: var(--fxcr-fg-3); }
#fxcr .fxcr-help__links .fxcr-ic { width: 13px; height: 13px; }

/* ---------- Beta footnote (every signed-in page) ----------------------- */
#fxcr .fxcr-beta {
  position: relative; display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: 14px 22px; align-items: center;
  margin: 36px 0 0; padding: 16px 18px 16px 20px; border-radius: var(--fxcr-r); background: var(--fxcr-surface); border: 1px solid var(--fxcr-bdr);
  box-shadow: var(--fxcr-shadow); overflow: hidden; isolation: isolate;
}
#fxcr .fxcr-beta::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 4px; background: linear-gradient(180deg, var(--fxcr-c), var(--fxcr-c-2)); }
#fxcr .fxcr-beta::after { content: ""; position: absolute; inset: 0; z-index: -1; background: radial-gradient(90% 140% at 0% 50%, var(--fxcr-c-soft), transparent 55%); pointer-events: none; }
#fxcr .fxcr-beta__lead { display: flex; align-items: center; gap: 14px; min-width: 0; }
#fxcr .fxcr-beta__lead > div { min-width: 0; font-size: 13.5px; line-height: 1.45; color: var(--fxcr-fg-2); }
#fxcr .fxcr-beta__lead b { display: block; color: var(--fxcr-fg); font-weight: 800; font-size: 14px; }
#fxcr .fxcr-beta__lead a { color: var(--fxcr-c); font-weight: 700; }
#fxcr .fxcr-beta__lead a:hover { text-decoration: underline; }
#fxcr .fxcr-beta__chip {
  display: inline-flex; align-items: center; gap: 7px; flex: 0 0 auto; height: 28px; padding: 0 11px 0 9px; border-radius: 999px;
  font: 900 11px/1 var(--fxcr-font); letter-spacing: .9px; text-transform: uppercase; color: #fff;
  background: linear-gradient(135deg, var(--fxcr-c), var(--fxcr-c-2)); box-shadow: 0 6px 16px -6px rgba(2, 132, 199, .6), inset 0 1px 0 rgba(255, 255, 255, .25);
}
#fxcr .fxcr-beta__chip i { width: 7px; height: 7px; border-radius: 50%; background: #fff; box-shadow: 0 0 0 0 rgba(255, 255, 255, .7); animation: fxcr-beta-pulse 2.2s ease-out infinite; }
@keyframes fxcr-beta-pulse { 0% { box-shadow: 0 0 0 0 rgba(255, 255, 255, .7); } 70% { box-shadow: 0 0 0 7px rgba(255, 255, 255, 0); } 100% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); } }
#fxcr .fxcr-beta__acts { display: flex; gap: 8px; flex: 0 0 auto; }
#fxcr .fxcr-beta__acts .fxcr-btn .fxcr-ic { color: var(--fxcr-c); }
#fxcr .fxcr-beta__ver { display: flex; flex-direction: column; align-items: flex-end; gap: 2px; flex: 0 0 auto; padding-left: 18px; border-left: 1px solid var(--fxcr-bdr); line-height: 1.2; }
#fxcr .fxcr-beta__ver span { font: 800 10.5px/1 var(--fxcr-font); color: var(--fxcr-fg-3); text-transform: uppercase; letter-spacing: .8px; }
#fxcr .fxcr-beta__ver code { font: 800 15px/1.2 var(--fxcr-mono); color: var(--fxcr-fg); background: none; border: 0; padding: 0; letter-spacing: -.01em; }
#fxcr .fxcr-beta__ver small { font-size: 11.5px; color: var(--fxcr-fg-3); font-weight: 600; }

/* ---------- Reduced motion --------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
  #fxcr, #fxcr *, #fxcr *::before, #fxcr *::after { animation: none !important; transition: none !important; }
}

/* =========================================================================
   ≤ 1180px: dashboard goes single column (rail cards flow under)
   ========================================================================= */
@media (max-width: 1180px) {
  #fxcr .fxcr-cols, #fxcr .fxcr-cols--form, #fxcr .fxcr-cols--faq { grid-template-columns: 1fr; }
  #fxcr .fxcr-toc { position: static; }
  #fxcr .fxcr-cols--faq .fxcr-col--rail { display: none; }
  #fxcr .fxcr-col--rail { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 18px; }
  #fxcr .fxcr-col--rail .fxcr-card { margin: 0; }
  #fxcr .fxcr-cols--form .fxcr-ready { order: 10; grid-column: 1 / -1; } /* actions last once the rail flows under the form */
}

/* =========================================================================
   MOBILE / TABLET (< 1024px): rail becomes an off-canvas drawer, a compact
   top bar appears, columns stack.
   ========================================================================= */
@media (max-width: 1023px) {
  #fxcr { padding-left: 14px; padding-right: 14px; }
  #fxcr .fxcr-layout { display: block; padding-top: 10px; }
  #fxcr .fxcr-topbar {
    display: flex; align-items: center; gap: 8px; height: 54px; margin: 0 -14px 12px; padding: 0 8px 0 12px;
    position: sticky; top: var(--fxcr-top); z-index: 40; background: var(--fxcr-surface); border-bottom: 1px solid var(--fxcr-bdr);
  }
  #fxcr .fxcr-topbar .fxcr-brand { padding: 4px 6px; gap: 9px; }
  #fxcr .fxcr-topbar .fxcr-brand svg { width: 30px; height: 30px; border-radius: 8px; }
  #fxcr .fxcr-topbar .fxcr-brand small { display: none; }
  #fxcr .fxcr-topbar__title { margin-left: 2px; font-size: 15px; font-weight: 800; color: var(--fxcr-fg-2); flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  #fxcr .fxcr-topbar .fxcr-btn--primary { height: 36px; padding: 0 12px; font-size: 13px; }
  #fxcr .fxcr-burger { position: relative; width: 40px; height: 40px; border-radius: 10px; display: inline-flex; align-items: center; justify-content: center; color: var(--fxcr-fg); }
  #fxcr .fxcr-burger:hover { background: var(--fxcr-hover); }
  #fxcr .fxcr-burger .fxcr-badge { position: absolute; top: 3px; right: 3px; min-width: 16px; height: 16px; font-size: 10px; }
  #fxcr .fxcr-burger span, #fxcr .fxcr-burger span::before, #fxcr .fxcr-burger span::after { display: block; width: 20px; height: 2px; border-radius: 2px; background: currentColor; position: relative; transition: transform .2s var(--fxcr-ease), opacity .2s; }
  #fxcr .fxcr-burger span::before, #fxcr .fxcr-burger span::after { content: ""; position: absolute; left: 0; }
  #fxcr .fxcr-burger span::before { top: -6px; }
  #fxcr .fxcr-burger span::after { top: 6px; }
  #fxcr.is-drawer .fxcr-burger span { background: transparent; }
  #fxcr.is-drawer .fxcr-burger span::before { transform: translateY(6px) rotate(45deg); }
  #fxcr.is-drawer .fxcr-burger span::after { transform: translateY(-6px) rotate(-45deg); }

  #fxcr .fxcr-side {
    position: fixed; top: 0; left: 0; bottom: 0; z-index: 30000; width: min(340px, 86vw); max-height: none; padding: 0 12px 16px;
    background: var(--fxcr-surface); border-right: 1px solid var(--fxcr-bdr); box-shadow: var(--fxcr-shadow-lg);
    transform: translateX(-104%); visibility: hidden; transition: transform .28s var(--fxcr-ease), visibility 0s linear .28s;
    padding-bottom: calc(16px + env(safe-area-inset-bottom, 0px));
  }
  #fxcr.is-drawer .fxcr-side { transform: none; visibility: visible; transition-delay: 0s; }
  #fxcr .fxcr-drawer__head { display: flex; align-items: center; justify-content: space-between; height: 54px; margin: 0 -12px 10px; padding: 0 6px 0 12px; border-bottom: 1px solid var(--fxcr-bdr); flex: 0 0 auto; }
  #fxcr .fxcr-drawer__head .fxcr-brand { padding: 4px 6px; }
  #fxcr .fxcr-drawer__head .fxcr-brand svg { width: 30px; height: 30px; }
  #fxcr .fxcr-drawer__close { width: 40px; height: 40px; border-radius: 10px; display: inline-flex; align-items: center; justify-content: center; }
  #fxcr .fxcr-drawer__close:hover { background: var(--fxcr-hover); }
  #fxcr .fxcr-side > .fxcr-brand { display: none; }
  #fxcr .fxcr-nav a { height: 46px; font-size: 15px; }
  #fxcr .fxcr-scrim { display: block; position: fixed; inset: 0; z-index: 29999; background: var(--fxcr-scrim); opacity: 0; visibility: hidden; transition: opacity .22s, visibility 0s linear .22s; }
  #fxcr.is-drawer .fxcr-scrim { opacity: 1; visibility: visible; transition-delay: 0s; }
  html.fxcr-lock { overflow: hidden; }

  #fxcr .fxcr-head { flex-direction: column; align-items: stretch; gap: 12px; }
  #fxcr .fxcr-head__acts { flex-wrap: wrap; }
  #fxcr .fxcr-head__acts .fxcr-btn { flex: 1 1 auto; }
  #fxcr .fxcr-kpis { grid-template-columns: 1fr 1fr; }
  #fxcr .fxcr-steps { grid-template-columns: 1fr; gap: 14px; }
  #fxcr .fxcr-step { display: grid; grid-template-columns: 30px minmax(0, 1fr); gap: 0 12px; padding: 0; }
  #fxcr .fxcr-step__dot { margin: 0; }
  #fxcr .fxcr-step::before { left: 14px; right: auto; top: 30px; bottom: -14px; width: 2px; height: auto; }
  #fxcr .fxcr-step b, #fxcr .fxcr-step small, #fxcr .fxcr-step .fxcr-step__act { grid-column: 2; }
  #fxcr .fxcr-ghost { grid-template-columns: 1fr; }
  #fxcr .fxcr-ghost svg { height: 60px; }
  #fxcr .fxcr-sub { grid-template-columns: 1fr; }
  #fxcr .fxcr-sub__act { grid-column: 1; grid-row: auto; justify-content: flex-start; margin-top: 4px; }
  #fxcr .fxcr-sub__t a { white-space: normal; }
  #fxcr .fxcr-sub__act .fxcr-btn { flex: 1 1 auto; }
  #fxcr .fxcr-empty { flex-direction: column; align-items: flex-start; }
  #fxcr .fxcr-empty .fxcr-btn { width: 100%; }
  #fxcr .fxcr-table:not(.fxcr-table--mods) th:nth-child(3), #fxcr .fxcr-table:not(.fxcr-table--mods) td:nth-child(3) { display: none; }
  #fxcr .fxcr-table--mods th:nth-child(4), #fxcr .fxcr-table--mods td:nth-child(4), #fxcr .fxcr-table--mods th:nth-child(6), #fxcr .fxcr-table--mods td:nth-child(6) { display: none; }
  #fxcr .fxcr-radios, #fxcr .fxcr-grid2 { grid-template-columns: 1fr; }
  #fxcr .fxcr-thread__body, #fxcr .fxcr-thread__foot, #fxcr .fxcr-thread__reply, #fxcr .fxcr-reply { padding-left: 0; margin-left: 0; }
  #fxcr .fxcr-thread__head b { white-space: normal; }
  #fxcr .fxcr-tabs { width: 100%; }
  #fxcr .fxcr-tabs button { flex: 1 1 0; justify-content: center; padding: 0 8px; }
  #fxcr .fxcr-tbl > .fxcr-card__head { flex-wrap: wrap; }
  #fxcr .fxcr-tools { flex: 1 1 100%; }
  #fxcr .fxcr-search { flex: 1 1 auto; }
  #fxcr .fxcr-search input { width: 100%; }
  #fxcr .fxcr-tbl__wrap { margin: 0 -16px; padding: 0 16px; }
  #fxcr .fxcr-beta { grid-template-columns: 1fr; gap: 12px; padding: 16px; }
  #fxcr .fxcr-beta__lead { align-items: flex-start; }
  #fxcr .fxcr-beta__acts .fxcr-btn { flex: 1 1 auto; }
  #fxcr .fxcr-beta__ver { flex-direction: row; align-items: baseline; gap: 8px; padding: 0; border: 0; }
}
@media (max-width: 560px) {
  #fxcr .fxcr-kpis { grid-template-columns: 1fr 1fr; gap: 8px; }
  #fxcr .fxcr-kpi { padding: 12px 12px; }
  #fxcr .fxcr-kpi__v { font-size: 23px; }
  #fxcr .fxcr-card { padding: 16px 16px; border-radius: 14px; }
  #fxcr .fxcr-col--rail { grid-template-columns: 1fr; }
  #fxcr .fxcr-table:not(.fxcr-table--mods) th:nth-child(4), #fxcr .fxcr-table:not(.fxcr-table--mods) td:nth-child(4) { display: none; }
}
/* Mods table → stacked cards on phones */
@media (max-width: 760px) {
  #fxcr .fxcr-table--mods thead { display: none; }
  #fxcr .fxcr-table--mods, #fxcr .fxcr-table--mods tbody { display: block; }
  #fxcr .fxcr-table--mods tr { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px 10px; padding: 12px 0; border-bottom: 1px solid var(--fxcr-bdr); }
  #fxcr .fxcr-table--mods tr:last-child { border-bottom: 0; }
  #fxcr .fxcr-table--mods td, #fxcr .fxcr-table--mods td.fxcr-num, #fxcr .fxcr-table--mods td:nth-child(4), #fxcr .fxcr-table--mods td:nth-child(6) { display: block; padding: 0; border: 0; text-align: left; font-size: 14px; }
  #fxcr .fxcr-table--mods td:first-child { grid-column: 1 / -1; margin-bottom: 2px; }
  #fxcr .fxcr-table--mods .fxcr-mod b { white-space: normal; }
  #fxcr .fxcr-table--mods td[data-l]::before { content: attr(data-l); display: block; font: 800 10.5px/1 var(--fxcr-font); color: var(--fxcr-fg-3); text-transform: uppercase; letter-spacing: .6px; margin-bottom: 3px; }
  #fxcr .fxcr-table--mods .fxcr-num small { display: inline; margin-left: 4px; }
  #fxcr .fxcr-table--mods td.fxcr-acts { grid-column: 1 / -1; padding-top: 2px; }
  #fxcr .fxcr-table--mods .fxcr-acts > div { display: flex; }
  #fxcr .fxcr-table--mods .fxcr-acts .fxcr-btn--sm { flex: 1 1 auto; }
}
/* 1.5.1: reuse a completed upload */
#fxcr .fxcr-prevup { margin-bottom: 12px; }
#fxcr .fxcr-prevup__row { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; margin-top: 8px; }

/* 1.6.0: locked editor (submitted) — per-control disabling instead of a fieldset so the screenshots card stays live */
#fxcr .fxcr-cols--form.is-locked .fxcr-field input[disabled], #fxcr .fxcr-cols--form.is-locked .fxcr-field select[disabled], #fxcr .fxcr-cols--form.is-locked .fxcr-field textarea[disabled], #fxcr .fxcr-cols--form.is-locked .fxcr-radio:has(input[disabled]), #fxcr .fxcr-cols--form.is-locked .fxcr-checkbox:has(input[disabled]) { opacity: .7; cursor: not-allowed; }

/* 1.7.0: hidden beats the field display rule (the "Other" compatibility text) */
#fxcr .fxcr-field [hidden] { display: none !important; }

/* 1.8.0: rich editor (description) — toolbar extras, link row, content styles, restrictions field */
#fxcr .fxcr-rte__sep { width: 1px; height: 20px; background: var(--fxcr-bdr); margin: 0 4px; }
#fxcr .fxcr-rte__bar button .fxcr-ic { width: 16px; height: 16px; }
#fxcr .fxcr-rte__link { display: flex; align-items: center; gap: 8px; padding: 8px 10px; border-bottom: 1px solid var(--fxcr-bdr); background: var(--fxcr-surface); }
#fxcr .fxcr-rte__link[hidden] { display: none; }
#fxcr .fxcr-rte__link label { font-size: 12.5px; font-weight: 700; color: var(--fxcr-fg-3); }
#fxcr .fxcr-rte__link input { flex: 1 1 auto; min-width: 0; height: 34px; padding: 0 10px; border-radius: 8px; border: 1px solid var(--fxcr-bdr-strong); background: var(--fxcr-surface-2); color: var(--fxcr-fg); font: 500 14px/1 var(--fxcr-font); outline: none; }
#fxcr .fxcr-rte__link input:focus { border-color: var(--fxcr-focus); box-shadow: 0 0 0 3px rgba(37, 99, 235, .18); }
#fxcr .fxcr-rte--rich .fxcr-rte__area { min-height: 260px; max-height: 620px; }
#fxcr .fxcr-rte__area h3 { font-size: 16px; font-weight: 800; margin: 14px 0 6px; letter-spacing: -.01em; }
#fxcr .fxcr-rte__area h3:first-child { margin-top: 0; }
#fxcr .fxcr-rte__area ul, #fxcr .fxcr-rte__area ol { margin: 0 0 10px; padding-left: 22px; list-style: disc; }
#fxcr .fxcr-rte__area ol { list-style: decimal; }
#fxcr .fxcr-rte__area li { margin: 2px 0; }
#fxcr .fxcr-rte__area a { color: var(--fxcr-c); text-decoration: underline; }
#fxcr .fxcr-rte.is-locked { opacity: .7; }
#fxcr .fxcr-rte.is-locked .fxcr-rte__bar { pointer-events: none; }
#fxcr .fxcr-rte.is-locked .fxcr-rte__area { cursor: not-allowed; }
#fxcr .fxcr-field--restrict { margin-top: 18px; padding: 14px 16px; border-radius: 12px; border: 1px solid color-mix(in srgb, var(--fxcr-warn) 40%, transparent); background: color-mix(in srgb, var(--fxcr-warn) 6%, transparent); }
#fxcr .fxcr-field--restrict > label { color: var(--fxcr-warn); }
#fxcr .fxcr-field--restrict > label span { color: var(--fxcr-fg-3); }