/* Account appearance. Loaded after each document's styles by AppearanceTagHelper.
   Themes own visual tokens and component treatments; application state and layout order stay intact. */
html[data-rb-theme], .rb-theme-card, .pnl-xui-live-preview, .pnl-preview {
  --bg-0:#07090d; --bg-1:#0a0d12; --srf-0:#0d1117; --srf-1:#11161d; --srf-2:#161c25; --console:#05070a;
  --ink:#e8edf2; --ink-2:#aab4c0; --ink-3:#8b97a6; --ink-4:#647282;
  --line:rgba(232,237,242,.14); --line-hi:rgba(232,237,242,.3); --frame:var(--line-hi);
  --signal:#ff6b1a; --signal-hi:#ff8a47; --signal-dim:rgba(255,107,26,.13); --on-signal:#0a0d12;
  --scan:#75beff; --scan-dim:rgba(95,178,255,.12);
  --ok:#5ce58b; --danger:#ff7b7b; --warn:#ffd36a; --gold:#f2c14e; --coin:#d4a050;
  --ok-dim:color-mix(in srgb,var(--ok) 12%,transparent); --danger-dim:color-mix(in srgb,var(--danger) 12%,transparent);
  --warn-dim:color-mix(in srgb,var(--warn) 12%,transparent); --gold-dim:color-mix(in srgb,var(--gold) 12%,transparent);
  --display:'RB Chakra Petch',system-ui,sans-serif; --sans:'RB IBM Plex Sans',system-ui,sans-serif;
  --mono:'RB IBM Plex Mono',ui-monospace,Consolas,monospace;
  --r:2px; --radius-pill:3px; --notch:10px;
  --chamfer:polygon(0 0,calc(100% - var(--notch)) 0,100% var(--notch),100% 100%,0 100%);
  --chamfer-sm:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,0 100%);
  --rb-card-shadow:none; --rb-card-border:var(--line); --rb-heading-case:uppercase; --rb-heading-space:.04em;
  --rb-nav-radius:0px; --rb-panel-gap:1.1rem; --rb-heading-weight:650; --rb-control-y:.55rem;
  --rb-label-font:var(--mono); --rb-label-case:uppercase; --rb-label-space:.1em;
  --rb-surface-overlay:rgba(0,0,0,.18); --rb-highlight:rgba(255,255,255,.035);
  --rb-body-texture:none; --rb-table-stripe:var(--srf-1); --rb-theme-scheme:dark;
  --bg:var(--bg-0); --bg2:var(--bg-1); --bg3:var(--srf-1); --panel:var(--srf-0);
  --border:var(--line); --border-hi:var(--line-hi); --accent:var(--signal); --accent2:var(--scan); --accent3:var(--signal-hi);
  --ember:var(--signal-hi); --text:var(--ink); --muted:var(--ink-2); --green:var(--ok); --red:var(--danger);
  --panel2:var(--srf-1); --orange:var(--signal); --cyan:var(--scan);
  --radius:var(--r); --radius-sm:var(--r); --shadow-md:0 8px 24px #0005; --shadow-lg:0 18px 60px #0007;
  --glow:0 0 0 1px var(--line-hi); --fast:120ms ease; --med:220ms ease;
}
.pnl-xui-live-preview, .pnl-preview { --rb-font-scale:1; color-scheme:dark; }
html[data-rb-theme='aurora'], .rb-theme-card[data-theme='aurora'] {
  --bg-0:#0b1220; --bg-1:#101d30; --srf-0:#15243a; --srf-1:#1a2c44; --srf-2:#243952; --console:#0b1421;
  --ink:#edf7ff; --ink-2:#b9cde2; --ink-3:#9cb6cf; --ink-4:#728aa2;
  --line:#b3d7ff26; --line-hi:#b3d7ff55; --signal:#8bdcff; --signal-hi:#b2eaff; --signal-dim:#8bdcff1a; --on-signal:#092135;
  --scan:#90e1db; --scan-dim:#90e1db18; --display:system-ui,sans-serif; --sans:system-ui,sans-serif;
  --r:16px; --radius-pill:999px; --chamfer:none; --chamfer-sm:none; --rb-nav-radius:12px;
  --rb-card-shadow:0 10px 30px #020b1940, inset 0 1px 0 #c6eaff0a; --rb-heading-case:none; --rb-heading-space:-.025em;
  --rb-label-font:var(--sans); --rb-label-case:none; --rb-label-space:.015em; --rb-panel-gap:1.5rem; --rb-control-y:.65rem;
  --rb-body-texture:radial-gradient(ellipse at 8% 0%,#3385ae14,transparent 65%);
}
html[data-rb-theme='daybreak'], .rb-theme-card[data-theme='daybreak'] {
  --bg-0:#eef2f7; --bg-1:#f8faff; --srf-0:#ffffff; --srf-1:#f3f6fb; --srf-2:#e6edf7; --console:#eaf0f8;
  --ink:#182639; --ink-2:#425570; --ink-3:#55667e; --ink-4:#68788c;
  --line:#233f622b; --line-hi:#233f6266; --signal:#2457c5; --signal-hi:#1745a7; --signal-dim:#2457c514; --on-signal:#ffffff;
  --scan:#145cb1; --scan-dim:#145cb112; --ok:#176b3c; --danger:#b12633; --warn:#885600; --gold:#815914; --coin:#8a571a;
  --display:system-ui,sans-serif; --sans:system-ui,sans-serif; --r:10px; --radius-pill:20px; --chamfer:none; --chamfer-sm:none;
  --rb-nav-radius:7px; --rb-heading-case:none; --rb-heading-space:-.025em; --rb-label-font:var(--sans); --rb-label-case:none; --rb-label-space:0;
  --rb-card-shadow:0 2px 4px #27385805,0 8px 24px #27385808; --rb-panel-gap:1.4rem;
  --rb-surface-overlay:#30496a08; --rb-highlight:#ffffff80; --rb-theme-scheme:light;
  --grid-img:linear-gradient(#263a5605 1px,transparent 1px),linear-gradient(90deg,#263a5605 1px,transparent 1px);
  --scanlines:none; --shadow-md:0 8px 24px #1830531f; --shadow-lg:0 18px 60px #18305330;
}
html[data-rb-theme='obsidian'], .rb-theme-card[data-theme='obsidian'] {
  --bg-0:#101012; --bg-1:#151518; --srf-0:#1b1b1f; --srf-1:#222227; --srf-2:#2c2c32; --console:#131316;
  --ink:#f0eff4; --ink-2:#bfbcc8; --ink-3:#a19cab; --ink-4:#797580;
  --line:#e3dbf21a; --line-hi:#e3dbf23d; --signal:#c5b5fb; --signal-hi:#dccfff; --signal-dim:#c5b5fb14; --on-signal:#231b35;
  --scan:#c2c9f8; --scan-dim:#c2c9f81a; --display:system-ui,sans-serif; --sans:'RB IBM Plex Sans',system-ui,sans-serif;
  --r:6px; --radius-pill:6px; --chamfer:none; --chamfer-sm:none; --rb-nav-radius:4px;
  --rb-heading-case:none; --rb-heading-space:-.035em; --rb-heading-weight:700; --rb-label-case:none; --rb-label-space:.015em;
  --rb-card-border:transparent; --rb-panel-gap:1.65rem; --grid-img:none; --scanlines:none;
}
html[data-rb-theme='field-journal'], .rb-theme-card[data-theme='field-journal'] {
  --bg-0:#e9e4d8; --bg-1:#f0ebdf; --srf-0:#faf6ec; --srf-1:#f0eadc; --srf-2:#e5dccb; --console:#f0eadc;
  --ink:#283529; --ink-2:#4c5949; --ink-3:#606957; --ink-4:#727867;
  --line:#534c363d; --line-hi:#534c3666; --signal:#356047; --signal-hi:#274d36; --signal-dim:#35604714; --on-signal:#fffdf5;
  --scan:#315f79; --scan-dim:#315f7914; --ok:#306038; --danger:#a33128; --warn:#7c5709; --gold:#765212; --coin:#865019;
  --display:Georgia,'Times New Roman',serif; --sans:'RB IBM Plex Sans',system-ui,sans-serif;
  --r:3px; --radius-pill:3px; --chamfer:none; --chamfer-sm:none; --rb-nav-radius:3px;
  --rb-heading-case:none; --rb-heading-space:-.025em; --rb-heading-weight:600;
  --rb-card-shadow:2px 3px 0 #534c3610; --rb-panel-gap:1.35rem; --rb-surface-overlay:#534c3608; --rb-highlight:#ffffff50;
  --rb-body-texture:repeating-linear-gradient(0deg,transparent 0 31px,#534c3604 31px 32px);
  --grid-img:none; --scanlines:none; --rb-theme-scheme:light; --shadow-md:0 8px 24px #534c361f; --shadow-lg:0 18px 60px #534c3630;
}
html[data-rb-theme='terminal'], .rb-theme-card[data-theme='terminal'] {
  --bg-0:#08110f; --bg-1:#0b1714; --srf-0:#0d1c17; --srf-1:#12271f; --srf-2:#19352a; --console:#06100b;
  --ink:#d6f4e3; --ink-2:#a1c7b2; --ink-3:#87ac97; --ink-4:#64806e;
  --line:#83d8ac38; --line-hi:#83d8ac66; --signal:#8de0b4; --signal-hi:#b0f5d0; --signal-dim:#8de0b414; --on-signal:#062215;
  --scan:#a4d5e3; --scan-dim:#a4d5e314; --display:'RB IBM Plex Mono',ui-monospace,monospace; --sans:var(--display);
  --r:0px; --radius-pill:0px; --chamfer:none; --chamfer-sm:none; --rb-nav-radius:0px;
  --rb-card-shadow:none; --rb-panel-gap:.85rem; --rb-heading-weight:600; --rb-control-y:.4rem;
  --grid-img:none; --scanlines:none;
}
html[data-rb-theme] { --rb-font-scale:1; --strip-h:max(44px,2.75rem); --strip-total:calc(var(--strip-h) + env(safe-area-inset-top,0px)); font-size:calc(16px * var(--rb-font-scale)); background:var(--bg-0); color-scheme:var(--rb-theme-scheme); }
/* Each additional theme owns type, geometry, spacing and surface depth as well as color. */
html[data-rb-theme='lagoon'], .rb-theme-card[data-theme='lagoon'] {
  --bg-0:#e8f2ef; --bg-1:#f4faf7; --srf-0:#ffffff; --srf-1:#eef7f3; --srf-2:#d9ebe4; --console:#f5faf8;
  --ink:#153d34; --ink-2:#3b6157; --ink-3:#506d64; --ink-4:#637c73;
  --line:#20584826; --line-hi:#20584866; --signal:#0b6655; --signal-hi:#074f42; --signal-dim:#0b665512; --on-signal:#ffffff;
  --scan:#08658a; --scan-dim:#08658a12; --ok:#17673d; --danger:#b22c43; --warn:#86570a; --gold:#79570e; --coin:#81540c;
  --display:'RB Nunito Sans',system-ui,sans-serif; --sans:var(--display); --r:22px; --radius-pill:999px; --chamfer:none; --chamfer-sm:none;
  --rb-nav-radius:18px; --rb-panel-gap:1.6rem; --rb-control-y:.8rem; --rb-heading-case:none; --rb-heading-space:-.025em; --rb-heading-weight:700;
  --rb-label-font:var(--sans); --rb-label-case:none; --rb-label-space:.01em; --rb-card-border:#2058481c;
  --rb-card-shadow:0 8px 28px #174b3910,0 1px 3px #174b3908; --rb-table-stripe:#f1f8f5;
  --rb-surface-overlay:#20584806; --rb-highlight:#ffffffb0; --rb-body-texture:radial-gradient(ellipse at 0 0,#bde4d855,transparent 65%);
  --grid-img:none; --scanlines:none; --rb-theme-scheme:light; --shadow-md:0 10px 25px #174b391a; --shadow-lg:0 20px 65px #174b3938;
}
html[data-rb-theme='nocturne'], .rb-theme-card[data-theme='nocturne'] {
  --bg-0:#19131c; --bg-1:#211925; --srf-0:#2a202d; --srf-1:#342838; --srf-2:#44344a; --console:#1d1721;
  --ink:#f4ede3; --ink-2:#d3c4d1; --ink-3:#b4a4b6; --ink-4:#928096;
  --line:#e4cdab28; --line-hi:#e4cdab65; --signal:#e5c490; --signal-hi:#f5dbae; --signal-dim:#e5c49013; --on-signal:#2b1d15;
  --scan:#cab5f4; --scan-dim:#cab5f414; --ok:#91d6b1; --danger:#ffa0ae; --warn:#ecd188; --gold:#e5c490; --coin:#e5c490;
  --display:'RB Lora',Georgia,serif; --sans:'RB Source Sans 3',system-ui,sans-serif; --r:9px; --radius-pill:999px; --chamfer:none; --chamfer-sm:none;
  --rb-nav-radius:3px; --rb-panel-gap:1.7rem; --rb-control-y:.7rem; --rb-heading-case:none; --rb-heading-space:-.025em; --rb-heading-weight:500;
  --rb-label-font:var(--sans); --rb-label-case:uppercase; --rb-label-space:.12em; --rb-card-border:#e4cdab38;
  --rb-card-shadow:0 12px 32px #100a1640; --rb-table-stripe:#2f2433;
  --rb-body-texture:radial-gradient(ellipse at 100% 0,#7b4d6826,transparent 65%); --grid-img:none; --scanlines:none;
  --shadow-md:0 10px 30px #100a1650; --shadow-lg:0 22px 70px #100a1690;
}
html[data-rb-theme='blueprint'], .rb-theme-card[data-theme='blueprint'] {
  --bg-0:#09233e; --bg-1:#0b2c4b; --srf-0:#103352; --srf-1:#153e60; --srf-2:#204d70; --console:#08283f;
  --ink:#f0f8ff; --ink-2:#c1d9ee; --ink-3:#9ebed9; --ink-4:#78a1c2;
  --line:#a7d5ff38; --line-hi:#a7d5ff85; --signal:#91e6ff; --signal-hi:#c2f3ff; --signal-dim:#91e6ff15; --on-signal:#052b42;
  --scan:#ffdf93; --scan-dim:#ffdf9315; --ok:#83e3bb; --danger:#ffafb7; --warn:#ffdf93; --gold:#ffdf93; --coin:#efcd89;
  --display:'RB JetBrains Mono',ui-monospace,monospace; --sans:'RB Source Sans 3',system-ui,sans-serif; --mono:'RB JetBrains Mono',ui-monospace,monospace;
  --r:0px; --radius-pill:2px; --chamfer:none; --chamfer-sm:none; --rb-nav-radius:0px; --rb-panel-gap:1.15rem; --rb-control-y:.6rem;
  --rb-heading-case:uppercase; --rb-heading-space:.035em; --rb-heading-weight:600; --rb-label-font:var(--mono); --rb-label-case:uppercase; --rb-label-space:.06em;
  --rb-card-border:#a7d5ff65; --rb-card-shadow:inset 0 0 0 3px #103352, inset 0 0 0 4px #a7d5ff16; --rb-table-stripe:#133957;
  --rb-body-texture:linear-gradient(#a7d5ff09 1px,transparent 1px),linear-gradient(90deg,#a7d5ff09 1px,transparent 1px);
  --grid-img:none; --scanlines:none; --shadow-md:0 8px 22px #00182e55; --shadow-lg:0 20px 60px #00182e99;
}
html[data-rb-theme='arcade'], .rb-theme-card[data-theme='arcade'] {
  --bg-0:#17132d; --bg-1:#21193d; --srf-0:#2a2048; --srf-1:#352858; --srf-2:#48346e; --console:#1c1535;
  --ink:#faf3ff; --ink-2:#decff4; --ink-3:#beaad8; --ink-4:#9984b4;
  --line:#c4a8ff3d; --line-hi:#c4a8ff85; --signal:#f5a0e4; --signal-hi:#ffcfef; --signal-dim:#f5a0e418; --on-signal:#32122e;
  --scan:#88f4ed; --scan-dim:#88f4ed14; --ok:#96f2bc; --danger:#ffb0bd; --warn:#ffe296; --gold:#ffe296; --coin:#ffe296;
  --display:'RB Chakra Petch',system-ui,sans-serif; --sans:'RB Inter',system-ui,sans-serif; --r:8px; --radius-pill:5px; --chamfer:none; --chamfer-sm:none;
  --rb-nav-radius:5px; --rb-panel-gap:1.5rem; --rb-control-y:.7rem; --rb-heading-case:uppercase; --rb-heading-space:.02em; --rb-heading-weight:700;
  --rb-label-font:var(--display); --rb-label-case:uppercase; --rb-label-space:.08em; --rb-card-border:#c4a8ff85;
  --rb-card-shadow:4px 4px 0 #09061b; --rb-table-stripe:#2e224f;
  --rb-body-texture:radial-gradient(ellipse at 90% 0,#934ec01c,transparent 55%); --grid-img:none; --scanlines:none;
  --shadow-md:4px 4px 0 #09061b; --shadow-lg:6px 6px 0 #09061b,0 20px 65px #09061b70;
}
html[data-rb-theme='editorial'], .rb-theme-card[data-theme='editorial'] {
  --bg-0:#f2f1ed; --bg-1:#faf9f6; --srf-0:#ffffff; --srf-1:#eeede8; --srf-2:#deded7; --console:#faf9f6;
  --ink:#191c20; --ink-2:#454b52; --ink-3:#595f65; --ink-4:#777c82;
  --line:#191c2038; --line-hi:#191c2080; --signal:#252a31; --signal-hi:#090c11; --signal-dim:#191c200a; --on-signal:#ffffff;
  --scan:#235abd; --scan-dim:#235abd12; --ok:#226239; --danger:#b52e3d; --warn:#835707; --gold:#7a570e; --coin:#81540c;
  --display:'RB Inter',system-ui,sans-serif; --sans:'RB Source Sans 3',system-ui,sans-serif; --r:0px; --radius-pill:0px; --chamfer:none; --chamfer-sm:none;
  --rb-nav-radius:0px; --rb-panel-gap:1.75rem; --rb-control-y:.8rem; --rb-heading-case:none; --rb-heading-space:-.045em; --rb-heading-weight:700;
  --rb-label-font:var(--mono); --rb-label-case:uppercase; --rb-label-space:.13em; --rb-card-border:#191c2055;
  --rb-card-shadow:none; --rb-table-stripe:#f7f6f3; --rb-surface-overlay:#191c2006; --rb-highlight:#ffffffaa;
  --rb-body-texture:none; --grid-img:none; --scanlines:none; --rb-theme-scheme:light; --shadow-md:0 5px 15px #191c2012; --shadow-lg:0 18px 60px #191c2030;
}
html[data-rb-scale='90'] { --rb-font-scale:.9; }
html[data-rb-scale='110'] { --rb-font-scale:1.1; }
html[data-rb-scale='125'] { --rb-font-scale:1.25; }
html[data-rb-scale='150'] { --rb-font-scale:1.5; }
html[data-rb-theme] { --rb-theme-font:'RB IBM Plex Sans',system-ui,sans-serif; }
html[data-rb-theme='aurora'],html[data-rb-theme='daybreak'] { --rb-theme-font:system-ui,sans-serif; }
html[data-rb-theme='terminal'] { --rb-theme-font:'RB IBM Plex Mono',ui-monospace,monospace; }
html[data-rb-theme='lagoon'] { --rb-theme-font:'RB Nunito Sans',system-ui,sans-serif; }
html[data-rb-theme='nocturne'],html[data-rb-theme='blueprint'],html[data-rb-theme='editorial'] { --rb-theme-font:'RB Source Sans 3',system-ui,sans-serif; }
html[data-rb-theme='arcade'] { --rb-theme-font:'RB Inter',system-ui,sans-serif; }
html[data-rb-font='system'] { --sans:system-ui,sans-serif; --display:system-ui,sans-serif; }
html[data-rb-font='plex'] { --sans:'RB IBM Plex Sans',system-ui,sans-serif; --display:var(--sans); }
html[data-rb-font='inter'] { --sans:'RB Inter',system-ui,sans-serif; --display:var(--sans); }
html[data-rb-font='source-sans'] { --sans:'RB Source Sans 3',system-ui,sans-serif; --display:var(--sans); }
html[data-rb-font='nunito'] { --sans:'RB Nunito Sans',system-ui,sans-serif; --display:var(--sans); }
html[data-rb-font='lora'] { --sans:'RB Lora',Georgia,serif; --display:var(--sans); }
html[data-rb-font='chakra'] { --sans:'RB Chakra Petch',system-ui,sans-serif; --display:var(--sans); }
html[data-rb-font='mono'] { --sans:'RB IBM Plex Mono',ui-monospace,monospace; --display:var(--sans); }
html[data-rb-font='jetbrains'] { --sans:'RB JetBrains Mono',ui-monospace,monospace; --display:var(--sans); }
html[data-rb-font='serif'] { --sans:Georgia,'Times New Roman',serif; --display:var(--sans); }
html[data-rb-density='compact'] { --rb-panel-gap:.75rem; --rb-control-y:.35rem; }
html[data-rb-theme] body { color:var(--ink); background-color:var(--bg-0); background-image:var(--rb-body-texture); font-family:var(--sans); font-size:.9375rem; }
html[data-rb-theme] :where(h1,h2,h3,.server-title) { font-family:var(--display); letter-spacing:var(--rb-heading-space); text-transform:var(--rb-heading-case); font-weight:var(--rb-heading-weight); color:var(--ink); }
html[data-rb-theme] :where(.muted-label,.section-meta,.section-header,.admin-nav-group,.pane-kicker) { font-family:var(--rb-label-font); text-transform:var(--rb-label-case); letter-spacing:var(--rb-label-space); }
html[data-rb-theme] :where(.card,.panel,.admin-side,.loadout,.forum-card,.ep-card,.op-card) { background-color:var(--srf-0); border-color:var(--rb-card-border); border-radius:var(--r); box-shadow:var(--rb-card-shadow); }
html[data-rb-theme] :where(.cards-grid,.stats-grid,.dash-grid,.mon-stat-grid) { gap:var(--rb-panel-gap); }
html[data-rb-theme] :where(.btn,button,input,textarea,select) { font-family:var(--sans); }
html[data-rb-theme] :where(.btn,button:not(.rail-item),input:not([type=checkbox]):not([type=radio]),textarea,select) { border-radius:var(--r); }
html[data-rb-theme] :where(.btn,.admin-tab,.shop-tab,.tab-btn) { text-transform:var(--rb-label-case); letter-spacing:var(--rb-label-space); }
html[data-rb-theme] .btn.primary { color:var(--on-signal); }
html[data-rb-theme] :where(input:not([type=checkbox]):not([type=radio]):not([type=range]),textarea) { color:var(--ink); background-color:var(--console); border-color:var(--line-hi); }
html[data-rb-theme] :where(input,textarea)::placeholder { color:var(--ink-3); opacity:1; }
html[data-rb-theme] select { background-image:none !important; appearance:auto !important; padding-right:.6rem !important; }
html[data-rb-theme] :where(button,a,input,select,textarea,summary):focus-visible { outline:2px solid var(--scan); outline-offset:3px; }
html[data-rb-theme] :where(.modal,.modal-content,.dialog,.dropdown-menu,.context-menu,.map-context-menu,.toast) { background-color:var(--srf-0); color:var(--ink); border-color:var(--line-hi); border-radius:var(--r); box-shadow:var(--shadow-lg); }
html[data-rb-theme] :where(.players-table,table) { color:var(--ink); }
html[data-rb-theme] :where(th) { background-color:var(--srf-1); color:var(--ink-2); font-family:var(--rb-label-font); text-transform:var(--rb-label-case); letter-spacing:var(--rb-label-space); }
html[data-rb-theme] :where(td,th) { border-color:var(--line); padding-block:var(--rb-control-y); }
html[data-rb-theme] :where(tbody tr:nth-child(even)) { background-color:var(--rb-table-stripe); }
html[data-rb-theme] :where(tbody tr:hover) { background-color:var(--srf-2); }
html[data-rb-theme] :where(code,kbd,pre,.mono,.console-line,.console-output) { font-family:var(--mono); }
html[data-rb-theme] :where(.deck-strip,.topbar,.studio-top,.ss-top) { color:var(--ink-2); background-color:var(--bg-1); border-color:var(--line); }
html[data-rb-theme] .deck-strip { gap:clamp(6px,1.2vw,18px); }
html[data-rb-theme] :where(.admin-side .admin-tab,.rail-item,.shop-tab,.tab-btn) { border-radius:var(--rb-nav-radius); }
html[data-rb-theme] :where(.admin-side .admin-tab.active,.rail-item.active,.shop-tab.active) { background-color:var(--signal-dim); color:var(--signal); }
html[data-rb-theme='aurora'] :where(.deck-rail,.admin-side) { background:linear-gradient(165deg,var(--srf-0),var(--bg-1)); }
html[data-rb-theme='aurora'] .admin-side { padding:8px !important; }
html[data-rb-theme='aurora'] :where(.admin-side .admin-tab,.rail-item) { margin:3px 5px; }
html[data-rb-theme='aurora'] :where(.btn.primary,.rb-appearance-save) { box-shadow:0 4px 18px #8bdcff18; }
html[data-rb-theme='daybreak'] :where(.admin-header,.section-header) { padding-block:.65rem; border-bottom:1px solid var(--line); }
html[data-rb-theme='daybreak'] .admin-side { padding:8px !important; background:var(--bg-1) !important; border-color:transparent !important; }
html[data-rb-theme='obsidian'] :where(.server-title,.admin-header h1) { font-size:2rem; }
html[data-rb-theme='obsidian'] :where(.card,.panel) { border-top:1px solid var(--line-hi); }
html[data-rb-theme='obsidian'] :where(.admin-side .admin-tab.active,.rail-item.active) { border-left:2px solid var(--signal); background:transparent; }
html[data-rb-theme='field-journal'] :where(.section-header,.admin-header) { border-bottom:2px solid var(--line-hi); padding-bottom:.65rem; }
html[data-rb-theme='field-journal'] :where(.admin-side .admin-tab.active,.shop-tab.active) { background:var(--srf-2); border-bottom:2px solid var(--signal); }
html[data-rb-theme='terminal'] :where(.card,.panel,.admin-side) { border:1px solid var(--line-hi); }
html[data-rb-theme='terminal'] :where(.admin-side .admin-tab.active,.rail-item.active) { border-inline:2px solid var(--signal); background:var(--signal-dim); }
html[data-rb-theme='terminal'] :where(.btn.primary) { background:transparent; color:var(--signal); border:1px solid var(--signal); }
html[data-rb-theme]:not([data-rb-theme='command-deck']) :where(.viewport-tick,.deck-reg,.reg-tick) { display:none; }
html[data-rb-theme]:not([data-rb-theme='command-deck']) svg { stroke-linecap:round; stroke-linejoin:round; }
html[data-rb-density='compact'] :where(.card > .section-header,.section-header) { margin-bottom:.5rem; }

/* New theme component treatments target the actual shared and independent-page shells. */
html:is([data-rb-theme='lagoon'],[data-rb-theme='nocturne'],[data-rb-theme='blueprint'],[data-rb-theme='arcade'],[data-rb-theme='editorial']) :is(.tenant-context-card,.card,.panel,.forum-card,.ep-card,.op-card,.admin-side) { border-radius:var(--r); border-color:var(--rb-card-border); box-shadow:var(--rb-card-shadow); }
html:is([data-rb-theme='lagoon'],[data-rb-theme='nocturne'],[data-rb-theme='blueprint'],[data-rb-theme='arcade'],[data-rb-theme='editorial']) :is(.side-tab,.shop-tab,.tab-btn,.settings-subtabs button) { font-family:var(--rb-label-font); text-transform:var(--rb-label-case); letter-spacing:var(--rb-label-space); border-radius:var(--rb-nav-radius); }
/* Legacy Settings inputs have inline corner sizes; these five treatments own their geometry. */
html:is([data-rb-theme='lagoon'],[data-rb-theme='nocturne'],[data-rb-theme='blueprint'],[data-rb-theme='arcade'],[data-rb-theme='editorial']) :is(input:not([type=radio]):not([type=checkbox]):not([type=range]),select,textarea) { border-radius:var(--r) !important; }
html:is([data-rb-theme='lagoon'],[data-rb-theme='nocturne'],[data-rb-theme='blueprint'],[data-rb-theme='arcade'],[data-rb-theme='editorial']) .sp-card { border-radius:var(--r); border-color:var(--rb-card-border); }
html:is([data-rb-theme='lagoon'],[data-rb-theme='nocturne'],[data-rb-theme='blueprint'],[data-rb-theme='arcade'],[data-rb-theme='editorial']) .sp-step.ready .sp-step-mark { color:var(--ok); border-color:var(--ok); background:var(--ok-dim); }
html:is([data-rb-theme='lagoon'],[data-rb-theme='nocturne'],[data-rb-theme='blueprint'],[data-rb-theme='arcade'],[data-rb-theme='editorial']) .side-tab.active .ico { color:inherit; }
html:is([data-rb-theme='lagoon'],[data-rb-theme='nocturne'],[data-rb-theme='blueprint'],[data-rb-theme='arcade'],[data-rb-theme='editorial']) :is(.server-card,.server-card-action,.server-managed-row,.server-note) { border-radius:var(--r); }
html:is([data-rb-theme='lagoon'],[data-rb-theme='nocturne'],[data-rb-theme='blueprint'],[data-rb-theme='arcade'],[data-rb-theme='editorial']) .server-card { border-color:var(--rb-card-border); box-shadow:var(--rb-card-shadow); }

/* Lagoon: buoyant surfaces and generous pill navigation. */
html[data-rb-theme='lagoon'] :is(.deck-rail,.admin-side) { background:var(--bg-1); }
html[data-rb-theme='lagoon'] .admin-side { padding:8px !important; }
html[data-rb-theme='lagoon'] .side-tab { border-radius:var(--rb-nav-radius); margin:3px 4px; padding-block:.65rem; }
html[data-rb-theme='lagoon'] :is(.side-tab.active,.rail-item.active,.shop-tab.active) { background:var(--signal); color:var(--on-signal); border-color:var(--signal); }
html[data-rb-theme='lagoon'] .side-tab::before { display:none; }
html[data-rb-theme='lagoon'] :is(.btn,.tenant-context-actions button,.tenant-context-actions a) { border-radius:999px; }
html[data-rb-theme='lagoon'] :is(.admin-header,.section-header) { padding-bottom:.85rem; border-bottom:1px solid var(--line); }
html[data-rb-theme='lagoon'] :is(input:not([type=radio]):not([type=checkbox]):not([type=range]),textarea,select) { box-shadow:inset 0 2px 4px #174b3908; }
html[data-rb-theme='lagoon'] th { background:var(--srf-2); color:var(--ink); text-transform:none; }
html[data-rb-theme='lagoon'] .server-card { --signal:#83e7ca; --signal-hi:#b0f5df; --on-signal:#123c30; --scan:#a0d8ff; }
html[data-rb-theme='lagoon'] .server-card-inner { padding:1.25rem; }

/* Nocturne: fine champagne frames, serif hierarchy and quiet ruled controls. */
html[data-rb-theme='nocturne'] :is(.deck-strip,.topbar,.studio-top,.ss-top) { border-bottom:1px solid var(--line-hi); }
html[data-rb-theme='nocturne'] :is(.admin-header,.section-header) { border-bottom:1px solid var(--line-hi); padding-block:.5rem .9rem; }
html[data-rb-theme='nocturne'] .side-tab { margin:2px 6px; border-left:2px solid transparent; border-radius:0; }
html[data-rb-theme='nocturne'] .side-tab.active { background:var(--signal-dim); border-left-color:var(--signal); color:var(--signal); }
html[data-rb-theme='nocturne'] .side-tab::before { display:none; }
html[data-rb-theme='nocturne'] :is(.shop-tab.active,.tab-btn.active) { background:transparent; color:var(--signal); border-bottom:2px solid var(--signal); }
html[data-rb-theme='nocturne'] .btn.primary { background:transparent; color:var(--signal); border:1px solid var(--signal); box-shadow:none; }
html[data-rb-theme='nocturne'] .btn.primary:hover { background:var(--signal); color:var(--on-signal); }
html[data-rb-theme='nocturne'] th { background:var(--bg-1); color:var(--signal); border-bottom:1px solid var(--line-hi); }
html[data-rb-theme='nocturne'] :is(.modal,.dialog,.rb-appearance-dialog) { border-color:var(--line-hi); }
html[data-rb-theme='nocturne'] .server-card-foot { border-top-color:var(--line-hi); }

/* Blueprint: a drafting grid, precise frames and segmented navigation. */
html[data-rb-theme='blueprint'] body { background-size:32px 32px; }
html[data-rb-theme='blueprint'] :is(.deck-rail,.admin-side) { background:var(--bg-1); border-right:1px solid var(--line-hi); }
html[data-rb-theme='blueprint'] :is(.admin-header,.section-header) { border-block:1px solid var(--line-hi); padding-block:.65rem; }
html[data-rb-theme='blueprint'] .side-tab { margin:0 5px; border:1px solid transparent; border-bottom-color:var(--line); }
html[data-rb-theme='blueprint'] :is(.side-tab.active,.rail-item.active,.shop-tab.active,.tab-btn.active) { background:var(--signal-dim); color:var(--signal); border:1px solid var(--signal); box-shadow:inset 3px 0 0 var(--signal); }
html[data-rb-theme='blueprint'] .side-tab::before { display:none; }
html[data-rb-theme='blueprint'] .btn.primary { background:var(--signal); color:var(--on-signal); box-shadow:inset 0 0 0 2px var(--bg-0); }
html[data-rb-theme='blueprint'] th { color:var(--ink); border-bottom:2px solid var(--line-hi); }
html[data-rb-theme='blueprint'] :is(input:not([type=radio]):not([type=checkbox]):not([type=range]),textarea,select) { border-style:solid; border-color:var(--line-hi); }
html[data-rb-theme='blueprint'] .server-card-foot { border-top:2px solid var(--line-hi); }

/* Arcade: physical button depth and bright, stable graphic accents. */
html[data-rb-theme='arcade'] :is(.deck-strip,.topbar,.studio-top,.ss-top) { border-bottom:2px solid var(--line-hi); }
html[data-rb-theme='arcade'] :is(.admin-header,.section-header) { padding-bottom:.8rem; border-bottom:3px solid var(--signal); }
html[data-rb-theme='arcade'] .side-tab { margin:4px 6px; border:1px solid transparent; border-radius:var(--rb-nav-radius); }
html[data-rb-theme='arcade'] :is(.side-tab.active,.rail-item.active,.shop-tab.active,.tab-btn.active) { background:var(--signal); color:var(--on-signal); border-color:var(--signal-hi); box-shadow:3px 3px 0 #09061b; }
html[data-rb-theme='arcade'] .side-tab::before { display:none; }
html[data-rb-theme='arcade'] :is(.btn.primary,.server-card-action.manage,.rb-appearance-save) { box-shadow:0 4px 0 #09061b; border:1px solid var(--signal-hi); font-weight:700; }
html[data-rb-theme='arcade'] .btn.primary:active { box-shadow:0 1px 0 #09061b; }
html[data-rb-theme='arcade'] th { color:var(--scan); border-bottom:2px solid var(--line-hi); }
html[data-rb-theme='arcade'] :is(input:not([type=radio]):not([type=checkbox]):not([type=range]),textarea,select) { box-shadow:inset 0 2px 0 #09061b; }
html[data-rb-theme='arcade'] :is(.modal,.dialog,.rb-appearance-dialog) { border:2px solid var(--line-hi); }

/* Editorial: paper, ink, strong rules and unmistakable reading hierarchy. */
html[data-rb-theme='editorial'] :is(.deck-strip,.topbar,.studio-top,.ss-top) { border-bottom:2px solid var(--ink); }
html[data-rb-theme='editorial'] :is(.deck-rail,.admin-side) { background:var(--bg-1); box-shadow:none; }
html[data-rb-theme='editorial'] :is(.admin-header,.section-header) { padding-block:.65rem 1rem; border-bottom:3px solid var(--ink); }
html[data-rb-theme='editorial'] .side-tab { margin:0 6px; border-bottom:1px solid var(--line); }
html[data-rb-theme='editorial'] :is(.side-tab.active,.rail-item.active) { background:var(--ink); color:var(--on-signal); border-color:var(--ink); }
html[data-rb-theme='editorial'] .side-tab::before { display:none; }
html[data-rb-theme='editorial'] :is(.shop-tab.active,.tab-btn.active) { background:transparent; color:var(--ink); border-bottom:3px solid var(--ink); }
html[data-rb-theme='editorial'] .btn.primary { background:var(--ink); color:var(--on-signal); border:1px solid var(--ink); box-shadow:none; }
html[data-rb-theme='editorial'] th { background:var(--ink); color:var(--on-signal); letter-spacing:.06em; }
html[data-rb-theme='editorial'] :is(input:not([type=radio]):not([type=checkbox]):not([type=range]),textarea,select) { border-width:0 0 2px; border-color:var(--line-hi); background:var(--console); }
html[data-rb-theme='editorial'] .server-card { --signal:#eff1f4; --signal-hi:#ffffff; --on-signal:#191c20; --scan:#adcfff; }
html[data-rb-theme='editorial'] .server-card-foot { border-top:2px solid var(--line-hi); }
html:is([data-rb-theme='lagoon'],[data-rb-theme='editorial']) .server-card { --danger:#ff8d96; --ok:#8be0b3; --warn:#f7d68c; --danger-dim:color-mix(in srgb,var(--danger) 12%,transparent); --ok-dim:color-mix(in srgb,var(--ok) 12%,transparent); --warn-dim:color-mix(in srgb,var(--warn) 12%,transparent); }

/* The picker is independently styled so pages with local chrome work too. */
.rb-appearance-anchor { position:fixed; top:calc(env(safe-area-inset-top,0px) + 5px); right:calc(env(safe-area-inset-right,0px) + 8px); z-index:100; }
.rb-appearance-anchor.rb-in-toolbar { position:static; display:flex; flex:0 0 auto; margin-left:4px; }
html[data-rb-theme] .rb-appearance-trigger { display:inline-flex; align-items:center; justify-content:center; gap:7px; min-height:34px; padding:4px 10px; background:var(--srf-1); color:var(--ink); border:1px solid var(--line-hi); border-radius:var(--r); font:600 .75rem var(--sans); letter-spacing:0; text-transform:none; cursor:pointer; white-space:nowrap; clip-path:none; }
.rb-appearance-trigger svg { flex:none; }
.rb-appearance-trigger:hover { border-color:var(--signal); }
.rb-appearance-fallback { padding-top:calc(48px + env(safe-area-inset-top,0px)); }
.rb-appearance-fallback .rb-appearance-anchor { background:var(--bg-1); border-radius:var(--r); box-shadow:var(--shadow-md); }
html[data-rb-theme] .rb-appearance-dialog { box-sizing:border-box; width:min(750px,calc(100vw - 32px)); max-width:calc(100vw - 16px); max-height:calc(100dvh - 32px); margin:auto; padding:0; border:1px solid var(--line-hi); border-radius:max(8px,var(--r)); background:var(--srf-0); color:var(--ink); box-shadow:var(--shadow-lg); font:400 .9rem/1.5 var(--sans); overflow:auto; }
.rb-appearance-dialog::backdrop { background:#020610a8; backdrop-filter:blur(3px); }
.rb-appearance-dialog * { box-sizing:border-box; }
.rb-appearance-dialog form { margin:0; }
.rb-appearance-head { display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; padding:1.5rem 1.5rem 1rem; border-bottom:1px solid var(--line); }
.rb-appearance-head h2 { margin:.25rem 0 .5rem; font:700 1.7rem/1.2 var(--display); letter-spacing:-.02em; text-transform:none; }
.rb-appearance-eyebrow { color:var(--signal); font:600 .65rem/1.5 var(--mono); letter-spacing:.12em; margin:0; }
.rb-appearance-head p:last-child { margin:0; color:var(--ink-2); max-width:55ch; font-size:max(14px,.9rem); }
html[data-rb-theme] .rb-appearance-close { display:grid; place-items:center; width:44px; height:44px; min-width:44px; padding:0; border:1px solid var(--line); background:var(--srf-1); color:var(--ink); font:400 1.5rem/1 var(--sans); cursor:pointer; }
.rb-appearance-content { padding:1.25rem 1.5rem; }
.rb-appearance-themes { min-width:0; padding:0; margin:0; border:0; }
.rb-appearance-themes legend { padding:0; margin:0 0 .75rem; color:var(--ink-2); font-weight:600; }
.rb-theme-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.75rem; }
.rb-theme-card { display:flex; flex-direction:column; position:relative; min-width:0; padding:8px; gap:5px; border:2px solid transparent; border-radius:10px; background:var(--srf-0); color:var(--ink); cursor:pointer; outline:1px solid var(--line-hi); }
.rb-theme-card:has(input:checked) { border-color:var(--signal); outline-color:var(--signal); }
.rb-theme-card:has(input:focus-visible) { outline:3px solid var(--scan); outline-offset:3px; }
.rb-theme-card input { position:absolute; opacity:0; width:1px; height:1px; margin:0; }
.rb-theme-preview { display:grid; grid-template-columns:24% 1fr; grid-template-rows:15px 1fr; height:86px; overflow:hidden; border:1px solid var(--line-hi); background:var(--bg-0); border-radius:var(--r); }
.rb-preview-top { grid-column:1/-1; display:flex; align-items:center; gap:3px; padding:0 5px; background:var(--bg-1); border-bottom:1px solid var(--line); }
.rb-preview-top i { width:3px; height:3px; border-radius:50%; background:var(--ink-3); }
.rb-preview-top i:first-child { background:var(--signal); }
.rb-preview-rail { display:flex; flex-direction:column; gap:6px; padding:9px 5px; border-right:1px solid var(--line); background:var(--bg-1); }
.rb-preview-rail i { height:4px; background:var(--line-hi); border-radius:var(--rb-nav-radius); }
.rb-preview-rail i:first-child { background:var(--signal); }
.rb-preview-main { display:flex; flex-direction:column; gap:5px; padding:8px; }
.rb-preview-main b { height:5px; width:65%; background:var(--ink); border-radius:1px; }
.rb-preview-main > span { display:flex; gap:4px; height:20px; }
.rb-preview-main i { flex:1; background:var(--srf-1); border:1px solid var(--line); border-radius:var(--r); box-shadow:var(--rb-card-shadow); }
.rb-preview-main em { height:3px; background:var(--line-hi); }
.rb-theme-card[data-theme='lagoon'] .rb-preview-rail i { height:7px; border-radius:5px; }
.rb-theme-card[data-theme='nocturne'] .rb-preview-main b { background:var(--signal); height:2px; margin-block:2px; }
.rb-theme-card[data-theme='blueprint'] .rb-preview-main { background-image:var(--rb-body-texture); background-size:10px 10px; }
.rb-theme-card[data-theme='arcade'] .rb-preview-main b { background:var(--signal); box-shadow:2px 2px 0 #09061b; }
.rb-theme-card[data-theme='editorial'] .rb-preview-top { border-bottom:2px solid var(--ink); }
.rb-theme-name { display:flex; justify-content:space-between; gap:2px; font:600 max(14px,.9rem)/1.35 var(--display); letter-spacing:0; text-transform:none; }
.rb-theme-check { visibility:hidden; color:var(--signal); }
.rb-theme-card:has(input:checked) .rb-theme-check { visibility:visible; }
.rb-theme-description { font:400 max(13px,.8rem)/1.4 var(--sans); color:var(--ink-2); }
.rb-appearance-options { display:grid; grid-template-columns:1fr 1fr; gap:1rem; margin-top:1.4rem; }
.rb-appearance-options label { display:flex; flex-direction:column; gap:.4rem; min-width:0; font-size:max(14px,.9rem); color:var(--ink-2); }
html[data-rb-theme] .rb-appearance-options select { width:100%; min-width:0; min-height:42px; padding:.6rem .75rem; font:400 .9rem var(--sans); border:1px solid var(--line-hi) !important; border-radius:var(--r); color:var(--ink); background:var(--console); }
.rb-appearance-hint { color:var(--ink-3); margin:1rem 0 0; font-size:max(14px,.9rem); }
.rb-appearance-footer { position:sticky; bottom:0; padding:.75rem 1.5rem 1rem; background:var(--srf-0); border-top:1px solid var(--line); }
#rbAppearanceStatus { margin:0 0 .75rem; padding:.75rem; border:1px solid var(--line-hi); border-radius:var(--r); background:var(--srf-1); color:var(--ink); font:500 max(16px,1rem)/1.5 var(--sans); overflow-wrap:anywhere; }
#rbAppearanceStatus:empty { display:none; }
.rb-appearance-actions { display:flex; align-items:center; gap:.6rem; flex-wrap:wrap; }
.rb-appearance-actions > span { flex:1; }
html[data-rb-theme] .rb-appearance-actions button { min-height:42px; border:1px solid var(--line-hi); border-radius:var(--r); padding:.6rem 1rem; font:600 max(14px,.9rem) var(--sans); background:var(--srf-1); color:var(--ink); cursor:pointer; }
html[data-rb-theme] .rb-appearance-actions .rb-appearance-save { border-color:var(--signal); background:var(--signal); color:var(--on-signal); }
html[data-rb-theme] .rb-appearance-actions .rb-appearance-reset { border-color:transparent; background:transparent; padding-left:0; color:var(--ink-2); }
.rb-appearance-dialog :disabled { opacity:.6; cursor:wait; }
.rb-appearance-settings { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:1rem; padding:1.1rem 1.25rem; margin:0 0 1.25rem; border:1px solid var(--line-hi); border-radius:var(--r); background:var(--srf-0); }
.rb-appearance-settings h2 { font-size:1.1rem; margin:0 0 .25rem; }
.rb-appearance-settings p { margin:0; color:var(--ink-2); font-size:.85rem; }
/* Native radio cards render reliably in their real typeface on desktop and phones. */
.rb-appearance-fonts { margin:1.4rem 0 0; padding:0; min-width:0; border:0; }
.rb-appearance-fonts legend { margin-bottom:.75rem; font-weight:600; color:var(--ink-2); }
.rb-font-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr)); gap:.6rem; }
.rb-font-card { display:flex; align-items:center; gap:.65rem; min-width:0; padding:.7rem; cursor:pointer; border:1px solid var(--line-hi); border-radius:max(4px,var(--r)); background:var(--console); color:var(--ink); }
.rb-font-card:has(input:checked) { border-color:var(--signal); box-shadow:inset 0 0 0 1px var(--signal); background:var(--signal-dim); }
.rb-font-card:has(input:focus-visible) { outline:2px solid var(--scan); outline-offset:3px; }
html[data-rb-theme] .rb-font-card input { flex:0 0 auto; width:18px; height:18px; min-height:0; margin:0; accent-color:var(--signal); }
.rb-font-sample { display:grid; gap:.15rem; min-width:0; overflow-wrap:anywhere; font:400 max(16px,1rem)/1.5 var(--rb-sample-font); }
.rb-font-sample strong { font-weight:600; }
.rb-font-sample > span { color:var(--ink-2); }
.rb-font-card[data-font='theme'] { --rb-sample-font:var(--rb-theme-font); }
.rb-font-card[data-font='system'] { --rb-sample-font:system-ui,sans-serif; }
.rb-font-card[data-font='serif'] { --rb-sample-font:Georgia,'Times New Roman',serif; }
.rb-font-card[data-font='plex'] { --rb-sample-font:'RB IBM Plex Sans',system-ui,sans-serif; }
.rb-font-card[data-font='inter'] { --rb-sample-font:'RB Inter',system-ui,sans-serif; }
.rb-font-card[data-font='source-sans'] { --rb-sample-font:'RB Source Sans 3',system-ui,sans-serif; }
.rb-font-card[data-font='nunito'] { --rb-sample-font:'RB Nunito Sans',system-ui,sans-serif; }
.rb-font-card[data-font='lora'] { --rb-sample-font:'RB Lora',Georgia,serif; }
.rb-font-card[data-font='chakra'] { --rb-sample-font:'RB Chakra Petch',system-ui,sans-serif; }
.rb-font-card[data-font='mono'] { --rb-sample-font:'RB IBM Plex Mono',ui-monospace,monospace; }
.rb-font-card[data-font='jetbrains'] { --rb-sample-font:'RB JetBrains Mono',ui-monospace,monospace; }
/* Confirmation stays readable until dismissed or the picker is opened again. */
.rb-appearance-notice { position:fixed; z-index:1000; bottom:calc(80px + env(safe-area-inset-bottom,0px)); right:max(16px,env(safe-area-inset-right,0px)); display:flex; align-items:center; gap:.75rem; box-sizing:border-box; width:max-content; max-width:calc(100vw - 32px); padding:.75rem 1rem; background:var(--srf-0); color:var(--ink); border:2px solid var(--ok); border-radius:max(8px,var(--r)); box-shadow:var(--shadow-lg); }
.rb-appearance-notice[hidden] { display:none; }
.rb-appearance-notice > span { color:var(--ok); font-size:1.4rem; }
.rb-appearance-notice p { margin:0; min-width:0; overflow-wrap:anywhere; font:600 max(16px,1rem)/1.5 var(--sans); }
.rb-appearance-notice .rb-appearance-close { flex:none; }

@media(max-width:1100px) { .deck-strip:has(.rb-in-toolbar) .deck-strip-link { display:none; } }
@media(max-width:650px) {
  .rb-appearance-trigger span { display:none; }
  html[data-rb-theme] .rb-appearance-trigger { min-width:40px; min-height:40px; padding:6px; }
  .deck-strip:has(.rb-in-toolbar) .deck-strip-item { display:none; }
  .deck-strip:has(.rb-in-toolbar) { gap:6px; padding-right:8px; }
  .deck-strip:has(.rb-in-toolbar) .deck-brand { flex:0 0 auto; }
  .deck-strip:has(.rb-in-toolbar) .brand-bar-right { order:5; flex-basis:100%; justify-content:flex-end; gap:4px; }
  .deck-strip .rb-appearance-anchor.rb-in-toolbar { position:static; margin:0; transform:none; flex:none; }
  header.topbar:has(.rb-in-toolbar),header.ss-top:has(.rb-in-toolbar) { padding-right:60px; }
  header.topbar .rb-appearance-anchor.rb-in-toolbar,header.ss-top .rb-appearance-anchor.rb-in-toolbar { position:absolute; top:50%; right:8px; margin:0; transform:translateY(-50%); background:var(--bg-1); z-index:2; }
  .deck-strip:has(.rb-in-toolbar) .deck-brand { font-size:.65rem; min-width:0; overflow:hidden; }
  .deck-strip:has(.rb-in-toolbar) .deck-brand b { display:none; }
  .rb-appearance-dialog { width:calc(100vw - 16px); max-height:calc(100dvh - 16px); }
  .rb-appearance-head,.rb-appearance-content,.rb-appearance-footer { padding:1rem; }
  .rb-theme-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .rb-appearance-options { gap:.8rem; }
  html[data-rb-theme] .rb-appearance-options select { font-size:max(16px,.9rem); }
  html[data-rb-theme] :where(input,select,textarea) { min-height:2rem; }
  html[data-rb-theme] :where(input[type=checkbox],input[type=radio],input[type=range]) { min-height:0; }
}
@media(max-width:450px) {
  .rb-appearance-options { grid-template-columns:1fr; }
  .rb-appearance-actions { display:grid; grid-template-columns:1fr 1fr; }
  .rb-appearance-actions > span { display:none; }
  html[data-rb-theme] .rb-appearance-actions button { min-width:0; padding:.5rem; white-space:normal; }
  .rb-appearance-actions .rb-appearance-reset { grid-column:1/-1; text-align:left; }
}
html[data-rb-motion='reduced'] *,html[data-rb-motion='reduced'] *::before,html[data-rb-motion='reduced'] *::after { animation:none !important; transition:none !important; scroll-behavior:auto !important; }
@media(prefers-reduced-motion:reduce) { html[data-rb-theme] *,html[data-rb-theme] *::before,html[data-rb-theme] *::after { animation:none !important; transition:none !important; scroll-behavior:auto !important; } }
