/* Redux DS 2.0 — fixed Radio Redux Dev appearance with electric blue accent.
   Load after Redux DS 1.2 CSS. Scope: app root with data-rdx-v2.
   No gradient backgrounds or globally coloured surfaces. */
[data-rdx-v2] {
  color-scheme: dark;
  --rdx-font-family-serif: var(--rdx-font-family-sans);
  --rdx-font-size-2xs: .8125rem;
  --rdx-font-size-xs: .875rem;
  --rdx-font-size-sm: .9375rem;
  --rdx-font-size-base: 1.0625rem;
  --rdx-font-size-md: 1.125rem;
  --rdx-font-size-lg: 1.25rem;
  --rdx-font-size-xl: 1.75rem;
  --rdx-line-height-normal: 1.5;
  --rdx-line-height-snug: 1.35;
  --rdx-row-height: 56px;
  --rdx-header-height: 56px;
  --rdx-control-height: 44px;
  --rdx-control-min: 44px;
  --rdx-radius-xs: 5px;
  --rdx-radius-sm: 8px;
  --rdx-radius-md: 12px;
  --rdx-radius-lg: 16px;
  --rdx-icon-md: 20px;
  --rdx-icon-lg: 24px;
  --rdx-color-bg-base: #0e1013;
  --rdx-color-bg-surface-1: #171a1e;
  --rdx-color-bg-surface-2: #22262b;
  --rdx-color-bg-surface-3: #2c3239;
  --rdx-color-bg-elevated: #20252b;
  --rdx-color-text-primary: #f7f9fc;
  --rdx-color-text-secondary: #c0c8d3;
  --rdx-color-text-tertiary: #a4afbc;
  --rdx-color-text-inverse: #fff;
  --rdx-color-accent-primary: #008cff;
  --rdx-color-accent-hover: #35a4ff;
  --rdx-color-accent-press: #006bd6;
  --rdx-color-accent-subtle: rgba(0,140,255,.14);
  --rdx-color-border-focus: #69bbff;
  --rdx-color-border-subtle: rgba(255,255,255,.09);
  --rdx-color-border-strong: rgba(255,255,255,.2);
  --rdx-color-dock: rgba(17,20,24,.97);
  --rdx-theme-color: #0e1013;
  background-color: var(--rdx-color-bg-base);
  color: var(--rdx-color-text-primary);
}
[data-rdx-v2] .rdx-header-text { font-family: var(--rdx-font-family-sans); font-size: 1.25rem; }
[data-rdx-v2] .rdx-page-title { font-family: var(--rdx-font-family-sans); font-size: 1.75rem; line-height: 1.22; }
[data-rdx-v2] .rdx-section-title { font-family: var(--rdx-font-family-sans); font-size: 1.25rem; }
[data-rdx-v2] .rdx-btn { font-size: 1rem; border-radius: var(--rdx-radius-md); min-height: 44px; }
[data-rdx-v2] .rdx-btn--primary { color: #fff; }
[data-rdx-v2] .rdx-nav-tab { font-size: .9375rem; }
[data-rdx-v2] .rdx-kicker { font-size: .875rem; letter-spacing: .04em; }
[data-rdx-v2] :is(button, input, select, textarea, a):focus-visible { outline: 2px solid var(--rdx-color-border-focus); outline-offset: 2px; }
[data-rdx-v2][data-density="compact"] { --rdx-row-height: 48px; --rdx-header-height: 48px; --rdx-control-height: 44px; }
@media (prefers-reduced-motion: reduce) { [data-rdx-v2] { scroll-behavior: auto; } }
@media (forced-colors: active) { [data-rdx-v2] :is(button, a):focus-visible { outline-color: Highlight; } }