/* ============================================================================
   THE universal type foundation — ONE source of the self-hosted faces + the font
   tokens, consumed by BOTH the elements bundle (universe-interface.css / elements-ui.css)
   AND every app shell's build (checkout, dashboard, builder, accounts, profiles, …).
   This is the "universal base"; each surface layers its own uniqueness on top.

   Self-hosted variable woff2 — downloaded, versioned platform assets, NEVER a Google
   Fonts / CDN embed. Inter = body/standard (sans); Playfair Display = heading/title
   (editorial serif). Served from our own /assets path. font-display: swap → brief
   system-fallback flash, never invisible text.
   ========================================================================== */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/assets/universe-elements/assets/fonts/InterVariable.woff2") format("woff2");
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url("/assets/universe-elements/assets/fonts/InterVariable-Italic.woff2") format("woff2");
}
@font-face {
  font-family: "Playfair Display";
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  src: url("/assets/universe-elements/assets/fonts/PlayfairDisplay.woff2") format("woff2");
}
@font-face {
  font-family: "Playfair Display";
  font-style: italic;
  font-weight: 400 900;
  font-display: swap;
  src: url("/assets/universe-elements/assets/fonts/PlayfairDisplay-Italic.woff2") format("woff2");
}
/* Curated tenant-selectable pairing faces (self-hosted variable woff2, OFL 1.1 — downloaded platform
   assets, NEVER a Google Fonts / CDN embed). These back the extra heading/body stacks a tenant may
   choose in the font-pairing picker (see universe-elements/src/font-pairings.js). Only families with a
   real @font-face here may appear in a pairing — the picker never references an un-hosted face. */
@font-face {
  font-family: "Fraunces";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/assets/universe-elements/assets/fonts/Fraunces.woff2") format("woff2");
}
@font-face {
  font-family: "Source Sans 3";
  font-style: normal;
  font-weight: 200 900;
  font-display: swap;
  src: url("/assets/universe-elements/assets/fonts/SourceSans3.woff2") format("woff2");
}
@font-face {
  font-family: "Space Grotesk";
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url("/assets/universe-elements/assets/fonts/SpaceGrotesk.woff2") format("woff2");
}

:root {
  /* TWO SLOTS, AND ONLY TWO (D055). Header = --universe-font-heading, Body = --universe-font-body.
     Those two are the entire tenant typography model: a tenant selects, changes and customises them
     and NOTHING else, and every normal element resolves its face through one of them, so switching
     either one changes the whole surface coherently. Serif heading over sans body is the shipped
     platform pairing (Playfair Display / Inter) — the same pairing egt.studio itself runs.
     --universe-font-title and --universe-font-standard DERIVE from the two slots and must never be
     set independently; --universe-font-standard stays SANS on purpose (dialogs/testimonials use it
     as their body face and must NOT go serif).
     A tenant's CREATIVE custom face is a separate expression that MUST NOT reach these two tokens —
     it lives in the scoped `--universe-font-custom-<id>` namespace (see src/font-pairings.js,
     customFontVariable/assertScopedCustomFont) and is reachable only by an element that opts in by
     reference. Reassigning a slot token is how one creative choice silently re-renders every button
     and label on the site; that is exactly what the namespace exists to prevent. */
  /* SIX families, not seven. `BlinkMacSystemFont` used to sit between -apple-system and "Segoe UI"
     here and nowhere else: font-pairings.js's `universe` pairing, the runtime's storefront default and
     the two-slot default all emit the SIX-family stack. That mattered, because universe-runtime's
     safeFontStack REJECTS a stack of more than six families — so the platform's own un-overridden
     default was one family past the limit its tenant validator enforces, and "the default pairing ==
     no override" (which font-pairings.js claims in prose) was quietly false. Dropping the legacy
     Blink alias makes the claim true and costs nothing: -apple-system already covers modern
     Safari/Chrome on macOS. Verified by test: typography-two-slots.test.js. */
  --universe-font-body: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --universe-font-standard: var(--universe-font-body);
  --universe-font-heading: "Playfair Display", Georgia, serif;
  --universe-font-title: var(--universe-font-heading);
  --universe-font-size-base: 1rem;
  /* THE THIRD FACE — and it is NOT a tenant slot. Code, hashes, ids and machine strings need a
     monospace face; the two tenant slots (heading/body) must never be bent to serve them. This token
     was REFERENCED by element-runtime.css and defined NOWHERE on the platform, so every mono surface
     silently rode its inline fallback. Defined here, once, matching what egt.studio's own stylesheet
     uses for its code marks (`ui-monospace, SFMono-Regular, Menlo, monospace`). System faces only —
     we do not ship a mono woff2, and a code glyph must never wait on a webfont. */
  --universe-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  /* Editorial serif reads light: default heading weight 500 (Playfair loads 400–900 variable),
     tighter tracking, and line-height with room for the taller serif so lines never collide. */
  --universe-font-weight-heading: 500;
  --universe-font-letter-spacing-body: 0;
  --universe-font-letter-spacing-heading: -0.01em;
  --universe-font-line-height-body: 1.5;
  --universe-font-line-height-heading: 1.08;
  /* DISPLAY BAND (egt.studio alignment, MP-031). The site loads Playfair at exactly two weights —
     500 for section/card titles, 700 for the biggest type — and tightens tracking and leading as the
     type grows (`.egt-hero__byline`: 700 / -.015em / 1.02; `.egt-phero__title`: 700 / -.015em / 1.03).
     The platform shipped ONE heading weight at every size, which is why our heroes read lighter than
     the site's. These three tokens are the display step; the heading tokens above are unchanged and
     still govern the section-title band. */
  --universe-font-weight-display: 700;
  --universe-font-letter-spacing-display: -0.015em;
  --universe-font-line-height-display: 1.03;
  /* THE WEIGHT SCALE — the fourth axis, and the one the foundation never had.
     The two tokens above are the SERIF DISPLAY BAND (heading 500, display 700, both Playfair). They
     are not a weight scale, and they were never meant to be one, so every app shell that needed
     ranked text weights had to invent its own — and all four did, each recording in its own comment
     that foundation.type.css:102/113 offered two steps against the four or five it used:

         progress   body 400 · quiet 600 · title 650 · strong 700 · display 800
         accounts   lede 430 · quiet 600 · title 650 · strong 760 · display 850
         builder               quiet 600 · title 760 · strong 800 · display 850
         dashboard             quiet 650 · title 760 · strong 800 · display 850

     PROMOTED FROM WHAT THEY CONVERGED ON, not redesigned. Six named roles, and every value below is
     one a shell already ships:
       quiet   600  — the outright mode (3 of 4).
       display 850  — the outright mode (3 of 4).
       title   650  and strong 760 — the two families are offset by one rung (progress/accounts rank
               650/700-760; builder/dashboard rank 760/800), so 650 and 760 are a genuine tie on
               role and the pair is taken from the ladder that spans the widest range with no
               invented value: accounts'. 700 and 800 collapse onto 760 and 850 — exactly the
               collapse each of those shells already performed internally when it decided 850 and
               880 were "one step written twice".
       body    400  — progress's, so the one true regular weight has a step rather than an exemption.
       lede    430  — accounts', the deliberately light large-size lede under "Welcome". A real role,
               not a stray literal, and it earns a name rather than a pass.

     Adopting these is a small look change on the two shells that rank 700/800; that is a
     design-review question for the slice that deletes the locals, not something to average away here.
     Purely additive: the heading and display band above is unchanged and still governs the serif.

     THE TOP STEP IS `display-strong`, NOT `display`, ON PURPOSE. `--universe-font-weight-display`
     already exists twelve lines up and means 700 on Playfair — the serif hero. Reusing that name for
     the shells' 850 would silently re-weight every hero on the platform, which is the opposite of a
     promotion. The two live side by side and mean different things. */
  --universe-font-weight-body: 400;
  --universe-font-weight-lede: 430;
  --universe-font-weight-quiet: 600;
  --universe-font-weight-title: 650;
  --universe-font-weight-strong: 760;
  --universe-font-weight-display-strong: 850;
  /* Tracked sans eyebrows / small caps labels. The site's `.egt__eyebrow` runs .34em and its tracked
     sans band spans .1em–.28em; .16em is the centre of usage and the platform had no token at all, so
     every surface picked its own. Word labels stay SANS — only editorial numerals go serif. */
  --universe-font-letter-spacing-label: 0.16em;
}

/* THE rem anchor. --universe-font-size-base drives the ROOT (html) font-size, and because the whole
   platform sizes in rem (Phase 4), scaling this one token scales every size/space/radius uniformly —
   this is exactly what the tenant sizing slider writes (default 1rem; slider range ~0.875–1.25rem).
   rem on the root element resolves against the initial medium (16px), so `1rem` here == the browser
   default, and a tenant override scales from there. Consumers that want "the base body size" use a
   PLAIN `1rem` (== root) — never `var(--universe-font-size-base)` again, or they would double-scale. */
html {
  font-size: var(--universe-font-size-base);
}

/* ua-glass-material:start
   THE ONE GLASS MATERIAL ([[platform D589]] pt 9, D019, D071 §1; d119afe; CTO ruling i-a-errors pass 12). Composed HERE
   and nowhere else: every engine page inlines this sheet, so the panes it paints always have their frost (a page that
   inlined only this runtime rendered every pane with no frost). universeInterfaceCss() carries this same block, read
   from this file, for a document that ships the interface sheet without the runtime. A pane takes the
   text-led or art-led token as its background and the frost token as its backdrop filter, whole.
   A container that re-points the brand palette for what it draws (the builder's page preview, which draws a tenant's
   page inside the builder's own chrome) declares data-ua-brand-scope, and the glass re-derives from ITS palette there:
   a custom property is resolved where it is declared, so a :root-only glass would keep the chrome's colour. */
:root,
[data-ua-brand-scope] {
  --glass-min-blur: 1.375rem;
  --glass-saturate: 130%;
  --ua-glass-frost: blur(var(--ua-glass-blur, var(--glass-min-blur))) saturate(var(--ua-glass-saturate, var(--glass-saturate)));
  --ua-glass-text-led: color-mix(in srgb, var(--universe-color-background) var(--ua-glass-text-led-tint, 82%), transparent);
  --ua-glass-art-led: color-mix(in srgb, var(--universe-color-background) var(--ua-glass-art-led-tint, 72%), transparent);
  --ua-glass-veil: color-mix(in srgb, var(--universe-color-background) 55%, transparent);
  --ua-glass-veil-frost: var(--ua-glass-frost);
}
/* THE ONE GLASS PATH HONOURS THE PERSON AT THE TOKEN, so every pane that references it — the dashboard shell's chrome,
   the EGT* studio's panes, builder, accounts, progress — steps the same way with nothing to remember per surface:
     reduced data          the blur steps down to the floor (--ua-glass-blur-min); the tint stays.
     more contrast         the tier tints go to 92% (element-runtime.css :root, after its defaults) — denser glass,
                           never an opaque box stamped over the artwork.
     reduced transparency  no frost (the tints go opaque in element-runtime.css). */
@media (prefers-reduced-data: reduce) {
  :root { --ua-glass-frost: blur(var(--ua-glass-blur-min, 0.85rem)) saturate(var(--ua-glass-saturate, var(--glass-saturate))); --ua-glass-veil-frost: var(--ua-glass-frost); }
}
/* The tier tints' own defaults (and these same steps on them) are element-runtime.css's; the whole panes are stepped here
   too so a document that ships this sheet without the runtime (a progress board page) steps alike. */
@media (prefers-contrast: more) {
  :root,
  [data-ua-brand-scope] {
    --ua-glass-text-led: color-mix(in srgb, var(--universe-color-background) 92%, transparent);
    --ua-glass-art-led: color-mix(in srgb, var(--universe-color-background) 92%, transparent);
  }
}
@media (prefers-reduced-transparency: reduce) {
  :root,
  [data-ua-brand-scope] {
    --ua-glass-frost: none;
    --ua-glass-veil-frost: var(--ua-glass-frost);
    --ua-glass-veil: var(--universe-color-background);
    --ua-glass-text-led: var(--universe-color-background);
    --ua-glass-art-led: var(--universe-color-background);
  }
}
/* ua-glass-material:end */
/* THE [hidden] RESET — one rule, because the platform was writing it per element.
   `visibility: "hidden"` is a universal attribute an author sets in the editor, and the renderer emits
   it as the `hidden` attribute. The UA stylesheet's `[hidden] { display: none }` is a bare type rule, so
   ANY class rule with a `display` beats it — `.ua-cta-section { display: grid }` left an author-hidden
   CTA fully visible on the page, with the attribute present and doing nothing. This file already
   carried 20+ hand-written `.some-class[hidden] { display: none }` patches, one per element that hit it
   (see the note on .ua-dashboard-active-filters), which is the same "each instance must remember"
   failure the central emission pass exists to end.
   `until-found` is excluded so find-in-page can still reveal such content — the platform does not use it
   today, and this rule must not be the reason it cannot. */
[hidden]:not([hidden="until-found"]) { display: none !important; }

/* The self-hosted @font-face + font tokens live in the shared universal type foundation
   (src/foundation.type.css), prepended by the build so this file — and every app shell —
   share ONE source. This file adds the color/space tokens + base element styling on top. */
:root,
[data-ua-brand-scope] {
  color-scheme: dark;
  /* ── EGT.STUDIO ALIGNMENT (MP-031) ───────────────────────────────────────────────────────────
     Read out of the live https://egt.studio/build/style.css `.egt` token rule, not inferred from a
     screenshot: --egt-bg #0C0C0C, --egt-bg-2 #161617, --egt-hi #EDEDEF, --egt-mid #9A9AA2,
     --egt-lo #56565E, --egt-line #29292B, --egt-line-soft #1D1D1E, --egt-gold #C48E2F
     (--egt-gold-rgb 196,142,47). The canvas moves from a blue-cast near-black to the site's neutral
     black, and the text from a warm cream to the site's cool near-white — so the GOLD is the only
     warm note on the page and carries all of the warmth. That is the platform's own "gold is
     punctuation" doctrine finally executed the way the site executes it. */
  --universe-color-background: #0c0c0c;
  --universe-color-surface: rgba(8, 10, 15, 0.78);
  --universe-color-surface-strong: rgba(0, 0, 0, 0.9);
  /* The solid elevated step the platform lacked (--egt-bg-2). --universe-color-surface is the
     translucent/glass step; this is the opaque one for a panel that must not show what is behind it. */
  --universe-color-surface-solid: #161617;
  --universe-color-text: #ededef;
  --universe-color-muted: #9a9aa2;
  /* The third text step (--egt-lo) — captions, disabled labels, the quietest metadata. */
  --universe-color-text-tertiary: #56565e;
  /* THE accent gold. Settles a four-way fork: the live brand, universe-builder's brand defaults, the
     keynote theme and universe-egt-studio's own fallback all render #C48E2F; only this token was off
     at #c99b3f (lighter and yellower), so the shared foundation disagreed with everything downstream
     of it. universe-egt-studio already writes `--egt-gold: var(--universe-color-primary, #c48e2f)` —
     after this change the fallback and the live token agree for the first time. */
  --universe-color-primary: #c48e2f;
  /* The comma triplet that makes an rgba() gold WASH possible — `rgba(var(--universe-color-primary-rgb), .18)`.
     The site's --egt-gold-rgb; the platform had no such companion token, which is why gold appeared as
     slabs instead of edges and washes. Keep in lockstep with --universe-color-primary. */
  --universe-color-primary-rgb: 196, 142, 47;
  --universe-color-primary-strong: #f5c15f;
  /* The EGT coin logo's OWN licensed gold (keynote brand asset, also src/universe-brand.js). It is NOT
     drift from the accent and must never be "corrected" to it — named here so every future audit can
     see that on sight. Mirrors universe-egt-studio's --egt-coin-gold. */
  --universe-color-coin-gold: #c58f30;
  /* The ACCENT is a first-class tenant brand token: universe-runtime emits it per published site from
     the brand's `colors.accent` (ua-renderer.js brandVariableLines). This foundation is the APP-SHELL
     palette (dashboard / accounts / builder / checkout / progress) — the runtime never loads it — so a
     default here can never override a tenant's accent, it only stops the shell's accent declarations
     from resolving to NOTHING. Defaulted to the palette's bright gold rather than a new invented hue. */
  --universe-color-accent: #f5c15f;
  --universe-color-success: #72d899;
  --universe-color-warning: #f3b34d;
  --universe-color-info: #60d8ff;
  --universe-color-danger: #ff7a90;
  --universe-color-error: #ff7a90;
  --universe-color-focus: rgba(245, 193, 95, 0.48);
  /* Ink colors that ride ON the gold actions: the near-black label on a hovered icon action and on the
     primary action's gold gradient. Tokens so a tenant CAN retint; SAME default values as before. */
  --universe-color-on-icon-action: #130e06;
  --universe-color-on-primary-action: #100b04;
  /* And the ink that rides ON the destructive action. Same reason as the two above, and a token for the
     same reason: a tenant that retints --universe-color-danger has to be able to retint what is written
     on it, or a lighter brand red leaves the word "Delete" unreadable on its own button. */
  --universe-color-on-danger-action: #14090b;
  --glass-tint-strength: 14%;
  /* The site blurs harder AND saturates: `.egt-glass` is blur(1.375rem) saturate(130%). The saturation
     step is what keeps the artwork behind the glass colourful instead of going grey — the platform's
     shared token had no saturation at all, even though universe-egt-studio's three-tier glass ladder
     already saturates at every tier. Promoting it here codifies existing practice. */
  /* THE ONE GLASS PATH, WHOLE ([[platform D589]] pt 9, D019, D071 §1; B045 pass 3). The frosted-glass material is
     composed HERE and only here, and every host references it whole: a pane is `background: var(--ua-glass-text-led)`
     (or -art-led) + `backdrop-filter: var(--ua-glass-frost)`, or the .ua-glass-text-led class that is made of them.
     A host that writes blur(var(--ua-glass-blur)) saturate(...) or color-mix(... var(--ua-glass-text-led-tint) ...)
     itself is composing a second copy of the material, and src/glass-conformance.js refuses it in every host. The tints
     are element-runtime.css's (the two tiers and their proven ink roles); the fallbacks are their published values, for
     a document that ships this sheet without the runtime. The veil is the modal scrim's material (ua.dialog's overlay):
     not a pane, nothing is read on it. */
  /* (the five whole glass tokens are composed in element-runtime.css's glass-material block; universeInterfaceCss()
     carries that one block, so this sheet keeps no second copy — CTO ruling, i-a-errors pass 12) */
  --universe-line: rgba(255, 255, 255, 0.1);
  /* Section dividers — the site's fainter second hairline (--egt-line-soft). */
  --universe-line-soft: rgba(255, 255, 255, 0.05);
  --universe-line-strong: rgba(245, 193, 95, 0.36);
  --universe-shadow-panel: 0 2rem 7rem rgba(0, 0, 0, 0.46);
  --universe-shadow-control: 0 0.75rem 2.25rem rgba(0, 0, 0, 0.18);
  /* THE THIRD SHADOW RUNG, AND THE LADDER THAT NAMES ALL THREE.
     Two role tokens are not a three-level ladder, so every app shell that built one had to supply
     the missing rung itself — and all four supplied the SAME one: `--dashboard-elev-1-shadow: none`,
     `--builder-elev-1-shadow: none`, `--accounts-elev-1-shadow: none`, `--progress-elev-1-shadow:
     none`. Level 1 is FLAT by unanimous agreement, and levels 2 and 3 already read
     --universe-shadow-control and --universe-shadow-panel verbatim in all four. This is a straight
     promotion of that mapping: the values are the four shells' own, unchanged, and the two role
     tokens above stay the source of truth rather than being restated.
     Named by RUNG as well as by role so a shell can delete its local ladder with a prefix swap
     (--dashboard-elev-2-shadow -> --universe-elev-2-shadow) instead of a re-derivation. */
  --universe-shadow-flat: none;
  --universe-elev-1-shadow: var(--universe-shadow-flat);
  --universe-elev-2-shadow: var(--universe-shadow-control);
  --universe-elev-3-shadow: var(--universe-shadow-panel);
  /* The ladder's EDGES, promoted the same way (2026-10-07, B045 pass 2; [[platform D589]] pt 9): the dashboard's
     --dashboard-elev-{1,2,3}-line/border values verbatim, so a shell that does not carry the dashboard's names (the
     EGT* studio) picks the same three levels and the shared glass refusal (src/glass-conformance.js) accepts them. */
  --universe-elev-1-line: var(--universe-line-soft);
  --universe-elev-1-border: 1px solid var(--universe-elev-1-line);
  --universe-elev-2-line: var(--universe-line);
  --universe-elev-2-border: 1px solid var(--universe-elev-2-line);
  --universe-elev-3-line: var(--universe-line-strong);
  --universe-elev-3-border: 1px solid var(--universe-elev-3-line);
  /* The site is markedly rounder: 1rem on glass and cards, 0.5–0.625rem on controls, and a 100rem
     PILL for its calls to action (71 uses — the dominant button shape on the site). The platform's
     global 0.5rem was already the outlier: ua.checkout.css locally overrides to 1.25/1.4/0.9rem. */
  --universe-radius-panel: 1rem;
  --universe-radius-card: 1rem;
  --universe-radius-control: 0.625rem;
  --universe-radius-pill: 100rem;
  /* FLUID RHYTHM. The platform had NO spacing scale tokens whatsoever — every surface chose its own
     gutter and section padding, which is why surfaces that agree on colour and type still drift in
     rhythm. These are the site's three, verbatim (--egt-pad / --egt-section-y / --egt-card-pad), plus
     its two dominant measures. Purely additive: nothing is taken away. */
  --universe-space-gutter: clamp(1.375rem, 5vw, 3.5rem);
  --universe-space-section: clamp(3.5rem, 9vw, 7.5rem);
  --universe-space-card: clamp(1.75rem, 4vw, 2.75rem);
  --universe-measure-prose: 46rem;
  --universe-measure-container: 72.5rem;
  /* THE INSET SCALE — the padding INSIDE a surface, which the rhythm tokens above never covered.
     gutter/section/card are the space BETWEEN things; a depth ladder also needs to say how far a
     level-1 row, a level-2 card and a level-3 panel hold their contents off their own edge. Four app
     shells built a three-level ladder and three of them had to declare that scale locally, each
     stating in its own comment that universe-interface.css had no inset scale to read
     (universe-dashboard/src/dashboard-ui.css, universe-builder/src/styles/builder-shell.css,
     universe-progress/src/ui/progress-ui-css.js).

     PROMOTED, NOT REDESIGNED. The three local ladders were:
         dashboard  0.75 / 1    / 1.5rem
         progress   0.75 / 1    / 1.125rem
         builder    0.5  / 0.85 / 1rem
     0.75rem and 1rem are the outright modes of levels 1 and 2. Level 3 has no mode, so it takes the
     MEDIAN of the three rather than a fourth number nobody was using. That is progress's ladder
     exactly, and it is the only one of the three monotonic with the modes.

     The two shells that sit off it (builder tighter at every level, dashboard wider at level 3) are
     deliberately NOT averaged away here: adopting these is a look change on their surfaces and
     belongs in the design-review stage of the slice that deletes the locals, which can keep a
     documented override if the wider level 3 is load-bearing on the dashboard. */
  --universe-space-inset-1: 0.75rem;
  --universe-space-inset-2: 1rem;
  --universe-space-inset-3: 1.125rem;

  /* THE ICON SCALE — 2026-09-20. The platform had no icon size token at all: `.ua-icon` was a bare
     `1.15em`, so an icon's size was whatever font-size it happened to inherit, and every surface
     that wanted a different one nudged it locally. That is why the same glyph is one size in a
     button, another in a row action and a third in a nav item.

     These are REM, not EM, and that is the point. An em-sized icon inside a 0.8125rem chip and the
     same icon inside a 1rem button are different pictures at the same nominal size; a rem-sized
     icon is the same picture everywhere and lines up across controls that do NOT share a font size.
     The steps are the sizes the estate already draws at, rounded to the 2px grid an SVG on a 24-unit
     viewBox actually renders crisply at: 14 / 16 / 20 / 24 / 32 px.

     `--universe-icon-size` is the live value any `.ua-icon` reads; a control sets it once on itself
     and every glyph inside inherits, which is how a row action and its label stay aligned without
     the control knowing anything about icons.

     `--universe-icon-optical-shift` is v1's one genuinely well-engineered icon detail, kept:
     `universe-home/uat/scss/utilities.scss:545` nudged every glyph `-.125em` so it sits on the text
     baseline rather than the line box. Dropping it is why icons beside text look high. */
  --universe-icon-size-xs: 0.875rem;
  --universe-icon-size-sm: 1rem;
  --universe-icon-size-md: 1.25rem;
  --universe-icon-size-lg: 1.5rem;
  --universe-icon-size-xl: 2rem;
  --universe-icon-size: var(--universe-icon-size-md);
  --universe-icon-stroke: 2;
  --universe-icon-optical-shift: -0.125em;
  /* Font tokens (--universe-font-*) are defined in the shared foundation.type.css. */

  /* SHORT-ALIAS TOKENS — element-runtime.css and several ua.* element stylesheets are written against
     these names. universe-runtime already defines every one of them per published site (ua-renderer.js
     brandVariableLines), and universe-builder's page editor defines them for the canvas — but this
     app-shell foundation did not, so ~90 declarations across the dashboard/accounts/builder/checkout
     shells resolved to NOTHING and silently fell back to `inherit`. Same formulas as the runtime's, so
     an element renders identically in the shell and on the published page. */
  --line: color-mix(in srgb, var(--universe-color-text) 22%, transparent);
  --muted: color-mix(in srgb, var(--universe-color-text) 72%, var(--universe-color-background) 28%);
  --subtle-fill: color-mix(in srgb, var(--universe-color-background) 92%, var(--universe-color-text) 8%);
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  min-height: 100%;
  background: var(--universe-color-background);
  /* Prevent scroll-chaining/rubber-band so the app chrome + fixed background never reveal blank
     space past their bounds. overscroll-behavior only governs the scroll boundary — it does NOT
     clip html/body (unlike overflow:hidden/clip), so it is safe on the scrolling root. */
  overscroll-behavior: none;
}

body {
  /* 100dvh, not 100vh: on iOS Safari 100vh is the LARGE viewport (toolbar hidden), taller than what is
     on screen, so every page scrolled by one toolbar of blank space. dvh is the visible height. */
  min-height: 100vh;
  min-height: 100dvh;
  margin: 0;
  /* Same guard on body: no rubber-band past the document bounds. Not a clip — see html above. */
  overscroll-behavior: none;
  color: var(--universe-color-text);
  font-family: var(--universe-font-body);
  /* Plain 1rem == the scaled root (html carries --universe-font-size-base). Using the token here too
     would double-apply the tenant size scale to body text. */
  font-size: 1rem;
  line-height: var(--universe-font-line-height-body);
  letter-spacing: var(--universe-font-letter-spacing-body);
  background: var(--universe-color-background);
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

body[data-universe-background="image"],
.universe-image-background {
  position: relative;
  isolation: isolate;
  background: var(--universe-color-background);
}

/* The background image shows at full beauty with NO dark overlay/scrim/gradient over it (operator: never
   dim the background). Glass panels carry their own legibility via their own frosted backdrop. The image is
   the SSR'd --universe-platform-background custom property, set per surface from the platform-background
   service manifest (see universe-elements/src/platform-background.js). When no platform image is set, the
   var() falls back to the base canvas color — never a hardcoded universe-home URL. */
body[data-universe-background="image"]::before {
  /* THE ONE BACKGROUND LAYER. Exactly one element paints the photograph; a second copy (a body
     backgroundImage set by a client rotator, or a .universe-fixed-background div painting the same var)
     is the "two images" defect. The random pick is made once, server-side, per page load.
     Full-bleed on phones: the layer is sized to the LARGE viewport (100lvh) so it reaches under the iOS
     status bar and the Safari toolbar (pages opt in with viewport-fit=cover), and it carries NO solid
     color layer — Safari extends a fixed element's background COLOR into its bars, which painted flat
     bands above and below the photograph. The base canvas color lives on body, underneath. */
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100vw;
  height: 100vh;
  height: 100lvh;
  background: var(--universe-platform-background, none) center center / cover no-repeat;
  pointer-events: none;
  transform: translateZ(0);
}

/* Shared pure-CSS cross-fade layer stack (the work.egt.studio ambient pattern, generalized). A surface that
   wants the slow cross-fade across multiple platform backgrounds renders platformAmbientLayersHtml(): each
   .universe-ambient-layer carries its photo inline as --universe-ambient-photo (in the HTML at request
   time, no JS), and the layers cross-fade on the --universe-ambient-cycle cadence. NO dark scrim — the
   photo paints at full beauty; glass panels carry their own legibility. */
.universe-ambient {
  position: fixed;
  inset: 0;
  z-index: -1;
  width: 100vw;
  min-height: 100vh;
  min-height: 100dvh;
  pointer-events: none;
  overflow: hidden;
  background: var(--universe-color-background);
  transform: translateZ(0);
}
.universe-ambient-layer {
  position: absolute;
  inset: 0;
  min-height: 100dvh;
  opacity: 0;
  background-color: var(--universe-color-background);
  background-image: var(--universe-ambient-photo, none);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  will-change: opacity;
  transform: translateZ(0);
  animation: universe-ambient-cycle var(--universe-ambient-cycle, 10800s) ease-in-out infinite;
}
.universe-ambient-layer[data-start="1"] {
  opacity: 1;
}
@keyframes universe-ambient-cycle {
  0%, 22% { opacity: 1; }
  26%, 100% { opacity: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .universe-ambient-layer { animation: none; }
}

a {
  color: inherit;
}

button,
input,
select,
textarea {
  font: inherit;
  letter-spacing: 0;
}

button,
a,
input,
select,
textarea,
[tabindex] {
  touch-action: manipulation;
}

/* [[D576]] point 3 / CTO 2026-10-07: no focus outline or ring anywhere. Tabbing wears the hover effect, and every
   focusable control is in the four states (src/elements/_interaction-states.js, including the natively actionable
   base family and the focus-only family), so this sheet adds nothing on :focus-visible. */

h1,
h2,
h3,
h4 {
  font-family: var(--universe-font-heading);
  font-weight: var(--universe-font-weight-heading);
  line-height: var(--universe-font-line-height-heading);
  letter-spacing: var(--universe-font-letter-spacing-heading);
  text-wrap: balance;
}

/* THE DISPLAY BAND (MP-031). egt.studio sets its biggest type heavier AND tighter than its section
   titles — that weight/tracking step is what gives a hero its authority, and the platform had only
   one heading weight at every size. h1 and anything opting in with .universe-display take the display
   tokens; h2–h4 keep the heading tokens. Faces still resolve through --universe-font-heading, so a
   tenant switching the Header slot moves the display band with everything else. */
h1,
.universe-display {
  font-family: var(--universe-font-heading);
  font-weight: var(--universe-font-weight-display);
  line-height: var(--universe-font-line-height-display);
  letter-spacing: var(--universe-font-letter-spacing-display);
}

/* Small uppercase tracked marks — the site's eyebrow. WORD labels stay SANS (only editorial numerals
   go serif on the site, and that exception is deliberately not opened here). One token so eyebrows
   stop drifting per surface. */
.universe-eyebrow {
  font-family: var(--universe-font-body);
  letter-spacing: var(--universe-font-letter-spacing-label);
  text-transform: uppercase;
  color: var(--universe-color-muted);
}

/* The reading measure and the widest container — the two the site actually uses. */
.universe-measure-prose {
  max-width: var(--universe-measure-prose);
}

.universe-measure-container {
  max-width: var(--universe-measure-container);
  margin-inline: auto;
}

p,
li,
label,
input,
select,
textarea,
button {
  overflow-wrap: anywhere;
}

.universe-shell,
[data-universe-visual-system] {
  min-width: 0;
}

.universe-glass-panel {
  border: var(--universe-elev-2-border);
  border-radius: var(--universe-radius-panel);
  background: var(--ua-glass-text-led);
  box-shadow: var(--universe-elev-3-shadow);
  backdrop-filter: var(--ua-glass-frost);
  -webkit-backdrop-filter: var(--ua-glass-frost);
}

.universe-card {
  border: var(--universe-elev-2-border);
  border-radius: var(--universe-radius-card);
  background: var(--ua-glass-text-led);
  box-shadow: var(--universe-elev-2-shadow);
  backdrop-filter: var(--ua-glass-frost);
  -webkit-backdrop-filter: var(--ua-glass-frost);
}

/* ============================================================================
   THE GLASS VARIANT SYSTEM (UI-LOOK-AND-FEEL §4/§8/§10) — defined ONCE here.
   B045 pass 3 (the one glass path): every variant frosts with var(--ua-glass-frost), and the three neutral tiers + the
   stat floor wear the proven text-led pane var(--ua-glass-text-led) — their own 92/70/48/55% surface mixes measured
   2.15-3.71:1 for ink at tiers 2/3/stat (the glass refusal's record) and were a second composition of the material.
   Every variant is the ONE canonical glass material: the text-led pane and the shared frost.
   A semantic variant carries its hue on the border. A wash of that hue on the pane fails AA
   (element-runtime.css records the 14% measurement). A tenant rebrands the edge by retinting
   the --universe-color-* token; the pane stays the tier.
   Legibility is earned through better-tuned glass, never a dark scrim (§8).
   Status is never communicated by color alone — these tints are paired with
   a label/icon/shape at the call site (§10/§194). These are LIBRARY classes;
   no surface consumes them yet (the sweep is a later unit).
   ============================================================================ */

/* Opacity tiers — neutral content at three frost/transparency strengths. */
.glass-tier-1 {
  border: var(--universe-elev-2-border);
  border-radius: var(--universe-radius-card);
  background: var(--ua-glass-text-led);
  backdrop-filter: var(--ua-glass-frost);
  -webkit-backdrop-filter: var(--ua-glass-frost);
}

.glass-tier-2 {
  border: var(--universe-elev-2-border);
  border-radius: var(--universe-radius-card);
  background: var(--ua-glass-text-led);
  backdrop-filter: var(--ua-glass-frost);
  -webkit-backdrop-filter: var(--ua-glass-frost);
}

.glass-tier-3 {
  border: var(--universe-elev-2-border);
  border-radius: var(--universe-radius-card);
  background: var(--ua-glass-text-led);
  backdrop-filter: var(--ua-glass-frost);
  -webkit-backdrop-filter: var(--ua-glass-frost);
}

/* Minimum-frost floor — the readability floor for stat boxes and content tiles
   that would otherwise sit fully transparent (white text floating on a photo).
   Never less frost than this (§8 legibility is effectively fixed). */
.glass-stat {
  border: var(--universe-elev-2-border);
  border-radius: var(--universe-radius-card);
  background: var(--ua-glass-text-led);
  backdrop-filter: var(--ua-glass-frost);
  -webkit-backdrop-filter: var(--ua-glass-frost);
}

/* Semantic variants — the hue is the border. The pane is the text-led tier. Pair with a label/icon (§10). */
.glass-info {
  border: var(--universe-elev-2-border); border-color: color-mix(in srgb, var(--universe-color-info) 38%, var(--universe-line));
  border-radius: var(--universe-radius-card);
  background: var(--ua-glass-text-led);
  backdrop-filter: var(--ua-glass-frost);
  -webkit-backdrop-filter: var(--ua-glass-frost);
}

.glass-success {
  border: var(--universe-elev-2-border); border-color: color-mix(in srgb, var(--universe-color-success) 38%, var(--universe-line));
  border-radius: var(--universe-radius-card);
  background: var(--ua-glass-text-led);
  backdrop-filter: var(--ua-glass-frost);
  -webkit-backdrop-filter: var(--ua-glass-frost);
}

.glass-warning {
  border: var(--universe-elev-2-border); border-color: color-mix(in srgb, var(--universe-color-warning) 38%, var(--universe-line));
  border-radius: var(--universe-radius-card);
  background: var(--ua-glass-text-led);
  backdrop-filter: var(--ua-glass-frost);
  -webkit-backdrop-filter: var(--ua-glass-frost);
}

.glass-error {
  border: var(--universe-elev-2-border); border-color: color-mix(in srgb, var(--universe-color-error) 38%, var(--universe-line));
  border-radius: var(--universe-radius-card);
  background: var(--ua-glass-text-led);
  backdrop-filter: var(--ua-glass-frost);
  -webkit-backdrop-filter: var(--ua-glass-frost);
}

/* Honor the machine (§6/§15): when the device asks to save data the heavy
   backdrop-blur steps down to the minimum-frost floor before it ever janks.
   The material and its legibility tint stay; only the blur cost is shed. */
@media (prefers-reduced-data: reduce) {
  .glass-tier-1,
  .glass-tier-2,
  .glass-tier-3,
  .glass-stat,
  .glass-info,
  .glass-success,
  .glass-warning,
  .glass-error {
    backdrop-filter: var(--ua-glass-frost);
    -webkit-backdrop-filter: var(--ua-glass-frost);
  }
}

/* The person's steps on the glass (reduced data, more contrast, reduced transparency) live with the material in
   element-runtime.css's glass-material block. */

.universe-icon-action,
.dashboard-icon-action,
.ua-icon-action {
  display: inline-grid;
  place-items: center;
  inline-size: 2.35rem;
  min-inline-size: 2.35rem;
  block-size: 2.35rem;
  min-block-size: 2.35rem;
  padding: 0;
  border: var(--universe-elev-2-border);
  border-color: var(--universe-line-strong);
  border-radius: 999rem;
  background: var(--ua-glass-text-led);
  color: var(--universe-color-text);
  text-decoration: none;
  box-shadow: var(--universe-elev-2-shadow);
  backdrop-filter: var(--ua-glass-frost);
  -webkit-backdrop-filter: var(--ua-glass-frost);
  cursor: pointer;
}

.universe-primary-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-block-size: 2.9rem;
  min-inline-size: 2.9rem;
  padding: 0.75rem 1rem;
  border: 1px solid var(--universe-color-primary);
  border-radius: var(--universe-radius-control);
  background: linear-gradient(180deg, var(--universe-color-primary-strong), var(--universe-color-primary));
  color: var(--universe-color-on-primary-action);
  font-weight: var(--universe-font-weight-display-strong);
  text-decoration: none;
  cursor: pointer;
}

.universe-secondary-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-block-size: 2.9rem;
  min-inline-size: 2.9rem;
  padding: 0.75rem 1rem;
  border: 1px solid var(--universe-line);
  border-radius: var(--universe-radius-control);
  background: color-mix(in srgb, var(--universe-color-surface) 74%, transparent);
  color: var(--universe-color-text);
  font-weight: var(--universe-font-weight-strong);
  text-decoration: none;
  cursor: pointer;
}

.universe-muted {
  color: var(--universe-color-muted);
}

.universe-visually-hidden,
.visually-hidden {
  position: absolute !important;
  inline-size: 1px !important;
  block-size: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

@media (max-width: 760px) {
  .universe-icon-action,
  .dashboard-icon-action,
  .ua-icon-action {
    inline-size: 2.5rem;
    min-inline-size: 2.5rem;
    block-size: 2.5rem;
    min-block-size: 2.5rem;
  }
}

/* Web Push priming (Standard S1 notification layer). The priming ask is the platform's standard
   FULL-SCREEN dialog (ua.dialog, openId "push-priming"), SSR'd into the dashboard shell and opened by the
   shared push client at an engaged moment — so it needs NO bespoke card/toast CSS here (it inherits the
   dialog's glass overlay, focus-trap, scroll-lock, and reduced-motion). Only the priming body copy +
   action row get light spacing; everything else is the shared ua.dialog surface + dashboard action
   buttons. (Replaced the old bottom-right priming toast card per operator directive 2026-07-14.) */
.push-priming-copy {
  margin: 0;
  line-height: var(--universe-font-line-height-body, 1.5);
}

.push-priming-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.push-priming-actions .dashboard-primary-action,
.push-priming-actions .dashboard-secondary-action {
  flex: 1 1 auto;
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 0.001ms !important;
  }
}
/* ════════════════════════════════════════════════════════════════════════════════════════════════════════════════════
   THE DASHBOARD SHELL — one stylesheet, linked by every dashboard ([[platform D589]] pt 9, [[platform D292]], D004).
   Moved here VERBATIM from universe-dashboard/src/dashboard-ui.css on 2026-10-08 (B045 pass 2, a6-shell): the document
   base (the --ua-shell-* tokens, the shared glass var(--ua-glass-text-led) / var(--ua-glass-frost), the depth ladder, html / body),
   the shell grid, the topbar band, the sidebar with its tools row / folder nav / footer, the brand lockup, the menu and
   dock toggles, the content region and controls row, the help "?" and its dialog. universe-dashboard and the EGT*
   studio both paint their shell from THIS file through src/dashboard-shell.js; neither keeps a copy. The comments below
   are the dashboard's own record of why each rule is what it is; "this sheet" / "this file" in them now means here.
   A host loads it BEFORE its own stylesheet, where the dashboard's file used to carry it, so the cascade is unchanged.
   ════════════════════════════════════════════════════════════════════════════════════════════════════════════════════ */
:root {
  color-scheme: dark;
  /* THE STICKY TOPBAR'S HEIGHT, STATED ONCE, AS A FIRST-PAINT DEFAULT.
     dashboard-ui.js publishes the LIVE measurement over this (on documentElement and on every
     .dashboard-content) as soon as it runs; this is the value that holds before it does, and the only
     value there is with JS off.

     It was `3.6rem` (57.6px), written out at four separate sites in this sheet — and it was 13.4px
     SMALLER than the real topbar, measured live on dashboard.egt.studio at 71px. So on first paint
     .dashboard-controls-row pinned 13.4px too high and OVERLAPPED the topbar it was supposed to sit
     under. 4.375rem is 70px: the topbar's measured border-box height on the deployed build (70.02px
     at 1186x566 dpr 2, after the seam commit removed its 1px top border).

     ON :root SO IT RESOLVES AT <html>. Custom properties inherit downward only, and this used to be
     declared on .dashboard-content — a DESCENDANT of the scroller — so the scroll-padding rule on <html>
     below could never read it and had to carry its own literal. One declaration, four readers.

     DELIBERATELY NOT PROMOTED INTO universe-elements. element-runtime.css gives
     .ua-dashboard-standard-toolbar.is-sticky a `var(--ua-shell-topbar-h, 0px)` fallback, and that 0px
     is correct for hosts with no sticky topbar: a shared :root default outranking it would push the
     toolbar down on every topbar-less consumer of the shared runtime. This sheet ships on the dashboard
     origin only, which is exactly the scope that has a topbar. */
  --ua-shell-topbar-h: 4.375rem;
  /* Dashboard brand aliases are MAPPED to the platform --universe-color-* tokens
     (from universe-elements/universe-interface.css, already in the served bundle)
     so a tenant/operator rebrand (P5) flows through the dashboard automatically.
     The literal values remain only as a fallback if the bundle is absent. */
  --ua-shell-ink: var(--universe-color-text, #fff7e8);
  --ua-shell-muted: var(--ua-glass-text-led-quiet, color-mix(in srgb, var(--universe-color-text) 72%, var(--universe-color-background)));
  --ua-shell-soft: rgba(255, 247, 232, 0.11);
  --ua-shell-panel: var(--universe-color-surface, rgba(10, 12, 18, 0.72));
  --ua-shell-panel-strong: var(--universe-color-surface-strong, rgba(10, 12, 18, 0.88));
  --ua-shell-line: var(--universe-line-strong, rgba(252, 188, 81, 0.32));
  --ua-shell-gold: var(--universe-color-primary-strong, #fcbc51);
  /* The space between consecutive items in the sidebar's folder/item navigation (.dashboard-nav). */
  --ua-shell-nav-item-gap: 0.375rem;
  --ua-shell-info: var(--universe-color-info, #60d8ff);
  --ua-shell-good: var(--universe-color-success, #8df0b1);
  --ua-shell-danger: var(--universe-color-error, #ff7a90);
  --ua-shell-shadow: 0 1.5rem 4rem rgba(0, 0, 0, 0.48);
  --ua-shell-radius: 0.95rem;
  --ua-shell-platform-background: #050507;
  --ua-shell-spark-background: #050507;
  --ua-shell-brand-background: #050507;
  /* ══ MP-084 · D019 · D071 §1 — THE TIER, NEVER A NUMBER ═══════════════════════════════════════════
     THIS IS THE SURFACE THE OPERATOR REPORTED ("dashboard frosted glass and readability"), and the
     numbers say why. .dashboard-shell, .dashboard-content and .dashboard-workspace declare NO
     background, so every card and row on every dashboard page sits DIRECTLY on the platform
     photograph. Eighty-two rules frosted a pane, and each had chosen its own alpha — 50%, 54%, 55%,
     58%, 60%, 62%, 64%, 92% of --universe-color-surface, plus a dozen hand-rolled rgba() literals.
     --universe-color-surface is ITSELF translucent (rgba(8,10,15,.78)), so the commonest of those,
     `color-mix(surface 55%, transparent)`, is an EFFECTIVE alpha of 0.429 — a pane that carries the
     platform ink at 2.53:1 against the worst pixel our own background catalog can put behind it
     ((255,255,255), derived in D071's RESULT section from the real AVIF bytes). Fifty-nine of those
     rules failed WCAG AA for ink alone.

     D071 §1: two named tiers, each with its contrast budget proven once, and a surface picks a TIER —
     never a bespoke alpha, because "a per-surface number is how six undefined tokens happened". Every
     dashboard surface is dense text over art, so every one of them is TEXT-LED. Hierarchy comes from
     the border, the shadow and the spacing, which are untouched — not from a different transparency.

     Nothing here dims the photograph. body::before still paints it full-bleed at full strength.

     THIS FILE COMPOSES NO GLASS (B045 pass 3, the one glass path). The pane and the frost every shell surface takes
     are the platform's own whole tokens, var(--ua-glass-text-led) + var(--ua-glass-frost), composed once in
     universe-interface.css (which every document loads ahead of this sheet) and stepped there for reduced data,
     more contrast and reduced transparency. This sheet used to carry its own copy of that composition
     (--dashboard-glass / --dashboard-frost); a shell with its own copy is the drift the glass refusal exists to stop. */
  /* THE QUIET TEXT ROLE ON GLASS. --universe-color-muted (#9a9aa2) measures 4.21:1 on the text-led
     pane over the worst pixel — below AA for body text — and cannot clear 4.5:1 at ANY tint of
     --universe-color-surface (it needs an effective alpha of 0.831; that token's own alpha is 0.78).
     The shared error surface's answer is --ua-glass-text-led-quiet, which measures 5.31:1; this reads
     that, with the shared recipe as the fallback. The root cause is the platform token itself and is
     reported, not patched here. */
  /* No glass token is defined here (B045 pass 3, the one glass path): the local --glass-min-blur: 0.85rem that stood here
     out-ranked universe-interface.css's 1.375rem on every shell host (the dashboard and the EGT* studio frosted with a blur
     no other host used), and the local --glass-tint-strength restated universe-interface.css's own 14%. */

  /* ══ THE DEPTH LADDER · D085 §2 ═══════════════════════════════════════════════════════════════════
     THE TIER ABOVE IS RIGHT AND IT STAYS. Nothing here thins a pane back out; the contrast floor is not
     a starting point for compromise. But collapsing eighty-two bespoke alphas onto ONE tint took the
     platform's hierarchy with it, because transparency had been carrying the depth. Once every pane is
     the same pane, a status pill, a grid row, a card and the sidebar all read as the same object — the
     operator's word for it was "flatter". His ruling: KEEP THE CONTRAST FLOOR AND RESTORE DEPTH THROUGH
     BORDER, SHADOW, SPACING AND TYPE WEIGHT, which is where hierarchy should have come from anyway.

     THREE LEVELS, and a surface picks a LEVEL — never its own border, shadow, inset or weight. That is
     the tier discipline (D071 §1, "never a bespoke alpha") applied to the four axes that are left,
     because a per-surface number is a per-surface number whichever property it lands in.

       1  NESTED    inside a pane that already has an edge — a summary block, a meta chip, a status
                    pill, a list-view row. Softest hairline, NO shadow, tightest inset.
       2  STANDING  a pane standing on the photograph in its own right — a card, a card-view row, an
                    empty state, a control. Base hairline, control shadow, card inset.
       3  CHROME    the shell and what sits on top of it — sidebar, topbar, app header, a dialog
                    surface, the page's one primary object. Gold hairline, panel shadow, widest inset.

     MEASURED as BOUNDARY contrast — the edge against the tier pane composited over the catalog's worst
     pixel (255,255,255), which is what makes this a ladder and not three names:
         level 1  1.17:1        level 2  1.36:1        level 3  2.23:1
     And the defect it replaces, measured the same way: grid rows carried an 18% ink hairline (1.68:1)
     while the CARDS CONTAINING THEM carried 12–14% white (1.45–1.55:1). The hierarchy was INVERTED — a row
     shouted louder than the card it sat in — and nothing in the source said so, because each of the two
     numbers looked reasonable next to itself. Twelve distinct border literals and eleven distinct
     box-shadow literals across eighty frosted rules; not one of them a step in a scale.

     NO AXIS CARRIES A LOCAL VALUE ANY MORE. Border/line always read the shared foundation
     (--universe-line-soft / -line / -strong). SHADOW, INSET and WEIGHT now do too — the day this
     comment predicted arrived and universe-elements grew all three:

       * SHADOW — --universe-elev-1/2/3-shadow (over --universe-shadow-flat/-control/-panel). A prefix
         swap with IDENTICAL values; zero visual delta.
       * INSET — --universe-space-inset-1/2/3 = 0.75 / 1 / 1.125rem. Levels 1 and 2 are this shell's
         own numbers (18 and 39 declarations, unchanged — they were the outright modes across the
         three ladders). LEVEL 3 MOVES: 1.5rem -> 1.125rem, i.e. -0.375rem / -6px at the 16px root,
         across 5 declarations.
         DRIVEN IN CHROME (2026-08-25, Home rendered through this repo's own router, A/B against the
         same document with the old values restored): the ONE level-3 element on that page is
         `.dashboard-profile-prompt`, whose padding goes 16px 24px -> 16px 18px. Its BOX does not
         move — 1073 x 80.31px before and after — so the card keeps its place and its height and its
         contents gain 12px of width. NO OVERRIDE IS KEPT: "the dashboard's chrome is 6px roomier
         than every other shell's" was never a decision anybody made, and the measurement says
         nothing is load-bearing on it. If a design review disagrees, the override is one line here.
       * WEIGHT — see the type block below.  */
  --ua-shell-elev-1-line: var(--universe-line-soft);
  --ua-shell-elev-1-border: 1px solid var(--ua-shell-elev-1-line);
  --ua-shell-elev-2-line: var(--universe-line);
  --ua-shell-elev-2-border: 1px solid var(--ua-shell-elev-2-line);
  --ua-shell-elev-3-line: var(--universe-line-strong);
  --ua-shell-elev-3-border: 1px solid var(--ua-shell-elev-3-line);

  /* THE FOURTH AXIS — TYPE WEIGHT, NOW SHARED. This shell's four local steps (650/760/800/850) are gone;
     every declaration reads --universe-font-weight-quiet | -title | -strong | -display-strong. The top
     step is -display-STRONG and not -display: --universe-font-weight-display already means 700 on
     Playfair (the serif hero), and reusing that name would silently re-weight every hero on the platform.

     MEASURED DELTA FOR THIS SHELL, by role and by declaration count:
         quiet    650 -> 600   -50    (16 declarations)
         title    760 -> 650   -110   (107 declarations)
         strong   800 -> 760   -40    (88 declarations)
         display  850 -> 850   ±0     (67 declarations — unchanged)

     ON THE -110, WHICH IS THE LARGEST SINGLE MOVE IN THIS SLICE. universe-elements' note explains the
     mapping: the two weight families are offset by one rung — progress/accounts rank title 650 /
     strong 700-760, builder/dashboard rank title 760 / strong 800 — so 650 and 760 are a genuine tie
     on ROLE and the promoted pair is accounts', which spans the widest range with no invented value.
     Adopting it means every dashboard section title goes from 760 to 650. That is a real, visible
     de-emphasis on 107 declarations and it is the one change here a human should look at; it is
     recorded as a measured delta rather than absorbed, and it is NOT overridden, because "dashboard
     titles are heavier than accounts' and builder's" was never a decision anybody made.

     AND THE -110 IS SMALLER ON SCREEN THAN IT READS HERE, which is why it is measured rather than
     argued. Driven in Chrome (2026-08-25, Home + /account/security rendered through this repo's own
     router, A/B against the same documents with the four old values restored): of the 27 elements
     that moved 760 -> 650 on Home, every one is a `.dashboard-link-icon` glyph or a nav label —
     NOT a section heading. Headings are Playfair and take --universe-font-weight-heading (500),
     which the promotion did not touch. The largest layout consequence anywhere on either page was
     1.47px of text width in the topbar context pill; no element changed height, and no box-shadow
     changed at all. */
  /* TONE RIDES ON THE EDGE, NEVER ON THE PANE. That is not a preference — it is the measurement this
     file already records five times over: a 14% info wash lifted a pane from rgb(46,49,53) to
     rgb(53,73,82) and dropped the quiet line from 5.87:1 to 4.28:1. So a toned surface keeps its
     level's border and shadow and changes only what the EDGE says. Same shape as the shared error
     card's .ua-error-card-warning/-error/-success (element-runtime.css). The 38% is the portion these
     five rules already carried, read out of them rather than re-chosen. */
  --ua-shell-tone-info: color-mix(in srgb, var(--universe-color-info) 38%, var(--universe-line));
  --ua-shell-tone-success: color-mix(in srgb, var(--universe-color-success) 38%, var(--universe-line));
  --ua-shell-tone-warning: color-mix(in srgb, var(--universe-color-warning) 38%, var(--universe-line));
  --ua-shell-tone-error: color-mix(in srgb, var(--universe-color-error) 38%, var(--universe-line));
  --ua-shell-tone-pending: color-mix(in srgb, var(--universe-color-primary) 38%, var(--universe-line));

}

* {
  box-sizing: border-box;
}

html {
  min-height: 100%;
  background: #040507;
}

body {
  position: relative;
  isolation: isolate;
  min-height: 100vh;
  margin: 0;
  color: var(--ua-shell-ink);
  font-family: var(--universe-font-body);
  line-height: 1.5;
  background: #050507;
  /* Belt-and-suspenders (dashboard-ui.css loads after universe-interface.css): no scroll-chaining/
     rubber-band so the fixed background + chrome never reveal blank space past their bounds.
     overscroll-behavior is not a clip, so it never reparents the fixed background or sticky bars. */
  overscroll-behavior: none;
}

/* The background photograph is painted ONCE, by universe-elements' shared body[data-universe-background="image"]::before
   (universeInterfaceCss). This file keeps no copy of that layer: two copies were the "two images" defect. */

a {
  color: inherit;
}

button,
input,
select,
textarea {
  font: inherit;
}

/* ── ONE SURFACE: THE BAND SPANS BOTH COLUMNS ────────────────────────────────────────────────────
   (operator: "can the dashboard shell navigation and the context switcher header look more seamless
   together and not feel separated, and also no borders on the top of them — the page document under it
   is separate but I want them to feel connected and not split." Asked whether the CSS-only seam fix was
   enough: "Do the restructure — that's what I meant.")

   The topbar used to be a grandchild of this grid, nested inside `.dashboard-content`, and the sidebar a
   child. Two chrome layers meeting at a column boundary is what produced the seam — and the seam commit
   had to spend a gradient, a border-box origin and a scrollbar-width to make that boundary stop reading
   as a split. With the band spanning every column there is NO vertical boundary between the two chrome
   layers at all, so none of that is needed any more and none of it is still here.

   THE ESTATE ALREADY CHOSE THIS SHAPE. universe-egt-studio/src/ui/studio-css.js:
   `grid-template-areas: "topbar topbar topbar" "sidebar content context"` with the bottom hairline on
   the topbar and the right hairline on the sidebar. Same topology, same two lines.

   NAMED AREAS RATHER THAN LINE NUMBERS, and that is a correctness choice, not a style one: the narrow
   breakpoint below drops to a single column, and with numeric placement `.dashboard-content` would keep
   `grid-column: 2` and silently create an implicit second column there. A named template has to be
   restated to change, so the narrow case cannot be half-done.

   ROW 1 IS `auto`, NOT the measured `--ua-shell-topbar-h`. The band's height is content-driven (it
   wraps as the viewport narrows), so pinning the row to a variable would either clip it or leave a gap
   the moment the two disagree. The variable's job is to tell things BELOW the band where it ends; it is
   not the band's own size. */
.dashboard-shell {
  min-height: 100vh;
  display: grid;
  grid-template-columns: minmax(15rem, 18rem) minmax(0, 1fr);
  grid-template-rows: auto auto minmax(0, 1fr);
  grid-template-areas:
    "topbar   topbar"
    "standing standing"
    "sidebar  content";
  /* THE GUTTER MOVED UP HERE FROM `.dashboard-content`, because the topbar is no longer inside it and
     still has to align its padding to the same column the document below it uses. Custom properties
     inherit downward, so `.dashboard-content` reads the identical value it declared for itself before. */
  --ua-shell-gutter: clamp(1.25rem, 2.6vw, 2rem);
}

/* THE WORKSPACE'S STANDING NOTICE (routes/app-view-workspace-standing.js): a band under the topbar, in the same
   gutter as the page below it. Empty, it is nothing: no padding, no height. The notice itself is the shared ua.alert. */
.dashboard-standing-region {
  grid-area: standing;
  min-width: 0;
}
.dashboard-standing-region:not(:empty) {
  padding: var(--ua-space-3, 0.75rem) var(--ua-shell-gutter) 0;
}
.dashboard-standing-region .dashboard-standing-notice {
  margin: 0;
}

/* [[D258]] §1 (operator refinement) — THE MOBILE MENU TOGGLE.
   The frosted-glass MATERIAL (the LIGHT .ua-button-glass tint + blur+saturate) comes from the shared
   ua.button primitive in universe-elements — this repo declares no pane here, which is what keeps the
   glass-conformance gate satisfied. dashboard-ui.css only shapes it into a 2.75rem circle and paints
   the icon WHITE. The selector is scoped to `.dashboard-topbar` so it outweighs the .ua-button base
   (which loads AFTER this file) for geometry and for the desktop-hidden display. */
/* The toggle is rendered inside its element wrapper (<uae namespace="ua.button">), and in the topbar's flex row the
   WRAPPER was the flex item: it shrank to 40px around the 44px circle, which spilled out of it at a phone width
   (release-2026-10-28 pass 4, builder 25, measured at 390px). The wrapper takes no box of its own, so the circle is
   the flex item and its own `flex: 0 0 auto` holds. */
.dashboard-topbar > uae:has(> .dashboard-menu-toggle) {
  display: contents;
}

.dashboard-topbar .dashboard-menu-toggle {
  display: none;
  flex: 0 0 auto;
  width: 2.75rem;
  height: 2.75rem;
  min-block-size: 2.75rem;
  padding: 0;
  border-radius: 999rem;
  /* White icon — the CSS hamburger bars paint with currentColor. This is a text/ink colour, not a
     pane material, so it is outside the glass gate's concern. */
  color: #ffffff;
  cursor: pointer;
}

.dashboard-menu-bars,
.dashboard-menu-bars::before,
.dashboard-menu-bars::after {
  display: block;
  width: 1.1rem;
  height: 0.125rem;
  margin: 0 auto;
  border-radius: 999rem;
  background: currentColor;
}

.dashboard-menu-bars {
  position: relative;
}

.dashboard-menu-bars::before,
.dashboard-menu-bars::after {
  content: "";
  position: absolute;
  left: 0;
}

.dashboard-menu-bars::before {
  top: -0.38rem;
}

.dashboard-menu-bars::after {
  top: 0.38rem;
}

.dashboard-sidebar {
  grid-area: sidebar;
  /* THE NAV NOW BEGINS WHERE THE BAND ENDS, so it pins there too. `top: 0` would slide it up UNDER the
     band on scroll and put the first nav item behind 70px of glass; the same measured
     --ua-shell-topbar-h that tells the controls row where to pin tells the nav where to stop. */
  position: sticky;
  top: var(--ua-shell-topbar-h);
  min-height: calc(100vh - var(--ua-shell-topbar-h));
  max-height: calc(100vh - var(--ua-shell-topbar-h));
  padding: 1rem 0.75rem;
  overflow: auto;
  /* [[D258]] — a flex column so the folder tree takes the slack and the legal+logout footer pins to the
     bottom. The tools row sits at the top, the tree grows, the footer drops to the floor. */
  display: flex;
  flex-direction: column;
  /* THE SCROLLBAR THAT WAS SITTING IN THE SEAM. `overflow: auto` on a sidebar that overflows
     (measured live on dashboard.egt.studio/discover at 1186x566: scrollHeight 585 > clientHeight 566)
     renders a CLASSIC 15px scrollbar — offsetWidth 288 - clientWidth 272 - 1px border = 15 — and it
     used to run the full 100vh, straight past the topbar band. A 15px light-grey strip reads as a
     divider far more strongly than a 0.36-alpha hairline does, so the two chrome layers looked split by
     the widest line on the page and nobody had counted it. `thin` takes the gutter 15px -> 11px
     (measured; CSS.supports("scrollbar-width","thin") is true here).

     THE RESTRUCTURE ALREADY TOOK THIS RAIL OUT OF THE BAND — the sidebar now starts below the topbar,
     so nothing of it runs beside the header any more. `thin` STAYS ANYWAY, and not out of caution: the
     rail still runs the length of the nav, right up against the content column, and 15px of grey there
     is a second, louder line beside the 1px one that is meant to be read.

     The TRACK is transparent so the glass — and the hairline below — show through instead of a grey
     rail. The THUMB is the sheet's own established quiet-ink pattern (compare the 4% and 14% mixes on
     --universe-color-text further down this file), deliberately NEUTRAL rather than gold: the gold
     hairline is the one line that is MEANT to be read as structure, and a gold thumb beside it competes
     with it. 20% IS A TASTE CALL, NOT A MEASUREMENT — it wants the operator's eye, not an agent's. */
  scrollbar-width: thin;
  scrollbar-color: color-mix(in srgb, var(--universe-color-text, #fff) 20%, transparent) transparent;
  /* Art-led tier: this column sits on the photograph, so the frost and the picture read (D071). */
  background: var(--ua-glass-art-led);
  /* A PLAIN BORDER AGAIN — THE WORKAROUND IS GONE WITH THE PROBLEM IT WAS WRITTEN FOR.
     (operator: "the page document under it is separate but I want them to feel connected and not split")

     THE HISTORY, because deleting a fix without saying why is how it comes back. This was
     `border-right: 1px solid var(--ua-shell-elev-3-line)`, which ran the FULL 100vh — including
     straight through the topbar band at y 0..70. Together with the topbar's own border-left (the
     `border:` shorthand at .dashboard-topbar, now `border: 0`) it painted a DOUBLED 2px gold hairline in
     the seam: measured live, the sidebar's border-right at x 287->288 against the topbar's border-left
     at x 288->289. That doubled line WAS the split. The seam commit replaced the border with a
     background-image gradient that started at --ua-shell-topbar-h, so the stroke began below the band.

     That gradient existed for exactly one reason: this element ran alongside the topbar and had to stop
     short of it. It does not run alongside the topbar any more — the band spans both columns and the
     nav starts underneath it — so there is no length of this border to suppress, and a gradient
     imitating a border is strictly worse than the border: it cannot be read by anything that asks for a
     computed border, and its "ORDER IS LOAD-BEARING" caveat (it had to be declared AFTER the
     `background:` shorthand or the shorthand erased it) was a trap with no remaining purpose.

     ONE line down the nav's right edge, one along the band's bottom. Chrome vs document keeps its
     hairline ([[D085]] §2); chrome vs chrome now has no boundary to draw. */
  border-right: 1px solid var(--ua-shell-elev-3-line);
  box-shadow: var(--universe-elev-3-shadow);
  backdrop-filter: var(--ua-glass-frost);
  -webkit-backdrop-filter: var(--ua-glass-frost);
}

/* ── [[D258]] THE HEADER-LEFT BRAND LOCKUP: [coin] "EGT" [^ toggle] ───────────────────────────────
   The coin + wordmark moved out of the sidebar and into the topbar band, to the LEFT of the context
   switcher. The gap, the wordmark weight and the letter-spacing are COPIED from the live egt.studio
   masthead (.egt-navv2__brand { gap:.625rem }, .egt-navv2__wordmark { font-weight:500;
   letter-spacing:.04em; font-family: Playfair }) — measured, not eyeballed (D258 §3). The coin height
   is scaled to the compact app band rather than the marketing hero's 2.5rem. */
.dashboard-brand-lockup {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex: 0 0 auto;
  min-width: 0;
}

.dashboard-brand {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  min-width: 0;
  text-decoration: none;
  border-radius: 0.6rem;
}

.dashboard-brand-logo {
  height: 2.1rem;
  width: auto;
  display: block;
  object-fit: contain;
}

.dashboard-brand-wordmark {
  display: block;
  font-family: var(--universe-font-heading);
  font-weight: var(--universe-font-weight-heading);
  font-size: clamp(1.2rem, 2.2vw, 1.45rem);
  letter-spacing: 0.04em;
  line-height: 1;
  white-space: nowrap;
  color: var(--ua-shell-ink);
}

/* ── [[D258]] THE DESKTOP-ONLY SIDEBAR DOCK/UNDOCK ARROW ──────────────────────────────────────────
   A small arrow that hides/shows the sidebar. Default: shown (aria-expanded="true"). It is display:none
   until the desktop breakpoint (min-width:64rem, below) — mobile keeps its own .dashboard-menu-toggle
   and never shows this. When the sidebar is collapsed the arrow flips (points the other way) to read as
   "show", and hovering the coin/"EGT"/this arrow floats the sidebar back (pure CSS, further down). */
.dashboard-sidebar-toggle {
  display: none;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  width: 1.85rem;
  height: 1.85rem;
  padding: 0;
  border: 1px solid transparent;
  border-radius: 999rem;
  background: transparent;
  color: var(--ua-shell-muted);
  cursor: pointer;
  transition: color 140ms ease, background 140ms ease, border-color 140ms ease;
}


.dashboard-sidebar-toggle-arrow {
  display: block;
  width: 1.15rem;
  height: 1.15rem;
  /* [[D381]] registry icons are solid Phosphor art: the svg's own fill="currentColor" paints it. A CSS
     stroke/fill here would override that attribute and outline or blank the glyph, so only colour is set. */
  transition: transform 180ms ease;
}

/* Collapsed → the arrow points the OTHER way ("show the sidebar"). */
.dashboard-shell[data-dashboard-sidebar="collapsed"] .dashboard-sidebar-toggle-arrow {
  transform: rotate(180deg);
}

/* ── [[D258]] THE CONSOLIDATED SIDEBAR ICON ROWS ──────────────────────────────────────────────────
   TOP: one centered icon-only row — [home] [search-everything] [settings] — before the folder tree.
   BOTTOM: an icon-only [legal] [logout] row pinned to the floor. Slightly larger icons than the tree,
   centered, padded, fitting the sidebar width. Home left the folder tree because it is one of these. */
/* The drawer's close row exists only inside the open phone drawer (the 64rem block below). */
.dashboard-drawer-head {
  display: none;
}

.dashboard-sidebar-tools {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex: 0 0 auto;
  padding: 0.25rem 0.35rem 0.7rem;
  margin-bottom: 0.45rem;
  border-bottom: 1px solid var(--ua-shell-line, rgba(255, 255, 255, 0.14));
}

.dashboard-sidebar-footer {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex: 0 0 auto;
  margin-top: auto;
  padding-top: 0.7rem;
  border-top: 1px solid var(--ua-shell-line, rgba(255, 255, 255, 0.14));
}

/* One icon button shape for every consolidated tool — the top row AND the footer, links and the logout
   ua.button alike. Icon-only (the label is visually hidden, kept for the accessible name + tooltip),
   frosted like the rest of the shell chrome, slightly larger than a tree glyph. */
.dashboard-sidebar-tool {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 2.75rem;
  height: 2.75rem;
  padding: 0;
  border: 1px solid transparent;
  border-radius: 0.7rem;
  background: transparent;
  color: var(--ua-shell-muted);
  text-decoration: none;
  cursor: pointer;
  transition: color 140ms ease, background 140ms ease, border-color 140ms ease;
}




.dashboard-tool-svg-icon {
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  color: currentColor;
  /* [[D381]] registry icons are solid Phosphor art: the svg's own fill="currentColor" paints it. A CSS
     stroke/fill here would override that attribute and outline or blank the glyph, so only colour is set. */
}

/* The label is the accessible name + tooltip, not painted text — the row is icon-only by spec. */
.dashboard-sidebar-tool-label {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

/* The logout ua.button reuses the tool shape; drop the grid/left-align the old big button carried and
   neutralise the ua.button glass chrome so it matches the icon row. The compound selector outranks the
   legacy `.dashboard-logout-action` block (later in this file) which still owns the [aria-busy] state. */
.dashboard-sidebar-footer .dashboard-logout-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.75rem;
  height: 2.75rem;
  min-height: 2.75rem;
  padding: 0;
  grid-template-columns: none;
  gap: 0;
  border: 1px solid transparent;
  border-radius: 0.7rem;
  background: transparent;
  box-shadow: none;
  color: var(--ua-shell-muted);
  white-space: nowrap;
}


.dashboard-nav {
  display: grid;
  /* ONE GAP, FROM ONE TOKEN, AND THE ROWS STAY AT THE TOP.
     (dashboard-shell-nav-items-too-spaced-out-2026-09-14 — operator screenshot: You, Status, Admin spread
     over the whole menu.) This element grows to fill the sidebar column on purpose — that is what pins the
     legal + logout footer to the floor — and a grid's default `align-content` is `stretch`, so the growth
     was shared out between its rows: measured at 1440x900 each folder's box was 209.84px tall around 40px of
     content, labels at 166 / 389 / 612px. `start` keeps the growth below the last item. The spacing between
     items was a grid gap PLUS a per-group margin-top (0.38rem + 0.45rem); it is now the gap alone. */
  align-content: start;
  gap: var(--ua-shell-nav-item-gap);
  padding: 0.35rem;
  /* [[D258]] — the tree takes the slack between the top tools row and the pinned footer. */
  flex: 1 1 auto;
}

.dashboard-nav-group {
  margin-top: 0;
}

.dashboard-nav-group[data-dashboard-nav-level="2"] {
  margin-top: 0.15rem;
}

button.dashboard-nav-label {
  display: grid;
  grid-template-columns: 1.45rem minmax(0, 1fr) auto;
  gap: 0.7rem;
  align-items: center;
  width: 100%;
  min-height: 2.5rem;
  padding: 0.5rem 0.7rem;
  border: 1px solid transparent;
  border-radius: 0.6rem;
  background: transparent;
  box-shadow: none;
  color: rgba(255, 247, 232, 0.78);
  font-size: 0.95rem;
  font-weight: var(--universe-font-weight-quiet);
  text-transform: none;
  letter-spacing: 0;
  cursor: pointer;
  text-align: left;
}

.dashboard-nav-group[data-dashboard-nav-level="2"] > .dashboard-nav-label {
  min-height: 2.2rem;
  padding: 0.42rem 0.6rem 0.42rem 0.72rem;
  grid-template-columns: 1.25rem minmax(0, 1fr) auto;
  background: transparent;
  font-size: 0.88rem;
  font-weight: var(--universe-font-weight-quiet);
  color: rgba(255, 247, 232, 0.66);
  justify-items: start;
}

.dashboard-nav-group[data-dashboard-nav-level="2"] .dashboard-nav-label-icon,
.dashboard-nav-group[data-dashboard-nav-level="2"] .dashboard-link-icon {
  width: 1.35rem;
  font-size: 0.78rem;
}


.dashboard-nav-group[data-dashboard-nav-open="true"] > .dashboard-nav-label {
  color: var(--ua-shell-ink);
  background: var(--ua-glass-text-led);
  backdrop-filter: var(--ua-glass-frost);
  -webkit-backdrop-filter: var(--ua-glass-frost);
}

.dashboard-nav-label-icon {
  display: grid;
  place-items: center;
  color: rgba(252, 188, 81, 0.82);
  font-size: 0.85rem;
  font-weight: var(--universe-font-weight-strong);
}

.dashboard-nav-chevron {
  color: var(--ua-shell-muted);
  transform: rotate(-90deg);
  transition: transform 160ms ease;
}

.dashboard-nav-group[data-dashboard-nav-open="true"] > .dashboard-nav-label .dashboard-nav-chevron {
  transform: rotate(0deg);
}

.dashboard-nav-panel {
  display: grid;
  gap: 0.25rem;
  padding: 0.35rem 0 0.2rem 0.35rem;
}

.dashboard-nav-panel[hidden] {
  display: none;
}

.dashboard-nav-group[data-dashboard-nav-level="2"] > .dashboard-nav-panel {
  padding: 0.25rem 0 0.15rem 0.85rem;
  border-left: 1px solid rgba(255, 255, 255, 0.08);
  margin-left: 0.35rem;
}

.dashboard-link {
  display: grid;
  grid-template-columns: 1.55rem minmax(0, 1fr);
  gap: 0.7rem;
  align-items: center;
  min-height: 2.55rem;
  padding: 0.72rem 0.8rem;
  border: 1px solid transparent;
  border-radius: 0.65rem;
  color: var(--ua-shell-muted);
  text-decoration: none;
}

.dashboard-nav-panel .dashboard-link {
  text-align: left;
  justify-items: start;
}

.dashboard-nav-group[data-dashboard-nav-level="2"] .dashboard-link {
  padding-left: 0.85rem;
}




/* The current link's icon is gold (its row fill, ink and gold rail are own layers of the generated four states). */
.dashboard-link.active .dashboard-link-icon { color: var(--ua-shell-gold); }

.dashboard-link-icon {
  display: grid;
  place-items: center;
  width: 1.55rem;
  height: 1.55rem;
  border-radius: 0.5rem;
  color: rgba(255, 247, 232, 0.6);
  background: transparent;
  font-size: 0.86rem;
  font-weight: var(--universe-font-weight-title);
}

.dashboard-home-link {
  margin-bottom: 0.35rem;
}

/* MP-080 — MAIN-LAYER navigation entries (Wallet, My Library, Profile). A thing the person OWNS is a
   sibling of Home, not a child of a folder, so it reads with a group header's weight rather than a
   nested child's: the same 1.45rem icon column and 0.7rem padding as .dashboard-nav-label, and the
   full ink colour instead of the muted one nested links use. Grouped as one selector list with
   .dashboard-home-link so the four main-layer entries are visibly one band. */
.dashboard-main-link,
.dashboard-home-link {
  color: var(--ua-shell-ink);
  font-weight: var(--universe-font-weight-quiet);
}

.dashboard-main-link .dashboard-link-icon,
.dashboard-home-link .dashboard-link-icon {
  color: var(--ua-shell-gold);
}

/* The band ends where the first group begins — one hairline, not a border on every item. */
.dashboard-nav > .dashboard-main-link:last-of-type {
  margin-bottom: 0.45rem;
  padding-bottom: 0.72rem;
  border-bottom: 1px solid var(--ua-shell-line);
  border-radius: 0.65rem 0.65rem 0 0;
}

/* NOTHING USED TO OFFSET FOR THE STICKY BANDS, SO EVERY SCROLL PARKED UNDERNEATH THEM.
   Two layers pin to the top of a dashboard surface — the topbar (71px measured) and, directly beneath
   it, the standard toolbar — and scroll-margin-top/scroll-padding-top appeared ZERO times in this
   11,810-line stylesheet. Measured live on dashboard.egt.studio/account/websites: a "Switch" button
   scrolled with scrollIntoView({ block: "start" }) landed at top 0.2px with 70.8px of it behind the
   topbar, and hit-testing its top edge returned DIV.dashboard-topbar. The button was on screen and
   could not be clicked. The one place this did not bite — showWizardRefusal — escapes only because it
   happens to pass block: "center"; nothing enforced that, and every block: "start" caller paid.

   This belongs on <html> because that is the scroller (measured: document.scrollingElement ===
   document.documentElement), and it uses --ua-shell-sticky-offset rather than --ua-shell-topbar-h
   because the property has to RESOLVE here: --ua-shell-topbar-h is published onto .dashboard-content,
   a DESCENDANT, and custom properties inherit downward only. Written against it, this declaration
   computes to `auto` and does nothing while looking correct. dashboard-ui.js publishes
   --ua-shell-sticky-offset onto documentElement itself, as topbar + pinned toolbar, so both bands are
   cleared; offsetting for only one would move the target under the other.

   The literal fallback covers first paint and no-JS, where the topbar is at its CSS default height and
   no toolbar has rendered. */
html {
  /* THE FALLBACK HERE IS DELIBERATELY LEFT AS A LITERAL, and that is a decision, not an oversight.
     The other three readers of the 3.6rem literal now say `var(--ua-shell-topbar-h)` and take the one
     :root default. This site is NOT one of them: its fallback stands in for --ua-shell-sticky-offset,
     which is the COMBINED band (topbar + the pinned controls row, ~156px measured live), not the topbar
     alone (~70px). Writing --ua-shell-topbar-h here would swap one wrong number for a different wrong
     number, AND it is explicitly forbidden by
     test/dashboard-ui-init-no-referenceerror.test.js:256 ("scroll-padding-top must NOT be written
     against --ua-shell-topbar-h"). That test's stated reason — that <html> cannot inherit the property
     from .dashboard-content — is no longer true now the default lives on :root, but the assertion also
     guards the thing that matters, which is that this declaration is driven by the COMBINED offset. It
     is left standing and the literal is left alone; JS republishes the measured band on first frame. */
  scroll-padding-top: var(--ua-shell-sticky-offset, 3.6rem);
}

.dashboard-content {
  grid-area: content;
  /* --ua-shell-gutter is declared on .dashboard-shell now and inherits to here unchanged — the topbar
     left this box and still has to align to the same column. Same value, one declaration.

     --ua-shell-topbar-h is NOT re-declared here. It used to be, at 3.6rem, and that had two costs:
     the value was 13.4px short of the real topbar, and being on a DESCENDANT of the scroller it could
     not be read by `html { scroll-padding-top }`, which therefore carried a fourth copy of the literal.
     It now has one home, :root at the top of this sheet, and inherits down to here. dashboard-ui.js
     still publishes the live measurement onto each .dashboard-content as an inline style, which
     outranks both. */
  min-width: 0;
  /* THE GAP BELOW THE BAND MOVED FROM THE TOPBAR'S MARGIN-BOTTOM TO THIS PADDING-TOP, AND THE NUMBER IS
     THE SAME ONE. It cannot stay a margin on the topbar: the topbar is a grid item in row 1 now, so a
     bottom margin would grow that ROW and open the same gap between the band and the NAV — which is the
     split this whole change removes. As padding on the document column it separates chrome from
     document and leaves the two chrome layers flush.

     .dashboard-controls-row's `margin-top: calc(-1 * <this clamp>)` still cancels it exactly, so the
     pinned row still sits flush under the band and the sticky arithmetic is unchanged by construction. */
  padding: clamp(1rem, 2.4vh, 1.5rem) var(--ua-shell-gutter) var(--ua-shell-gutter);
}

/* THE CONTENT REGION'S FAILURE PART (dashboard-shell.js dashboardViewPartNode). It shares the content cell and the
   content's own padding, and is on the page only while the in-app read it stands in for has failed: the engine marks it
   failed and hides the content slot in the same step, so the two are never both in the cell. Without the mark it is
   not drawn at all, so it never lies over the document and never catches a click meant for it. */
.dashboard-view-part {
  grid-area: content;
  min-width: 0;
  padding: clamp(1rem, 2.4vh, 1.5rem) var(--ua-shell-gutter) var(--ua-shell-gutter);
}
.dashboard-view-part:not([data-ua-async-failed]),
.dashboard-content[hidden] {
  display: none;
}

.dashboard-topbar {
  /* THE FULL-WIDTH BAND. It spans every column of .dashboard-shell, so the nav sits BENEATH it and the
     two chrome layers never meet at a vertical edge. See the grid comment at .dashboard-shell.

     STICKY STILL WORKS FROM A GRID AREA, AND THAT WAS MEASURED, NOT ASSUMED. The containing block of a
     grid item is its grid area, and row 1 is sized to this element — so the obvious reading is that
     there is no slack and the band would scroll away. Driven in Chrome across three candidate
     topologies at scrollY 800 and again at 3500: this one holds at top 0 throughout, exactly as the
     old nested topbar did, and needs no wrapper element to do it.

     The negative horizontal margin is gone with the nesting it was compensating for: the band is no
     longer inside `.dashboard-content`'s padding, so it has nothing to bleed out of. The
     margin-bottom moved to `.dashboard-content`'s padding-top — see there for why it cannot stay here. */
  grid-area: topbar;
  position: sticky;
  top: 0;
  z-index: 12;
  display: flex;
  align-items: center;
  gap: clamp(0.6rem, 1.6vw, 1.1rem);
  margin: 0;
  padding: 0.6rem var(--ua-shell-gutter);
  /* Full-bleed on phones (viewport-fit=cover): the glass band reaches under the status bar / Dynamic
     Island and its controls start below it. */
  padding-top: calc(0.6rem + env(safe-area-inset-top, 0px));
  /* ONE BAND HEIGHT FOR EVERY HOST (2026-10-08, [[platform D589]] pt 9). The band's height used to fall out of its
     tallest child — the dashboard's identity chip — so a host without that chip (the EGT* studio) drew a 58px band
     beside the dashboard's 70px one. 4.375rem is the dashboard's own measured band (the --ua-shell-topbar-h first-paint
     default above): the dashboard is unchanged, and the band still grows past it when its content wraps.

     The floor is the CONTENT box. Universal border-box sizing would fold a border into min-height, so a topbar
     shorter than the floor would keep the same border box when a border is added and the border-box ResizeObserver
     in ua.dashboard-shell.js would have no new edge to publish. 0.6rem + 0.6rem of vertical padding and the 1px
     document line are subtracted here, so the resting border box is still 4.375rem and any further border sits
     outside the floor. */
  box-sizing: content-box;
  min-height: calc(4.375rem - 1.2rem - 1px);
  /* NO BORDER ON THE TOP, AND NONE DOWN THE SIDE THAT FACES THE NAV. The operator asked for exactly
     this: "can the dashboard shell navigation and the context switcher header look more seamless
     together and not feel separated, and also no borders on the top of them — the page document under
     it is separate but I want them to feel connected and not split."

     This was `border: var(--ua-shell-elev-3-border)` — ONE shorthand painting all four sides, with only
     the bottom overridden on the next line. Measured live it computed to 1px solid rgba(245,193,95,.36)
     on top, left, right and bottom, and it produced all three complaints at once:
       border-top    y 0->1        the border on the top he named
       border-left   x 288->289    against the sidebar's border-right at x 287->288 — a DOUBLED 2px gold
                                   hairline down the seam, which is what "split" was
       border-right  x 1170->1171  a stray line against the window edge
     The backgrounds were never the problem: both layers measured identical background-color,
     backdrop-filter and box-shadow. This was a LINES problem, not a FILLS problem.

     THE BOTTOM STAYS, AND IT IS NOT AN OVERSIGHT. It is the separation from the DOCUMENT, which is the
     half of the sentence that asks for a border rather than against one. Chrome vs document is real
     hierarchy and keeps its line ([[D085]] §2 — depth restored deliberately through border, shadow,
     spacing and type weight); chrome vs chrome is one surface and has none to express. */
  border: 0;
  border-bottom: 1px solid var(--ua-shell-elev-3-line);
  border-radius: 0;
  /* Art-led tier: the band sits on the photograph, so the frost and the picture read (D071). The seam stays the bottom hairline. */
  background: var(--ua-glass-art-led);
  box-shadow: var(--universe-elev-3-shadow);
  backdrop-filter: var(--ua-glass-frost);
  -webkit-backdrop-filter: var(--ua-glass-frost);
}

/* Sticky standard dashboard toolbar (operator: "Dashboard toolbars should follow the user as they
   scroll"). The toolbar row pins just below the sticky topbar on both desktop and mobile. We keep
   it a self-contained sticky band — no transform (so any fixed-position dialog it spawns is NOT
   clamped) — with a glass wash that only appears once it has detached and is overlapping content. */
.dashboard-controls-row {
  position: sticky;
  top: var(--ua-shell-topbar-h);
  z-index: 11;
  margin: calc(-1 * clamp(1rem, 2.4vh, 1.5rem)) calc(-1 * var(--ua-shell-gutter)) clamp(0.85rem, 2vh, 1.25rem);
  padding: 0.55rem var(--ua-shell-gutter);
  /* System glass (tier-3, lightest) over the brand surface token. */
  background: var(--ua-glass-text-led);
  border-bottom: 1px solid var(--ua-shell-elev-1-line);
  box-shadow: var(--universe-elev-1-shadow);
  backdrop-filter: var(--ua-glass-frost);
  -webkit-backdrop-filter: var(--ua-glass-frost);
}

/* THE ONE REGION OF THE BAND THE IN-APP ROUTER SWAPS (heading + header actions). The context half —
   the hamburger and the identity chip — is its sibling and is deliberately left alone on an ordinary
   navigation, which is what lets the chip's nodes (and the listeners bound to them) persist.

   `display: contents` would have made this wrapper geometrically free, and is not used: every claim
   about this chrome on this platform is settled by measuring a box, and a box with no geometry cannot
   be measured. So it is a real flex row carrying the sizing the topbar used to hand `.dashboard-top-heading`
   directly — including `min-width: 0`, without which the added flex ancestor silently stops the title
   from ellipsizing. Same gap as the band, so the three clusters sit exactly where they sat. */
.dashboard-top-view {
  display: flex;
  align-items: center;
  gap: clamp(0.6rem, 1.6vw, 1.1rem);
  flex: 1 1 auto;
  min-width: 0;
}

.dashboard-top-heading {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  flex: 1 1 auto;
  min-width: 0;
  padding-left: 0.35rem;
}

.dashboard-top-icon {
  display: inline-grid;
  place-items: center;
  flex: 0 0 auto;
}

.dashboard-top-icon .dashboard-header-svg-icon {
  width: 1.45rem;
  height: 1.45rem;
  color: rgba(252, 188, 81, 0.82);
}

.dashboard-top-title {
  /* An <h1> since the front-door walk found the dashboard with no page heading at all; the user-agent
     margin has to go or the topbar row grows. Size/weight/family are already stated below, so the
     element change costs nothing visually. */
  margin: 0;
  min-width: 0;
  overflow: hidden;
  font-family: var(--universe-font-heading);
  font-size: clamp(1.05rem, 1.8vw, 1.32rem);
  font-weight: var(--universe-font-weight-heading);
  letter-spacing: -0.01em;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.dashboard-icon-action,
button.dashboard-icon-action,
a.dashboard-icon-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.35rem;
  border: var(--ua-shell-elev-2-border);
  border-radius: 999rem;
  background: var(--ua-glass-text-led);
  color: var(--ua-shell-ink);
  box-shadow: var(--universe-elev-2-shadow);
  backdrop-filter: var(--ua-glass-frost);
  -webkit-backdrop-filter: var(--ua-glass-frost);
}

.dashboard-top-context {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  min-width: 0;
}

/* UNIVERSAL HELP (D033/D292) — the "?" dialog body. Reading column, left-aligned. The ua.dialog panel
   provides the frosted surface (D019); this only shapes the default help doc's own text. Authored docs
   grafted in on open carry their own .ua-doc-markdown styling from the elements bundle. */
.dashboard-help-dialog-body {
  display: grid;
  gap: 0.6rem;
  text-align: left;
  max-width: 42rem;
  color: var(--ua-shell-ink);
}

.dashboard-help-default-title {
  margin: 0;
  font-family: var(--universe-font-heading);
  font-size: clamp(1.3rem, 4vw, 1.7rem);
  font-weight: var(--universe-font-weight-heading);
  line-height: 1.15;
  color: var(--ua-shell-ink);
}

.dashboard-help-default-lede {
  margin: 0;
  font-size: 1rem;
  line-height: 1.55;
  color: var(--ua-shell-ink);
}

.dashboard-help-default-heading {
  margin: 0.5rem 0 0;
  font-family: var(--universe-font-heading);
  font-size: 1.02rem;
  font-weight: var(--universe-font-weight-heading);
  color: var(--ua-shell-ink);
}

.dashboard-help-dialog-body p {
  margin: 0;
  font-size: 0.95rem;
  line-height: 1.55;
  color: var(--ua-shell-ink);
}

/* The Log Out control lives in the nav footer (not the topbar) — present on mobile too. */
.dashboard-nav-footer {
  margin-top: 0.7rem;
  padding-top: 0.6rem;
  border-top: 1px solid var(--ua-shell-line, rgba(255, 255, 255, 0.14));
}

.dashboard-logout-action {
  display: grid;
  grid-template-columns: 1.45rem minmax(0, 1fr);
  gap: 0.7rem;
  align-items: center;
  width: 100%;
  min-height: 2.5rem;
  padding: 0 0.6rem;
  border: var(--ua-shell-elev-1-border);
  border-radius: var(--dashboard-radius-control, 0.7rem);
  background: var(--ua-glass-text-led);
  backdrop-filter: var(--ua-glass-frost);
  -webkit-backdrop-filter: var(--ua-glass-frost);
  color: var(--ua-shell-muted);
  font-size: 0.9rem;
  font-weight: var(--universe-font-weight-title);
  text-align: left;
  white-space: nowrap;
  cursor: pointer;
}


.dashboard-logout-action[aria-busy="true"] {
  cursor: progress;
}

.dashboard-top-actions {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}

.dashboard-icon-action {
  width: 2.35rem;
  /* An icon action keeps its size when the band is crowded (a host with a wider wordmark or more actions): the
     wordmark ellipsises first, never the "?" (2026-10-08, [[platform D589]] pt 9). */
  flex: 0 0 auto;
  padding: 0;
  text-decoration: none;
  cursor: pointer;
}

/* A LABELLED icon action (B045 pass 3, CR F46 — the EGT* studio's Search lost its visible "Search" and its ⌘K hint on
   desktop when it became an icon action). On a desktop band it shows its label and its key hint beside the glyph; on a
   phone band (the 64rem breakpoint the drawer uses) it is the same round icon action as every other, and its accessible
   name (aria-label) never changes. A shell variant, so any host's labelled action reads alike. */
.dashboard-icon-action-label,
.dashboard-icon-action-kbd {
  display: none;
}
@media (min-width: 64.0625rem) {
  .dashboard-icon-action.dashboard-icon-action-labelled {
    width: auto;
    gap: 0.45rem;
    padding: 0 0.85rem 0 0.7rem;
  }
  .dashboard-icon-action-labelled .dashboard-icon-action-label {
    display: inline;
    font-size: 0.9rem;
    white-space: nowrap;
  }
  .dashboard-icon-action-labelled .dashboard-icon-action-kbd {
    display: inline;
    font-size: 0.68rem;
    color: var(--ua-shell-muted);
    border: var(--ua-shell-elev-1-border);
    border-radius: 0.3rem;
    padding: 0.02rem 0.3rem;
  }
}


button.dashboard-icon-action-accent,
a.dashboard-icon-action-accent {
  border-color: rgba(252, 188, 81, 0.42);
  color: var(--ua-shell-gold);
}

.dashboard-header-svg-icon {
  display: block;
  width: clamp(1.68rem, 3.18vw, 2.02rem);
  height: clamp(1.68rem, 3.18vw, 2.02rem);
  color: var(--ua-shell-gold);
  /* [[D381]] registry icons are solid Phosphor art: the svg's own fill="currentColor" paints it. A CSS
     stroke/fill here would override that attribute and outline or blank the glyph, so only colour is set. */
}


/* ── [[D258]] DESKTOP: THE COLLAPSIBLE / FLOATING SIDEBAR ─────────────────────────────────────────
   Desktop only (min-width just past the mobile drawer breakpoint of 64rem below). The arrow toggle
   appears here and nowhere else — mobile keeps its own .dashboard-menu-toggle. Two desktop states,
   held on .dashboard-shell[data-dashboard-sidebar]:

     shown      (default, cold render + fallback) — the sidebar is the docked sticky column, unchanged.
     collapsed  — the document takes the whole width; the sidebar undocks to a fixed frosted-glass menu
                  that floats OVER the document on hover (it does NOT reflow it) and is off-canvas
                  otherwise. Clicking the arrow re-docks it (back to shown) — handled in dashboard-ui.js.

   The float is PURE CSS — :has() on the header lockup's hover, plus the menu's own :hover / :focus-within
   — so it adds NO listeners and NO timers (D258's teardown requirement is met by there being nothing to
   tear down). A 140ms close delay tolerates the pointer crossing the small header gap from the
   coin / "EGT" / arrow down into the floating menu; the reveal itself is immediate. */
@media (min-width: 64.0625rem) {
  .dashboard-sidebar-toggle {
    display: inline-flex;
  }

  .dashboard-shell[data-dashboard-sidebar="collapsed"] {
    grid-template-columns: 0 minmax(0, 1fr);
  }

  .dashboard-shell[data-dashboard-sidebar="collapsed"] > .dashboard-sidebar {
    position: fixed;
    top: var(--ua-shell-topbar-h);
    left: 0;
    width: min(18rem, 84vw);
    min-height: 0;
    max-height: calc(100vh - var(--ua-shell-topbar-h));
    z-index: 30;
    border-right: 1px solid var(--ua-shell-elev-3-line);
    border-top-right-radius: 0.9rem;
    border-bottom-right-radius: 0.9rem;
    box-shadow: var(--universe-elev-3-shadow);
    /* Same art-led pane as the docked nav: the floating menu sits on the photograph (D258, D071). */
    background: var(--ua-glass-art-led);
    backdrop-filter: var(--ua-glass-frost);
    -webkit-backdrop-filter: var(--ua-glass-frost);
    transform: translateX(-102%);
    transition: transform 200ms ease 140ms;
  }

  .dashboard-shell[data-dashboard-sidebar="collapsed"]:has(.dashboard-brand-lockup:hover) > .dashboard-sidebar,
  .dashboard-shell[data-dashboard-sidebar="collapsed"]:has(.dashboard-sidebar-toggle:focus-visible) > .dashboard-sidebar,
  .dashboard-shell[data-dashboard-sidebar="collapsed"] > .dashboard-sidebar:hover,
  .dashboard-shell[data-dashboard-sidebar="collapsed"] > .dashboard-sidebar:focus-within {
    transform: translateX(0);
    transition-delay: 0ms;
  }
}

@media (prefers-reduced-motion: reduce) {
  .dashboard-shell[data-dashboard-sidebar="collapsed"] > .dashboard-sidebar {
    transition: none;
  }
}
@media (max-width: 64rem) {
  /* ONE COLUMN. The areas MUST be restated with the columns, and the reason is MEASURED rather than
     assumed: with `grid-template-columns: 1fr` and the two-column areas left standing, Chrome does NOT
     drop the template — it resolves the track list to `0px 390px` at a 390px viewport. The named
     `sidebar` column collapses to zero and `.dashboard-content` is still placed in COLUMN 2, so the
     document sits beside a phantom column and the layout looks right until something with a minimum
     width lands in it. Restating the areas is what actually puts the document in the only column there is.

     The sidebar has no area here on purpose: below this breakpoint it is `position: fixed` (an
     off-canvas drawer), so it is not a grid item at all and takes its box from the viewport, not a cell. */
  .dashboard-shell {
    /* Allow the sole track to shrink below its content minimum at narrow viewports. */
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas:
      "topbar"
      "standing"
      "content";
  }

  /* Scoped to `.dashboard-topbar` so it outweighs the .ua-button base display (loaded after this file)
     now that the toggle is the shared glass button. */
  .dashboard-topbar .dashboard-menu-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  /* [[D258]] RESPONSIVE BRAND — on phones the "EGT" wordmark is dropped and only the coin remains, the
     way egt.studio's own masthead collapses. The coin (.dashboard-brand-logo) stays visible and the
     brand link keeps its accessible name from the a[aria-label="EGT — dashboard home"] set in
     _ui-shell.js, so hiding the visible text costs the link nothing for screen readers. This rule lives
     ONLY inside the mobile block — desktop rendering is byte-unchanged (wordmark stays display:block). */
  .dashboard-brand-wordmark {
    display: none;
  }

  .dashboard-sidebar {
    position: fixed;
    inset: 0 auto 0 0;
    z-index: 15;
    display: none;
    width: 0;
    padding: 0;
    overflow: hidden;
    transform: translateX(-104%);
    transition: transform 160ms ease;
    border-right: 0;
    /* THE DESKTOP CLAMP MUST BE RELEASED HERE. On desktop the nav is a sticky column that starts below
       the band, so it is sized `calc(100vh - var(--ua-shell-topbar-h))`. This is not that element: it
       is an off-canvas drawer over the WHOLE viewport, and `inset: 0 auto 0 0` above already states its
       height. Left inherited, the max-height would crop the open drawer ~70px short of the screen and
       hide the bottom of the nav — including the Log Out control that lives in its footer. */
    min-height: 0;
    max-height: none;
  }

  .dashboard-sidebar[data-dashboard-mobile-menu="open"] {
    /* [[D258]] — flex column so the consolidated tools row sits at the top and the legal+logout footer
       pins to the bottom of the full-height drawer, same as the desktop docked column. */
    display: flex;
    flex-direction: column;
    /* NOT the whole viewport (B045 pass 3, CTO ruling): the drawer leaves a strip of the page uncovered, under the shared
       veil below, so a tap there closes it — a phone has no Escape key. */
    width: min(22rem, 86vw);
    padding: 1rem 0.75rem;
    overflow: auto;
    transform: translateX(0);
  }

  /* The veil over the uncovered page while the drawer is open: the shared modal scrim material, drawn by the shell root
     itself, so a tap on it lands OUTSIDE the drawer and the shared client closes the drawer. Under the drawer (15), over
     the band (12). */
  .dashboard-shell:has(> .dashboard-sidebar[data-dashboard-mobile-menu="open"])::after {
    content: "";
    position: fixed;
    inset: 0;
    z-index: 14;
    background: var(--ua-glass-veil);
    backdrop-filter: var(--ua-glass-veil-frost);
    -webkit-backdrop-filter: var(--ua-glass-veil-frost);
  }

  /* The drawer's close control: the shared round icon action at a 44px target, at the top of the open drawer. */
  .dashboard-sidebar[data-dashboard-mobile-menu="open"] > .dashboard-drawer-head {
    display: flex;
    justify-content: flex-end;
    margin: 0 0 0.5rem;
  }
  .dashboard-icon-action.dashboard-drawer-close {
    width: 2.75rem;
    height: 2.75rem;
    min-height: 2.75rem;
  }

  /* THE PAGE BEHIND THE OPEN MENU DOES NOT SCROLL (B045 pass 3, CR F17: moved here from universe-dashboard's
     dashboard-ui.css, so every host that links the shell locks alike — the EGT* studio scrolled behind its menu). The
     shared client sets body[data-dashboard-mobile-menu="open"]. The ROOT is locked too: html carries overflow-x: clip (end
     of this sheet), so body's overflow no longer propagates to the viewport and locking body alone would leave the
     document scrollable behind the drawer. */
  html:has(> body[data-dashboard-mobile-menu="open"]),
  body[data-dashboard-mobile-menu="open"] {
    overflow: hidden;
  }

  /* No per-group margin on narrow screens either: the gap between items is .dashboard-nav's token gap alone. */
  .dashboard-nav-group {
    margin-top: 0;
  }

  .dashboard-nav-label {
    min-height: 3rem;
  }

  .dashboard-content {
    /* MINUS THE BAND. The content column starts BELOW the topbar now, so a flat 100svh here makes the
       shell 100svh + the band tall and puts a scrollbar on a page with nothing to scroll. */
    min-height: calc(100svh - var(--ua-shell-topbar-h));
  }

  .dashboard-topbar {
    align-items: center;
    gap: 0.55rem;
  }
}

/* ★ pass 10h A-low: product edit at 375 px — wizard + footer must not overflow the shell content.
   Measured in a 375 iframe: vertical scrollbar shrinks clientWidth (~360); any child painted to the
   layout viewport then makes documentElement.scrollWidth > clientWidth. Clip the document + shell. */
html, body, .dashboard-shell, .dashboard-shell-content, .dashboard-shell-main {
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
  overflow-x: clip;
}

/* THE SHELL CONTROLS IN THE FOUR INTERACTION STATES ([[D575]], [[D576]]; [[platform D589]] pt 9): generated from
   src/dashboard-shell-state-families.js by universe-elements' ONE CLI, shipped WITH the shell so every host that links this
   sheet paints the shell's controls alike (no host spreads the families). */
/* @generated interaction-states:start — npm run build:states (src/elements/_interaction-states.js). Do not edit. */
:where(.dashboard-brand, .dashboard-sidebar-toggle, .dashboard-sidebar-tool, .dashboard-sidebar-legal, .dashboard-sidebar-footer .dashboard-logout-icon, .dashboard-nav-label, .dashboard-link, .dashboard-icon-action, button.dashboard-icon-action-accent):not(.ua-state-base-only) {
  --ua-state-edge-ring: 0px;
}
:where(.dashboard-sidebar-toggle) {
  --ua-state-hover-ink: var(--ua-shell-ink);
  --ua-state-hover-fill: var(--ua-glass-text-led);
}
:where(.dashboard-sidebar-tool) {
  --ua-state-hover-ink: var(--ua-shell-ink);
  --ua-state-hover-fill: var(--ua-glass-text-led);
  --ua-state-active-ink: var(--ua-shell-gold);
  --ua-state-active-fill: var(--ua-glass-text-led);
}
:where(.dashboard-sidebar-legal) {
  --ua-state-hover-ink: var(--ua-shell-gold);
  --ua-state-hover-fill: var(--ua-glass-text-led);
}
:where(.dashboard-sidebar-footer .dashboard-logout-icon) {
  --ua-state-hover-ink: var(--ua-shell-ink);
  --ua-state-hover-fill: var(--ua-glass-text-led);
}
:where(.dashboard-nav-label) {
  --ua-state-hover-ink: var(--ua-shell-ink);
  --ua-state-hover-fill: var(--ua-glass-text-led);
}
:where(.dashboard-link) {
  --ua-state-hover-ink: var(--ua-shell-ink);
  --ua-state-hover-fill: var(--ua-glass-text-led);
  --ua-state-active-ink: var(--ua-shell-ink);
  --ua-state-active-fill: var(--ua-glass-text-led);
  --ua-state-active-lift: inset 0.18rem 0 0 var(--ua-shell-gold);
}
:where(.dashboard-icon-action) {
  --ua-state-hover-ink: var(--ua-shell-ink);
  --ua-state-hover-fill: var(--ua-glass-text-led);
  --ua-state-hover-lift: 0 0.5rem 1.6rem color-mix(in srgb, var(--universe-color-background) 24%, transparent);
}
:where(button.dashboard-icon-action-accent) {
  --ua-state-hover-ink: var(--ua-shell-gold);
  --ua-state-hover-fill: var(--ua-glass-text-led);
}
/* 1. NORMAL — leaving a state eases back on the same clock (a family's own transition, if any, wins). */
:where(.dashboard-brand, .dashboard-sidebar-toggle, .dashboard-sidebar-tool, .dashboard-sidebar-legal, .dashboard-sidebar-footer .dashboard-logout-icon, .dashboard-nav-label, .dashboard-link, .dashboard-icon-action, button.dashboard-icon-action-accent) {
  transition: var(--ua-state-normal-transition);
}
@media screen {
  /* 2. HOVER = FOCUS-VISIBLE — keyboard focus, the forcing class and the listbox cursor (.is-active), always. */
  :where(.dashboard-brand):is(:focus-visible, .ua-state-hover, .is-active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy) {
    color: var(--ua-state-hover-ink);
    box-shadow: var(--ua-focus-two-tone), var(--ua-state-hover-lift, 0 0 transparent), var(--ua-shimmer-glow) color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-hover-glow-mix), transparent) !important;
    outline-color: transparent;
    transition: var(--ua-shimmer-transition);
  }
  :where(.dashboard-sidebar-toggle, .dashboard-sidebar-tool, .dashboard-sidebar-legal, .dashboard-sidebar-footer .dashboard-logout-icon, .dashboard-nav-label, .dashboard-link):is(:focus-visible, .ua-state-hover, .is-active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy) {
    border-color: color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-hover-edge-mix), transparent) !important;
    box-shadow: var(--ua-focus-two-tone), var(--ua-state-hover-lift, 0 0 transparent), var(--ua-shimmer-glow) color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-hover-glow-mix), transparent), inset 0 0 0 var(--ua-state-edge-ring) color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-hover-edge-mix), transparent), inset 0 0 0 var(--ua-shimmer-wash-inset) color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-hover-wash-mix), transparent) !important;
    outline-color: transparent;
    transition: var(--ua-shimmer-transition);
  }
  :where(.dashboard-icon-action, button.dashboard-icon-action-accent):is(:focus-visible, .ua-state-hover, .is-active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy) {
    border-color: color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-hover-edge-mix), transparent) !important;
    box-shadow: var(--ua-focus-two-tone), var(--ua-state-hover-lift, 0 0 transparent), var(--ua-shimmer-glow) color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-hover-glow-mix), transparent), inset 0 0 0 var(--ua-state-edge-ring) color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-hover-edge-mix), transparent), inset 0 0 0 var(--ua-shimmer-wash-inset) color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-hover-wash-mix), transparent) !important;
    outline-color: transparent;
    transition: var(--ua-shimmer-transition);
  }
  :where(.dashboard-sidebar-toggle, .dashboard-sidebar-tool, .dashboard-sidebar-legal, .dashboard-sidebar-footer .dashboard-logout-icon, .dashboard-nav-label, .dashboard-link, .dashboard-icon-action, button.dashboard-icon-action-accent):is(:focus-visible, .ua-state-hover, .is-active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy) {
    color: var(--ua-state-hover-ink) !important;
  }
  :where(.dashboard-sidebar-toggle, .dashboard-sidebar-tool, .dashboard-sidebar-legal, .dashboard-sidebar-footer .dashboard-logout-icon, .dashboard-nav-label, .dashboard-link, .dashboard-icon-action, button.dashboard-icon-action-accent):is(:focus-visible, .ua-state-hover, .is-active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy) {
    background: var(--ua-state-hover-fill) !important;
  }
  /* 3. ACTIVE — selected / current / pressed / expanded / checked / pressing: one look, and it stays on. */
  :where(.dashboard-brand):is(.active, .is-selected, .selected, [aria-current]:not([aria-current="false"]), [aria-pressed="true"], [aria-selected="true"], [aria-expanded="true"], :checked, :active, .ua-state-active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy) {
    color: var(--ua-state-active-ink);
    box-shadow: var(--ua-state-active-lift, 0 0 transparent), var(--ua-shimmer-glow) color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-hover-glow-mix), transparent) !important;
    outline-color: transparent;
    transition: var(--ua-shimmer-transition);
  }
  :where(.dashboard-sidebar-toggle, .dashboard-sidebar-tool, .dashboard-sidebar-legal, .dashboard-sidebar-footer .dashboard-logout-icon, .dashboard-nav-label, .dashboard-link):is(.active, .is-selected, .selected, [aria-current]:not([aria-current="false"]), [aria-pressed="true"], [aria-selected="true"], [aria-expanded="true"], :checked, :active, .ua-state-active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy) {
    border-color: color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-active-edge-mix), transparent) !important;
    box-shadow: var(--ua-state-active-lift, 0 0 transparent), var(--ua-shimmer-glow) color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-hover-glow-mix), transparent), inset 0 0 0 var(--ua-state-edge-ring) color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-active-edge-mix), transparent), inset 0 0 0 1px color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-active-ring-mix), transparent), inset 0 0 0 var(--ua-shimmer-wash-inset) color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-active-wash-mix), transparent) !important;
    transition: var(--ua-shimmer-transition);
  }
  :where(.dashboard-icon-action, button.dashboard-icon-action-accent):is(.active, .is-selected, .selected, [aria-current]:not([aria-current="false"]), [aria-pressed="true"], [aria-selected="true"], [aria-expanded="true"], :checked, :active, .ua-state-active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy) {
    border-color: color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-active-edge-mix), transparent) !important;
    box-shadow: var(--ua-state-active-lift, 0 0 transparent), var(--ua-shimmer-glow) color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-hover-glow-mix), transparent), inset 0 0 0 var(--ua-state-edge-ring) color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-active-edge-mix), transparent), inset 0 0 0 1px color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-active-ring-mix), transparent), inset 0 0 0 var(--ua-shimmer-wash-inset) color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-active-wash-mix), transparent) !important;
    transition: var(--ua-shimmer-transition);
  }
  :where(.dashboard-sidebar-tool, .dashboard-link):is(.active, .is-selected, .selected, [aria-current]:not([aria-current="false"]), [aria-pressed="true"], [aria-selected="true"], [aria-expanded="true"], :checked, :active, .ua-state-active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy) {
    color: var(--ua-state-active-ink) !important;
  }
  :where(.dashboard-sidebar-tool, .dashboard-link):is(.active, .is-selected, .selected, [aria-current]:not([aria-current="false"]), [aria-pressed="true"], [aria-selected="true"], [aria-expanded="true"], :checked, :active, .ua-state-active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy) {
    background: var(--ua-state-active-fill) !important;
  }
  /* ACTIVE + HOVER/FOCUS: a bordered control keeps its edge; a borderless action keeps its ink. */
  :where(.dashboard-brand):is(.active, .is-selected, .selected, [aria-current]:not([aria-current="false"]), [aria-pressed="true"], [aria-selected="true"], [aria-expanded="true"], :checked, .ua-state-active):is(:focus-visible, .ua-state-hover, .is-active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy) {
    color: var(--ua-state-active-ink);
    box-shadow: var(--ua-focus-two-tone), var(--ua-state-hover-lift, 0 0 transparent), var(--ua-shimmer-glow) color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-hover-glow-mix), transparent) !important;
    outline-color: transparent;
  }
  :where(.dashboard-sidebar-toggle, .dashboard-sidebar-tool, .dashboard-sidebar-legal, .dashboard-sidebar-footer .dashboard-logout-icon, .dashboard-nav-label, .dashboard-link):is(.active, .is-selected, .selected, [aria-current]:not([aria-current="false"]), [aria-pressed="true"], [aria-selected="true"], [aria-expanded="true"], :checked, .ua-state-active):is(:focus-visible, .ua-state-hover, .is-active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy) {
    border-color: var(--glow-ink, currentColor) !important;
    box-shadow: var(--ua-focus-two-tone), var(--ua-state-hover-lift, 0 0 transparent), var(--ua-shimmer-glow) color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-hover-glow-mix), transparent), inset 0 0 0 1px var(--glow-ink, currentColor), inset 0 0 0 var(--ua-shimmer-wash-inset) color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-active-wash-mix), transparent) !important;
    outline-color: transparent;
  }
  :where(.dashboard-icon-action, button.dashboard-icon-action-accent):is(.active, .is-selected, .selected, [aria-current]:not([aria-current="false"]), [aria-pressed="true"], [aria-selected="true"], [aria-expanded="true"], :checked, .ua-state-active):is(:focus-visible, .ua-state-hover, .is-active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy) {
    box-shadow: var(--ua-focus-two-tone), var(--ua-state-hover-lift, 0 0 transparent), var(--ua-shimmer-glow) color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-hover-glow-mix), transparent), inset 0 0 0 1px color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-active-ring-mix), transparent), inset 0 0 0 var(--ua-shimmer-wash-inset) color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-active-wash-mix), transparent) !important;
    outline-color: transparent;
  }
  /* 2. HOVER with a real pointer only ([[D350]]): the same look, never stuck after a tap, never mid-press; never on focus-only items. */
  @media (hover: hover) {
    :where(.dashboard-brand):is(:hover, :focus-visible):not(.active, .is-selected, .selected, [aria-current]:not([aria-current="false"]), [aria-pressed="true"], [aria-selected="true"], [aria-expanded="true"], :checked, .ua-state-active):not(:active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy) {
      color: var(--ua-state-hover-ink);
      box-shadow: var(--ua-focus-two-tone), var(--ua-state-hover-lift, 0 0 transparent), var(--ua-shimmer-glow) color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-hover-glow-mix), transparent) !important;
      outline-color: transparent;
      transition: var(--ua-shimmer-transition);
    }
    :where(.dashboard-sidebar-toggle, .dashboard-sidebar-tool, .dashboard-sidebar-legal, .dashboard-sidebar-footer .dashboard-logout-icon, .dashboard-nav-label, .dashboard-link):is(:hover, :focus-visible):not(.active, .is-selected, .selected, [aria-current]:not([aria-current="false"]), [aria-pressed="true"], [aria-selected="true"], [aria-expanded="true"], :checked, .ua-state-active):not(:active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy) {
      border-color: color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-hover-edge-mix), transparent) !important;
      box-shadow: var(--ua-focus-two-tone), var(--ua-state-hover-lift, 0 0 transparent), var(--ua-shimmer-glow) color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-hover-glow-mix), transparent), inset 0 0 0 var(--ua-state-edge-ring) color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-hover-edge-mix), transparent), inset 0 0 0 var(--ua-shimmer-wash-inset) color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-hover-wash-mix), transparent) !important;
      outline-color: transparent;
      transition: var(--ua-shimmer-transition);
    }
    :where(.dashboard-icon-action, button.dashboard-icon-action-accent):is(:hover, :focus-visible):not(.active, .is-selected, .selected, [aria-current]:not([aria-current="false"]), [aria-pressed="true"], [aria-selected="true"], [aria-expanded="true"], :checked, .ua-state-active):not(:active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy) {
      border-color: color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-hover-edge-mix), transparent) !important;
      box-shadow: var(--ua-focus-two-tone), var(--ua-state-hover-lift, 0 0 transparent), var(--ua-shimmer-glow) color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-hover-glow-mix), transparent), inset 0 0 0 var(--ua-state-edge-ring) color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-hover-edge-mix), transparent), inset 0 0 0 var(--ua-shimmer-wash-inset) color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-hover-wash-mix), transparent) !important;
      outline-color: transparent;
      transition: var(--ua-shimmer-transition);
    }
    :where(.dashboard-sidebar-toggle, .dashboard-sidebar-tool, .dashboard-sidebar-legal, .dashboard-sidebar-footer .dashboard-logout-icon, .dashboard-nav-label, .dashboard-link, .dashboard-icon-action, button.dashboard-icon-action-accent):hover:where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy) {
      color: var(--ua-state-hover-ink) !important;
    }
    :where(.dashboard-sidebar-toggle, .dashboard-sidebar-tool, .dashboard-sidebar-legal, .dashboard-sidebar-footer .dashboard-logout-icon, .dashboard-nav-label, .dashboard-link, .dashboard-icon-action, button.dashboard-icon-action-accent):hover:where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy) {
      background: var(--ua-state-hover-fill) !important;
    }
    :where(.dashboard-brand):is(.active, .is-selected, .selected, [aria-current]:not([aria-current="false"]), [aria-pressed="true"], [aria-selected="true"], [aria-expanded="true"], :checked, .ua-state-active):is(:hover, :focus-visible):not(:active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy) {
      color: var(--ua-state-active-ink);
      box-shadow: var(--ua-focus-two-tone), var(--ua-state-hover-lift, 0 0 transparent), var(--ua-shimmer-glow) color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-hover-glow-mix), transparent) !important;
      outline-color: transparent;
    }
    :where(.dashboard-sidebar-toggle, .dashboard-sidebar-tool, .dashboard-sidebar-legal, .dashboard-sidebar-footer .dashboard-logout-icon, .dashboard-nav-label, .dashboard-link):is(.active, .is-selected, .selected, [aria-current]:not([aria-current="false"]), [aria-pressed="true"], [aria-selected="true"], [aria-expanded="true"], :checked, .ua-state-active):is(:hover, :focus-visible):not(:active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy) {
      border-color: var(--glow-ink, currentColor) !important;
      box-shadow: var(--ua-focus-two-tone), var(--ua-state-hover-lift, 0 0 transparent), var(--ua-shimmer-glow) color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-hover-glow-mix), transparent), inset 0 0 0 1px var(--glow-ink, currentColor), inset 0 0 0 var(--ua-shimmer-wash-inset) color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-active-wash-mix), transparent) !important;
      outline-color: transparent;
    }
    :where(.dashboard-icon-action, button.dashboard-icon-action-accent):is(.active, .is-selected, .selected, [aria-current]:not([aria-current="false"]), [aria-pressed="true"], [aria-selected="true"], [aria-expanded="true"], :checked, .ua-state-active):is(:hover, :focus-visible):not(:active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy) {
      box-shadow: var(--ua-focus-two-tone), var(--ua-state-hover-lift, 0 0 transparent), var(--ua-shimmer-glow) color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-hover-glow-mix), transparent), inset 0 0 0 1px color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-active-ring-mix), transparent), inset 0 0 0 var(--ua-shimmer-wash-inset) color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-active-wash-mix), transparent) !important;
      outline-color: transparent;
    }
  }
  /* Own movement, and the one small float, only under no-preference: reduce keeps the look, not the motion. A declared lift is emitted after the float so it wins. */
  @media (prefers-reduced-motion: no-preference) {
    :where(.dashboard-brand):is(:focus-visible, .ua-state-hover, .is-active):not(input, select, textarea, [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"]):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy),
    :where(.dashboard-sidebar-toggle, .dashboard-sidebar-tool, .dashboard-sidebar-legal, .dashboard-sidebar-footer .dashboard-logout-icon, .dashboard-nav-label, .dashboard-link):is(:focus-visible, .ua-state-hover, .is-active):not(input, select, textarea, [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"]):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy),
    :where(.dashboard-icon-action, button.dashboard-icon-action-accent):is(:focus-visible, .ua-state-hover, .is-active):not(input, select, textarea, [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"]):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy) {
      transform: translateY(-0.08rem) !important;
    }
    @media (hover: hover) {
      :where(.dashboard-brand):hover:not(input, select, textarea, [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"]):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy),
      :where(.dashboard-sidebar-toggle, .dashboard-sidebar-tool, .dashboard-sidebar-legal, .dashboard-sidebar-footer .dashboard-logout-icon, .dashboard-nav-label, .dashboard-link):hover:not(input, select, textarea, [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"]):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy),
      :where(.dashboard-icon-action, button.dashboard-icon-action-accent):hover:not(input, select, textarea, [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"]):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy) {
        transform: translateY(-0.08rem) !important;
      }
    }
  }
  /* 4. BUSY — optional: edge (+ glow on glow controls) while an action runs; the spinner ::after shows it. */
  :where(.dashboard-brand):is([aria-busy="true"], .ua-state-busy):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href])) {
    box-shadow: var(--ua-focus-two-tone), var(--ua-shimmer-glow) color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-busy-glow-mix), transparent) !important;
  }
  :where(.dashboard-sidebar-toggle, .dashboard-sidebar-tool, .dashboard-sidebar-legal, .dashboard-sidebar-footer .dashboard-logout-icon, .dashboard-nav-label, .dashboard-link):is([aria-busy="true"], .ua-state-busy):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href])) {
    border-color: color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-busy-edge-mix), transparent) !important;
    box-shadow: var(--ua-focus-two-tone), inset 0 0 0 var(--ua-state-edge-ring) color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-busy-edge-mix), transparent), inset 0 0 0 var(--ua-shimmer-wash-inset) color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-busy-wash-mix), transparent) !important;
  }
  :where(.dashboard-icon-action, button.dashboard-icon-action-accent):is([aria-busy="true"], .ua-state-busy):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href])) {
    border-color: color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-busy-edge-mix), transparent) !important;
    box-shadow: var(--ua-focus-two-tone), var(--ua-shimmer-glow) color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-busy-glow-mix), transparent), inset 0 0 0 var(--ua-state-edge-ring) color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-busy-edge-mix), transparent), inset 0 0 0 var(--ua-shimmer-wash-inset) color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-busy-wash-mix), transparent) !important;
  }
  /* Forced colours: shadows drop and colours are forced, so the edge takes the system's state colours. */
  @media (forced-colors: active) {
    :where(.dashboard-sidebar-toggle, .dashboard-sidebar-tool, .dashboard-sidebar-legal, .dashboard-sidebar-footer .dashboard-logout-icon, .dashboard-nav-label, .dashboard-link):is(:hover, :focus-visible, .ua-state-hover, .is-active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy),
    :where(.dashboard-icon-action, button.dashboard-icon-action-accent):is(:hover, :focus-visible, .ua-state-hover, .is-active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy),
    :where(.dashboard-brand):is(:hover, :focus-visible, .ua-state-hover, .is-active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy) {
      border-color: var(--ua-state-hover-forced) !important;
      outline-color: var(--ua-state-hover-forced);
    }
    :where(.dashboard-sidebar-toggle, .dashboard-sidebar-tool, .dashboard-sidebar-legal, .dashboard-sidebar-footer .dashboard-logout-icon, .dashboard-nav-label, .dashboard-link):is(.active, .is-selected, .selected, [aria-current]:not([aria-current="false"]), [aria-pressed="true"], [aria-selected="true"], [aria-expanded="true"], :checked, .ua-state-active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy),
    :where(.dashboard-icon-action, button.dashboard-icon-action-accent):is(.active, .is-selected, .selected, [aria-current]:not([aria-current="false"]), [aria-pressed="true"], [aria-selected="true"], [aria-expanded="true"], :checked, .ua-state-active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy),
    :where(.dashboard-brand):is(.active, .is-selected, .selected, [aria-current]:not([aria-current="false"]), [aria-pressed="true"], [aria-selected="true"], [aria-expanded="true"], :checked, .ua-state-active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy) {
      border-color: var(--ua-state-active-forced) !important;
    }
  }
}
/* @generated interaction-states:end */

@font-face{font-family:"Inter";font-style:normal;font-weight:100 900;font-display:swap;src:url("/assets/universe-elements/assets/fonts/InterVariable.woff2") format("woff2")}@font-face{font-family:"Inter";font-style:italic;font-weight:100 900;font-display:swap;src:url("/assets/universe-elements/assets/fonts/InterVariable-Italic.woff2") format("woff2")}@font-face{font-family:"Playfair Display";font-style:normal;font-weight:400 900;font-display:swap;src:url("/assets/universe-elements/assets/fonts/PlayfairDisplay.woff2") format("woff2")}@font-face{font-family:"Playfair Display";font-style:italic;font-weight:400 900;font-display:swap;src:url("/assets/universe-elements/assets/fonts/PlayfairDisplay-Italic.woff2") format("woff2")}@font-face{font-family:"Fraunces";font-style:normal;font-weight:100 900;font-display:swap;src:url("/assets/universe-elements/assets/fonts/Fraunces.woff2") format("woff2")}@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:200 900;font-display:swap;src:url("/assets/universe-elements/assets/fonts/SourceSans3.woff2") format("woff2")}@font-face{font-family:"Space Grotesk";font-style:normal;font-weight:300 700;font-display:swap;src:url("/assets/universe-elements/assets/fonts/SpaceGrotesk.woff2") format("woff2")}:root{--universe-font-body:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--universe-font-standard:var(--universe-font-body);--universe-font-heading:"Playfair Display",Georgia,serif;--universe-font-title:var(--universe-font-heading);--universe-font-size-base:1rem;--universe-font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--universe-font-weight-heading:500;--universe-font-letter-spacing-body:0;--universe-font-letter-spacing-heading:-0.01em;--universe-font-line-height-body:1.5;--universe-font-line-height-heading:1.08;--universe-font-weight-display:700;--universe-font-letter-spacing-display:-0.015em;--universe-font-line-height-display:1.03;--universe-font-weight-body:400;--universe-font-weight-lede:430;--universe-font-weight-quiet:600;--universe-font-weight-title:650;--universe-font-weight-strong:760;--universe-font-weight-display-strong:850;--universe-font-letter-spacing-label:0.16em}html{font-size:var(--universe-font-size-base)}.dashboard-context-copy{display:grid;gap:0.05rem;min-width:0;text-align:left;line-height:1.15}.dashboard-context-name{overflow:hidden;font-size:0.9rem;font-weight:var(--universe-font-weight-quiet);color:var(--ua-shell-ink);white-space:nowrap;text-overflow:ellipsis}.dashboard-context-kind{font-size:0.7rem;font-weight:var(--universe-font-weight-quiet);color:var(--ua-shell-muted);text-transform:uppercase;letter-spacing:0.07em}.dashboard-context-domain{overflow:hidden;font-size:0.7rem;font-weight:var(--universe-font-weight-quiet);color:var(--ua-shell-muted);white-space:nowrap;text-overflow:ellipsis}.dashboard-context-identity{position:relative;display:inline-flex;min-width:0}.dashboard-context-detail{position:absolute;top:calc(100% + 0.4rem);left:0;z-index:14;display:grid;gap:0.2rem;min-width:min(18rem,78vw);max-width:min(22rem,92vw);padding:var(--universe-space-inset-2,1rem);border:var(--ua-shell-elev-3-border);border-radius:0.8rem;color:var(--ua-shell-ink);background:var(--ua-glass-art-led);box-shadow:var(--universe-elev-3-shadow);backdrop-filter:var(--ua-glass-frost);-webkit-backdrop-filter:var(--ua-glass-frost)}.dashboard-context-detail[hidden]{display:none}.dashboard-context-detail-name{margin:0;font-size:0.95rem;font-weight:var(--universe-font-weight-strong)}.dashboard-context-detail-line,.dashboard-context-detail-account,.dashboard-context-detail-hint{margin:0;font-size:0.8rem;color:var(--ua-shell-muted);overflow-wrap:anywhere}.dashboard-context-detail-account{margin-top:0.35rem;padding-top:0.4rem;border-top:1px solid var(--ua-shell-elev-1-line)}.dashboard-context-detail-hint{font-size:0.72rem;text-transform:uppercase;letter-spacing:0.07em}.dashboard-context-detail::before{content:"";position:absolute;left:0;right:0;bottom:100%;height:0.4rem}.dashboard-context-shortcuts{display:grid;gap:0.3rem;margin-top:0.45rem;padding-top:0.5rem;border-top:1px solid var(--ua-shell-elev-1-line)}.dashboard-context-shortcuts-heading{margin:0;font-size:0.72rem;text-transform:uppercase;letter-spacing:0.07em;color:var(--ua-shell-muted)}.dashboard-context-shortcuts-items{display:grid;gap:0.2rem;margin:0;padding:0;list-style:none;max-height:min(50vh,20rem);overflow:auto}.dashboard-context-shortcut{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:0.5rem;width:100%;min-height:2.75rem;padding:0.45rem 0.6rem;border:1px solid transparent;border-radius:0.6rem;background:transparent;color:var(--ua-shell-ink);font:inherit;text-align:left;cursor:pointer}.dashboard-context-shortcut-copy{display:grid;min-width:0}.dashboard-context-shortcut-title,.dashboard-context-shortcut-subtitle{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-context-shortcut-title{font-size:0.9rem;font-weight:var(--universe-font-weight-strong)}.dashboard-context-shortcut-subtitle{font-size:0.78rem;color:var(--ua-shell-muted)}.dashboard-context-shortcut-hint{font-size:0.7rem;white-space:nowrap;color:var(--ua-shell-gold)}.dashboard-context-shortcuts-status{margin:0;font-size:0.8rem;color:var(--ua-shell-muted);overflow-wrap:anywhere}.dashboard-context-shortcuts-all{justify-self:start;font-size:0.8rem;color:var(--ua-shell-gold);text-decoration:underline;text-underline-offset:0.15em}.dashboard-context-focus-body .dashboard-context-shortcuts{width:100%;text-align:left}@media (max-width:32rem){.dashboard-context-detail{left:0;right:auto;min-width:min(16rem,84vw)}}.dashboard-context-pill{display:inline-flex;align-items:center;justify-content:center;min-height:2.35rem;border:var(--ua-shell-elev-3-border);border-radius:999rem;background:var(--ua-glass-art-led);color:var(--ua-shell-ink);box-shadow:var(--universe-elev-2-shadow);backdrop-filter:var(--ua-glass-frost);-webkit-backdrop-filter:var(--ua-glass-frost)}.dashboard-context-pill{gap:0.62rem;min-height:2.75rem;padding:0.12rem 0.88rem 0.12rem 0.14rem;color:var(--ua-shell-muted);font-size:0.86rem;white-space:nowrap}.dashboard-context-link{min-width:0;text-decoration:none;cursor:pointer;--glow-ink:var(--ua-shell-gold);transition:transform 160ms ease,border-color 160ms ease,box-shadow 160ms ease,background 160ms ease}.dashboard-context-avatar{display:inline-grid;place-items:center;flex:0 0 auto;width:2.75rem;height:2.75rem;overflow:hidden;border:1px solid rgba(252,188,81,0.78);border-radius:999rem;color:var(--ua-shell-gold);background:var(--ua-shell-platform-background);box-shadow:0 0 0 1px rgba(0,0,0,0.42),0 0.6rem 1.6rem rgba(0,0,0,0.28);font-size:1.25rem;font-weight:var(--universe-font-weight-display-strong);line-height:1}.dashboard-context-avatar[data-dashboard-context-avatar="personal-account"]{font-size:1.36rem}.dashboard-context-avatar[data-dashboard-context-avatar-bg="brand"]{background:var(--ua-shell-brand-background,var(--ua-shell-platform-background))}.dashboard-context-avatar[data-dashboard-context-avatar-bg="spark"]{background:var(--ua-shell-spark-background,var(--ua-shell-platform-background))}.dashboard-context-avatar img{display:block;width:100%;height:100%;padding:0.18rem;object-fit:contain;background:transparent}.dashboard-context-coin{position:relative;display:inline-block;flex:0 0 auto;width:2.75rem;height:2.75rem;perspective:720px}.dashboard-context-coin-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;will-change:transform}.dashboard-context-coin-face{position:absolute;inset:0;display:grid;place-items:center;border-radius:999rem;backface-visibility:hidden;-webkit-backface-visibility:hidden}.dashboard-context-coin-front{transform:rotateY(0deg)}.dashboard-context-coin-back{transform:rotateY(180deg);background:var(--ua-shell-gold);border:1px solid rgba(0,0,0,0.3);box-shadow:0 0 0 1px rgba(0,0,0,0.42),0 0.6rem 1.6rem rgba(0,0,0,0.28)}.dashboard-context-coin-back .dashboard-context-switch-svg{width:1.55rem;height:1.55rem;color:#0b0b0d}.dashboard-context-switch-arrow{transform-box:fill-box;transform-origin:center}@keyframes dashboard-context-coin-flip{0%{transform:rotateY(0deg)}14%{transform:rotateY(0deg)}40%{transform:rotateY(180deg)}60%{transform:rotateY(180deg)}86%{transform:rotateY(360deg)}100%{transform:rotateY(360deg)}}@keyframes dashboard-context-arrow-nudge-right{0%,100%{transform:translateX(0)}50%{transform:translateX(1.1px)}}@keyframes dashboard-context-arrow-nudge-left{0%,100%{transform:translateX(0)}50%{transform:translateX(-1.1px)}}.dashboard-context-detail-head{display:flex;align-items:center;gap:0.6rem;margin-bottom:0.15rem;padding-right:2.75rem}.dashboard-context-open-full{display:inline-grid;place-items:center;width:2.75rem;height:2.75rem;margin-left:auto;border:var(--ua-shell-elev-2-border);border-radius:999rem;color:var(--ua-shell-ink);background:transparent;text-decoration:none}.dashboard-context-detail>.dashboard-context-open-full{position:absolute;top:0.4rem;right:0.4rem;z-index:1;margin-left:0}.dashboard-context-focus-dialog>.ua-dialog-actions{display:flex;justify-content:flex-end;padding-block:0.35rem 0.85rem}.dashboard-context-detail-avatar{flex:0 0 auto}.dashboard-context-detail-avatar .dashboard-context-avatar{width:2.35rem;height:2.35rem;font-size:1.05rem}.dashboard-context-detail-head .dashboard-context-detail-name{margin:0}.dashboard-context-detail-desc{margin:0.15rem 0 0;font-size:0.8rem;line-height:1.4;color:var(--ua-shell-muted);overflow-wrap:anywhere}.dashboard-context-focus-opener{position:absolute;width:1px;height:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.dashboard-context-focus-body{display:grid;justify-items:stretch;gap:0.35rem;text-align:start;padding:0}.dashboard-context-focus-dialog>.ua-dialog-bar h2{font-size:0.95rem;line-height:1.2;font-weight:var(--universe-font-weight-strong)}.dashboard-context-focus-avatar .dashboard-context-avatar{width:6rem;height:6rem;font-size:2.9rem}.dashboard-context-focus-name{margin:0.35rem 0 0;font-family:var(--universe-font-heading);font-size:clamp(1.4rem,5vw,1.85rem);font-weight:var(--universe-font-weight-heading);line-height:1.12;color:var(--ua-shell-ink)}.dashboard-context-focus-type{margin:0;font-size:0.82rem;text-transform:uppercase;letter-spacing:0.08em;color:var(--ua-shell-muted)}.dashboard-context-focus-desc{margin:0.4rem 0 0;max-width:30rem;font-size:0.95rem;line-height:1.5;color:var(--ua-shell-ink);overflow-wrap:anywhere}.dashboard-context-focus-account{margin:0.55rem 0 0;font-size:0.82rem;color:var(--ua-shell-muted)}.dashboard-context-switch-cta{display:flex;align-items:center;justify-content:center;gap:0.55rem;width:100%;flex:1 1 auto;min-height:3.15rem;padding:0 1.1rem;border:0;border-radius:0.8rem;background:var(--ua-shell-gold);color:#0b0b0d;font-family:var(--universe-font-heading);font-size:1.02rem;font-weight:var(--universe-font-weight-strong);letter-spacing:0.01em;text-decoration:none;cursor:pointer;box-shadow:0 0.5rem 1.4rem rgba(0,0,0,0.32);transition:filter 140ms ease,transform 140ms ease}.dashboard-context-switch-cta-icon{width:1.4rem;height:1.4rem;flex:0 0 auto;color:#0b0b0d}@media (max-width:64rem){.dashboard-context-detail{display:none}}@media (prefers-reduced-motion:reduce){.dashboard-context-coin-inner{animation:none !important;transform:none !important}.dashboard-context-coin-face{transform:none !important}.dashboard-context-coin-back{opacity:0}.dashboard-context-coin-arrows .dashboard-context-switch-arrow-top,.dashboard-context-coin-arrows .dashboard-context-switch-arrow-bottom{animation:none !important;transform:none !important}}.dashboard-context-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-context-switch-action{flex:0 0 auto}uae[namespace="ua.header"] .dashboard-app-header{flex-wrap:nowrap;align-items:center;gap:clamp(0.48rem,1.25vw,0.72rem);width:100%;margin:0 0 clamp(0.85rem,2.2vh,1.35rem);padding:clamp(0.58rem,1.3vw,0.82rem) clamp(0.68rem,1.7vw,1rem);border:var(--ua-shell-elev-3-border);border-radius:0.78rem;background:var(--ua-glass-text-led);box-shadow:var(--universe-elev-3-shadow);backdrop-filter:var(--ua-glass-frost);-webkit-backdrop-filter:var(--ua-glass-frost)}uae[namespace="ua.header"] .dashboard-app-header .ua-header-title{font-family:var(--universe-font-heading);font-size:clamp(1.15rem,2vw,1.52rem);font-weight:var(--universe-font-weight-heading)}uae[namespace="ua.header"] .dashboard-app-header .ua-header-title-holster{flex:1 1 auto;min-width:0}uae[namespace="ua.header"] .dashboard-app-header .ua-header-description{display:none}uae[namespace="ua.header"] .dashboard-app-header .ua-header-icon{display:inline-grid;place-items:center;flex:0 0 clamp(1.95rem,3.7vw,2.28rem);width:clamp(1.95rem,3.7vw,2.28rem);height:clamp(1.95rem,3.7vw,2.28rem);padding:0;border:0;border-radius:0;background:transparent;line-height:1}uae[namespace="ua.header"] .dashboard-app-header .ua-header-icon-glyph{color:var(--ua-shell-gold);font-size:clamp(1.32rem,2.65vw,1.75rem);font-weight:var(--universe-font-weight-display-strong);line-height:1}uae[namespace="ua.header"] .dashboard-app-header .ua-header-tools{flex:0 0 auto;margin-left:auto}uae[namespace="ua.header"] .ua-header-section-shell:has(.dashboard-app-header){display:grid;gap:0.55rem;margin:0 0 clamp(0.85rem,2.2vh,1.35rem)}uae[namespace="ua.header"] .ua-header-section-shell:has(.dashboard-app-header) .dashboard-app-header{margin:0}.dashboard-header-actions{display:flex;gap:0.55rem;align-items:center;min-width:0}.dashboard-header-actions:empty{display:none}.eyebrow{margin:0 0 0.45rem;color:var(--ua-shell-gold);font-size:0.72rem;font-weight:var(--universe-font-weight-display-strong);text-transform:uppercase;letter-spacing:0.12em}h1{max-width:46rem;margin:0;font-family:var(--universe-font-heading);font-weight:var(--universe-font-weight-heading);font-size:4.25rem;line-height:1.02;letter-spacing:var(--universe-font-letter-spacing-heading);overflow-wrap:anywhere}.lede{max-width:54rem;margin:0.72rem 0 0;color:var(--ua-shell-muted);font-size:clamp(1rem,1.5vw,1.15rem)}.dashboard-profile-prompt{display:flex;align-items:center;gap:clamp(0.7rem,1.6vw,1.1rem);margin:0 0 1rem;padding:var(--universe-space-inset-2) var(--universe-space-inset-3);border:var(--ua-shell-elev-3-border);border-radius:0.9rem;background:var(--ua-glass-text-led);box-shadow:var(--universe-elev-3-shadow);backdrop-filter:var(--ua-glass-frost);-webkit-backdrop-filter:var(--ua-glass-frost)}.dashboard-profile-prompt[hidden]{display:none}.dashboard-profile-prompt-avatar{flex:0 0 auto}.dashboard-profile-prompt-copy{display:grid;gap:0.15rem;flex:1 1 auto;min-width:0}.dashboard-profile-prompt-title{font-size:0.98rem;font-weight:var(--universe-font-weight-quiet)}.dashboard-profile-prompt-text{color:var(--ua-shell-muted);font-size:0.85rem}.dashboard-profile-prompt-actions{display:flex;align-items:center;gap:0.5rem;flex:0 0 auto}@media (max-width:640px){.dashboard-profile-prompt{flex-wrap:wrap;row-gap:0.85rem}.dashboard-profile-prompt-copy{flex:1 1 60%}.dashboard-profile-prompt-actions{flex:1 1 100%;justify-content:flex-end}.dashboard-profile-prompt-go{flex:1 1 auto;justify-content:center}}.dashboard-profile-prompt-go{display:inline-flex;align-items:center;min-height:2.35rem;padding:0 1rem;border:1px solid rgba(252,188,81,0.5);border-radius:999rem;background:rgba(252,188,81,0.14);color:var(--ua-shell-gold);font-size:0.86rem;font-weight:var(--universe-font-weight-quiet);text-decoration:none;white-space:nowrap}.dashboard-profile-prompt-dismiss{display:inline-grid;place-items:center;width:2.1rem;height:2.1rem;border:1px solid rgba(255,255,255,0.12);border-radius:999rem;background:rgba(8,10,15,0.45);color:var(--ua-shell-muted);font-size:1.1rem;line-height:1;cursor:pointer}.dashboard-home-toolbar{display:block;margin:0 0 0.5rem}.dashboard-home-toolbar-actions{display:flex;align-items:center;gap:0.45rem;flex-wrap:wrap}.dashboard-home-views{display:flex;gap:0.45rem;flex-wrap:wrap;margin:0}button.dashboard-view-tab{display:inline-grid;place-items:center;width:2.45rem;min-height:2.25rem;padding:0;border:var(--ua-shell-elev-1-border);border-radius:999rem;background:var(--ua-glass-text-led);backdrop-filter:var(--ua-glass-frost);-webkit-backdrop-filter:var(--ua-glass-frost);box-shadow:none;color:var(--ua-shell-muted);font-weight:var(--universe-font-weight-quiet)}.dashboard-view-icon{font-size:1rem;line-height:1}button.dashboard-view-tab.active{--glow-ink:var(--ua-shell-gold)}button.dashboard-view-tab.active .dashboard-view-icon{color:var(--glow-ink)}.visually-hidden{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0,0,0,0) !important;white-space:nowrap !important;border:0 !important}.dashboard-home-widget-picker .dashboard-widget-gallery-body{display:grid;gap:clamp(0.9rem,2vh,1.35rem)}.dashboard-widget-gallery-heading{display:grid;gap:0.2rem;min-width:0}.dashboard-widget-gallery-title{font-family:var(--universe-font-heading);font-size:clamp(1.15rem,2.2vw,1.5rem);font-weight:var(--universe-font-weight-heading);letter-spacing:-0.01em}.dashboard-widget-gallery-sub{color:var(--ua-shell-muted);font-size:0.88rem}.dashboard-widget-gallery-filters{display:flex;flex-wrap:wrap;gap:0.4rem}button.dashboard-widget-gallery-chip{min-height:2.05rem;padding:0.3rem 0.85rem;border:1px solid rgba(255,255,255,0.12);border-radius:999rem;background:rgba(8,10,15,0.45);box-shadow:none;color:var(--ua-shell-muted);font-size:0.82rem;font-weight:var(--universe-font-weight-quiet);cursor:pointer}.dashboard-widget-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,15rem),1fr));gap:0.65rem}.dashboard-widget-gallery-empty{margin:0;padding:1.5rem 0;color:var(--ua-shell-muted);text-align:center}button.dashboard-home-widget-option{display:grid;grid-template-columns:auto minmax(0,1fr);gap:0.7rem;align-items:center;min-width:0;min-height:0;padding:0.75rem;border:1px solid rgba(255,255,255,0.1);border-radius:0.6rem;background:rgba(255,255,255,0.04);box-shadow:none;color:var(--ua-shell-ink);text-align:left;cursor:pointer}button.dashboard-home-widget-option[hidden]{display:none}.dashboard-home-widget-option-source{color:rgba(252,188,81,0.82) !important;font-size:0.72rem !important;font-weight:var(--universe-font-weight-quiet);text-transform:uppercase;letter-spacing:0.06em}.dashboard-home-widget-option-icon{display:grid;place-items:center;width:2.1rem;height:2.1rem;border-radius:999rem;background:rgba(232,196,113,0.15);color:var(--ua-shell-gold)}.dashboard-home-widget-option-copy{display:grid;gap:0.2rem;min-width:0}.dashboard-home-widget-option-copy strong,.dashboard-home-widget-option-copy span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-home-widget-option-copy span{color:var(--ua-shell-muted);font-size:0.82rem}.dashboard-wizard-error-summary{display:grid;gap:0.65rem;margin:0 0 1rem;padding:0.95rem;border:1px solid color-mix(in srgb,var(--ua-shell-danger) 62%,transparent);border-radius:0.72rem;background:color-mix(in srgb,var(--ua-shell-danger) 16%,rgba(0,0,0,0.72));color:var(--ua-shell-ink)}.dashboard-wizard-error-list{display:grid;gap:0.45rem}.dashboard-wizard-error-jump{display:grid;grid-template-columns:auto minmax(0,1fr);gap:0.45rem;align-items:center;min-height:2.25rem;width:100%;border:1px solid rgba(255,122,144,0.32);border-radius:0.55rem;background:rgba(0,0,0,0.3);color:var(--ua-shell-ink);text-align:left;cursor:pointer}.dashboard-field-invalid input,.dashboard-field-invalid select,.dashboard-field-invalid textarea,input[aria-invalid="true"],select[aria-invalid="true"],textarea[aria-invalid="true"],input[data-ua-control-error="true"],select[data-ua-control-error="true"],textarea[data-ua-control-error="true"]{border-color:var(--ua-shell-danger) !important;padding-right:2.65rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Ccircle cx='10' cy='10' r='8' fill='%23ff7a90'/%3E%3Cpath d='M7 7l6 6M13 7l-6 6' stroke='%23050507' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 0.75rem center;background-size:1.2rem 1.2rem;box-shadow:0 0 0 0.14rem color-mix(in srgb,var(--ua-shell-danger) 28%,transparent)}input[data-ua-field-valid="true"],select[data-ua-field-valid="true"],textarea[data-ua-field-valid="true"],input[data-ua-control-valid="true"],select[data-ua-control-valid="true"],textarea[data-ua-control-valid="true"]{border-color:var(--ua-shell-good) !important;padding-right:2.65rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Ccircle cx='10' cy='10' r='8' fill='%238df0b1'/%3E%3Cpath d='M6 10.3l2.4 2.5L14 7' stroke='%23050507' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 0.75rem center;background-size:1.2rem 1.2rem;box-shadow:0 0 0 0.14rem color-mix(in srgb,var(--ua-shell-good) 24%,transparent)}.dashboard-field-error-message{margin:-0.35rem 0 0.45rem;color:var(--ua-shell-danger);font-size:0.84rem;font-weight:var(--universe-font-weight-title)}.dashboard-field-attention{animation:dashboard-field-attention 620ms ease}@keyframes dashboard-field-attention{0%,100%{transform:translateX(0)}20%{transform:translateX(-0.18rem)}40%{transform:translateX(0.18rem)}60%{transform:translateX(-0.12rem)}80%{transform:translateX(0.12rem)}}.dashboard-toolbar{position:relative;display:grid;gap:0.55rem}.dashboard-search{display:flex;align-items:center;gap:0.35rem;min-width:0;color:var(--ua-shell-muted);font-size:0.78rem;font-weight:var(--universe-font-weight-display-strong);text-transform:uppercase;letter-spacing:0.08em}.dashboard-search input{min-height:2.65rem;width:100%;border:1px solid rgba(252,188,81,0.42);border-radius:0.62rem;background:rgba(0,0,0,0.44);color:var(--ua-shell-ink);padding:0.5rem 0.75rem;letter-spacing:0}.dashboard-search-control{position:relative;display:block;min-width:0;width:min(24rem,44vw)}.dashboard-search-control[hidden]{display:none}.dashboard-search-control input{padding-right:2.7rem}.dashboard-search-clear{position:absolute;top:50%;right:0.42rem;display:inline-grid;place-items:center;width:2rem;height:2rem;border:1px solid rgba(255,255,255,0.12);border-radius:999rem;color:var(--ua-shell-muted);background:rgba(255,255,255,0.06);transform:translateY(-50%);cursor:pointer}.dashboard-search-clear[hidden]{display:none}.dashboard-segmented{display:inline-flex;min-height:2.65rem;padding:0.2rem;border:1px solid rgba(255,255,255,0.12);border-radius:0.7rem;background:rgba(255,255,255,0.055)}.dashboard-filter-button-row{display:flex;flex-wrap:nowrap;gap:0.45rem;min-width:0}.dashboard-segment{min-height:2.25rem;border:0;border-radius:0.52rem;color:var(--ua-shell-muted);background:transparent;font-weight:var(--universe-font-weight-strong);cursor:pointer}.dashboard-segment{padding:0.35rem 0.72rem}.dashboard-toolbar-icon{width:2.65rem;height:2.65rem;padding:0;font-size:1.05rem;line-height:1;text-decoration:none}.dashboard-filter-chips,.dashboard-step-list,.dashboard-record-actions,.dashboard-widget-strip{display:flex;flex-wrap:wrap;gap:0.55rem;align-items:center}.dashboard-record-actions{justify-content:flex-end}.dashboard-record-action-status{min-width:11.25rem;max-width:min(100%,26.25rem);color:rgba(255,255,255,0.72);font-size:0.84rem;line-height:1.35}.dashboard-filter-chips,.dashboard-pagination-meta{grid-column:1 / -1}.dashboard-filter-field{display:grid;gap:0.35rem;color:var(--ua-shell-muted);font-size:0.78rem;font-weight:var(--universe-font-weight-display-strong);text-transform:uppercase;letter-spacing:0.08em}.dashboard-filter-field input{width:100%;min-height:2.55rem;border:1px solid rgba(255,255,255,0.16);border-radius:0.55rem;background:rgba(0,0,0,0.34);color:var(--ua-shell-ink);padding:0.55rem 0.7rem;letter-spacing:0}.dashboard-filter-field input[type="hidden"]{display:none}.dashboard-filter-choice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr));gap:0.55rem}.dashboard-filter-choice{display:inline-flex;align-items:center;justify-content:flex-start;gap:0.5rem;min-height:2.55rem;border:1px solid rgba(255,255,255,0.13);border-radius:0.58rem;color:var(--ua-shell-muted);background:rgba(255,255,255,0.055);padding:0.55rem 0.72rem;font-weight:var(--universe-font-weight-strong);cursor:pointer}.dashboard-sort-field{min-height:2.55rem;border:1px solid rgba(255,255,255,0.13);border-radius:0.55rem;color:var(--ua-shell-muted);background:rgba(255,255,255,0.055);font-weight:var(--universe-font-weight-strong);cursor:pointer}.dashboard-filter-chips[hidden]{display:none}.dashboard-filter-chip,.dashboard-step-pill,.dashboard-chip-reset{display:inline-flex;align-items:center;min-height:2rem;padding:0.32rem 0.65rem;border:1px solid rgba(255,255,255,0.12);border-radius:999rem;background:rgba(255,255,255,0.06);color:var(--ua-shell-muted);font-size:0.86rem;font-weight:var(--universe-font-weight-title)}.dashboard-filter-chip{cursor:pointer}.dashboard-chip-summary{color:var(--ua-shell-muted);font-size:0.82rem;font-weight:var(--universe-font-weight-display-strong);text-transform:uppercase}.dashboard-chip-list{display:flex;flex:1 1 auto;flex-wrap:wrap;gap:0.45rem}.dashboard-chip-reset{border-color:rgba(252,188,81,0.35);color:var(--ua-shell-gold);cursor:pointer}.dashboard-pagination-meta{display:flex;flex-wrap:wrap;gap:0.55rem;align-items:center;justify-content:flex-end;color:var(--ua-shell-muted);font-size:0.86rem}.dashboard-pagination-footer{margin-top:0.85rem;padding-top:0.75rem;border-top:1px solid rgba(255,255,255,0.1)}.dashboard-pagination-meta[hidden]{display:none}.dashboard-pagination-button{display:inline-grid;place-items:center;width:2.45rem;height:2.45rem;border:1px solid rgba(252,188,81,0.28);border-radius:999rem;color:var(--ua-shell-ink);background:rgba(0,0,0,0.34);cursor:pointer}.dashboard-pagination-button:disabled,.dashboard-pagination-button[aria-disabled="true"]{opacity:0.45;cursor:not-allowed}.dashboard-pagination-status{min-width:6.75rem;text-align:center;font-weight:var(--universe-font-weight-display-strong)}.dashboard-pagination-size{display:inline-flex;align-items:center;gap:0.4rem;color:var(--ua-shell-muted);font-size:0.78rem;font-weight:var(--universe-font-weight-display-strong);text-transform:uppercase;letter-spacing:0.08em}.dashboard-pagination-size select{min-height:2.45rem;border:1px solid rgba(255,255,255,0.14);border-radius:0.55rem;color:var(--ua-shell-ink);background:rgba(0,0,0,0.34);padding:0.4rem 0.55rem}.dashboard-danger-action{display:inline-flex;align-items:center;justify-content:center;min-height:2.55rem;padding:0.55rem 0.95rem;border:1px solid rgba(255,122,144,0.4);border-radius:999rem;color:var(--ua-shell-danger);background:rgba(255,122,144,0.12);font-weight:var(--universe-font-weight-strong);cursor:pointer}.dashboard-widget-card{display:grid;align-content:end;gap:0.35rem;min-height:7.5rem;min-width:min(100%,18rem);flex:1 1 18rem;padding:var(--universe-space-inset-2);border:var(--ua-shell-elev-2-border);border-radius:var(--ua-shell-radius);background:var(--ua-glass-text-led);box-shadow:var(--universe-elev-2-shadow);backdrop-filter:var(--ua-glass-frost);-webkit-backdrop-filter:var(--ua-glass-frost)}.dashboard-widget-wide{flex-basis:min(100%,28rem)}.ua-dashboard-list-shell{display:grid;gap:0.85rem;min-width:0;padding:clamp(0.85rem,1.6vw,1.15rem)}.ua-dashboard-list-status{color:var(--ua-shell-muted);font-size:0.82rem;font-weight:var(--universe-font-weight-strong);text-transform:uppercase}.ua-dashboard-list-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));gap:1rem;min-width:0}.ua-dashboard-list-shell [hidden],.ua-dashboard-item[hidden]{display:none !important}.ua-dashboard-list-empty-state,.ua-dashboard-list-loading-state{min-height:5.5rem;display:grid;place-items:center;padding:var(--universe-space-inset-2);color:var(--ua-shell-muted);border:var(--ua-shell-elev-2-border);border-color:var(--ua-shell-tone-pending);border-style:dashed;border-radius:0.75rem;background:var(--ua-glass-text-led);box-shadow:var(--universe-elev-2-shadow);backdrop-filter:var(--ua-glass-frost);-webkit-backdrop-filter:var(--ua-glass-frost);text-align:center}.ua-dashboard-list-empty-state{border:var(--ua-shell-elev-2-border);border-color:var(--ua-shell-tone-info);background:var(--ua-glass-text-led);box-shadow:var(--universe-elev-2-shadow);backdrop-filter:var(--ua-glass-frost);-webkit-backdrop-filter:var(--ua-glass-frost)}.ua-dashboard-list-empty-state[hidden],.ua-dashboard-list-loading-state[hidden]{display:none}.ua-dashboard-list-shell[data-dashboard-list-view="list"] .ua-dashboard-list-results{display:grid;grid-template-columns:1fr;gap:0;border:1px solid rgba(255,255,255,0.12);border-radius:0.75rem;overflow:hidden}.ua-dashboard-list-shell[data-dashboard-list-view="list"] .ua-dashboard-item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;border:0;border-bottom:1px solid rgba(255,255,255,0.1);border-radius:0;min-height:4.25rem;padding:0.85rem 1rem;background:var(--ua-glass-text-led)}.ua-dashboard-list-shell[data-dashboard-list-view="list"] .ua-dashboard-item:last-child{border-bottom:0}.ua-dashboard-list-shell[data-dashboard-list-view="list"] .ua-dashboard-item-link{grid-template-columns:minmax(0,1fr) auto;align-items:center}.ua-dashboard-list-shell[data-dashboard-list-view="list"] .ua-dashboard-item-preview{display:none}.ua-dashboard-list-shell[data-dashboard-list-view="list"] .ua-dashboard-item-title{font-size:1rem}.ua-dashboard-list-shell[data-dashboard-list-view="list"] .ua-dashboard-item-description{max-width:74ch;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ua-dashboard-list-shell[data-dashboard-visible-count="0"] .ua-dashboard-list-results{display:none}.website-files-provider-action{white-space:nowrap}.website-files-root-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0.75rem;min-width:0}.website-files-root-metric,.website-files-root-state{display:grid;gap:0.25rem;min-width:0;padding:var(--universe-space-inset-2);border:var(--ua-shell-elev-2-border);border-radius:0.5rem;background:var(--ua-glass-text-led);box-shadow:var(--universe-elev-2-shadow);backdrop-filter:var(--ua-glass-frost);-webkit-backdrop-filter:var(--ua-glass-frost)}.website-files-root-metric span:first-child{color:var(--ua-shell-muted);font-size:0.74rem;font-weight:var(--universe-font-weight-display-strong);text-transform:uppercase}.website-files-root-metric strong,.website-files-root-state{color:var(--ua-shell-ink);overflow-wrap:anywhere}.website-files-root-state{grid-column:1 / -1;color:var(--ua-shell-muted)}.website-files-upload-destination{display:flex;flex-wrap:wrap;align-items:center;gap:0.75rem}.website-files-upload-destination-glyph{display:inline-flex;flex:0 0 auto;width:1.5rem;height:1.5rem}.website-files-upload-destination-glyph svg{width:100%;height:100%}.website-files-upload-destination-text{display:grid;gap:0.15rem;flex:1 1 16rem;min-width:0}.website-files-upload-destination-text .dashboard-card-copy{margin:0}.website-files-upload-destination>.dashboard-secondary-action{flex:0 0 auto}.website-files-capacity{display:grid;gap:0.75rem;padding:0.9rem;border:var(--ua-shell-elev-2-border);border-radius:0.62rem;background:var(--ua-glass-text-led);backdrop-filter:var(--ua-glass-frost);-webkit-backdrop-filter:var(--ua-glass-frost)}.website-files-capacity-high,.website-files-capacity-critical{border-color:var(--ua-shell-tone-warning)}.website-files-capacity-overage{border-color:var(--ua-shell-tone-error)}.website-files-capacity-head{display:grid;gap:0.22rem}.website-files-capacity-head strong{color:var(--ua-shell-ink);font-size:1.15rem}.website-files-capacity-status,.website-files-capacity-action{margin:0;color:var(--ua-shell-muted);font-size:0.86rem;font-weight:var(--universe-font-weight-title);overflow-wrap:anywhere}.website-files-capacity-meter{overflow:hidden;min-height:0.65rem;border:1px solid rgba(255,255,255,0.12);border-radius:999rem;background:rgba(0,0,0,0.32)}.website-files-capacity-meter span{display:block;min-height:0.65rem;border-radius:inherit;background:linear-gradient(90deg,#60d8ff,var(--ua-shell-gold))}.website-files-capacity-overage .website-files-capacity-meter span{background:linear-gradient(90deg,var(--ua-shell-danger),var(--ua-shell-gold))}.website-files-capacity-kind-bar{display:flex;overflow:hidden;min-height:0.65rem;border-radius:999rem;background:var(--ua-shell-panel-strong)}.website-files-capacity-kind{display:block;min-height:0.65rem}.website-files-capacity-kind-pages{background:var(--ua-shell-info)}.website-files-capacity-kind-wizards{background:var(--ua-shell-gold)}.website-files-capacity-kind-documents{background:var(--ua-shell-good)}.website-files-capacity-kind-photos{background:var(--ua-shell-tone-pending)}.website-files-capacity-kind-videos{background:var(--ua-shell-danger)}.website-files-capacity-kind-other{background:var(--ua-shell-muted)}.website-files-capacity-kind-database{background:var(--ua-shell-line)}.website-files-capacity-kind-legend{display:flex;flex-wrap:wrap;gap:0.45rem 0.9rem;margin:0.4rem 0 0;padding:0;list-style:none;color:var(--ua-shell-muted);font-size:0.78rem}.website-files-capacity-kind-legend li{display:flex;align-items:center;gap:0.35rem}.website-files-capacity-swatch{width:0.55rem;height:0.55rem;border-radius:0.15rem}.website-files-capacity-purge{display:flex;flex-wrap:wrap;gap:0.45rem}.website-files-capacity-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(7.5rem,1fr));gap:0.55rem;margin:0}.website-files-capacity-metrics div,.website-files-capacity-metrics dt,.website-files-capacity-metrics dd{min-width:0}.website-files-capacity-metrics dt{color:var(--ua-shell-muted);font-size:0.72rem;font-weight:var(--universe-font-weight-display-strong);text-transform:uppercase}.website-files-capacity-metrics dd{margin:0.08rem 0 0;color:var(--ua-shell-ink);font-weight:var(--universe-font-weight-display-strong)}.website-files-capacity-scopes{display:grid;gap:0.3rem;padding-top:0.55rem;border-top:1px solid rgba(148,163,184,0.22)}.website-files-capacity-scope-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:0.55rem;align-items:baseline;padding:0.3rem 0.45rem;border-radius:0.4rem;font-size:0.8rem}.website-files-capacity-scope-row.current{background:rgba(148,163,184,0.12)}.website-files-capacity-scope-label{min-width:0;overflow-wrap:anywhere;color:var(--ua-shell-ink)}.website-files-capacity-scope-bytes{color:var(--ua-shell-ink);font-weight:var(--universe-font-weight-display-strong);font-variant-numeric:tabular-nums}.website-files-capacity-scope-count{color:var(--ua-shell-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.website-files-capacity-scope-note{margin:0.15rem 0 0;color:var(--ua-shell-muted);font-size:0.78rem;line-height:1.45}.dns-owner-shell{display:grid;gap:1rem}.dns-status-band{display:grid;grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));gap:0.75rem}.notifications-feed-status{grid-template-columns:repeat(auto-fit,minmax(9.5rem,1fr))}.notifications-feed-status .dns-status-pill{display:grid;gap:0.18rem;min-width:0;border:var(--ua-shell-elev-1-border);border-color:var(--ua-shell-tone-info);border-radius:0.5rem;background:var(--ua-glass-text-led);box-shadow:var(--universe-elev-1-shadow);backdrop-filter:var(--ua-glass-frost);-webkit-backdrop-filter:var(--ua-glass-frost);padding:var(--universe-space-inset-1) var(--universe-space-inset-2)}.notifications-feed-status .dns-status-pill strong,.notifications-feed-status .dns-status-pill span{min-width:0;overflow-wrap:anywhere}.notifications-feed-status .dns-status-pill strong{color:var(--ua-shell-gold);font-size:1.05rem}.notifications-feed-status .dns-status-pill span{color:rgba(255,255,255,0.76);font-size:0.8rem}.dns-status-metric,.dns-domain-card,.dns-domain-search,.dns-onboarding-composer,.dns-change-composer,.dns-change-set-list{border:var(--ua-shell-elev-1-border);border-color:rgba(246,212,122,0.22);border-radius:0.5rem;background:var(--ua-glass-text-led);backdrop-filter:var(--ua-glass-frost);-webkit-backdrop-filter:var(--ua-glass-frost);padding:1rem}.dns-status-metric{display:grid;gap:0.2rem}.notifications-delivery-shell,.notifications-delivery-composer{display:grid;gap:1rem}.notifications-delivery-grid{align-items:stretch}.notifications-delivery-card{min-width:0}.notifications-delivery-card dd,.notifications-delivery-card dt{overflow-wrap:anywhere}.notifications-delivery-composer form{display:flex;flex-wrap:wrap;gap:0.7rem;align-items:center}.notifications-delivery-composer button{min-height:2.55rem;border:1px solid rgba(252,188,81,0.55);border-radius:999rem;color:#170f05;background:var(--ua-shell-gold);padding:0.55rem 0.95rem;font-weight:var(--universe-font-weight-display-strong);cursor:pointer}.dns-status-metric span,.dns-detail-list dt,.dns-record-row span{color:rgba(255,249,232,0.74)}.dns-status-metric strong{color:#f6d47a;font-size:1.3rem}.dns-onboarding-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));gap:1rem}.dns-detail-list{display:grid;grid-template-columns:minmax(7rem,0.8fr) 1fr;gap:0.35rem 0.75rem}.dns-detail-list dd{margin:0}.dns-nameservers ul{margin:0.5rem 0 0;padding-inline-start:1.25rem}.dns-warning-list{display:grid;gap:0.5rem;margin-top:0.75rem}.dns-routing-warning{display:grid;gap:0.25rem;border-left:0.1875rem solid #f6d47a;padding-left:0.75rem}.dns-record-table{display:grid;gap:0.35rem}.dns-record-row{display:grid;grid-template-columns:minmax(5rem,0.7fr) 5rem minmax(10rem,1.4fr) minmax(8rem,1fr) minmax(7rem,0.8fr);gap:0.75rem;align-items:center;border:var(--ua-shell-elev-2-border);border-radius:0.5rem;padding:0.8rem}.dns-record-head{background:rgba(246,212,122,0.08)}.dns-record-row[data-dns-record-state="platform-protected"]{border-color:rgba(246,212,122,0.34)}.dns-record-row[data-dns-record-state="integration-managed"]{border-color:rgba(134,199,255,0.34)}.dns-onboarding-composer,.dns-domain-search,.dns-change-composer,.dns-change-set-list{display:grid;gap:0.75rem}.dns-domain-search{grid-template-columns:minmax(14rem,1fr) auto;align-items:end}.dns-onboarding-composer>label{display:grid;gap:0.35rem}.dns-onboarding-composer input:not([type="checkbox"]),.dns-onboarding-composer select,.dns-domain-search input{border:1px solid rgba(255,249,232,0.22);border-radius:0.5rem;background:rgba(255,249,232,0.08);color:#fff9e8;padding:0.7rem 0.8rem}.dns-onboarding-composer button,.dns-domain-search button,.dns-change-composer button{justify-self:start;min-height:2.75rem;border:0;border-radius:0.5rem;background:#f6d47a;color:#16130a;font-weight:var(--universe-font-weight-title);padding:0.65rem 1rem}.dns-registrar-shell{gap:1.15rem}.dns-domain-finder-shell{gap:1.15rem}.dns-registrar-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:0.9rem}.dns-registrar-card{min-height:100%}.dns-registrar-composer{border-color:rgba(125,211,252,0.28)}.dns-domain-suggestions{display:grid;gap:0.5rem;margin-top:0.75rem}.dns-domain-suggestion{display:grid;grid-template-columns:minmax(8rem,1fr) minmax(8rem,1.1fr) minmax(7rem,0.8fr);gap:0.6rem;align-items:center;min-width:0;border:1px solid rgba(255,249,232,0.12);border-radius:0.5rem;background:rgba(255,249,232,0.05);padding:0.65rem}.dns-domain-suggestion strong,.dns-domain-suggestion span{min-width:0;overflow-wrap:anywhere}@media (max-width:760px){.dns-record-row,.dns-domain-search,.dns-domain-suggestion{grid-template-columns:1fr}.dns-detail-list{grid-template-columns:1fr}}.dashboard-workspace{display:grid;gap:1rem;min-width:0;max-width:none}.dashboard-panel,.ua-dashboard-list-shell,.ua-wizard,.ua-report-panel,.ua-report-view{border:var(--ua-shell-elev-2-border);border-radius:var(--ua-shell-radius);background:var(--ua-glass-text-led);box-shadow:var(--universe-elev-2-shadow);backdrop-filter:var(--ua-glass-frost);-webkit-backdrop-filter:var(--ua-glass-frost)}.dashboard-panel{min-width:0;padding:clamp(1rem,2vw,1.35rem)}.dashboard-metric-grid,.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.dashboard-card,.service-card,.ua-dashboard-item,.ua-report-card{position:relative;min-height:8.6rem;overflow:hidden;border:var(--ua-shell-elev-2-border);border-radius:var(--ua-shell-radius);background:var(--ua-glass-text-led);box-shadow:var(--universe-elev-2-shadow);backdrop-filter:var(--ua-glass-frost);-webkit-backdrop-filter:var(--ua-glass-frost)}.ua-dashboard-item{display:grid;gap:0.75rem;align-content:stretch;min-width:0;padding:1rem;color:var(--ua-shell-ink);cursor:pointer}.ua-dashboard-item a,.dashboard-card a,.dashboard-discovery-card a{color:inherit;text-decoration:none}.ua-dashboard-item-link{display:grid;gap:0.75rem;min-width:0;min-height:100%;color:inherit;text-decoration:none}.ua-dashboard-item>*{position:relative;z-index:1}.ua-dashboard-item-preview{display:grid;grid-template-columns:minmax(0,1fr);gap:0.65rem;min-height:7.1rem;margin:-0.15rem -0.15rem 0.25rem;border:var(--ua-shell-elev-2-border);border-radius:calc(var(--ua-shell-radius) - 0.18rem);padding:0.72rem;background:var(--ua-glass-text-led);backdrop-filter:var(--ua-glass-frost);-webkit-backdrop-filter:var(--ua-glass-frost);box-shadow:inset 0 0 0 1px rgba(255,255,255,0.035)}.ua-dashboard-item-preview.has-image{grid-template-columns:minmax(5.5rem,34%) minmax(0,1fr);align-items:stretch}.ua-dashboard-item-preview img{inline-size:100%;block-size:100%;min-block-size:4.8rem;object-fit:cover;border-radius:0.55rem;background:rgba(0,0,0,0.34)}.ua-dashboard-item-preview-chrome{display:flex;align-items:center;gap:0.32rem;min-width:0;min-height:1.2rem}.ua-dashboard-item-preview-dot{width:0.42rem;height:0.42rem;border-radius:999rem;background:rgba(252,188,81,0.64)}.ua-dashboard-item-preview-route{min-width:0;margin-left:0.25rem;color:rgba(255,247,232,0.56);font-size:0.72rem;font-weight:var(--universe-font-weight-display-strong);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ua-dashboard-item-preview-copy{display:grid;align-content:center;gap:0.28rem;min-width:0}.ua-dashboard-item-preview-copy strong,.ua-dashboard-item-preview-copy span{min-width:0;overflow-wrap:anywhere}.ua-dashboard-item-preview-label{color:var(--ua-shell-gold);font-size:0.68rem;font-weight:var(--universe-font-weight-display-strong);text-transform:uppercase}.ua-dashboard-item-preview-state{justify-self:start;min-height:1.35rem;padding:0.12rem 0.42rem;border:1px solid rgba(252,188,81,0.24);border-radius:999rem;color:var(--ua-shell-muted);background:rgba(0,0,0,0.26);font-size:0.7rem;font-weight:var(--universe-font-weight-display-strong);text-transform:uppercase}.ua-dashboard-item-body{display:grid;gap:0.28rem;min-width:0}.ua-dashboard-item-kicker,.ua-dashboard-item-status{color:var(--ua-shell-gold);font-size:0.72rem;font-weight:var(--universe-font-weight-display-strong);text-transform:uppercase}.ua-dashboard-item-title{min-width:0;font-size:clamp(1.05rem,1.6vw,1.3rem);font-weight:var(--universe-font-weight-display-strong);line-height:1.1;overflow-wrap:anywhere}.ua-dashboard-item-description{max-width:58ch;margin:0;color:var(--ua-shell-muted);overflow-wrap:anywhere}.ua-dashboard-item-actions{display:inline-flex;flex-wrap:wrap;gap:0.5rem}.dashboard-card,.service-card{display:grid;align-content:end;gap:0.35rem;padding:1.05rem}.dashboard-card>*,.service-card>*{position:relative}.dashboard-card-kicker{color:var(--ua-shell-muted);font-size:0.76rem;font-weight:var(--universe-font-weight-strong);text-transform:uppercase;letter-spacing:0.08em}.dashboard-card-title{font-family:var(--universe-font-heading);font-size:clamp(1.45rem,3vw,2.2rem);font-weight:var(--universe-font-weight-heading);line-height:1.05}.dashboard-card-copy,.service-card{color:var(--ua-shell-muted)}.dashboard-create-surface{display:grid;gap:1rem}.dashboard-create-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.dashboard-create-card{align-content:space-between;min-height:13rem}.dashboard-create-card h2{margin:0;color:var(--ua-shell-ink);font-size:1.25rem;line-height:1.1;overflow-wrap:anywhere}.dashboard-create-card p{margin:0;color:var(--ua-shell-muted);line-height:1.45}.dashboard-create-resource-list{display:grid;gap:0.5rem;margin-top:0.25rem}.dashboard-create-resource-list.empty{padding:var(--universe-space-inset-2);border:var(--ua-shell-elev-2-border);border-color:var(--ua-shell-tone-info);border-radius:0.55rem;background:var(--ua-glass-text-led);box-shadow:var(--universe-elev-2-shadow);backdrop-filter:var(--ua-glass-frost);-webkit-backdrop-filter:var(--ua-glass-frost)}.dashboard-create-resource-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0.7rem;align-items:center;min-height:4.25rem;padding:0.75rem;border:1px solid rgba(255,255,255,0.12);border-radius:0.6rem;color:var(--ua-shell-ink);text-decoration:none;background:rgba(0,0,0,0.28)}.dashboard-create-resource-main{display:grid;gap:0.18rem;min-width:0}.dashboard-create-resource-main strong,.dashboard-create-resource-main small{overflow-wrap:anywhere}.dashboard-create-resource-main small{color:var(--ua-shell-muted);font-size:0.82rem}.dashboard-create-resource-status{display:inline-flex;align-items:center;min-height:1.8rem;padding:0.25rem 0.55rem;border:1px solid rgba(252,188,81,0.34);border-radius:999rem;color:var(--ua-shell-gold);background:rgba(252,188,81,0.08);font-size:0.74rem;font-weight:var(--universe-font-weight-display-strong);white-space:nowrap}.dashboard-create-state{color:var(--ua-shell-gold);font-size:0.72rem;font-weight:var(--universe-font-weight-display-strong);text-transform:uppercase}.dashboard-card-actions{display:flex;flex-wrap:wrap;gap:0.65rem;margin-top:0.35rem}.website-command-center{display:grid;gap:1rem}.command-center-readiness-grid,.command-center-runtime-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.command-center-section,.command-center-readiness-card{display:grid;gap:0.85rem}.command-center-section h2,.command-center-readiness-card h2{margin:0;font-size:1.25rem}.command-center-section p,.command-center-readiness-card p{margin:0;color:var(--ua-shell-muted)}.command-center-status{width:max-content;max-width:100%;padding:0.18rem 0.48rem;border:1px solid rgba(255,255,255,0.14);border-radius:999rem;color:var(--ua-shell-ink);background:rgba(255,255,255,0.06);font-size:0.72rem;font-weight:var(--universe-font-weight-display-strong);text-transform:uppercase}.command-center-status[data-status="ready"],.command-center-status[data-status="published"]{color:#092112;background:var(--ua-shell-good)}.command-center-status[data-status="blocked"],.command-center-status[data-status="stale"]{color:#21070b;background:var(--ua-shell-danger)}.command-center-status[data-status="warning"],.command-center-status[data-status="changed"],.command-center-status[data-status="needs-refresh"]{color:#1f1302;background:var(--ua-shell-gold)}.command-center-check-list{display:grid;gap:0.35rem;margin:0;padding-left:1.2rem;color:var(--ua-shell-muted)}.command-center-resource-list,.command-center-action-list{display:grid;gap:0.55rem;min-width:0}.command-center-resource-row,.command-center-action-row{display:grid;grid-template-columns:minmax(6rem,0.55fr) minmax(0,1fr) auto auto;gap:0.75rem;align-items:center;min-height:3.25rem;padding:var(--universe-space-inset-2);border:var(--ua-shell-elev-2-border);border-radius:var(--ua-shell-radius);background:var(--ua-glass-text-led);box-shadow:var(--universe-elev-2-shadow);backdrop-filter:var(--ua-glass-frost);-webkit-backdrop-filter:var(--ua-glass-frost);text-decoration:none}.command-center-resource-row>*,.command-center-action-row>*{min-width:0;overflow-wrap:anywhere}.contact-submission-actions{display:flex;flex-wrap:wrap;gap:0.45rem;justify-content:flex-end;min-width:0}.command-center-action-row{grid-template-columns:auto minmax(0,1fr) auto}.command-center-resource-kind,.command-center-resource-status,.command-center-resource-time{color:var(--ua-shell-muted);font-size:0.86rem}.command-center-runtime-card{display:grid;gap:0.45rem;min-height:8rem;padding:var(--universe-space-inset-2);border:var(--ua-shell-elev-2-border);border-radius:var(--ua-shell-radius);background:var(--ua-glass-text-led);box-shadow:var(--universe-elev-2-shadow);backdrop-filter:var(--ua-glass-frost);-webkit-backdrop-filter:var(--ua-glass-frost)}.account-security-dashboard,.account-preferences-dashboard,.notifications-feed-dashboard,.accounts-passkey-list,.accounts-session-list,.accounts-security-events-list{display:grid;gap:0.85rem}.accounts-security-panel,.account-preference-panel,.dashboard-record-panel{display:grid;gap:1rem;max-width:58rem}.accounts-security-heading,.account-preference-heading,.account-preference-row,.account-preference-form,.account-preference-note,.accounts-passkey-row,.accounts-session-row,.accounts-security-event-row,.accounts-empty-state,.accounts-security-note,.dashboard-record-panel-heading,.home-feed-postcard{border:var(--ua-shell-elev-2-border);border-radius:0.55rem;background:var(--ua-glass-text-led);box-shadow:var(--universe-elev-2-shadow);backdrop-filter:var(--ua-glass-frost);-webkit-backdrop-filter:var(--ua-glass-frost)}.accounts-empty-state,.account-website-empty-state,.account-consent-empty-state{border:var(--ua-shell-elev-2-border);border-color:var(--ua-shell-tone-info);background:var(--ua-glass-text-led);box-shadow:var(--universe-elev-2-shadow);backdrop-filter:var(--ua-glass-frost);-webkit-backdrop-filter:var(--ua-glass-frost)}.home-feed-postcard-list{display:grid;gap:0.75rem;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr))}.home-feed-postcard{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:0.85rem;padding:0.9rem}.home-feed-postcard-icon{display:grid;place-items:center;width:2.35rem;height:2.35rem;border-radius:0.5rem;color:var(--ua-shell-gold);background:rgba(209,161,65,0.16)}.home-feed-postcard-copy{display:grid;gap:0.15rem;min-width:0}.home-feed-postcard-copy strong,.home-feed-postcard-copy span{overflow-wrap:anywhere}.accounts-security-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem}.account-preference-heading,.account-preference-row,.account-preference-form,.account-preference-note{padding:1rem}.account-preference-row{display:flex;align-items:baseline;gap:0.35rem 0.5rem;flex-wrap:wrap}.account-preference-heading h2,.accounts-security-heading h2{margin:0;font-size:1.35rem}.account-preference-heading p,.accounts-security-heading p,.accounts-security-note p{margin:0.25rem 0 0;color:var(--ua-shell-muted)}.account-preference-form,.account-preference-control,.account-preference-note{display:grid;gap:0.7rem}.account-preference-note>p{margin:0}.account-preference-control span,.account-preference-kicker{color:var(--ua-shell-muted);font-size:0.78rem;font-weight:var(--universe-font-weight-display-strong);letter-spacing:0.08em;text-transform:uppercase}.account-preference-kicker{display:inline-block;padding:var(--universe-space-inset-1) var(--universe-space-inset-2);border:var(--ua-shell-elev-1-border);border-radius:0.4rem;background:var(--ua-glass-text-led);box-shadow:var(--universe-elev-1-shadow);backdrop-filter:var(--ua-glass-frost);-webkit-backdrop-filter:var(--ua-glass-frost)}.account-preference-control input:not([type="checkbox"]):not([type="radio"]),.account-preference-control select{width:100%;min-height:3rem;border:1px solid rgba(255,255,255,0.16);border-radius:0.5rem;background:rgba(0,0,0,0.38);color:var(--ua-shell-ink);padding:0.72rem 0.85rem;font:inherit}.account-preference-control .ua-boolean-control span{color:var(--ua-shell-ink);font-size:0.92rem;font-weight:var(--universe-font-weight-quiet);letter-spacing:normal;text-transform:none}.account-preference-fieldset{min-width:0;border:1px solid rgba(255,255,255,0.14);border-radius:0.5rem;padding:0.9rem;display:grid;gap:0.65rem}.account-preference-fieldset legend{padding:0 0.25rem;color:var(--ua-shell-muted);font-size:0.78rem;font-weight:var(--universe-font-weight-strong);letter-spacing:0.08em;text-transform:uppercase}.account-preference-check{display:block;min-width:0;color:var(--ua-shell-ink);font-size:0.92rem}.account-preference-check span{min-width:0;overflow-wrap:anywhere}.account-preference-actions{display:flex;align-items:center;gap:0.75rem;flex-wrap:wrap}.account-preference-muted{color:var(--ua-shell-muted);overflow-wrap:anywhere}.website-brand-subject{flex-wrap:wrap;gap:0.35rem 0.75rem}.website-brand-subject-name{font-family:var(--universe-font-heading);font-size:1.15rem;font-weight:var(--universe-font-weight-heading);line-height:1.2;color:var(--ua-shell-ink)}.website-brand-subject-domain{font-size:0.9rem}.website-brand-subject-state{margin-inline-start:auto}.account-receipt-detail-grid{display:grid;grid-template-columns:minmax(8rem,0.42fr) minmax(0,1fr);gap:0.55rem 0.8rem;margin:0;padding:var(--universe-space-inset-1);border:var(--ua-shell-elev-1-border);border-radius:0.55rem;background:var(--ua-glass-text-led);box-shadow:var(--universe-elev-1-shadow);backdrop-filter:var(--ua-glass-frost);-webkit-backdrop-filter:var(--ua-glass-frost)}.account-receipt-detail-grid dt{color:var(--ua-shell-muted);font-size:0.78rem;font-weight:var(--universe-font-weight-display-strong);letter-spacing:0.08em;text-transform:uppercase}.account-receipt-detail-grid dd{min-width:0;margin:0;overflow-wrap:anywhere}.account-receipt-action-history{display:grid;gap:0.55rem;padding:var(--universe-space-inset-1);border:var(--ua-shell-elev-1-border);border-radius:0.55rem;background:var(--ua-glass-text-led);box-shadow:var(--universe-elev-1-shadow);backdrop-filter:var(--ua-glass-frost);-webkit-backdrop-filter:var(--ua-glass-frost)}.account-receipt-action-history h4{margin:0;color:var(--ua-shell-ink);font-size:0.98rem}.account-receipt-action-history ul{display:grid;gap:0.45rem;margin:0;padding:0;list-style:none}.account-receipt-action-history li{display:grid;gap:0.1rem;min-width:0}.account-receipt-action-history span{color:var(--ua-shell-muted);overflow-wrap:anywhere}@media (max-width:640px){.account-receipt-detail-grid{grid-template-columns:1fr}}.account-profile-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0.75rem}.account-profile-summary-card,.account-profile-record-card{border:var(--ua-shell-elev-2-border);border-radius:0.55rem;background:var(--ua-glass-text-led);box-shadow:var(--universe-elev-2-shadow);backdrop-filter:var(--ua-glass-frost);-webkit-backdrop-filter:var(--ua-glass-frost)}.account-profile-summary-card{display:grid;gap:0.45rem;padding:1rem}.account-profile-summary-card strong{font-size:1.15rem}.account-profile-summary-card p{margin:0;color:var(--ua-shell-muted)}.account-profile-record-list{display:grid;gap:0.75rem}.account-profile-record-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0.85rem;align-items:center;padding:0.95rem 1rem}.account-profile-record-card.is-empty{grid-template-columns:1fr}.account-profile-record-card.is-empty p{margin:0.15rem 0 0;color:var(--ua-shell-muted)}.account-profile-record-copy{display:grid;gap:0.35rem;min-width:0}.account-profile-record-copy strong,.account-profile-record-copy p{margin:0;overflow-wrap:anywhere}.account-profile-record-copy p{color:var(--ua-shell-muted)}.account-profile-record-badge{display:inline-flex;align-items:center;min-height:1.4rem;margin-left:0.5rem;padding:0.16rem 0.45rem;border:1px solid rgba(134,239,172,0.4);border-radius:999rem;color:#bffbd1;background:rgba(34,197,94,0.16);font-size:0.72rem;font-weight:var(--universe-font-weight-display-strong);vertical-align:middle}@media (max-width:64rem){.account-profile-summary-grid,.account-profile-record-card{grid-template-columns:1fr}}.account-website-metrics,.account-website-context-grid,.account-website-list,.account-website-wizard-steps{display:grid;gap:0.75rem}.account-website-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.account-website-metric,.account-website-workspace-card,.account-website-card,.account-website-empty-state{min-width:0;border:var(--ua-shell-elev-2-border);border-radius:0.75rem;background:var(--ua-glass-text-led);box-shadow:var(--universe-elev-2-shadow);backdrop-filter:var(--ua-glass-frost);-webkit-backdrop-filter:var(--ua-glass-frost);padding:var(--universe-space-inset-2)}.account-website-metric{display:grid;gap:0.2rem}.account-website-metric span{color:var(--ua-shell-muted);font-size:0.78rem;font-weight:var(--universe-font-weight-display-strong);text-transform:uppercase}.account-website-metric strong{color:var(--ua-shell-gold);font-size:1.15rem}.account-website-context-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr))}.account-website-workspace-card,.account-website-card,.account-website-empty-state{display:grid;align-content:start;gap:0.65rem}.account-website-workspace-card h3,.account-website-card h4,.account-website-empty-state h3{margin:0;letter-spacing:0}.account-website-workspace-card p,.account-website-card p,.account-website-empty-state p{margin:0;color:var(--ua-shell-muted)}.account-website-card.compact{background:var(--ua-glass-text-led);backdrop-filter:var(--ua-glass-frost);-webkit-backdrop-filter:var(--ua-glass-frost)}.account-website-card-actions{display:flex;gap:0.55rem;flex-wrap:wrap;align-items:center}.account-website-wizard-steps{margin:0;padding-left:1.4rem;color:var(--ua-shell-muted)}.account-website-wizard-steps li{padding-left:0.15rem}.account-consent-shell{display:grid;grid-template-columns:minmax(16rem,0.9fr) minmax(20rem,1.1fr);gap:0.85rem}.account-consent-option-panel,.account-consent-detail-panel,.account-consent-record,.account-consent-selection-summary{display:grid;gap:0.75rem;min-width:0;border:var(--ua-shell-elev-1-border);border-radius:0.75rem;background:var(--ua-glass-text-led);backdrop-filter:var(--ua-glass-frost);-webkit-backdrop-filter:var(--ua-glass-frost);padding:1rem}.account-consent-option-panel h3,.account-consent-detail-panel h3,.account-consent-selection-summary h4,.account-consent-empty-state h4{margin:0}.account-consent-option-list,.account-consent-records,.account-consent-selection-meta,.account-consent-pill-list,.account-consent-optional-scopes{display:grid;gap:0.7rem}.account-consent-option-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:0.75rem;align-items:start;min-width:0;padding:0.9rem;border:var(--ua-shell-elev-1-border);border-radius:0.75rem;background:var(--ua-glass-text-led);backdrop-filter:var(--ua-glass-frost);-webkit-backdrop-filter:var(--ua-glass-frost);cursor:pointer}.account-consent-option-card[data-selected="true"]{box-shadow:0 0 0 0.1rem rgba(252,188,81,0.22)}.account-consent-option-copy,.account-consent-option-title{display:grid;gap:0.35rem;min-width:0}.account-consent-option-title{grid-template-columns:minmax(0,1fr) auto;align-items:center}.account-consent-option-copy p,.account-consent-option-copy small,.account-consent-selection-privacy p,.account-consent-record p,.account-consent-record small,.account-consent-empty-state p{margin:0;color:var(--ua-shell-muted)}.account-consent-scope-group,.account-consent-selection-privacy{display:grid;gap:0.55rem}.account-consent-scope-group strong{color:var(--ua-shell-muted);font-size:0.8rem;font-weight:var(--universe-font-weight-display-strong);text-transform:uppercase}.account-consent-pill-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),max-content))}.account-consent-scope-pill{display:inline-flex;align-items:center;min-height:1.8rem;padding:0.24rem 0.6rem;border:1px solid rgba(252,188,81,0.28);border-radius:999rem;color:var(--ua-shell-ink);background:rgba(252,188,81,0.10);font-size:0.82rem;font-weight:var(--universe-font-weight-title)}.account-consent-optional-check{display:grid;grid-template-columns:1rem minmax(0,1fr);gap:0.6rem;align-items:start;padding:0.85rem;border:1px solid rgba(255,255,255,0.13);border-radius:0.7rem;background:rgba(0,0,0,0.22)}.account-consent-optional-check input{margin:0.15rem 0 0;accent-color:var(--ua-shell-gold)}.account-consent-record-head{display:flex;gap:0.6rem;flex-wrap:wrap;align-items:center;justify-content:space-between}.account-consent-record.is-revoked{opacity:0.78}.account-consent-record.is-revoked .dashboard-context-type-pill{border-color:rgba(248,113,113,0.4);color:#ffc2c9;background:rgba(248,113,113,0.12)}.account-overview-dashboard{display:grid;gap:1rem}.account-overview-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.account-overview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0.9rem}.account-overview-card{display:grid;gap:0.75rem;min-height:12rem;padding:1rem;border:var(--ua-shell-elev-1-border);border-radius:0.85rem;background:var(--ua-glass-text-led);backdrop-filter:var(--ua-glass-frost);-webkit-backdrop-filter:var(--ua-glass-frost)}.account-overview-link-card{color:var(--ua-shell-ink);text-decoration:none}.account-overview-card.is-good{border-color:rgba(141,240,177,0.34)}.account-overview-card.is-warn{border-color:rgba(252,188,81,0.34)}.account-overview-card.is-danger{border-color:rgba(255,122,144,0.32)}.account-overview-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:0.75rem;flex-wrap:wrap}.account-overview-card strong,.account-overview-card p{margin:0}.account-overview-card p{color:var(--ua-shell-muted)}.account-overview-commerce{grid-template-columns:1fr}.account-overview-commerce-card{min-height:0}.account-single-bar{grid-template-columns:minmax(14rem,1fr) auto auto;align-items:end}.account-subscription-list,.account-wallet-grid,.account-address-list{display:grid;gap:0.9rem}.account-subscription-card{display:grid;grid-template-columns:minmax(0,1.15fr) auto auto minmax(8rem,0.7fr) minmax(9rem,0.8fr);gap:0.85rem;align-items:center;padding:var(--universe-space-inset-2);border:var(--ua-shell-elev-2-border);border-radius:0.75rem;background:var(--ua-glass-text-led);box-shadow:var(--universe-elev-2-shadow);backdrop-filter:var(--ua-glass-frost);-webkit-backdrop-filter:var(--ua-glass-frost)}.account-subscription-card.is-syncing{border-color:rgba(252,188,81,0.38)}.account-status-warning,.account-status-pill.account-status-warning{border-color:color-mix(in srgb,var(--universe-color-warning,#f3b34d) 38%,var(--universe-line,rgba(255,255,255,0.14)));color:var(--ua-shell-gold);background:var(--ua-glass-text-led);backdrop-filter:var(--ua-glass-frost);-webkit-backdrop-filter:var(--ua-glass-frost)}.account-status-ready,.account-status-pill.account-status-ready{border-color:color-mix(in srgb,var(--universe-color-success,#72d899) 38%,var(--universe-line,rgba(255,255,255,0.14)));color:#b8f7c8;background:var(--ua-glass-text-led);backdrop-filter:var(--ua-glass-frost);-webkit-backdrop-filter:var(--ua-glass-frost)}.account-subscription-main{min-width:0}.account-subscription-main h3{margin:0.15rem 0 0;font-size:1.12rem}.account-subscription-main p{margin:0.15rem 0 0;color:var(--ua-shell-muted)}.account-subscription-actions{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:0.55rem;align-items:center;justify-content:flex-end;min-width:0}.account-subscription-action-form{display:inline-flex;gap:0.4rem;align-items:center;min-width:0;margin:0}.account-subscription-payment-form{flex:1 1 17rem;justify-content:flex-end}.account-subscription-payment-form uae[namespace="ua.select.dropdown"],.account-subscription-payment-form select{min-width:min(100%,15rem);min-height:2.75rem}.account-subscription-payment-form select{border:1px solid rgba(252,188,81,0.34);border-radius:0.55rem;color:var(--ua-shell-ink);background:rgba(0,0,0,0.45);padding:0.45rem 0.65rem}.account-status-pill{display:inline-flex;align-items:center;justify-content:center;min-height:2rem;padding:0.3rem 0.65rem;border:1px solid rgba(252,188,81,0.36);border-radius:999rem;color:var(--ua-shell-gold);background:rgba(252,188,81,0.1);font-size:0.82rem;font-weight:var(--universe-font-weight-display-strong);white-space:nowrap}.account-wallet-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.account-wallet-card,.account-wallet-add,.account-address-card{border:var(--ua-shell-elev-1-border);border-radius:0.85rem;background:var(--ua-glass-text-led);backdrop-filter:var(--ua-glass-frost);-webkit-backdrop-filter:var(--ua-glass-frost);box-shadow:var(--universe-elev-1-shadow)}.account-wallet-card{position:relative;min-height:13rem;display:grid;align-content:end;gap:0.25rem;padding:1rem;overflow:hidden}.account-wallet-brand{position:absolute;top:1rem;right:1rem;display:inline-grid;place-items:center;min-width:3.2rem;min-height:2rem;padding:0.25rem 0.5rem;border-radius:0.45rem;color:#130d05;background:var(--ua-shell-gold);font-weight:var(--universe-font-weight-display-strong);letter-spacing:0.05em}.account-wallet-card .account-status-pill{position:relative;top:auto;left:auto;width:fit-content;margin-right:0.25rem}.account-wallet-card>strong{font-size:1.15rem}.checkout-cart-line-items{display:grid;gap:0.35rem;margin:0.4rem 0;padding:0.6rem 0.75rem;border-radius:0.6rem;background:color-mix(in srgb,var(--universe-color-text,#fff) 4%,transparent)}.checkout-cart-line-item,.checkout-cart-line-subtotal{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.checkout-cart-line-subtotal{margin-top:0.25rem;padding-top:0.4rem;border-top:1px solid color-mix(in srgb,var(--universe-color-text,#fff) 14%,transparent)}.account-wallet-number{font-size:clamp(1.3rem,3vw,1.8rem);font-weight:var(--universe-font-weight-display-strong);letter-spacing:0.04em}.account-card-actions{position:absolute;right:1rem;bottom:1rem;display:flex;gap:0.45rem}.account-payment-method-action-form{margin:0}.account-wallet-add{min-height:13rem;display:grid;align-content:center;justify-items:start;gap:0.5rem;padding:var(--universe-space-inset-2);color:var(--ua-shell-ink);text-decoration:none;border:var(--ua-shell-elev-2-border);border-radius:var(--ua-shell-radius);background:var(--ua-glass-text-led);box-shadow:var(--universe-elev-2-shadow);backdrop-filter:var(--ua-glass-frost);-webkit-backdrop-filter:var(--ua-glass-frost)}.account-wallet-add-button{display:grid;justify-items:start;gap:0.5rem;width:100%;min-height:10rem;padding:0;border:0;color:inherit;text-align:left;background:transparent;cursor:pointer}.account-wallet-add-icon{display:inline-grid;place-items:center;width:2.8rem;height:2.8rem;border-radius:999rem;color:#120d05;background:var(--ua-shell-gold);font-size:1.8rem;font-weight:var(--universe-font-weight-display-strong)}.account-wallet-add span:last-child{color:var(--ua-shell-muted)}.account-address-list{grid-template-columns:repeat(2,minmax(0,1fr))}.account-address-card{display:grid;gap:0.25rem;padding:var(--universe-space-inset-2);background:var(--ua-glass-text-led);box-shadow:var(--universe-elev-2-shadow);backdrop-filter:var(--ua-glass-frost);-webkit-backdrop-filter:var(--ua-glass-frost)}.account-address-card small{color:var(--ua-shell-muted)}.superadmin-overview-dashboard,.superadmin-bootstrap-dashboard,.superadmin-staff-dashboard,.superadmin-tenants-dashboard,.superadmin-posture-grid{display:grid;gap:1rem}.superadmin-overview-dashboard{grid-template-columns:repeat(3,minmax(0,1fr))}.superadmin-overview-card{position:relative;display:grid;gap:0.65rem;min-height:13rem;padding:var(--universe-space-inset-2);color:var(--ua-shell-ink);text-decoration:none;border:var(--ua-shell-elev-2-border);border-radius:var(--ua-shell-radius);background:var(--ua-glass-text-led);box-shadow:var(--universe-elev-2-shadow);backdrop-filter:var(--ua-glass-frost);-webkit-backdrop-filter:var(--ua-glass-frost)}.superadmin-overview-icon{display:inline-grid;place-items:center;width:3rem;height:3rem;border-radius:999rem;color:#150e05;background:var(--ua-shell-gold);font-size:1.55rem;font-weight:var(--universe-font-weight-display-strong)}.superadmin-card-arrow{position:absolute;right:1rem;bottom:1rem;color:var(--ua-shell-muted);font-size:1.25rem}.superadmin-posture-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.superadmin-posture-card{border:var(--ua-shell-elev-2-border);border-radius:0.75rem;background:var(--ua-glass-text-led);box-shadow:var(--universe-elev-2-shadow);backdrop-filter:var(--ua-glass-frost);-webkit-backdrop-filter:var(--ua-glass-frost);padding:var(--universe-space-inset-2);display:grid;gap:0.45rem}.superadmin-posture-line{display:flex;flex-wrap:wrap;align-items:baseline;gap:0.3rem 1.15rem;margin:0 0 1rem;padding:0.65rem 0.9rem;border:var(--ua-shell-elev-2-border);border-radius:var(--ua-shell-radius);background:var(--ua-glass-text-led);box-shadow:var(--universe-elev-2-shadow);backdrop-filter:var(--ua-glass-frost);-webkit-backdrop-filter:var(--ua-glass-frost);font-size:0.9rem;color:var(--ua-shell-muted)}.superadmin-posture-stat{display:inline-flex;align-items:baseline;gap:0.32rem}.superadmin-posture-stat strong{font-variant-numeric:tabular-nums;font-weight:var(--universe-font-weight-title);color:var(--universe-color-text,#fff)}.superadmin-posture-stat-label{color:var(--ua-shell-muted)}.superadmin-secrets-grid{margin-top:1.4rem}.superadmin-secret-surface-status{margin:0 0 0.4rem;padding:0.65rem 0.9rem;border:var(--ua-shell-elev-2-border);border-radius:var(--ua-shell-radius);background:var(--ua-glass-text-led);box-shadow:var(--universe-elev-2-shadow);backdrop-filter:var(--ua-glass-frost);-webkit-backdrop-filter:var(--ua-glass-frost);color:var(--ua-shell-muted)}.superadmin-secret-surface-status:empty{display:none}.superadmin-secret-results{display:grid;grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));gap:1rem;align-items:start}.superadmin-secret-row{position:relative;overflow:hidden;border:var(--ua-shell-elev-2-border);border-radius:0.65rem;background:var(--ua-glass-text-led);box-shadow:var(--universe-elev-2-shadow);backdrop-filter:var(--ua-glass-frost);-webkit-backdrop-filter:var(--ua-glass-frost)}.superadmin-secret-results[data-superadmin-secret-view="card"] .superadmin-secret-row:not(.superadmin-secret-row-head){display:flex;flex-direction:column;gap:0.5rem;padding:0.85rem 0.9rem}.superadmin-secret-results[data-superadmin-secret-view="card"] .superadmin-secret-row-content{display:flex;flex-direction:column;align-items:stretch;gap:0.5rem;min-width:0}.superadmin-secret-cell{display:flex;flex-wrap:wrap;align-items:baseline;gap:0.35rem;min-width:0;margin:0;font-size:0.86rem;color:var(--ua-shell-muted)}.superadmin-secret-cell-name{display:grid;gap:0.15rem}.superadmin-secret-name{color:var(--universe-color-text,#fff);font-weight:var(--universe-font-weight-title);overflow-wrap:anywhere}.superadmin-secret-ref{font-size:0.74rem;color:var(--ua-shell-muted);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;word-break:break-all}.superadmin-secret-cell-value{color:var(--universe-color-text,#fff);overflow-wrap:anywhere}.superadmin-secret-cell-label{font-size:0.7rem;font-weight:var(--universe-font-weight-title);text-transform:uppercase;letter-spacing:0.04em;color:var(--ua-shell-muted)}.superadmin-secret-shape{font-size:0.74rem;color:var(--ua-shell-muted)}.superadmin-secret-cell-note{font-size:0.72rem;line-height:1.35;color:var(--ua-shell-muted);overflow-wrap:anywhere}.superadmin-secret-cell-provided{font-variant-numeric:tabular-nums}.superadmin-secret-cell-readable,.superadmin-secret-cell-rotation{display:grid;gap:0.2rem;align-content:start}[data-superadmin-secret-readable="unreadable"],[data-superadmin-secret-readable="fingerprint-mismatch"]{color:#f0a0a0;font-weight:var(--universe-font-weight-title)}[data-superadmin-secret-readable="unknown"]{color:#e8c878}[data-superadmin-secret-rotation="overdue"]{color:#f0a0a0;font-weight:var(--universe-font-weight-title)}[data-superadmin-secret-rotation="soon"]{color:#e8c878}[data-superadmin-posture-tone="alarm"] strong{color:#f0a0a0}[data-superadmin-posture-tone="attention"] strong{color:#e8c878}.superadmin-secret-cell-verification{display:grid;gap:0.2rem;align-content:start}.superadmin-secret-verification-none{color:var(--ua-shell-muted);font-size:0.78rem}.superadmin-secret-cell-actions{display:flex;flex-wrap:wrap;align-items:center;gap:0.5rem;margin-top:0.2rem}.superadmin-secret-confirm-danger{box-shadow:inset 0 0 0 0.08rem rgba(240,150,150,0.5)}.superadmin-secret-row-head{display:none}.superadmin-secret-empty{grid-column:1 / -1;margin:0;padding:1.4rem;text-align:center;color:var(--ua-shell-muted);border:var(--ua-shell-elev-2-border);border-radius:var(--ua-shell-radius);background:var(--ua-glass-text-led);box-shadow:var(--universe-elev-2-shadow);backdrop-filter:var(--ua-glass-frost);-webkit-backdrop-filter:var(--ua-glass-frost)}.superadmin-secret-empty[hidden]{display:none}.superadmin-secret-results[data-superadmin-secret-view="list"]{display:grid;grid-template-columns:minmax(0,1fr);gap:0.35rem;--superadmin-secret-cols:minmax(13rem,1.7fr) minmax(8rem,0.9fr) minmax(5rem,0.45fr) minmax(7rem,0.8fr) minmax(6rem,0.55fr) minmax(11rem,1.3fr) minmax(8.5rem,0.85fr)}.superadmin-secret-results[data-superadmin-secret-view="list"] .superadmin-secret-row-head{display:grid;grid-template-columns:var(--superadmin-secret-cols);gap:0.7rem;align-items:center;padding:0.35rem 0.9rem;font-size:0.7rem;font-weight:var(--universe-font-weight-strong);text-transform:uppercase;letter-spacing:0.05em;color:var(--ua-shell-muted)}.superadmin-secret-results[data-superadmin-secret-view="list"] .superadmin-secret-row:not(.superadmin-secret-row-head){display:grid;grid-template-columns:var(--superadmin-secret-cols);gap:0.7rem;align-items:start;padding:0.6rem 0.9rem;overflow:hidden}.superadmin-secret-results[data-superadmin-secret-view="list"] .superadmin-secret-cell-label{display:none}.superadmin-secret-results[data-superadmin-secret-view="list"] .superadmin-secret-cell{font-size:0.85rem}.superadmin-secret-results[data-superadmin-secret-view="list"] .superadmin-secret-cell-actions{margin-top:0;justify-content:flex-end}@media (max-width:48rem){.superadmin-secret-results[data-superadmin-secret-view="list"] .superadmin-secret-row-head{display:none}.superadmin-secret-results[data-superadmin-secret-view="list"] .superadmin-secret-row:not(.superadmin-secret-row-head){grid-template-columns:1fr;gap:0.4rem}.superadmin-secret-results[data-superadmin-secret-view="list"] .superadmin-secret-row-content{grid-column:1 / -1;display:flex;flex-direction:column;align-items:stretch;gap:0.4rem;min-width:0}.superadmin-secret-results[data-superadmin-secret-view="list"] .superadmin-secret-cell-label{display:inline}.superadmin-secret-results[data-superadmin-secret-view="list"] .superadmin-secret-cell-actions{justify-content:flex-start}}.superadmin-secret-row-hint-glyph{font-weight:var(--universe-font-weight-display-strong);letter-spacing:0.03em}.superadmin-secret-summary{display:grid;gap:0.7rem}.superadmin-secret-summary-list{display:grid;grid-template-columns:auto 1fr;gap:0.35rem 1rem;margin:0}.superadmin-credential-field{display:grid;gap:0.4rem;margin-block-end:1.25rem}.superadmin-credential-stored{display:grid;gap:0.2rem;margin-block-end:0.35rem}.superadmin-credential-field[data-superadmin-credential-constrained="false"] .ua-control[data-ua-control-valid="true"]::after{content:none}.superadmin-credential-field .ua-control[data-ua-control-valid="true"]:has(input:placeholder-shown)::after{content:none}.superadmin-credential-field .ua-control[data-ua-control-valid="true"]:has(input:placeholder-shown) .ua-input,.superadmin-credential-field .ua-control[data-ua-control-valid="true"]:has(input:placeholder-shown) input{padding-inline-end:0.85rem;border-color:var(--ua-control-line);box-shadow:none}.superadmin-credential-field[data-superadmin-credential-constrained="false"] .ua-control[data-ua-control-valid="true"] .ua-input,.superadmin-credential-field[data-superadmin-credential-constrained="false"] .ua-control[data-ua-control-valid="true"] input{padding-inline-end:0.85rem;border-color:var(--ua-control-line);box-shadow:none}.superadmin-credential-state{margin:0;font-weight:var(--universe-font-weight-strong);font-size:0.9rem}.superadmin-credential-state-verified{color:var(--ua-color-success,#1a7f43)}.superadmin-credential-state-auth-rejected{color:var(--ua-color-danger,#b3261e)}.superadmin-credential-state-misconfigured,.superadmin-credential-state-unreachable{color:var(--ua-color-warning,#8a6100)}.superadmin-credential-state-never-attempted,.superadmin-credential-state-missing{color:var(--ua-color-muted,#5f6368);font-weight:var(--universe-font-weight-title)}.superadmin-credential-disclosure,.superadmin-credential-fingerprint{margin:0;font-family:var(--ua-font-mono,ui-monospace,SFMono-Regular,Menlo,monospace);font-size:0.8rem;color:var(--ua-color-muted,#5f6368);overflow-wrap:anywhere}.superadmin-credential-type-list{list-style:none;margin:1rem 0 0;padding:0;display:grid;gap:0.5rem}.superadmin-credential-type-link{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:0.75rem 1rem;border:1px solid var(--ua-color-border,#d8dade);border-radius:0.5rem;text-decoration:none;color:inherit}.superadmin-credential-type-name{font-weight:var(--universe-font-weight-strong)}.superadmin-credential-type-state{font-size:0.8rem;color:var(--ua-color-muted,#5f6368)}.superadmin-credential-verify{margin-block-start:0.75rem}.superadmin-secret-summary-term{font-size:0.72rem;font-weight:var(--universe-font-weight-strong);text-transform:uppercase;letter-spacing:0.04em;color:var(--ua-shell-muted)}.superadmin-secret-summary-detail{margin:0;color:var(--universe-color-text,#fff);overflow-wrap:anywhere;word-break:break-word}.superadmin-secret-confirm-body{display:grid;gap:0.9rem}.superadmin-secret-dialog-actions{display:flex;flex-wrap:wrap;gap:0.6rem;justify-content:flex-end}.superadmin-secrets-wizard-status{min-height:1.1rem}.superadmin-secrets-wizard-status:empty{display:none}.superadmin-secret-revoke-control{margin-top:0.4rem}.superadmin-tenant-surface-status{margin:0 0 0.4rem;color:var(--ua-shell-muted)}.superadmin-tenant-surface-status:empty{display:none}.superadmin-tenant-results{display:grid;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:1rem;align-items:start}.superadmin-tenant-row{position:relative;overflow:hidden;border:var(--ua-shell-elev-2-border);border-radius:0.65rem;background:var(--ua-glass-text-led);box-shadow:var(--universe-elev-2-shadow);backdrop-filter:var(--ua-glass-frost);-webkit-backdrop-filter:var(--ua-glass-frost)}.superadmin-tenant-results[data-superadmin-tenant-view="card"] .superadmin-tenant-row:not(.superadmin-tenant-row-head){display:flex;flex-direction:column;align-items:stretch;gap:0.5rem;padding:0.85rem 0.9rem}.superadmin-tenant-results[data-superadmin-tenant-view="card"] .superadmin-tenant-row-content{display:flex;flex-direction:column;align-items:stretch;gap:0.5rem;min-width:0}.superadmin-tenant-cell{display:flex;flex-wrap:wrap;align-items:baseline;gap:0.35rem;min-width:0;margin:0;font-size:0.86rem;color:var(--ua-shell-muted)}.superadmin-tenant-brand{color:var(--universe-color-text,#fff);font-weight:var(--universe-font-weight-title);overflow-wrap:anywhere}.superadmin-tenant-cell-value{color:var(--universe-color-text,#fff);overflow-wrap:anywhere}.superadmin-tenant-websites-hosts{color:var(--ua-shell-muted);font-size:0.78rem;overflow-wrap:anywhere}.superadmin-tenant-cell-label{font-size:0.7rem;font-weight:var(--universe-font-weight-title);text-transform:uppercase;letter-spacing:0.04em;color:var(--ua-shell-muted)}.superadmin-tenant-status-pill{display:inline-flex;align-items:center;padding:0.15rem 0.6rem;border-radius:62.4375rem;font-size:0.74rem;font-weight:var(--universe-font-weight-title);background:rgba(8,10,15,0.62)}.superadmin-tenant-status-active{box-shadow:inset 0 0 0 0.08rem rgba(141,240,177,0.6);color:#8df0b1}.superadmin-tenant-status-suspended{box-shadow:inset 0 0 0 0.08rem rgba(240,182,120,0.6);color:#f0c07a}.superadmin-tenant-status-pending{box-shadow:inset 0 0 0 0.08rem rgba(160,180,240,0.55);color:#b4c8ff}.superadmin-tenant-status-archived,.superadmin-tenant-status-unknown{box-shadow:inset 0 0 0 0.08rem rgba(160,160,170,0.4)}.superadmin-tenant-cell-actions{display:flex;flex-wrap:wrap;align-items:center;gap:0.5rem;margin-top:0.2rem}.superadmin-tenant-action{display:inline-flex;align-items:center;justify-content:center;min-height:2.75rem;text-decoration:none}.superadmin-tenant-confirm-enter{box-shadow:inset 0 0 0 0.08rem rgba(141,240,177,0.45)}.superadmin-tenant-reason-control,.superadmin-tenant-consent-control{margin-top:0.6rem}.superadmin-tenant-row-head{display:none}.superadmin-tenant-empty{grid-column:1 / -1;margin:0;padding:1.4rem;text-align:center;color:var(--ua-shell-muted)}.superadmin-tenant-empty[hidden]{display:none}.superadmin-tenant-results[data-superadmin-tenant-view="list"]{display:grid;grid-template-columns:minmax(0,1fr);gap:0.35rem;--superadmin-tenant-cols:minmax(7.5rem,1.4fr) minmax(4rem,0.6fr) minmax(4.5rem,0.6fr) minmax(4.5rem,0.6fr) minmax(5.5rem,0.9fr) minmax(8.5rem,auto)}.superadmin-tenant-results[data-superadmin-tenant-view="list"] .superadmin-tenant-row-head{display:grid;grid-template-columns:var(--superadmin-tenant-cols);gap:0.7rem;align-items:center;padding:0.35rem 0.9rem;font-size:0.7rem;font-weight:var(--universe-font-weight-strong);text-transform:uppercase;letter-spacing:0.05em;color:var(--ua-shell-muted)}.superadmin-tenant-results[data-superadmin-tenant-view="list"] .superadmin-tenant-row:not(.superadmin-tenant-row-head){display:grid;grid-template-columns:var(--superadmin-tenant-cols);gap:0.7rem;align-items:center;padding:0.5rem 0.9rem;overflow:hidden}.superadmin-tenant-results[data-superadmin-tenant-view="list"] .superadmin-tenant-cell-label{display:none}.superadmin-tenant-results[data-superadmin-tenant-view="list"] .superadmin-tenant-cell{font-size:0.85rem}.superadmin-tenant-results[data-superadmin-tenant-view="list"] .superadmin-tenant-websites-hosts{display:none}.superadmin-tenant-results[data-superadmin-tenant-view="list"] .superadmin-tenant-cell-actions{margin-top:0;justify-content:flex-end}@media (max-width:48rem){.superadmin-tenant-results[data-superadmin-tenant-view="list"] .superadmin-tenant-row-head{display:none}.superadmin-tenant-results[data-superadmin-tenant-view="list"] .superadmin-tenant-row:not(.superadmin-tenant-row-head){grid-template-columns:1fr;gap:0.35rem}.superadmin-tenant-results[data-superadmin-tenant-view="list"] .superadmin-tenant-row-content{grid-column:1 / -1;display:flex;flex-direction:column;align-items:stretch;gap:0.35rem;min-width:0}.superadmin-tenant-results[data-superadmin-tenant-view="list"] .superadmin-tenant-cell-label{display:inline}.superadmin-tenant-results[data-superadmin-tenant-view="list"] .superadmin-tenant-cell-actions{justify-content:flex-start}}.superadmin-tenant-row-hint-glyph{font-weight:var(--universe-font-weight-display-strong);letter-spacing:0.03em}.superadmin-tenant-summary{display:grid;gap:0.7rem}.superadmin-tenant-summary-list{display:grid;grid-template-columns:auto 1fr;gap:0.35rem 1rem;margin:0}.superadmin-tenant-summary-term{font-size:0.72rem;font-weight:var(--universe-font-weight-strong);text-transform:uppercase;letter-spacing:0.04em;color:var(--ua-shell-muted)}.superadmin-tenant-summary-detail{margin:0;color:var(--universe-color-text,#fff);overflow-wrap:anywhere}.superadmin-tenant-confirm-body{display:grid;gap:0.9rem}.superadmin-tenant-dialog-actions{display:flex;flex-wrap:wrap;gap:0.6rem;justify-content:flex-end}.superadmin-tenant-wizard-status{min-height:1.1rem}.superadmin-tenant-wizard-status:empty{display:none}.superadmin-tenant-review-reason{margin-top:0.4rem}.superadmin-brands-dashboard{display:grid;gap:1rem}.superadmin-brand-surface-status{margin:0 0 0.4rem;color:var(--ua-shell-muted)}.superadmin-brand-surface-status:empty{display:none}.superadmin-brand-results{display:grid;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:1rem;align-items:start}.superadmin-brand-row{position:relative;overflow:hidden;border:var(--ua-shell-elev-2-border);border-radius:0.65rem;background:var(--ua-glass-text-led);box-shadow:var(--universe-elev-2-shadow);backdrop-filter:var(--ua-glass-frost);-webkit-backdrop-filter:var(--ua-glass-frost)}.superadmin-brand-results[data-superadmin-brand-view="card"] .superadmin-brand-row:not(.superadmin-brand-row-head){display:flex;flex-direction:column;align-items:stretch;gap:0.5rem;padding:0.85rem 0.9rem}.superadmin-brand-results[data-superadmin-brand-view="card"] .superadmin-brand-row-content{display:flex;flex-direction:column;align-items:stretch;gap:0.5rem;min-width:0}.superadmin-brand-cell{display:flex;flex-wrap:wrap;align-items:baseline;gap:0.35rem;min-width:0;margin:0;font-size:0.86rem;color:var(--ua-shell-muted)}.superadmin-brand-brand{color:var(--universe-color-text,#fff);font-weight:var(--universe-font-weight-title);overflow-wrap:anywhere}.superadmin-brand-cell-value{color:var(--universe-color-text,#fff);overflow-wrap:anywhere}.superadmin-brand-websites-hosts{color:var(--ua-shell-muted);font-size:0.78rem;overflow-wrap:anywhere}.superadmin-brand-cell-label{font-size:0.7rem;font-weight:var(--universe-font-weight-title);text-transform:uppercase;letter-spacing:0.04em;color:var(--ua-shell-muted)}.superadmin-brand-status-pill{display:inline-flex;align-items:center;padding:0.15rem 0.6rem;border-radius:62.4375rem;font-size:0.74rem;font-weight:var(--universe-font-weight-title);background:rgba(8,10,15,0.62)}.superadmin-brand-status-active{box-shadow:inset 0 0 0 0.08rem rgba(141,240,177,0.6);color:#8df0b1}.superadmin-brand-status-restricted{box-shadow:inset 0 0 0 0.08rem rgba(252,188,81,0.6);color:#f0c07a}.superadmin-brand-status-suspended{box-shadow:inset 0 0 0 0.08rem rgba(240,182,120,0.6);color:#f0c07a}.superadmin-brand-status-banned,.superadmin-brand-status-closed{box-shadow:inset 0 0 0 0.08rem rgba(255,122,144,0.6);color:#ff9fb0}.superadmin-brand-status-unknown{box-shadow:inset 0 0 0 0.08rem rgba(160,160,170,0.4)}.superadmin-brand-cell-actions{display:flex;flex-wrap:wrap;align-items:center;gap:0.5rem;margin-top:0.2rem}.superadmin-brand-action{display:inline-flex;align-items:center;justify-content:center;min-height:2.75rem;text-decoration:none}.superadmin-brand-reason-control,.superadmin-brand-confirm-id-control{margin-top:0.6rem}.superadmin-brand-row-head{display:none}.superadmin-brand-empty{grid-column:1 / -1;margin:0;padding:1.4rem;text-align:center;color:var(--ua-shell-muted)}.superadmin-brand-empty[hidden]{display:none}.superadmin-brand-results[data-superadmin-brand-view="list"]{display:grid;grid-template-columns:minmax(0,1fr);gap:0.35rem;--superadmin-brand-cols:minmax(7.5rem,1.4fr) minmax(4rem,0.6fr) minmax(4.5rem,0.6fr) minmax(4.5rem,0.6fr) minmax(5.5rem,0.9fr) minmax(8.5rem,auto)}.superadmin-brand-results[data-superadmin-brand-view="list"] .superadmin-brand-row-head{display:grid;grid-template-columns:var(--superadmin-brand-cols);gap:0.7rem;align-items:center;padding:0.35rem 0.9rem;font-size:0.7rem;font-weight:var(--universe-font-weight-strong);text-transform:uppercase;letter-spacing:0.05em;color:var(--ua-shell-muted)}.superadmin-brand-results[data-superadmin-brand-view="list"] .superadmin-brand-row:not(.superadmin-brand-row-head){display:grid;grid-template-columns:var(--superadmin-brand-cols);gap:0.7rem;align-items:center;padding:0.5rem 0.9rem;overflow:hidden}.superadmin-brand-results[data-superadmin-brand-view="list"] .superadmin-brand-cell-label{display:none}.superadmin-brand-results[data-superadmin-brand-view="list"] .superadmin-brand-cell{font-size:0.85rem}.superadmin-brand-results[data-superadmin-brand-view="list"] .superadmin-brand-websites-hosts{display:none}.superadmin-brand-results[data-superadmin-brand-view="list"] .superadmin-brand-cell-actions{margin-top:0;justify-content:flex-end}@media (max-width:48rem){.superadmin-brand-results[data-superadmin-brand-view="list"] .superadmin-brand-row-head{display:none}.superadmin-brand-results[data-superadmin-brand-view="list"] .superadmin-brand-row:not(.superadmin-brand-row-head){grid-template-columns:1fr;gap:0.35rem}.superadmin-brand-results[data-superadmin-brand-view="list"] .superadmin-brand-row-content{grid-column:1 / -1;display:flex;flex-direction:column;align-items:stretch;gap:0.35rem;min-width:0}.superadmin-brand-results[data-superadmin-brand-view="list"] .superadmin-brand-cell-label{display:inline}.superadmin-brand-results[data-superadmin-brand-view="list"] .superadmin-brand-cell-actions{justify-content:flex-start}}.superadmin-brand-row-hint-glyph{font-weight:var(--universe-font-weight-display-strong);letter-spacing:0.03em}.superadmin-brand-summary{display:grid;gap:0.7rem}.superadmin-brand-summary-list{display:grid;grid-template-columns:auto 1fr;gap:0.35rem 1rem;margin:0}.superadmin-brand-summary-term{font-size:0.72rem;font-weight:var(--universe-font-weight-strong);text-transform:uppercase;letter-spacing:0.04em;color:var(--ua-shell-muted)}.superadmin-brand-summary-detail{margin:0;color:var(--universe-color-text,#fff);overflow-wrap:anywhere}.superadmin-brand-confirm-body{display:grid;gap:0.9rem}.superadmin-brand-dialog-actions{display:flex;flex-wrap:wrap;gap:0.6rem;justify-content:flex-end}.superadmin-brand-confirm-danger{box-shadow:inset 0 0 0 0.08rem rgba(255,122,144,0.45)}.superadmin-brand-manage{display:grid;gap:1rem}.superadmin-brand-back{display:inline-flex;align-items:center;width:fit-content;color:var(--ua-shell-muted);text-decoration:none;font-weight:var(--universe-font-weight-quiet)}.superadmin-brand-manage-header{display:grid;gap:0.4rem;padding:0.5rem 0}.superadmin-brand-manage-title{margin:0;font-size:1.6rem;font-weight:var(--universe-font-weight-display-strong)}.superadmin-brand-website-list{display:grid;gap:0.5rem}.superadmin-brand-website{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:0.6rem;align-items:center;padding:0.7rem 0.9rem;border:1px solid var(--ua-shell-line);border-radius:0.6rem;background:rgba(255,255,255,0.05)}.superadmin-brand-panel-actions{display:flex;flex-wrap:wrap;gap:0.6rem}.superadmin-brand-danger-actions .superadmin-brand-action-danger{box-shadow:inset 0 0 0 0.08rem rgba(255,122,144,0.45)}.superadmin-brand-action-form{display:grid;gap:0.6rem}.account-status-pill.status-suspended,.account-status-pill.status-banned,.account-status-pill.status-closed{color:#2a0c10;background:var(--ua-shell-danger)}.account-status-pill.status-restricted{color:#2a1c05;background:var(--ua-shell-gold)}.account-status-pill.status-active{color:#06210f;background:var(--ua-shell-good)}.superadmin-brand-manage .dashboard-danger-action{border-color:rgba(255,122,144,0.6) !important;color:var(--ua-shell-danger) !important}.superadmin-wizard-form{max-width:58rem}.website-access-dashboard,.access-role-grid,.website-access-list{display:grid;gap:1rem}.access-role-grid,.website-access-list{grid-template-columns:repeat(3,minmax(0,1fr))}.access-role-card,.website-access-person-card{display:grid;gap:0.45rem;align-content:start;min-height:11rem;padding:1rem;border:var(--ua-shell-elev-1-border);border-radius:0.75rem;background:var(--ua-glass-text-led);backdrop-filter:var(--ua-glass-frost);-webkit-backdrop-filter:var(--ua-glass-frost)}.access-role-card code,.website-access-person-card code{max-width:100%;color:var(--ua-shell-gold);white-space:normal;overflow-wrap:anywhere}.access-role-card small{color:var(--ua-shell-muted);overflow-wrap:anywhere}.website-access-form{grid-template-columns:repeat(2,minmax(0,1fr));max-width:58rem}.website-access-form .account-preference-actions{grid-column:1 / -1}.accounts-icon-action{display:inline-grid;place-items:center;width:2.75rem;height:2.75rem;border-radius:0.55rem;border:1px solid rgba(252,188,81,0.55);background:var(--ua-shell-gold);color:#111;font-size:1.45rem;font-weight:var(--universe-font-weight-display-strong);line-height:1;cursor:pointer}.accounts-icon-action.danger{color:#ffd2d8;background:rgba(255,122,144,0.12);border-color:rgba(255,122,144,0.42)}.accounts-icon-action>svg{width:1.25rem;height:1.25rem}.accounts-text-action{display:inline-flex;align-items:center;min-height:2.75rem;padding:0 0.9rem;border:1px solid color-mix(in srgb,var(--universe-color-text,#fff) 22%,transparent);border-radius:0.55rem;background:transparent;color:var(--universe-color-text,#fff);font:inherit;font-size:0.85rem;line-height:1;cursor:pointer}.accounts-passkey-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:center;padding:1rem}.accounts-passkey-meta,.accounts-session-row,.accounts-security-event-row{display:grid;gap:0.35rem}.accounts-session-row,.accounts-security-event-row,.accounts-empty-state,.accounts-security-note{padding:1rem}.accounts-passkey-meta span,.accounts-session-row span,.accounts-security-event-row span{color:var(--ua-shell-muted);font-size:0.9rem;overflow-wrap:anywhere}.accounts-passkey-progress{display:grid;grid-template-columns:2.5rem minmax(0,1fr);gap:0.8rem;align-items:center;padding:0.9rem;border:1px solid rgba(252,188,81,0.32);border-radius:0.35rem;background:rgba(252,188,81,0.08)}.accounts-passkey-progress.is-hidden{display:none}.accounts-passkey-progress p{grid-column:2;margin:0.1rem 0 0;color:var(--ua-shell-muted);font-size:0.9rem;line-height:1.35}.passkey-progress-mark{width:2.25rem;height:2.25rem;border-radius:999rem;border:0.125rem solid rgba(252,188,81,0.25);border-top-color:var(--ua-shell-gold);animation:dashboard-passkey-spin 1s linear infinite}@keyframes dashboard-passkey-spin{to{transform:rotate(360deg)}}.ua-collection-order{display:grid;gap:1rem}uae[namespace="ua.collection.order"]{display:block}uae[namespace="ua.collection.order"] .ua-collection-order{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none}.dashboard-primary-action,.dashboard-secondary-action{display:inline-flex;align-items:center;justify-content:center;min-height:2.55rem;padding:0.55rem 0.95rem;border-radius:999rem;font-weight:var(--universe-font-weight-strong);text-decoration:none}.dashboard-primary-action{color:#170f05;background:var(--ua-shell-gold)}.dashboard-secondary-action{color:var(--ua-shell-ink);border:1px solid rgba(255,255,255,0.16);background:rgba(255,255,255,0.06)}.dashboard-secondary-action.danger{border-color:rgba(248,113,113,0.32);color:#ffc2c9;background:rgba(248,113,113,0.10)}#website-start-photograph-choices{display:grid;gap:0.65rem;min-width:0}.dashboard-secondary-action.website-start-photograph-choice{display:grid;grid-template-columns:4.5rem minmax(0,1fr);justify-content:start;width:100%;min-width:0;border-radius:0.75rem;text-align:left;padding:0.45rem;gap:0.75rem}.website-start-photograph-frame{position:relative;width:4.5rem;height:3rem;display:grid;min-width:0}.website-start-photograph-thumb{width:4.5rem;height:3rem;object-fit:cover;border-radius:0.35rem;display:block}.website-start-photograph-selected{position:absolute;left:0;right:0;bottom:0;padding:0.1rem 0.2rem;background:var(--ua-shell-gold);color:#170f05;font-size:0.7rem;line-height:1.2;text-align:center}.website-start-photograph-label{min-width:0;overflow-wrap:anywhere}.dashboard-context-switcher{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;align-items:start}.dashboard-context-chooser,.dashboard-context-form,.dashboard-context-elevated-form{border:var(--ua-shell-elev-2-border);border-radius:var(--ua-shell-radius);background:var(--ua-glass-art-led);box-shadow:var(--universe-elev-2-shadow);backdrop-filter:var(--ua-glass-frost);-webkit-backdrop-filter:var(--ua-glass-frost);padding:clamp(1rem,2vw,1.35rem)}.dashboard-context-form h2,.dashboard-context-elevated-form h2{margin:0.15rem 0 0.45rem;font-size:clamp(1.1rem,2vw,1.35rem);letter-spacing:0}.dashboard-inline-status{min-height:2.6rem;display:flex;flex-wrap:wrap;gap:0.65rem;align-items:center;padding:0.75rem;border:1px solid rgba(252,188,81,0.22);border-radius:0.35rem;color:var(--ua-shell-gold);background:rgba(252,188,81,0.08)}.dashboard-upload-progress{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0.75rem;align-items:center;min-width:0}.dashboard-upload-progress progress{width:100%;height:0.7rem;border:1px solid rgba(252,188,81,0.28);border-radius:999rem;overflow:hidden;background:rgba(255,255,255,0.08)}.dashboard-upload-progress progress::-webkit-progress-bar{background:rgba(255,255,255,0.08)}.dashboard-upload-progress progress::-webkit-progress-value{background:var(--ua-shell-gold)}.dashboard-upload-progress progress::-moz-progress-bar{background:var(--ua-shell-gold)}.dashboard-inline-status-link{display:inline-flex;align-items:center;justify-content:center;min-height:2.25rem;padding:0.45rem 0.75rem;border:1px solid rgba(252,188,81,0.42);border-radius:999rem;color:#170f05;background:var(--ua-shell-gold);font-weight:var(--universe-font-weight-display-strong);text-decoration:none}.dashboard-context-chooser{display:grid;gap:1rem;padding:0;border:0;background:transparent;box-shadow:none;backdrop-filter:none}.dashboard-context-source-notice{margin:0;padding:0.75rem 0.85rem;border:var(--ua-shell-elev-1-border);border-color:rgba(96,216,255,0.28);border-radius:0.62rem;color:var(--ua-shell-muted);background:var(--ua-glass-text-led);backdrop-filter:var(--ua-glass-frost);-webkit-backdrop-filter:var(--ua-glass-frost);overflow-wrap:anywhere}.dashboard-context-switch-status{margin:0 0 0.85rem}.dashboard-context-switch-status:empty{display:none}.dashboard-context-toolbar{grid-template-columns:minmax(14rem,1fr) minmax(9rem,auto) minmax(9rem,auto) auto;margin:0}.dashboard-context-card{position:relative;display:grid;grid-template-columns:2.75rem minmax(0,1fr);gap:0.85rem;align-items:center;width:100%;padding:0.85rem 0.95rem;border:var(--ua-shell-elev-1-border);border-radius:0.85rem;color:var(--ua-shell-ink);text-align:left;background:var(--ua-glass-text-led);backdrop-filter:var(--ua-glass-frost);-webkit-backdrop-filter:var(--ua-glass-frost);cursor:pointer}.dashboard-context-groups{display:grid;gap:1.1rem}.dashboard-context-group{display:grid;gap:0.65rem;padding:0.6rem 0.6rem 0.75rem;border:var(--ua-shell-elev-1-border);border-radius:0.95rem;background:var(--ua-glass-text-led);backdrop-filter:var(--ua-glass-frost);-webkit-backdrop-filter:var(--ua-glass-frost)}.dashboard-context-group[hidden]{display:none}.dashboard-context-group-heading{margin:0;font-family:var(--universe-font-body);font-size:1rem;font-weight:var(--universe-font-weight-title)}.dashboard-context-group-toggle{display:grid;grid-template-columns:2.4rem minmax(0,1fr) auto;gap:0.75rem;align-items:center;width:100%;min-height:2.75rem;padding:0.45rem 0.55rem;border:0;border-radius:0.7rem;color:var(--ua-shell-ink);background:transparent;text-align:left;cursor:pointer}.dashboard-context-group-copy{display:flex;flex-wrap:wrap;align-items:baseline;gap:0.25rem 0.55rem;min-width:0}.dashboard-context-group-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:var(--universe-font-weight-strong)}.dashboard-context-group-kind,.dashboard-context-group-count{color:var(--ua-shell-muted);font-size:0.78rem;font-weight:var(--universe-font-weight-quiet)}.dashboard-context-group-kind{text-transform:uppercase;letter-spacing:0.08em}.dashboard-context-group-avatar{display:inline-grid;place-items:center;color:var(--ua-shell-gold);background:rgba(232,196,113,0.15)}.dashboard-context-group-chevron{display:inline-grid;place-items:center;width:1.6rem;height:1.6rem;color:var(--ua-shell-muted);transition:transform 160ms ease}.dashboard-context-group-toggle[aria-expanded="false"] .dashboard-context-group-chevron{transform:rotate(-90deg)}.dashboard-context-group-region{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,21rem),1fr));gap:0.7rem;align-items:stretch;padding-inline:0.15rem}.dashboard-context-group-region[hidden]{display:none}@media (prefers-reduced-motion:reduce){.dashboard-context-group-chevron{transition:none}}@media (max-width:32rem){.dashboard-context-group{padding:0.5rem 0.45rem 0.6rem}.dashboard-context-group-toggle{grid-template-columns:2.2rem minmax(0,1fr) 1.6rem;gap:0.55rem}.dashboard-context-group-copy{display:grid;gap:0.1rem}.dashboard-context-group-name{white-space:normal;overflow-wrap:anywhere}}.dashboard-context-card[data-dashboard-current-context-card="true"]{box-shadow:inset 0.1875rem 0 0 0 rgba(134,239,172,0.8)}.dashboard-context-current-badge{position:absolute;bottom:0.7rem;right:0.9rem;display:inline-flex;align-items:center;padding:0.12rem 0.45rem;border:1px solid rgba(134,239,172,0.42);border-radius:999rem;color:#bffbd1;background:rgba(34,197,94,0.16);font-size:0.68rem;font-weight:var(--universe-font-weight-display-strong);letter-spacing:0.02em}.dashboard-context-current-badge[hidden]{display:none}.dashboard-context-card.elevated{border-color:rgba(248,113,113,0.38);background:var(--ua-glass-text-led);backdrop-filter:var(--ua-glass-frost);-webkit-backdrop-filter:var(--ua-glass-frost)}.dashboard-context-card.identity-choice{cursor:default;border-style:dashed;border-color:rgba(96,216,255,0.55);background:var(--ua-glass-text-led);backdrop-filter:var(--ua-glass-frost);-webkit-backdrop-filter:var(--ua-glass-frost)}.dashboard-context-empty-panel{grid-column:1 / -1;grid-template-columns:minmax(0,1fr);align-items:start;min-height:auto;cursor:default}.dashboard-context-empty-panel .dashboard-context-card-copy p{margin:0}.dashboard-context-empty-panel .dashboard-context-card-title strong{padding-right:0}.dashboard-context-card .dashboard-context-avatar{width:2.75rem;height:2.75rem}.dashboard-context-card-copy{display:grid;gap:0.15rem;min-width:0;padding-right:5.5rem}.dashboard-context-card-title{display:flex;align-items:center;min-width:0}.dashboard-context-card-title strong{font-size:1.05rem;font-weight:var(--universe-font-weight-strong);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.dashboard-context-card-domain{color:var(--ua-shell-muted);font-size:0.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-context-type-pill{position:absolute;top:0.7rem;right:0.9rem;display:inline-flex;align-items:center;min-height:1.4rem;padding:0.16rem 0.5rem;border:1px solid rgba(252,188,81,0.3);border-radius:999rem;color:var(--ua-shell-gold);background:rgba(252,188,81,0.08);font-size:0.7rem;font-weight:var(--universe-font-weight-display-strong);letter-spacing:0.01em}.dashboard-context-card.elevated .dashboard-context-type-pill{color:#fecaca;border-color:rgba(248,113,113,0.42);background:rgba(248,113,113,0.12)}.dashboard-context-empty-panel .dashboard-context-type-pill{position:static}.dashboard-context-empty-panel .dashboard-context-card-copy{padding-right:0;gap:0.45rem}.dashboard-context-empty-panel .dashboard-context-card-title{flex-wrap:wrap;gap:0.5rem}.dashboard-context-empty-panel .dashboard-context-card-title strong{white-space:normal}.dashboard-context-actions-panel{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(16rem,0.8fr);gap:1rem}.dashboard-context-form,.dashboard-context-elevated-form{display:grid;gap:0.9rem}.dashboard-context-elevated-check{display:flex;gap:0.65rem;align-items:center;color:var(--ua-shell-ink);font-weight:var(--universe-font-weight-strong)}.dashboard-field-label{color:var(--ua-shell-muted);font-size:0.78rem;font-weight:var(--universe-font-weight-display-strong);text-transform:uppercase}.dashboard-context-elevated-form input[type="text"],.dashboard-context-elevated-form input:not([type]){width:100%;min-height:2.75rem;border:1px solid rgba(255,255,255,0.16);border-radius:0.35rem;color:var(--ua-shell-ink);background:rgba(255,255,255,0.05);padding:0.65rem 0.8rem}.dashboard-context-actions{display:flex;gap:0.7rem;flex-wrap:wrap}.dashboard-reauth-dialog{position:fixed;inset:0;z-index:2147483647;display:grid;place-items:center;padding:clamp(1rem,4vw,2.5rem);background:var(--ua-glass-veil);backdrop-filter:var(--ua-glass-veil-frost);-webkit-backdrop-filter:var(--ua-glass-veil-frost);overscroll-behavior:contain}.dashboard-reauth-frame{inline-size:min(100%,34rem);block-size:min(100%,40rem);border:0;border-radius:var(--universe-radius-lg,1rem);background:transparent;color-scheme:normal}@media (max-width:40rem){.dashboard-reauth-dialog{padding:0}.dashboard-reauth-frame{inline-size:100%;block-size:100%;border-radius:0}}@supports not (backdrop-filter:blur(1rem)){.dashboard-reauth-dialog{background:var(--ua-glass-veil)}}.operator-command-center{display:grid;gap:1.1rem}.operator-command-grid{align-items:stretch}.operator-focus-card,.operator-note-card{position:relative;overflow:hidden}.operator-focus-card>*,.operator-note-card>*{position:relative;z-index:1}.operator-page-actions{align-items:center}.operator-note-list{display:grid;gap:0.8rem;margin-top:0.9rem}.operator-note-card{display:grid;gap:0.45rem;padding:var(--universe-space-inset-1) var(--universe-space-inset-2);border:var(--ua-shell-elev-2-border);border-color:var(--ua-shell-tone-info);border-radius:0.9rem;background:var(--ua-glass-text-led);box-shadow:var(--universe-elev-2-shadow);backdrop-filter:var(--ua-glass-frost);-webkit-backdrop-filter:var(--ua-glass-frost)}.operator-note-card strong{font-size:0.98rem}.operator-note-card p{margin:0}.operator-note-card a{color:var(--ua-shell-gold);font-weight:var(--universe-font-weight-strong);text-decoration:none}@media (max-width:64rem){.dashboard-header-actions{justify-content:flex-end}.dashboard-metric-grid,.dashboard-create-grid,.command-center-readiness-grid,.command-center-runtime-grid,.card-grid,.dashboard-toolbar,.dashboard-context-switcher,.dashboard-context-actions-panel,.operator-command-grid,.account-single-bar,.account-overview-grid,.account-subscription-card,.account-wallet-grid,.account-address-list,.account-website-metrics,.account-consent-shell,.superadmin-overview-dashboard,.superadmin-posture-grid,.access-role-grid,.website-access-list,.website-access-form{grid-template-columns:1fr}.dashboard-context-chooser{order:1}.dashboard-context-actions-panel{order:3}.dashboard-segmented{width:100%}.dashboard-segment{flex:1}.website-files-root-summary{grid-template-columns:1fr}.dashboard-filter-button-row,.dashboard-filter-chips,.dashboard-pagination-meta{grid-column:1 / -1}.dashboard-search-control{width:100%}.command-center-resource-row,.command-center-action-row{grid-template-columns:1fr;align-items:start}.dashboard-record-actions{grid-column:1 / -1;justify-content:flex-end}.dashboard-context-pill{max-width:none;min-width:0;gap:0;padding:0.14rem;aspect-ratio:1 / 1}.dashboard-context-pill .dashboard-context-copy{display:none}.dashboard-context-text{display:-webkit-box;white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.12}h1{font-size:2.65rem}}@media (max-width:420px){uae[namespace="ua.header"] .dashboard-app-header{padding:0.72rem}h1{font-size:2.35rem}.account-card-actions{position:static;margin-top:0.5rem}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto !important;transition-duration:0.001ms !important;animation-duration:0.001ms !important}}.dashboard-discovery-summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:end;margin-bottom:1rem}.dashboard-discovery-summary h2{margin:0.1rem 0 0.35rem;font-size:clamp(1.45rem,2.4vw,2.15rem);line-height:1.08}.dashboard-discovery-meta{display:flex;flex-wrap:wrap;gap:0.55rem;margin:0}.dashboard-discovery-meta div{min-width:6.75rem;border:var(--ua-shell-elev-2-border);border-radius:0.5rem;padding:0.55rem 0.7rem;background:var(--ua-glass-text-led);box-shadow:var(--universe-elev-2-shadow);backdrop-filter:var(--ua-glass-frost);-webkit-backdrop-filter:var(--ua-glass-frost)}.dashboard-discovery-meta dt{color:var(--ua-shell-muted);font-size:0.72rem;font-weight:var(--universe-font-weight-strong);text-transform:uppercase}.dashboard-discovery-meta dd{margin:0.1rem 0 0;color:var(--ua-shell-ink);font-weight:var(--universe-font-weight-display-strong)}.dashboard-discovery-toolbar{margin-bottom:1rem}.dashboard-discovery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));gap:0.85rem}.dashboard-discovery-card{min-height:18rem;display:grid;align-content:start;gap:0.8rem}.dashboard-discovery-card[data-discovery-pinned="true"]{border-color:rgba(134,239,172,0.65)}.dashboard-discovery-card.is-gated{opacity:0.82}.dashboard-discovery-card-head{display:grid;grid-template-columns:auto minmax(0,1fr);gap:0.75rem;align-items:center}.dashboard-discovery-icon{width:2.7rem;height:2.7rem;display:inline-grid;place-items:center;border:1px solid rgba(232,196,113,0.42);border-radius:0.5rem;color:var(--ua-shell-gold);background:rgba(232,196,113,0.10);font-size:1.25rem}.dashboard-discovery-labels,.dashboard-discovery-actions{display:flex;flex-wrap:wrap;gap:0.45rem;align-items:center}.dashboard-discovery-pin-target{display:inline-grid;grid-template-columns:auto minmax(0,1fr);gap:0.5rem;align-items:center;color:var(--ua-shell-muted);font-size:0.84rem;font-weight:var(--universe-font-weight-title)}.dashboard-discovery-pin-target uae{width:1.35rem;min-width:1.35rem}.dashboard-discovery-labels span{border:1px solid var(--ua-shell-line);border-radius:62.4375rem;padding:0.28rem 0.5rem;color:var(--ua-shell-muted);font-size:0.78rem;font-weight:var(--universe-font-weight-title)}.dashboard-discovery-disabled{color:var(--ua-shell-muted);font-size:0.88rem}@media (max-width:720px){.dashboard-discovery-summary{grid-template-columns:1fr}}.hustle-panel-title{margin:0 0 0.4rem;font-size:1.15rem;font-weight:var(--universe-font-weight-display-strong)}.hustle-panel-copy{margin:0 0 0.85rem;color:var(--ua-shell-muted);line-height:1.55;max-width:62ch}.hustle-catalog-actions{display:flex;flex-wrap:wrap;gap:0.6rem}.hustle-catalog-results{--hustle-product-cols:3.5rem minmax(0,1.4fr) minmax(6rem,0.7fr) minmax(5.5rem,0.6fr) minmax(8rem,0.9fr) minmax(6rem,0.6fr) minmax(7rem,auto);display:grid;gap:0;min-width:0}.hustle-catalog-results[data-hustle-catalog-view="list"]{border:1px solid rgba(255,255,255,0.12);border-radius:0.75rem;overflow:hidden;grid-template-columns:var(--hustle-product-cols)}.hustle-catalog-results[data-hustle-catalog-view="list"] .hustle-product-row{display:grid;grid-column:1 / -1;grid-template-columns:subgrid;gap:0.85rem;align-items:center;padding:var(--universe-space-inset-1) var(--universe-space-inset-2);border-bottom:1px solid var(--ua-shell-elev-1-line);background:var(--ua-glass-text-led);box-shadow:var(--universe-elev-1-shadow);backdrop-filter:var(--ua-glass-frost);-webkit-backdrop-filter:var(--ua-glass-frost);min-width:0}.hustle-catalog-results[data-hustle-catalog-view="list"] .hustle-product-row:last-child{border-bottom:0}.hustle-catalog-results[data-hustle-catalog-view="list"] .hustle-product-row.hustle-product-row-head{background:var(--ua-glass-text-led);font-size:0.74rem;font-weight:var(--universe-font-weight-strong);text-transform:uppercase;letter-spacing:0.03em;color:var(--ua-shell-muted)}.hustle-catalog-results[data-hustle-catalog-view="list"] .hustle-product-cell-label{display:none}.hustle-catalog-results[data-hustle-catalog-view="list"] .hustle-product-cell{min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:0.4rem}.account-subscription-group{display:contents}.account-subscription-group[hidden]{display:none}.account-subscription-group-head{grid-column:1 / -1;display:flex;flex-wrap:wrap;align-items:baseline;gap:0.35rem 0.7rem;padding:0.75rem 1rem 0.5rem}.account-subscription-group-title{margin:0;font-size:0.8rem;font-weight:var(--universe-font-weight-strong);text-transform:uppercase;letter-spacing:0.05em;color:var(--ua-shell-gold)}.account-subscription-card-face{display:none}.account-subscriptions-results[data-account-subscriptions-view="card"] .account-subscription-card-face{display:grid;grid-template-columns:2.75rem minmax(0,1fr);gap:0.75rem;align-items:start;margin-bottom:0.35rem}.account-subscription-card-art{display:grid;place-items:center;width:2.75rem;height:2.75rem;border-radius:0.65rem;border:1px solid var(--ua-shell-line);background:color-mix(in srgb,var(--ua-shell-panel-strong) 70%,transparent);color:var(--ua-shell-gold)}.account-subscription-key-image{width:1.65rem;height:1.65rem}.account-subscription-card-copy{min-width:0;display:grid;gap:0.2rem}.account-subscription-card-title{font-family:var(--universe-font-heading);font-size:1.05rem;font-weight:var(--universe-font-weight-title);color:var(--ua-shell-ink);text-decoration:none}.account-subscription-card-description{margin:0;color:var(--ua-shell-muted);font-size:0.86rem}.account-subscription-card-price{margin:0.1rem 0 0;color:var(--ua-shell-ink)}.account-subscriptions-results[data-account-subscriptions-view="card"] .account-subscription-cell-plan,.account-subscriptions-results[data-account-subscriptions-view="card"] .account-subscription-cell-price{display:none}.hustle-catalog-results[data-hustle-catalog-view="card"]{grid-template-columns:repeat(auto-fill,minmax(min(100%,17rem),1fr));gap:1rem;padding:clamp(0.85rem,1.6vw,1.15rem)}.hustle-catalog-results[data-hustle-catalog-view="card"] .hustle-product-row.hustle-product-row-head{display:none}.hustle-catalog-results[data-hustle-catalog-view="card"] .hustle-product-row{display:flex;flex-direction:column;gap:0.55rem;padding:var(--universe-space-inset-2);border:var(--ua-shell-elev-2-border);border-radius:0.75rem;background:var(--ua-glass-text-led);box-shadow:var(--universe-elev-2-shadow);backdrop-filter:var(--ua-glass-frost);-webkit-backdrop-filter:var(--ua-glass-frost);min-width:0}.hustle-catalog-results[data-hustle-catalog-view="card"] .hustle-product-rownav{display:flex;flex-direction:column;align-items:stretch;gap:0.55rem;min-width:0}.hustle-catalog-results[data-hustle-catalog-view="card"] .hustle-product-cell{display:flex;flex-wrap:wrap;align-items:baseline;gap:0.35rem 0.6rem;min-width:0}.hustle-catalog-results[data-hustle-catalog-view="card"] .hustle-product-cell-label{font-size:0.7rem;font-weight:var(--universe-font-weight-strong);text-transform:uppercase;letter-spacing:0.03em;color:var(--ua-shell-muted);flex:0 0 auto}.hustle-catalog-results[data-hustle-catalog-view="card"] .hustle-product-cell-thumb{display:block}.hustle-catalog-results[data-hustle-catalog-view="card"] .hustle-product-thumb{width:100%;aspect-ratio:4 / 3}.hustle-product-row[hidden]{display:none !important}.hustle-product-thumb{width:2.6rem;height:2.6rem;border-radius:0.45rem;object-fit:cover;background:rgba(255,255,255,0.04)}.hustle-product-thumb-placeholder{display:grid;place-items:center;font-size:1.05rem;font-weight:var(--universe-font-weight-display-strong);color:#170f05;background:linear-gradient(135deg,var(--ua-shell-gold),#f5d486)}.hustle-product-name-link{color:var(--ua-shell-ink);font-weight:var(--universe-font-weight-title);text-decoration:none;overflow-wrap:anywhere;word-break:normal}.hustle-product-cell-value{color:var(--ua-shell-ink);min-width:0;word-break:break-word}.hustle-product-cell-actions{justify-content:flex-end;gap:0.35rem;flex-wrap:wrap}.hustle-status-pill,.hustle-availability-pill{flex:none;border-radius:999rem;padding:0.15rem 0.5rem;font-size:0.68rem;font-weight:var(--universe-font-weight-strong);text-transform:uppercase;letter-spacing:0.03em;border:1px solid var(--ua-shell-line);color:var(--ua-shell-muted)}.hustle-status-active{color:#0c2a16;background:#7ee0a6;border-color:transparent}.hustle-status-draft{color:var(--ua-shell-gold)}.hustle-status-archived{opacity:0.7}.hustle-availability-in{color:#0c2a16;background:#7ee0a6;border-color:transparent}.hustle-availability-low{color:#2a1f06;background:#f5d486;border-color:transparent}.hustle-availability-out{color:#2a0c0c;background:#f0a3a3;border-color:transparent}.hustle-availability-available{color:var(--ua-shell-muted)}.hustle-product-price{font-weight:var(--universe-font-weight-display-strong);color:var(--ua-shell-ink)}.hustle-product-compare{color:var(--ua-shell-muted);text-decoration:line-through;font-size:0.82rem}.hustle-product-summary{display:flex;gap:0.9rem;align-items:flex-start;flex-wrap:wrap}.hustle-product-summary-thumb{width:5.5rem;height:5.5rem;border-radius:0.6rem;object-fit:cover;flex:0 0 auto;background:rgba(255,255,255,0.04)}.hustle-product-summary-detail{min-width:0;flex:1 1 14rem}.hustle-product-summary-title{font-weight:var(--universe-font-weight-display-strong);margin:0 0 0.4rem}.hustle-product-summary-list{display:grid;grid-template-columns:auto 1fr;gap:0.2rem 0.8rem;margin:0}.hustle-product-summary-term{color:var(--ua-shell-muted);font-weight:var(--universe-font-weight-title);font-size:0.82rem}.hustle-product-summary-value{color:var(--ua-shell-ink);font-size:0.82rem;word-break:break-word}.hustle-product-dialog-actions{display:flex;justify-content:flex-end;gap:0.6rem;flex-wrap:wrap}@media (max-width:32rem){.hustle-catalog-results[data-hustle-catalog-view="list"] .hustle-product-row-head{display:none}.hustle-catalog-results[data-hustle-catalog-view="list"] .hustle-product-row{grid-template-columns:1fr;gap:0.4rem}.hustle-catalog-results[data-hustle-catalog-view="list"] .hustle-product-rownav{grid-column:1 / -1;display:flex;flex-direction:column;align-items:stretch;gap:0.4rem;min-width:0}.hustle-catalog-results[data-hustle-catalog-view="list"] .hustle-product-cell-label{display:inline}.hustle-catalog-results[data-hustle-catalog-view="list"] .hustle-product-cell-actions{justify-content:flex-start}.hustle-catalog-results[data-hustle-catalog-view="list"] .hustle-product-cell-thumb{display:block}.hustle-catalog-results[data-hustle-catalog-view="list"] .hustle-product-thumb,.hustle-catalog-results[data-hustle-catalog-view="list"] .hustle-product-thumb-placeholder{width:3.4rem;height:3.4rem}}.hustle-empty{display:grid;justify-items:center;text-align:center;gap:0.65rem;padding:2.4rem 1.5rem}.hustle-empty-art{font-size:2.6rem}.hustle-empty-title{margin:0;font-size:1.3rem;font-weight:var(--universe-font-weight-display-strong)}.hustle-empty-copy{margin:0;color:var(--ua-shell-muted);max-width:48ch;line-height:1.55}.hustle-product-form{display:grid;gap:1.4rem;padding:1.3rem;margin-top:1rem}.hustle-form-group{border:1px solid var(--ua-shell-line);border-radius:var(--ua-shell-radius);padding:1rem 1.1rem 1.15rem;margin:0}.hustle-form-legend{padding:0 0.5rem;font-weight:var(--universe-font-weight-display-strong);color:var(--ua-shell-gold)}.hustle-form-hint{margin:0 0 0.9rem;color:var(--ua-shell-muted);font-size:0.9rem;line-height:1.5}.hustle-form-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(13.75rem,1fr));gap:0.9rem}.hustle-field{display:grid;gap:0.35rem}.hustle-field-label{font-weight:var(--universe-font-weight-title);font-size:0.86rem}.hustle-field-required{color:var(--ua-shell-gold)}.hustle-input{width:100%;min-height:2.6rem;padding:0.55rem 0.7rem;border-radius:0.7rem;border:1px solid var(--ua-shell-line);background:rgba(0,0,0,0.32);color:var(--dashboard-text,#fff7e8);font:inherit}.hustle-textarea{min-height:5.5rem;resize:vertical}.hustle-form-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:0.8rem;max-width:100%;min-width:0;box-sizing:border-box}.hustle-form-status{margin:0;color:var(--ua-shell-gold);font-weight:var(--universe-font-weight-title);min-height:1.2rem}.hustle-form-actions{display:flex;flex-wrap:wrap;gap:0.6rem;max-width:100%;min-width:0;box-sizing:border-box}.ua-wizard,section.ua-wizard,uae,.hustle-form-footer,.hustle-form-actions,.hustle-form-footer .dashboard-secondary-action{max-width:100%;min-width:0;box-sizing:border-box}.ua-wizard,section.ua-wizard{overflow-x:clip;width:100%}.hustle-form-footer,.hustle-form-actions{width:100%;overflow-x:clip}.hustle-form-actions .dashboard-secondary-action,.hustle-form-actions a{max-width:100%;flex:0 1 auto;box-sizing:border-box}.hustle-note{padding:1.2rem}.hustle-note-title{margin:0 0 0.35rem;font-weight:var(--universe-font-weight-strong)}.hustle-note-copy{margin:0;color:var(--ua-shell-muted)}.platform-backgrounds-dashboard{display:grid;gap:1.1rem}.platform-background-panel-title{margin:0;font-size:1.2rem;font-weight:var(--universe-font-weight-strong)}.platform-background-surface-status{margin:0;min-height:0;color:var(--ua-shell-muted);font-size:0.92rem}.platform-background-surface-status:empty{display:none}.platform-background-results{display:grid;grid-template-columns:repeat(auto-fill,minmax(13rem,1fr));gap:1rem;align-items:start}.platform-background-row{position:relative;overflow:hidden;border:var(--ua-shell-elev-2-border);border-radius:0.65rem;background:var(--ua-glass-text-led);box-shadow:var(--universe-elev-2-shadow);backdrop-filter:var(--ua-glass-frost);-webkit-backdrop-filter:var(--ua-glass-frost)}.platform-background-results[data-platform-background-view="card"] .platform-background-row:not(.platform-background-row-head){display:flex;flex-direction:column;align-items:stretch;gap:0.5rem;padding:0.85rem 0.9rem}.platform-background-results[data-platform-background-view="card"] .platform-background-row-content{display:flex;flex-direction:column;align-items:stretch;gap:0.5rem;min-width:0}.platform-background-thumb{width:100%;aspect-ratio:4 / 5;object-fit:cover;border-radius:0.5rem;background:rgba(255,255,255,0.04)}.platform-background-cell{display:flex;flex-wrap:wrap;align-items:baseline;gap:0.35rem;min-width:0;margin:0;font-size:0.86rem;color:var(--ua-shell-muted)}.platform-background-cell-value{color:var(--universe-color-text,#fff);overflow-wrap:anywhere}.platform-background-cell-label{font-size:0.7rem;font-weight:var(--universe-font-weight-title);text-transform:uppercase;letter-spacing:0.04em;color:var(--ua-shell-muted)}.platform-background-cell-thumb{display:block}.platform-background-status-pill{display:inline-flex;align-items:center;gap:0.3rem;padding:0.15rem 0.6rem;border-radius:62.4375rem;font-size:0.74rem;font-weight:var(--universe-font-weight-title);background:var(--ua-glass-text-led);box-shadow:var(--universe-elev-1-shadow);backdrop-filter:var(--ua-glass-frost);-webkit-backdrop-filter:var(--ua-glass-frost)}.platform-background-status-pill.status-pending{box-shadow:inset 0 0 0 0.08rem rgba(196,141,47,0.7)}.platform-background-status-pill.status-approved{box-shadow:inset 0 0 0 0.08rem rgba(120,200,140,0.6)}.platform-background-status-pill.status-rejected,.platform-background-status-pill.status-retired{box-shadow:inset 0 0 0 0.08rem rgba(220,120,120,0.5)}.platform-background-disabled-tag{display:inline-flex;padding:0.1rem 0.5rem;border-radius:62.4375rem;font-size:0.7rem;font-weight:var(--universe-font-weight-title);box-shadow:inset 0 0 0 0.08rem rgba(160,160,170,0.5)}.platform-background-cell-actions{display:flex;flex-wrap:wrap;align-items:center;gap:0.5rem;margin-top:0.2rem}.platform-background-action{display:inline-flex;align-items:center;justify-content:center;min-height:2.75rem;text-decoration:none}.platform-background-action-danger{color:#f0b6b6}.platform-background-confirm-danger{box-shadow:inset 0 0 0 0.08rem rgba(220,120,120,0.55)}.platform-background-row-head{display:none}.platform-background-empty{grid-column:1 / -1;margin:0;padding:1.4rem;text-align:center;color:var(--ua-shell-muted)}.platform-background-empty[hidden]{display:none}.platform-background-results[data-platform-background-view="list"]{display:grid;grid-template-columns:minmax(0,1fr);gap:0.35rem;--pbg-cols:3.25rem minmax(7rem,1fr) minmax(6rem,0.8fr) minmax(4rem,0.5fr) minmax(3.5rem,0.4fr) minmax(6rem,0.7fr) minmax(9.5rem,0.95fr)}.platform-background-results[data-platform-background-view="list"] .platform-background-row-head{display:grid;grid-template-columns:var(--pbg-cols);gap:0.7rem;align-items:center;padding:0.35rem 0.7rem;font-size:0.7rem;font-weight:var(--universe-font-weight-strong);text-transform:uppercase;letter-spacing:0.05em;color:var(--ua-shell-muted)}.platform-background-results[data-platform-background-view="list"] .platform-background-row:not(.platform-background-row-head){display:grid;grid-template-columns:var(--pbg-cols);gap:0.7rem;align-items:center;padding:0.5rem 0.7rem;overflow:hidden}.platform-background-results[data-platform-background-view="list"] .platform-background-thumb{width:3.25rem;aspect-ratio:1 / 1;border-radius:0.35rem}.platform-background-results[data-platform-background-view="list"] .platform-background-cell-label{display:none}.platform-background-results[data-platform-background-view="list"] .platform-background-cell{font-size:0.85rem}.platform-background-results[data-platform-background-view="list"] .platform-background-cell-actions{margin-top:0;justify-content:flex-end}@media (max-width:48rem){.platform-background-results[data-platform-background-view="list"] .platform-background-row-head{display:none}.platform-background-results[data-platform-background-view="list"] .platform-background-row:not(.platform-background-row-head){grid-template-columns:1fr;gap:0.4rem}.platform-background-results[data-platform-background-view="list"] .platform-background-row-content{grid-column:1 / -1;display:flex;flex-direction:column;align-items:stretch;gap:0.4rem;min-width:0}.platform-background-results[data-platform-background-view="list"] .platform-background-cell-label{display:inline}.platform-background-results[data-platform-background-view="list"] .platform-background-cell-actions{justify-content:flex-start}}.platform-background-row-hint-glyph{font-weight:var(--universe-font-weight-display-strong);letter-spacing:0.03em}.platform-background-summary{display:grid;gap:0.8rem}.platform-background-summary-thumb{width:100%;max-width:18rem;aspect-ratio:4 / 5;object-fit:cover;border-radius:0.6rem;background:rgba(255,255,255,0.04)}.platform-background-summary-list{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:0.3rem 1rem;margin:0}.platform-background-summary-term{color:var(--ua-shell-muted);font-weight:var(--universe-font-weight-title)}.platform-background-summary-detail{margin:0;overflow-wrap:anywhere}.platform-background-confirm-body{display:grid;gap:1rem}.platform-background-dialog-actions{display:flex;flex-wrap:wrap;gap:0.6rem;justify-content:flex-end}.platform-background-wizard{display:grid;gap:1rem}.platform-background-wizard-thumb{width:100%;max-width:20rem;aspect-ratio:4 / 5;object-fit:cover;border-radius:0.6rem;background:rgba(255,255,255,0.04)}.platform-background-upload-status,.platform-background-wizard-status{margin:0;min-height:1.1rem;color:var(--ua-shell-muted);font-size:0.92rem}.platform-backgrounds-notice{display:grid;gap:1rem}.inventory-locations-dashboard{display:grid;gap:1rem}.inventory-location-surface-status{margin:0;min-height:0;color:var(--ua-shell-muted);font-size:0.92rem}.inventory-location-surface-status:empty{display:none}.inventory-location-results{display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:1rem;align-items:start}.inventory-location-row{position:relative;overflow:hidden;border:var(--ua-shell-elev-2-border);border-radius:0.65rem;background:var(--ua-glass-text-led);box-shadow:var(--universe-elev-2-shadow);backdrop-filter:var(--ua-glass-frost);-webkit-backdrop-filter:var(--ua-glass-frost)}.inventory-location-cell{display:flex;flex-wrap:wrap;align-items:baseline;gap:0.35rem;min-width:0;margin:0;font-size:0.86rem;color:var(--ua-shell-muted)}.inventory-location-name{color:var(--universe-color-text,#fff);font-weight:var(--universe-font-weight-title);overflow-wrap:anywhere}.inventory-location-cell-value{color:var(--universe-color-text,#fff);overflow-wrap:anywhere}.inventory-location-cell-label{font-size:0.7rem;font-weight:var(--universe-font-weight-title);text-transform:uppercase;letter-spacing:0.04em;color:var(--ua-shell-muted)}.inventory-location-pill{display:inline-flex;align-items:center;padding:0.15rem 0.6rem;border-radius:62.4375rem;font-size:0.74rem;font-weight:var(--universe-font-weight-title);background:rgba(8,10,15,0.62)}.inventory-location-pill-online{box-shadow:inset 0 0 0 0.08rem rgba(120,200,140,0.6)}.inventory-location-pill-offline{box-shadow:inset 0 0 0 0.08rem rgba(160,160,170,0.5)}.inventory-location-default-tag{display:inline-flex;padding:0.1rem 0.5rem;border-radius:62.4375rem;font-size:0.72rem;font-weight:var(--universe-font-weight-title);color:var(--universe-color-text,#fff);box-shadow:inset 0 0 0 0.08rem rgba(196,141,47,0.65)}.inventory-location-removed-tag{display:inline-flex;margin-inline-start:0.5rem;padding:0.1rem 0.5rem;border-radius:62.4375rem;font-size:0.72rem;font-weight:var(--universe-font-weight-title);color:var(--universe-color-text,#fff);box-shadow:inset 0 0 0 0.08rem rgba(200,120,120,0.7)}.inventory-location-row-removed .inventory-location-rownav{opacity:0.6}.inventory-location-row-removed .inventory-location-name{text-decoration:line-through;text-decoration-thickness:0.06rem}.inventory-location-results[data-inventory-location-view="card"] .inventory-location-row:not(.inventory-location-row-head){display:flex;flex-direction:column;align-items:stretch;gap:0.5rem;padding:0.85rem 0.9rem}.inventory-location-results[data-inventory-location-view="card"] .inventory-location-rownav{display:flex;flex-direction:column;align-items:stretch;gap:0.5rem;min-width:0}.inventory-location-cell-actions{display:flex;flex-wrap:wrap;align-items:center;gap:0.5rem;margin-top:0.2rem}.inventory-location-action{display:inline-flex;align-items:center;justify-content:center;min-height:2.75rem;text-decoration:none}.inventory-location-action-danger{color:#f0b6b6}.inventory-location-confirm-danger{box-shadow:inset 0 0 0 0.08rem rgba(220,120,120,0.55)}.inventory-location-row-head{display:none}.inventory-location-empty{grid-column:1 / -1;margin:0;padding:1.4rem;text-align:center;color:var(--ua-shell-muted)}.inventory-location-empty[hidden]{display:none}.inventory-location-results[data-inventory-location-view="list"]{display:grid;grid-template-columns:minmax(0,1fr);gap:0.35rem;--invloc-cols:minmax(9rem,1.4fr) minmax(6rem,0.7fr) minmax(5rem,0.5fr) minmax(5rem,0.5fr) minmax(9rem,0.9fr)}.inventory-location-results[data-inventory-location-view="list"] .inventory-location-row-head{display:grid;grid-template-columns:var(--invloc-cols);gap:0.7rem;align-items:center;padding:0.35rem 0.9rem;font-size:0.7rem;font-weight:var(--universe-font-weight-strong);text-transform:uppercase;letter-spacing:0.05em;color:var(--ua-shell-muted)}.inventory-location-results[data-inventory-location-view="list"] .inventory-location-row:not(.inventory-location-row-head){display:grid;grid-template-columns:var(--invloc-cols);gap:0.7rem;align-items:center;padding:0.5rem 0.9rem;overflow:hidden}.inventory-location-results[data-inventory-location-view="list"] .inventory-location-cell-label{display:none}.inventory-location-results[data-inventory-location-view="list"] .inventory-location-cell{font-size:0.85rem}.inventory-location-results[data-inventory-location-view="list"] .inventory-location-cell-actions{margin-top:0;justify-content:flex-end}.inventory-location-summary{display:grid;gap:0.8rem}.inventory-location-summary-list{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:0.3rem 1rem;margin:0}.inventory-location-summary-term{color:var(--ua-shell-muted);font-weight:var(--universe-font-weight-title)}.inventory-location-summary-detail{margin:0;overflow-wrap:anywhere}.inventory-location-confirm-body{display:grid;gap:1rem}.inventory-location-dialog-actions{display:flex;flex-wrap:wrap;gap:0.6rem;justify-content:flex-end}.inventory-location-wizard{display:grid;gap:1rem}.inventory-location-wizard-status{margin:0;min-height:1.1rem;color:var(--ua-shell-muted);font-size:0.92rem}.contact-submissions-dashboard{display:grid;gap:1rem}.contact-submission-surface-status{margin:0;min-height:0;color:var(--ua-shell-muted);font-size:0.92rem}.contact-submission-surface-status:empty{display:none}.contact-submissions-notice .dashboard-card{display:grid;gap:0.5rem}.contact-submission-panel-title{margin:0;font-size:1.2rem;font-weight:var(--universe-font-weight-strong)}.contact-submission-results{display:grid;grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));gap:1rem;align-items:start}.contact-submission-row{position:relative;overflow:hidden;border:var(--ua-shell-elev-2-border);border-radius:0.65rem;background:var(--ua-glass-text-led);box-shadow:var(--universe-elev-2-shadow);backdrop-filter:var(--ua-glass-frost);-webkit-backdrop-filter:var(--ua-glass-frost)}.contact-submission-results[data-contact-submission-view="card"] .contact-submission-row:not(.contact-submission-row-head){display:flex;flex-direction:column;align-items:stretch;gap:0.5rem;padding:0.85rem 0.9rem}.contact-submission-results[data-contact-submission-view="card"] .contact-submission-row-content{display:flex;flex-direction:column;align-items:stretch;gap:0.5rem;min-width:0}.contact-submission-cell{display:flex;flex-wrap:wrap;align-items:baseline;gap:0.35rem;min-width:0;margin:0;font-size:0.86rem;color:var(--ua-shell-muted)}.contact-submission-cell-from{flex-direction:column;align-items:flex-start;gap:0.15rem}.contact-submission-from{color:var(--universe-color-text,#fff);font-weight:var(--universe-font-weight-title);overflow-wrap:anywhere}.contact-submission-preview{color:var(--ua-shell-muted);font-size:0.82rem;overflow-wrap:anywhere}.contact-submission-cell-value{color:var(--universe-color-text,#fff);overflow-wrap:anywhere}.contact-submission-cell-label{font-size:0.7rem;font-weight:var(--universe-font-weight-title);text-transform:uppercase;letter-spacing:0.04em;color:var(--ua-shell-muted)}.contact-submission-status-pill,.contact-submission-pill{display:inline-flex;align-items:center;padding:0.15rem 0.6rem;border-radius:62.4375rem;font-size:0.74rem;font-weight:var(--universe-font-weight-title);background:rgba(8,10,15,0.62)}.contact-submission-status-pill.status-new{box-shadow:inset 0 0 0 0.08rem rgba(196,141,47,0.6)}.contact-submission-status-pill.status-needs-reply{box-shadow:inset 0 0 0 0.08rem rgba(120,170,220,0.6)}.contact-submission-status-pill.status-reviewed{box-shadow:inset 0 0 0 0.08rem rgba(120,200,140,0.6)}.contact-submission-status-pill.status-archived{box-shadow:inset 0 0 0 0.08rem rgba(160,160,170,0.5)}.contact-submission-status-pill.status-spam{box-shadow:inset 0 0 0 0.08rem rgba(200,120,120,0.6)}.contact-submission-pill-verified{box-shadow:inset 0 0 0 0.08rem rgba(120,200,140,0.6)}.contact-submission-pill-unverified{box-shadow:inset 0 0 0 0.08rem rgba(160,160,170,0.5)}.contact-submission-cell-actions{display:flex;flex-wrap:wrap;align-items:center;gap:0.5rem;margin-top:0.2rem}.contact-submission-action{display:inline-flex;align-items:center;justify-content:center;min-height:2.75rem;text-decoration:none}.contact-submission-confirm-spam{box-shadow:inset 0 0 0 0.08rem rgba(220,120,120,0.55)}.contact-submission-row-head{display:none}.contact-submission-empty{grid-column:1 / -1;margin:0;padding:1.4rem;text-align:center;color:var(--ua-shell-muted)}.contact-submission-empty[hidden]{display:none}.contact-submission-results[data-contact-submission-view="list"]{display:grid;grid-template-columns:minmax(0,1fr);gap:0.35rem;--contactsub-cols:minmax(11rem,1.6fr) minmax(6rem,0.7fr) minmax(6rem,0.6fr) minmax(6rem,0.6fr) minmax(6rem,0.6fr) minmax(9rem,0.9fr)}.contact-submission-results[data-contact-submission-view="list"] .contact-submission-row-head{display:grid;grid-template-columns:var(--contactsub-cols);gap:0.7rem;align-items:center;padding:0.35rem 0.9rem;font-size:0.7rem;font-weight:var(--universe-font-weight-strong);text-transform:uppercase;letter-spacing:0.05em;color:var(--ua-shell-muted)}.contact-submission-results[data-contact-submission-view="list"] .contact-submission-row:not(.contact-submission-row-head){display:grid;grid-template-columns:var(--contactsub-cols);gap:0.7rem;align-items:center;padding:0.5rem 0.9rem;overflow:hidden}.contact-submission-results[data-contact-submission-view="list"] .contact-submission-cell-label{display:none}.contact-submission-results[data-contact-submission-view="list"] .contact-submission-preview{display:none}.contact-submission-results[data-contact-submission-view="list"] .contact-submission-cell{font-size:0.85rem}.contact-submission-results[data-contact-submission-view="list"] .contact-submission-cell-actions{margin-top:0;justify-content:flex-end}@media (max-width:48rem){.contact-submission-results[data-contact-submission-view="list"] .contact-submission-row-head{display:none}.contact-submission-results[data-contact-submission-view="list"] .contact-submission-row:not(.contact-submission-row-head){grid-template-columns:1fr;gap:0.4rem}.contact-submission-results[data-contact-submission-view="list"] .contact-submission-row-content{grid-column:1 / -1;display:flex;flex-direction:column;align-items:stretch;gap:0.4rem;min-width:0}.contact-submission-results[data-contact-submission-view="list"] .contact-submission-cell-label{display:inline}.contact-submission-results[data-contact-submission-view="list"] .contact-submission-cell-actions{justify-content:flex-start}}.contact-submission-row-hint-glyph{font-weight:var(--universe-font-weight-display-strong);letter-spacing:0.03em}.contact-submission-summary{display:grid;gap:0.8rem}.contact-submission-summary-list{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:0.3rem 1rem;margin:0}.contact-submission-summary-term{color:var(--ua-shell-muted);font-weight:var(--universe-font-weight-title)}.contact-submission-summary-detail{margin:0;overflow-wrap:anywhere}.contact-submission-summary-message{display:grid;gap:0.3rem}.contact-submission-summary-body{margin:0;padding:0.7rem 0.9rem;border-radius:0.5rem;background:rgba(8,10,15,0.5);overflow-wrap:anywhere;white-space:pre-wrap}.contact-submission-confirm-body{display:grid;gap:1rem}.contact-submission-dialog-actions{display:flex;flex-wrap:wrap;gap:0.6rem;justify-content:flex-end}.contact-submission-wizard{display:grid;gap:1rem}.contact-submission-wizard-status{margin:0;min-height:1.1rem;color:var(--ua-shell-muted);font-size:0.92rem}.workflow-authoring-dashboard{display:grid;gap:1.1rem}.workflow-panel-title{margin:0;font-size:1.2rem;font-weight:var(--universe-font-weight-strong)}.workflow-panel-subtitle{margin:0;font-size:1.05rem;font-weight:var(--universe-font-weight-title)}.workflow-context-needed{display:grid;gap:0.5rem;padding:1.4rem}.workflow-surface-status{margin:0;min-height:1.1rem;color:var(--ua-shell-muted);font-size:0.92rem}.workflow-surface-status:empty{display:none}.workflow-results{display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:1rem;align-items:start}.workflow-row{position:relative;overflow:hidden;border:var(--ua-shell-elev-2-border);border-radius:0.65rem;background:var(--ua-glass-text-led);box-shadow:var(--universe-elev-2-shadow);backdrop-filter:var(--ua-glass-frost);-webkit-backdrop-filter:var(--ua-glass-frost)}.workflow-results[data-workflow-view="card"] .workflow-row:not(.workflow-row-head){display:flex;flex-direction:column;align-items:stretch;gap:0.5rem;padding:0.85rem 0.9rem}.workflow-results[data-workflow-view="card"] .workflow-row-content{display:flex;flex-direction:column;align-items:stretch;gap:0.5rem;min-width:0}.workflow-cell{display:flex;flex-wrap:wrap;align-items:baseline;gap:0.35rem;min-width:0;margin:0;font-size:0.86rem;color:var(--ua-shell-muted)}.workflow-name{color:var(--universe-color-text,#fff);font-weight:var(--universe-font-weight-title);overflow-wrap:anywhere}.workflow-cell-value{color:var(--universe-color-text,#fff);overflow-wrap:anywhere}.workflow-cell-label{font-size:0.7rem;font-weight:var(--universe-font-weight-title);text-transform:uppercase;letter-spacing:0.04em;color:var(--ua-shell-muted)}.workflow-status-pill{display:inline-flex;align-items:center;padding:0.15rem 0.6rem;border-radius:62.4375rem;font-size:0.74rem;font-weight:var(--universe-font-weight-title);background:rgba(8,10,15,0.62)}.workflow-status-enabled{box-shadow:inset 0 0 0 0.08rem rgba(141,240,177,0.6);color:#8df0b1}.workflow-status-disabled{box-shadow:inset 0 0 0 0.08rem rgba(160,160,170,0.5)}.workflow-status-paused{box-shadow:inset 0 0 0 0.08rem rgba(196,141,47,0.6)}.workflow-status-archived{box-shadow:inset 0 0 0 0.08rem rgba(160,160,170,0.4)}.workflow-archived-tag{display:inline-flex;margin-inline-start:0.5rem;padding:0.1rem 0.5rem;border-radius:62.4375rem;font-size:0.72rem;font-weight:var(--universe-font-weight-title);color:var(--universe-color-text,#fff);box-shadow:inset 0 0 0 0.08rem rgba(160,160,170,0.6)}.workflow-row-archived .workflow-row-content{opacity:0.6}.workflow-row-archived .workflow-name{text-decoration:line-through;text-decoration-thickness:0.06rem}.workflow-cell-actions{display:flex;flex-wrap:wrap;align-items:center;gap:0.5rem;margin-top:0.2rem}.workflow-action-danger{color:#f0b6b6}.workflow-confirm-danger{box-shadow:inset 0 0 0 0.08rem rgba(220,120,120,0.55)}.workflow-row-head{display:none}.workflow-empty{grid-column:1 / -1;margin:0;padding:1.4rem;text-align:center;color:var(--ua-shell-muted)}.workflow-empty[hidden]{display:none}.workflow-results[data-workflow-view="list"]{display:grid;grid-template-columns:minmax(0,1fr);gap:0.35rem;--workflow-cols:minmax(9rem,1.5fr) minmax(8rem,1.1fr) minmax(5rem,0.6fr) minmax(9rem,0.9fr)}.workflow-results[data-workflow-view="list"] .workflow-row-head{display:grid;grid-template-columns:var(--workflow-cols);gap:0.7rem;align-items:center;padding:0.35rem 0.9rem;font-size:0.7rem;font-weight:var(--universe-font-weight-strong);text-transform:uppercase;letter-spacing:0.05em;color:var(--ua-shell-muted)}.workflow-results[data-workflow-view="list"] .workflow-row:not(.workflow-row-head){display:grid;grid-template-columns:var(--workflow-cols);gap:0.7rem;align-items:center;padding:0.5rem 0.9rem;overflow:hidden}.workflow-results[data-workflow-view="list"] .workflow-cell-label{display:none}.workflow-results[data-workflow-view="list"] .workflow-cell{font-size:0.85rem}.workflow-results[data-workflow-view="list"] .workflow-cell-actions{margin-top:0;justify-content:flex-end}@media (max-width:48rem){.workflow-results[data-workflow-view="list"] .workflow-row-head{display:none}.workflow-results[data-workflow-view="list"] .workflow-row:not(.workflow-row-head){grid-template-columns:1fr;gap:0.4rem}.workflow-results[data-workflow-view="list"] .workflow-row-content{grid-column:1 / -1;display:flex;flex-direction:column;align-items:stretch;gap:0.4rem;min-width:0}.workflow-results[data-workflow-view="list"] .workflow-cell-label{display:inline}.workflow-results[data-workflow-view="list"] .workflow-cell-actions{justify-content:flex-start}}.workflow-row-hint-glyph{font-weight:var(--universe-font-weight-display-strong);letter-spacing:0.03em}.workflow-summary{display:grid;gap:0.7rem}.workflow-summary-list{display:grid;grid-template-columns:auto 1fr;gap:0.35rem 1rem;margin:0}.workflow-summary-term{font-size:0.72rem;font-weight:var(--universe-font-weight-strong);text-transform:uppercase;letter-spacing:0.04em;color:var(--ua-shell-muted)}.workflow-summary-detail{margin:0;color:var(--universe-color-text,#fff);overflow-wrap:anywhere}.workflow-summary-steps{margin:0;padding-inline-start:1.2rem;display:grid;gap:0.25rem}.workflow-summary-step{color:var(--universe-color-text,#fff)}.audiences-dashboard{display:grid;gap:1.1rem}.audiences-panel-title{margin:0;font-size:1.2rem;font-weight:var(--universe-font-weight-strong)}.audiences-panel-subtitle{margin:0;font-size:1.05rem;font-weight:var(--universe-font-weight-title)}.audiences-context-needed,.audiences-service-unavailable{display:grid;gap:0.5rem;padding:1.4rem}.audiences-surface-status{margin:0;min-height:1.1rem;color:var(--ua-shell-muted);font-size:0.92rem}.audiences-surface-status:empty{display:none}.audiences-results{display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:1rem;align-items:start}.audience-row{position:relative;overflow:hidden;border:var(--ua-shell-elev-2-border);border-radius:0.65rem;background:var(--ua-glass-text-led);box-shadow:var(--universe-elev-2-shadow);backdrop-filter:var(--ua-glass-frost);-webkit-backdrop-filter:var(--ua-glass-frost)}.audiences-results[data-audiences-view="card"] .audience-row:not(.audience-row-head),.audiences-results:not([data-audiences-view]) .audience-row:not(.audience-row-head){display:flex;flex-direction:column;gap:0.5rem;padding:0.85rem 0.9rem}.audiences-results[data-audiences-view="card"] .audience-row-content,.audiences-results:not([data-audiences-view]) .audience-row-content{display:flex;flex-direction:column;align-items:stretch;gap:0.5rem;min-width:0}.audience-cell{display:flex;flex-wrap:wrap;align-items:baseline;gap:0.35rem;min-width:0;margin:0;font-size:0.86rem;color:var(--ua-shell-muted)}.audience-name{color:var(--universe-color-text,#fff);font-weight:var(--universe-font-weight-title);overflow-wrap:anywhere}.audience-cell-value{color:var(--universe-color-text,#fff);overflow-wrap:anywhere}.audience-cell-label{font-size:0.7rem;font-weight:var(--universe-font-weight-title);text-transform:uppercase;letter-spacing:0.04em;color:var(--ua-shell-muted)}.audience-computed-tag{display:inline-flex;margin-inline-start:0.5rem;padding:0.1rem 0.5rem;border-radius:62.4375rem;font-size:0.72rem;font-weight:var(--universe-font-weight-title);color:var(--universe-color-text,#fff);box-shadow:inset 0 0 0 0.08rem rgba(160,160,170,0.6)}.audience-row-computed .audience-row-content{opacity:0.72}.audience-cell-actions{display:flex;flex-wrap:wrap;align-items:center;gap:0.5rem;margin-top:0.2rem}.audience-row-head{display:none}.audiences-empty{grid-column:1 / -1;margin:0;padding:1.4rem;text-align:center;color:var(--ua-shell-muted)}.audiences-empty[hidden]{display:none}.audiences-results[data-audiences-view="list"]{display:grid;grid-template-columns:minmax(0,1fr);gap:0.35rem;--audience-cols:minmax(9rem,1.6fr) minmax(6rem,0.8fr) minmax(5rem,0.7fr) minmax(7rem,0.9fr) minmax(9rem,0.9fr)}.audiences-results[data-audiences-view="list"] .audience-row-head{display:grid;grid-template-columns:var(--audience-cols);gap:0.7rem;align-items:center;padding:0.35rem 0.9rem;font-size:0.7rem;font-weight:var(--universe-font-weight-strong);text-transform:uppercase;letter-spacing:0.05em;color:var(--ua-shell-muted)}.audiences-results[data-audiences-view="list"] .audience-row:not(.audience-row-head){display:grid;grid-template-columns:var(--audience-cols);gap:0.7rem;align-items:center;padding:0.5rem 0.9rem;overflow:hidden}.audiences-results[data-audiences-view="list"] .audience-cell-label{display:none}.audiences-results[data-audiences-view="list"] .audience-cell{font-size:0.85rem}.audiences-results[data-audiences-view="list"] .audience-cell-actions{margin-top:0;justify-content:flex-end}@media (max-width:48rem){.audiences-results[data-audiences-view="list"] .audience-row-head{display:none}.audiences-results[data-audiences-view="list"] .audience-row:not(.audience-row-head){grid-template-columns:1fr;gap:0.4rem}.audiences-results[data-audiences-view="list"] .audience-row-content{grid-column:1 / -1;display:flex;flex-direction:column;align-items:stretch;gap:0.4rem;min-width:0}.audiences-results[data-audiences-view="list"] .audience-cell-label{display:inline}.audiences-results[data-audiences-view="list"] .audience-cell-actions{justify-content:flex-start}}.audience-summary{display:grid;gap:0.7rem}.audience-summary-list{display:grid;grid-template-columns:auto 1fr;gap:0.35rem 1rem;margin:0}.audience-summary-term{font-size:0.72rem;font-weight:var(--universe-font-weight-strong);text-transform:uppercase;letter-spacing:0.04em;color:var(--ua-shell-muted)}.audience-summary-detail{margin:0;color:var(--universe-color-text,#fff);overflow-wrap:anywhere}.audience-coming-soon{display:grid;gap:0.4rem;padding:1.1rem}.audience-members{display:grid;gap:1.1rem}.audience-members-header{display:grid;gap:0.4rem}.audience-members-surface-status{margin:0;min-height:1.1rem;color:var(--ua-shell-muted);font-size:0.92rem}.audience-members-surface-status:empty{display:none}.audience-add-member,.audience-import-members{display:grid;gap:0.7rem;padding:1.1rem}.audience-member-list{display:grid;gap:0.35rem;--audience-member-cols:minmax(9rem,1.4fr) minmax(7rem,1fr) minmax(6rem,0.6fr)}.audience-member-row{display:grid;grid-template-columns:var(--audience-member-cols);gap:0.7rem;align-items:center;padding:0.5rem 0.9rem;border:var(--ua-shell-elev-2-border);border-radius:0.55rem;background:var(--ua-glass-text-led)}.audience-member-row-head{border:0;background:none;padding:0.35rem 0.9rem;font-size:0.7rem;font-weight:var(--universe-font-weight-strong);text-transform:uppercase;letter-spacing:0.05em;color:var(--ua-shell-muted)}.audience-member-row-suppressed{opacity:0.72}.audience-member-cell{display:flex;align-items:baseline;gap:0.35rem;min-width:0;margin:0;color:var(--universe-color-text,#fff);overflow-wrap:anywhere}.audience-member-cell-label{display:none}.audience-member-pill{display:inline-flex;align-items:center;padding:0.15rem 0.6rem;border-radius:62.4375rem;font-size:0.74rem;font-weight:var(--universe-font-weight-title);background:rgba(8,10,15,0.62)}.audience-member-pill-active{box-shadow:inset 0 0 0 0.08rem rgba(141,240,177,0.6);color:#8df0b1}.audience-member-pill-suppressed{box-shadow:inset 0 0 0 0.08rem rgba(196,141,47,0.6);color:#e6b866}.audience-members-pager{display:flex;flex-wrap:wrap;gap:0.6rem;margin-top:0.4rem}.audience-members-empty{margin:0;padding:1rem;color:var(--ua-shell-muted)}@media (max-width:40rem){.audience-member-list{--audience-member-cols:minmax(0,1fr)}.audience-member-row{grid-template-columns:minmax(0,1fr);gap:0.3rem}.audience-member-row-head{display:none}.audience-member-cell-label{display:inline;font-size:0.7rem;text-transform:uppercase;letter-spacing:0.04em;color:var(--ua-shell-muted)}}.website-access-results{display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:1rem;align-items:start}.website-access-row{position:relative;overflow:hidden;border:var(--ua-shell-elev-2-border);border-radius:0.65rem;background:var(--ua-glass-text-led);box-shadow:var(--universe-elev-2-shadow);backdrop-filter:var(--ua-glass-frost);-webkit-backdrop-filter:var(--ua-glass-frost)}.website-access-results[data-website-access-view="card"] .website-access-row:not(.website-access-row-head){display:flex;flex-direction:column;align-items:stretch;gap:0.5rem;padding:0.85rem 0.9rem}.website-access-results[data-website-access-view="card"] .website-access-row-content{display:flex;flex-direction:column;align-items:stretch;gap:0.5rem;min-width:0}.website-access-cell{display:flex;flex-wrap:wrap;align-items:baseline;gap:0.35rem;min-width:0;margin:0;font-size:0.86rem;color:var(--ua-shell-muted)}.website-access-person{color:var(--universe-color-text,#fff);font-weight:var(--universe-font-weight-title);overflow-wrap:anywhere}.website-access-cell-value{color:var(--universe-color-text,#fff);overflow-wrap:anywhere}.website-access-cell-label{font-size:0.7rem;font-weight:var(--universe-font-weight-title);text-transform:uppercase;letter-spacing:0.04em;color:var(--ua-shell-muted)}.website-access-status-pill{display:inline-flex;align-items:center;padding:0.15rem 0.6rem;border-radius:62.4375rem;font-size:0.74rem;font-weight:var(--universe-font-weight-title);background:rgba(8,10,15,0.62)}.website-access-status-active{box-shadow:inset 0 0 0 0.08rem rgba(141,240,177,0.6);color:#8df0b1}.website-access-status-revoked{box-shadow:inset 0 0 0 0.08rem rgba(160,160,170,0.4)}.website-access-revoked-tag{display:inline-flex;margin-inline-start:0.5rem;padding:0.1rem 0.5rem;border-radius:62.4375rem;font-size:0.72rem;font-weight:var(--universe-font-weight-title);color:var(--universe-color-text,#fff);box-shadow:inset 0 0 0 0.08rem rgba(160,160,170,0.6)}.website-access-row-revoked .website-access-row-content{opacity:0.6}.website-access-row-revoked .website-access-person{text-decoration:line-through;text-decoration-thickness:0.06rem}.website-access-cell-actions{display:flex;flex-wrap:wrap;align-items:center;gap:0.5rem;margin-top:0.2rem}.website-access-action-danger{color:#f0b6b6}.website-access-confirm-danger{box-shadow:inset 0 0 0 0.08rem rgba(220,120,120,0.55)}.website-access-revoke-reason{margin-top:0.6rem}.website-access-row-head{display:none}.website-access-empty{grid-column:1 / -1;margin:0;padding:1.4rem;text-align:center;color:var(--ua-shell-muted)}.website-access-empty[hidden]{display:none}.website-access-results[data-website-access-view="list"]{display:grid;grid-template-columns:minmax(0,1fr);gap:0.35rem;--website-access-cols:minmax(9rem,1.4fr) minmax(6rem,0.8fr) minmax(8rem,1fr) minmax(5rem,0.6fr) minmax(9rem,0.9fr)}.website-access-results[data-website-access-view="list"] .website-access-row-head{display:grid;grid-template-columns:var(--website-access-cols);gap:0.7rem;align-items:center;padding:0.35rem 0.9rem;font-size:0.7rem;font-weight:var(--universe-font-weight-strong);text-transform:uppercase;letter-spacing:0.05em;color:var(--ua-shell-muted)}.website-access-results[data-website-access-view="list"] .website-access-row:not(.website-access-row-head){display:grid;grid-template-columns:var(--website-access-cols);gap:0.7rem;align-items:center;padding:0.5rem 0.9rem;overflow:hidden}.website-access-results[data-website-access-view="list"] .website-access-cell-label{display:none}.website-access-results[data-website-access-view="list"] .website-access-cell{font-size:0.85rem}.website-access-results[data-website-access-view="list"] .website-access-cell-actions{margin-top:0;justify-content:flex-end}@media (max-width:48rem){.website-access-results[data-website-access-view="list"] .website-access-row-head{display:none}.website-access-results[data-website-access-view="list"] .website-access-row:not(.website-access-row-head){grid-template-columns:1fr;gap:0.4rem}.website-access-results[data-website-access-view="list"] .website-access-row-content{grid-column:1 / -1;display:flex;flex-direction:column;align-items:stretch;gap:0.4rem;min-width:0}.website-access-results[data-website-access-view="list"] .website-access-cell-label{display:inline}.website-access-results[data-website-access-view="list"] .website-access-cell-actions{justify-content:flex-start}}.website-access-row-hint-glyph{font-weight:var(--universe-font-weight-display-strong);letter-spacing:0.03em}.website-access-summary{display:grid;gap:0.7rem}.website-access-summary-list{display:grid;grid-template-columns:auto 1fr;gap:0.35rem 1rem;margin:0}.website-access-summary-term{font-size:0.72rem;font-weight:var(--universe-font-weight-strong);text-transform:uppercase;letter-spacing:0.04em;color:var(--ua-shell-muted)}.website-access-summary-detail{margin:0;color:var(--universe-color-text,#fff);overflow-wrap:anywhere}.superadmin-staff-results{display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:1rem;align-items:start}.superadmin-staff-row{position:relative;overflow:hidden;border:var(--ua-shell-elev-2-border);border-radius:0.65rem;background:var(--ua-glass-text-led);box-shadow:var(--universe-elev-2-shadow);backdrop-filter:var(--ua-glass-frost);-webkit-backdrop-filter:var(--ua-glass-frost)}.superadmin-staff-results[data-superadmin-staff-view="card"] .superadmin-staff-row:not(.superadmin-staff-row-head){display:flex;flex-direction:column;align-items:stretch;gap:0.5rem;padding:0.85rem 0.9rem}.superadmin-staff-results[data-superadmin-staff-view="card"] .superadmin-staff-row-content{display:flex;flex-direction:column;align-items:stretch;gap:0.5rem;min-width:0}.superadmin-staff-cell{display:flex;flex-wrap:wrap;align-items:baseline;gap:0.35rem;min-width:0;margin:0;font-size:0.86rem;color:var(--ua-shell-muted)}.superadmin-staff-person{color:var(--universe-color-text,#fff);font-weight:var(--universe-font-weight-title);overflow-wrap:anywhere}.superadmin-staff-cell-value{color:var(--universe-color-text,#fff);overflow-wrap:anywhere}.superadmin-staff-cell-label{font-size:0.7rem;font-weight:var(--universe-font-weight-title);text-transform:uppercase;letter-spacing:0.04em;color:var(--ua-shell-muted)}.superadmin-staff-status-pill{display:inline-flex;align-items:center;padding:0.15rem 0.6rem;border-radius:62.4375rem;font-size:0.74rem;font-weight:var(--universe-font-weight-title);background:rgba(8,10,15,0.62)}.superadmin-staff-status-active{box-shadow:inset 0 0 0 0.08rem rgba(141,240,177,0.6);color:#8df0b1}.superadmin-staff-status-revoked{box-shadow:inset 0 0 0 0.08rem rgba(160,160,170,0.4)}.superadmin-staff-revoked-tag{display:inline-flex;margin-inline-start:0.5rem;padding:0.1rem 0.5rem;border-radius:62.4375rem;font-size:0.72rem;font-weight:var(--universe-font-weight-title);color:var(--universe-color-text,#fff);box-shadow:inset 0 0 0 0.08rem rgba(160,160,170,0.6)}.superadmin-staff-row-revoked .superadmin-staff-row-content{opacity:0.6}.superadmin-staff-row-revoked .superadmin-staff-person{text-decoration:line-through;text-decoration-thickness:0.06rem}.superadmin-staff-standing-tag{display:inline-flex;margin-inline-start:0.5rem;padding:0.1rem 0.5rem;border-radius:62.4375rem;font-size:0.72rem;font-weight:var(--universe-font-weight-title);color:var(--universe-color-text,#fff);box-shadow:inset 0 0 0 0.08rem rgba(160,160,170,0.6)}.superadmin-staff-standing-tag-primary{color:var(--universe-color-primary-strong,#f5c15f);box-shadow:inset 0 0 0 0.08rem rgba(245,193,95,0.7)}.superadmin-staff-standing-note{font-size:0.82rem;font-weight:var(--universe-font-weight-quiet);color:var(--universe-color-muted,rgba(255,247,232,0.72))}.superadmin-staff-cell-actions{display:flex;flex-wrap:wrap;align-items:center;gap:0.5rem;margin-top:0.2rem}.superadmin-staff-action-danger{color:#f0b6b6}.superadmin-staff-confirm-danger{box-shadow:inset 0 0 0 0.08rem rgba(220,120,120,0.55)}.superadmin-staff-revoke-reason{margin-top:0.6rem}.superadmin-staff-row-head{display:none}.superadmin-staff-empty{grid-column:1 / -1;margin:0;padding:1.4rem;text-align:center;color:var(--ua-shell-muted)}.superadmin-staff-empty[hidden]{display:none}.superadmin-staff-results[data-superadmin-staff-view="list"]{display:grid;grid-template-columns:minmax(0,1fr);gap:0.35rem;--superadmin-staff-cols:minmax(9rem,1.4fr) minmax(8rem,1fr) minmax(8rem,1fr) minmax(5rem,0.6fr) minmax(9rem,0.9fr)}.superadmin-staff-results[data-superadmin-staff-view="list"] .superadmin-staff-row-head{display:grid;grid-template-columns:var(--superadmin-staff-cols);gap:0.7rem;align-items:center;padding:0.35rem 0.9rem;font-size:0.7rem;font-weight:var(--universe-font-weight-strong);text-transform:uppercase;letter-spacing:0.05em;color:var(--ua-shell-muted)}.superadmin-staff-results[data-superadmin-staff-view="list"] .superadmin-staff-row:not(.superadmin-staff-row-head){display:grid;grid-template-columns:var(--superadmin-staff-cols);gap:0.7rem;align-items:center;padding:0.5rem 0.9rem;overflow:hidden}.superadmin-staff-results[data-superadmin-staff-view="list"] .superadmin-staff-cell-label{display:none}.superadmin-staff-results[data-superadmin-staff-view="list"] .superadmin-staff-cell{font-size:0.85rem}.superadmin-staff-results[data-superadmin-staff-view="list"] .superadmin-staff-cell-actions{margin-top:0;justify-content:flex-end}@media (max-width:48rem){.superadmin-staff-results[data-superadmin-staff-view="list"] .superadmin-staff-row-head{display:none}.superadmin-staff-results[data-superadmin-staff-view="list"] .superadmin-staff-row:not(.superadmin-staff-row-head){grid-template-columns:1fr;gap:0.4rem}.superadmin-staff-results[data-superadmin-staff-view="list"] .superadmin-staff-row-content{grid-column:1 / -1;display:flex;flex-direction:column;align-items:stretch;gap:0.4rem;min-width:0}.superadmin-staff-results[data-superadmin-staff-view="list"] .superadmin-staff-cell-label{display:inline}.superadmin-staff-results[data-superadmin-staff-view="list"] .superadmin-staff-cell-actions{justify-content:flex-start}}.superadmin-staff-row-hint-glyph{font-weight:var(--universe-font-weight-display-strong);letter-spacing:0.03em}.superadmin-staff-summary{display:grid;gap:0.7rem}.superadmin-staff-summary-list{display:grid;grid-template-columns:auto 1fr;gap:0.35rem 1rem;margin:0}.superadmin-staff-summary-term{font-size:0.72rem;font-weight:var(--universe-font-weight-strong);text-transform:uppercase;letter-spacing:0.04em;color:var(--ua-shell-muted)}.superadmin-staff-summary-detail{margin:0;color:var(--universe-color-text,#fff);overflow-wrap:anywhere}.superadmin-staff-confirm-body{display:grid;gap:0.9rem}.superadmin-staff-dialog-actions{display:flex;flex-wrap:wrap;gap:0.6rem;justify-content:flex-end}.superadmin-staff-wizard-status{min-height:1.1rem}.superadmin-staff-wizard-status:empty{display:none}.superadmin-pricing-heading{margin-top:0.5rem}.superadmin-pricing-surface-status{min-height:1rem;margin:0;color:var(--ua-shell-muted)}.superadmin-pricing-surface-status:empty{display:none}.superadmin-pricing-results{display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:1rem;align-items:start}.superadmin-pricing-row{position:relative;overflow:hidden;border:var(--ua-shell-elev-2-border);border-radius:0.65rem;background:var(--ua-glass-text-led);box-shadow:var(--universe-elev-2-shadow);backdrop-filter:var(--ua-glass-frost);-webkit-backdrop-filter:var(--ua-glass-frost)}.superadmin-pricing-results[data-superadmin-pricing-view="card"] .superadmin-pricing-row:not(.superadmin-pricing-row-head){display:flex;flex-direction:column;align-items:stretch;gap:0.5rem;padding:0.85rem 0.9rem}.superadmin-pricing-results[data-superadmin-pricing-view="card"] .superadmin-pricing-row-content{display:flex;flex-direction:column;align-items:stretch;gap:0.5rem;min-width:0}.superadmin-pricing-cell{display:flex;flex-wrap:wrap;align-items:baseline;gap:0.35rem;min-width:0;margin:0;font-size:0.86rem;color:var(--ua-shell-muted)}.superadmin-pricing-cell-name{flex-direction:column;align-items:flex-start;gap:0.15rem}.superadmin-pricing-name{color:var(--universe-color-text,#fff);font-weight:var(--universe-font-weight-title);overflow-wrap:anywhere}.superadmin-pricing-note{font-size:0.74rem;color:var(--ua-shell-muted);overflow-wrap:anywhere}.superadmin-pricing-cell-value{color:var(--universe-color-text,#fff);overflow-wrap:anywhere}.superadmin-pricing-amount{font-weight:var(--universe-font-weight-strong);font-variant-numeric:tabular-nums}.superadmin-pricing-cell-label{font-size:0.7rem;font-weight:var(--universe-font-weight-title);text-transform:uppercase;letter-spacing:0.04em;color:var(--ua-shell-muted)}.superadmin-pricing-kind-pill{display:inline-flex;align-items:center;padding:0.15rem 0.6rem;border-radius:62.4375rem;font-size:0.74rem;font-weight:var(--universe-font-weight-title);background:rgba(8,10,15,0.62);box-shadow:inset 0 0 0 0.08rem color-mix(in srgb,var(--universe-color-text,#fff) 22%,transparent)}.superadmin-pricing-cell-actions{display:flex;flex-wrap:wrap;align-items:center;gap:0.5rem;margin-top:0.2rem}.superadmin-pricing-action-danger{color:#f0b6b6}.superadmin-pricing-confirm-danger{box-shadow:inset 0 0 0 0.08rem rgba(220,120,120,0.55)}.superadmin-pricing-delete-reason{margin-top:0.6rem}.superadmin-pricing-row-head{display:none}.superadmin-pricing-empty{grid-column:1 / -1;margin:0;padding:1.4rem;text-align:center;color:var(--ua-shell-muted)}.superadmin-pricing-empty[hidden]{display:none}.superadmin-pricing-results[data-superadmin-pricing-view="list"]{display:grid;grid-template-columns:minmax(0,1fr);gap:0.35rem;--superadmin-pricing-cols:minmax(10rem,1.6fr) minmax(7rem,0.7fr) minmax(6rem,0.6fr) minmax(7rem,0.7fr) minmax(8rem,0.8fr)}.superadmin-pricing-results[data-superadmin-pricing-view="list"] .superadmin-pricing-row-head{display:grid;grid-template-columns:var(--superadmin-pricing-cols);gap:0.7rem;align-items:center;padding:0.35rem 0.9rem;font-size:0.7rem;font-weight:var(--universe-font-weight-strong);text-transform:uppercase;letter-spacing:0.05em;color:var(--ua-shell-muted)}.superadmin-pricing-results[data-superadmin-pricing-view="list"] .superadmin-pricing-row:not(.superadmin-pricing-row-head){display:grid;grid-template-columns:var(--superadmin-pricing-cols);gap:0.7rem;align-items:center;padding:0.5rem 0.9rem;overflow:hidden}.superadmin-pricing-results[data-superadmin-pricing-view="list"] .superadmin-pricing-cell-label{display:none}.superadmin-pricing-results[data-superadmin-pricing-view="list"] .superadmin-pricing-cell{font-size:0.85rem}.superadmin-pricing-results[data-superadmin-pricing-view="list"] .superadmin-pricing-cell-name{flex-direction:row;align-items:baseline}.superadmin-pricing-results[data-superadmin-pricing-view="list"] .superadmin-pricing-note{display:none}.superadmin-pricing-results[data-superadmin-pricing-view="list"] .superadmin-pricing-cell-actions{margin-top:0;justify-content:flex-end}@media (max-width:48rem){.superadmin-pricing-results[data-superadmin-pricing-view="list"] .superadmin-pricing-row-head{display:none}.superadmin-pricing-results[data-superadmin-pricing-view="list"] .superadmin-pricing-row:not(.superadmin-pricing-row-head){grid-template-columns:1fr;gap:0.4rem}.superadmin-pricing-results[data-superadmin-pricing-view="list"] .superadmin-pricing-row-content{grid-column:1 / -1;display:flex;flex-direction:column;align-items:stretch;gap:0.4rem;min-width:0}.superadmin-pricing-results[data-superadmin-pricing-view="list"] .superadmin-pricing-cell-label{display:inline}.superadmin-pricing-results[data-superadmin-pricing-view="list"] .superadmin-pricing-cell-actions{justify-content:flex-start}.superadmin-pricing-results[data-superadmin-pricing-view="list"] .superadmin-pricing-cell-name{flex-direction:column;align-items:flex-start}.superadmin-pricing-results[data-superadmin-pricing-view="list"] .superadmin-pricing-note{display:inline}}.superadmin-pricing-row-hint-glyph{font-weight:var(--universe-font-weight-display-strong);letter-spacing:0.03em}.superadmin-pricing-history{display:grid;gap:0.3rem;--superadmin-pricing-history-cols:minmax(4rem,0.5fr) minmax(6rem,0.8fr) minmax(7rem,1fr) minmax(8rem,2fr)}.superadmin-pricing-history-row{display:grid;grid-template-columns:var(--superadmin-pricing-history-cols);gap:0.7rem;align-items:baseline;padding:0.4rem 0.2rem;font-size:0.84rem;color:var(--universe-color-text,#fff);border-bottom:1px solid color-mix(in srgb,var(--universe-color-text,#fff) 10%,transparent)}.superadmin-pricing-history-head{font-size:0.7rem;font-weight:var(--universe-font-weight-strong);text-transform:uppercase;letter-spacing:0.05em;color:var(--ua-shell-muted)}.superadmin-pricing-history-cell{overflow-wrap:anywhere}.superadmin-pricing-summary{display:grid;gap:0.7rem}.superadmin-pricing-summary-list{display:grid;grid-template-columns:auto 1fr;gap:0.35rem 1rem;margin:0}.superadmin-pricing-summary-term{font-size:0.72rem;font-weight:var(--universe-font-weight-strong);text-transform:uppercase;letter-spacing:0.04em;color:var(--ua-shell-muted)}.superadmin-pricing-summary-detail{margin:0;color:var(--universe-color-text,#fff);overflow-wrap:anywhere}.superadmin-pricing-confirm-body{display:grid;gap:0.9rem}.superadmin-pricing-dialog-actions{display:flex;flex-wrap:wrap;gap:0.6rem;justify-content:flex-end}.superadmin-pricing-wizard-status{min-height:1.1rem}.superadmin-pricing-wizard-status:empty{display:none}.superadmin-rates-surface-status{min-height:1rem;margin:0;color:var(--ua-shell-muted)}.superadmin-rates-surface-status:empty{display:none}.superadmin-rates-results{display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:1rem;align-items:start}.superadmin-rates-row{position:relative;overflow:hidden;border:var(--ua-shell-elev-2-border);border-radius:0.65rem;background:var(--ua-glass-text-led);box-shadow:var(--universe-elev-2-shadow);backdrop-filter:var(--ua-glass-frost);-webkit-backdrop-filter:var(--ua-glass-frost)}.superadmin-rates-results[data-superadmin-rates-view="card"] .superadmin-rates-row:not(.superadmin-rates-row-head){display:flex;flex-direction:column;align-items:stretch;gap:0.5rem;padding:0.85rem 0.9rem}.superadmin-rates-results[data-superadmin-rates-view="card"] .superadmin-rates-row-content{display:flex;flex-direction:column;align-items:stretch;gap:0.5rem;min-width:0}.superadmin-rates-cell{display:flex;flex-wrap:wrap;align-items:baseline;gap:0.35rem;min-width:0;margin:0;font-size:0.86rem;color:var(--ua-shell-muted)}.superadmin-rates-cell-name{flex-direction:column;align-items:flex-start;gap:0.15rem}.superadmin-rates-cell-value{flex-direction:column;align-items:flex-start;gap:0.15rem}.superadmin-rates-name{color:var(--universe-color-text,#fff);font-weight:var(--universe-font-weight-title);overflow-wrap:anywhere}.superadmin-rates-note{font-size:0.74rem;color:var(--ua-shell-muted);overflow-wrap:anywhere}.superadmin-rates-amount{color:var(--universe-color-text,#fff);font-weight:var(--universe-font-weight-strong);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.superadmin-rates-dates{font-size:0.74rem;color:var(--ua-shell-muted);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.superadmin-rates-cell-label{font-size:0.7rem;font-weight:var(--universe-font-weight-title);text-transform:uppercase;letter-spacing:0.04em;color:var(--ua-shell-muted)}.superadmin-rates-kind-pill{display:inline-flex;align-items:center;padding:0.15rem 0.6rem;border-radius:62.4375rem;font-size:0.74rem;font-weight:var(--universe-font-weight-title);background:rgba(8,10,15,0.62);box-shadow:inset 0 0 0 0.08rem color-mix(in srgb,var(--universe-color-text,#fff) 22%,transparent)}.superadmin-rates-status-ok{box-shadow:inset 0 0 0 0.08rem rgba(120,200,150,0.5)}.superadmin-rates-status-pending{box-shadow:inset 0 0 0 0.08rem color-mix(in srgb,var(--universe-color-text,#fff) 22%,transparent)}.superadmin-rates-status-warn{color:#f0d8a6;box-shadow:inset 0 0 0 0.08rem rgba(220,190,110,0.55)}.superadmin-rates-status-danger{color:#f4c4c4;font-weight:var(--universe-font-weight-display-strong);background:color-mix(in srgb,rgba(150,40,40,1) 26%,transparent);box-shadow:inset 0 0 0 0.08rem rgba(220,120,120,0.65)}.superadmin-rates-status-muted{color:var(--ua-shell-muted)}.superadmin-rates-cell-actions{display:flex;flex-wrap:wrap;align-items:center;gap:0.5rem;margin-top:0.2rem}.superadmin-rates-action-danger{color:#f0b6b6}.superadmin-rates-confirm-danger{box-shadow:inset 0 0 0 0.08rem rgba(220,120,120,0.55)}.superadmin-rates-cancel-reason{margin-top:0.6rem}.superadmin-rates-row-head{display:none}.superadmin-rates-empty{grid-column:1 / -1;margin:0;padding:1.4rem;text-align:center;color:var(--ua-shell-muted)}.superadmin-rates-empty[hidden]{display:none}.superadmin-rates-alert{border:var(--ua-shell-elev-1-border);border-color:rgba(220,120,120,0.55);background:var(--ua-glass-text-led);backdrop-filter:var(--ua-glass-frost);-webkit-backdrop-filter:var(--ua-glass-frost)}.superadmin-rates-slip-list{display:grid;gap:0.7rem;margin:0.6rem 0 0;padding:0;list-style:none}.superadmin-rates-slip{display:grid;gap:0.3rem;font-size:0.86rem;color:var(--universe-color-text,#fff)}.superadmin-rates-change-actions{display:flex;flex-wrap:wrap;gap:0.6rem}.superadmin-rates-results[data-superadmin-rates-view="list"]{display:grid;grid-template-columns:minmax(0,1fr);gap:0.35rem;--superadmin-rates-cols:minmax(10rem,1.7fr) minmax(6rem,0.6fr) minmax(8rem,0.9fr) minmax(7rem,0.7fr) minmax(8rem,0.8fr)}.superadmin-rates-results[data-superadmin-rates-view="list"] .superadmin-rates-row-head{display:grid;grid-template-columns:var(--superadmin-rates-cols);gap:0.7rem;align-items:center;padding:0.35rem 0.9rem;font-size:0.7rem;font-weight:var(--universe-font-weight-strong);text-transform:uppercase;letter-spacing:0.05em;color:var(--ua-shell-muted)}.superadmin-rates-results[data-superadmin-rates-view="list"] .superadmin-rates-row:not(.superadmin-rates-row-head){display:grid;grid-template-columns:var(--superadmin-rates-cols);gap:0.7rem;align-items:center;padding:0.5rem 0.9rem;overflow:hidden}.superadmin-rates-results[data-superadmin-rates-view="list"] .superadmin-rates-cell-label{display:none}.superadmin-rates-results[data-superadmin-rates-view="list"] .superadmin-rates-cell{font-size:0.85rem}.superadmin-rates-results[data-superadmin-rates-view="list"] .superadmin-rates-cell-name{flex-direction:row;align-items:baseline}.superadmin-rates-results[data-superadmin-rates-view="list"] .superadmin-rates-note{display:none}.superadmin-rates-results[data-superadmin-rates-view="list"] .superadmin-rates-cell-actions{margin-top:0;justify-content:flex-end}@media (max-width:48rem){.superadmin-rates-results[data-superadmin-rates-view="list"] .superadmin-rates-row-head{display:none}.superadmin-rates-results[data-superadmin-rates-view="list"] .superadmin-rates-row:not(.superadmin-rates-row-head){grid-template-columns:1fr;gap:0.4rem}.superadmin-rates-results[data-superadmin-rates-view="list"] .superadmin-rates-row-content{grid-column:1 / -1;display:flex;flex-direction:column;align-items:stretch;gap:0.4rem;min-width:0}.superadmin-rates-results[data-superadmin-rates-view="list"] .superadmin-rates-cell-label{display:inline}.superadmin-rates-results[data-superadmin-rates-view="list"] .superadmin-rates-cell-actions{justify-content:flex-start}.superadmin-rates-results[data-superadmin-rates-view="list"] .superadmin-rates-note{display:inline}}.superadmin-rates-row-hint-glyph{font-weight:var(--universe-font-weight-display-strong);letter-spacing:0.03em}.superadmin-rates-summary{display:grid;gap:0.7rem}.superadmin-rates-summary-list{display:grid;grid-template-columns:auto 1fr;gap:0.35rem 1rem;margin:0}.superadmin-rates-summary-term{font-size:0.72rem;font-weight:var(--universe-font-weight-strong);text-transform:uppercase;letter-spacing:0.04em;color:var(--ua-shell-muted)}.superadmin-rates-summary-detail{margin:0;color:var(--universe-color-text,#fff);overflow-wrap:anywhere}.superadmin-rates-confirm-body{display:grid;gap:0.9rem}.superadmin-rates-dialog-actions{display:flex;flex-wrap:wrap;gap:0.6rem;justify-content:flex-end}.superadmin-rates-blocked{color:#f0d8a6}.superadmin-rates-wizard-status{min-height:1.1rem}.superadmin-rates-wizard-status:empty{display:none}.workflow-field{display:grid;gap:0.35rem}.workflow-field-label{font-size:0.92rem;font-weight:var(--universe-font-weight-title)}.workflow-step-list{display:grid;gap:0.8rem}.workflow-step-row{display:grid;gap:0.7rem;padding:0.9rem 1rem}.workflow-step-head{display:flex;align-items:center;justify-content:space-between;gap:0.8rem}.workflow-step-remove{min-height:2.75rem}.workflow-add-step{display:grid;gap:0.5rem;align-items:end;grid-template-columns:1fr auto}.workflow-steps-empty{margin:0;color:var(--ua-shell-muted);font-size:0.92rem}.workflow-steps-empty[hidden]{display:none}.workflow-select{min-height:2.75rem}.workflow-confirm-body{display:grid;gap:0.9rem}.workflow-dialog-actions{display:flex;flex-wrap:wrap;gap:0.6rem;justify-content:flex-end}.workflow-wizard-status{min-height:1.1rem}.workflow-wizard-status:empty{display:none}.superadmin-bootstrap-heading{margin-bottom:0.4rem}.superadmin-bootstrap-surface-status{min-height:1.1rem;color:var(--ua-shell-muted)}.superadmin-bootstrap-surface-status:empty{display:none}.superadmin-bootstrap-results{display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:1rem;align-items:start}.superadmin-bootstrap-row{position:relative;overflow:hidden;border:var(--ua-shell-elev-2-border);border-radius:0.65rem;background:var(--ua-glass-text-led);box-shadow:var(--universe-elev-2-shadow);backdrop-filter:var(--ua-glass-frost);-webkit-backdrop-filter:var(--ua-glass-frost)}.superadmin-bootstrap-results[data-superadmin-bootstrap-view="card"] .superadmin-bootstrap-row:not(.superadmin-bootstrap-row-head){display:flex;flex-direction:column;align-items:stretch;gap:0.5rem;padding:0.85rem 0.9rem}.superadmin-bootstrap-results[data-superadmin-bootstrap-view="card"] .superadmin-bootstrap-row-content{display:flex;flex-direction:column;align-items:stretch;gap:0.5rem;min-width:0}.superadmin-bootstrap-cell{display:flex;flex-wrap:wrap;align-items:baseline;gap:0.35rem;min-width:0;margin:0;font-size:0.86rem;color:var(--ua-shell-muted)}.superadmin-bootstrap-owner{color:var(--universe-color-text,#fff);font-weight:var(--universe-font-weight-title);overflow-wrap:anywhere}.superadmin-bootstrap-cell-value{color:var(--universe-color-text,#fff);overflow-wrap:anywhere}.superadmin-bootstrap-cell-label{font-size:0.7rem;font-weight:var(--universe-font-weight-title);text-transform:uppercase;letter-spacing:0.04em;color:var(--ua-shell-muted)}.superadmin-bootstrap-status-pill{display:inline-flex;align-items:center;padding:0.15rem 0.6rem;border-radius:62.4375rem;font-size:0.74rem;font-weight:var(--universe-font-weight-title);background:rgba(8,10,15,0.62)}.superadmin-bootstrap-status-approved{box-shadow:inset 0 0 0 0.08rem rgba(141,240,177,0.6);color:#8df0b1}.superadmin-bootstrap-status-pending{box-shadow:inset 0 0 0 0.08rem rgba(232,200,120,0.55);color:#e8c878}.superadmin-bootstrap-status-rejected{box-shadow:inset 0 0 0 0.08rem rgba(160,160,170,0.4)}.superadmin-bootstrap-cell-actions{display:flex;flex-wrap:wrap;align-items:center;gap:0.5rem;margin-top:0.2rem}.superadmin-bootstrap-action{display:inline-flex;align-items:center;justify-content:center;min-height:2.75rem;text-decoration:none}.superadmin-bootstrap-confirm-decision{box-shadow:inset 0 0 0 0.08rem rgba(141,240,177,0.5)}.superadmin-bootstrap-decision-control{margin-top:0.6rem}.superadmin-bootstrap-row-head{display:none}.superadmin-bootstrap-empty{grid-column:1 / -1;margin:0;padding:1.4rem;text-align:center;color:var(--ua-shell-muted)}.superadmin-bootstrap-empty[hidden]{display:none}.superadmin-bootstrap-results[data-superadmin-bootstrap-view="list"]{display:grid;grid-template-columns:minmax(0,1fr);gap:0.35rem;--superadmin-bootstrap-cols:minmax(11rem,1.6fr) minmax(7rem,0.8fr) minmax(7rem,0.8fr) minmax(9rem,0.9fr)}.superadmin-bootstrap-results[data-superadmin-bootstrap-view="list"] .superadmin-bootstrap-row-head{display:grid;grid-template-columns:var(--superadmin-bootstrap-cols);gap:0.7rem;align-items:center;padding:0.35rem 0.9rem;font-size:0.7rem;font-weight:var(--universe-font-weight-strong);text-transform:uppercase;letter-spacing:0.05em;color:var(--ua-shell-muted)}.superadmin-bootstrap-results[data-superadmin-bootstrap-view="list"] .superadmin-bootstrap-row:not(.superadmin-bootstrap-row-head){display:grid;grid-template-columns:var(--superadmin-bootstrap-cols);gap:0.7rem;align-items:center;padding:0.5rem 0.9rem;overflow:hidden}.superadmin-bootstrap-results[data-superadmin-bootstrap-view="list"] .superadmin-bootstrap-cell-label{display:none}.superadmin-bootstrap-results[data-superadmin-bootstrap-view="list"] .superadmin-bootstrap-cell{font-size:0.85rem}.superadmin-bootstrap-results[data-superadmin-bootstrap-view="list"] .superadmin-bootstrap-cell-actions{margin-top:0;justify-content:flex-end}@media (max-width:48rem){.superadmin-bootstrap-results[data-superadmin-bootstrap-view="list"] .superadmin-bootstrap-row-head{display:none}.superadmin-bootstrap-results[data-superadmin-bootstrap-view="list"] .superadmin-bootstrap-row:not(.superadmin-bootstrap-row-head){grid-template-columns:1fr;gap:0.4rem}.superadmin-bootstrap-results[data-superadmin-bootstrap-view="list"] .superadmin-bootstrap-row-content{grid-column:1 / -1;display:flex;flex-direction:column;align-items:stretch;gap:0.4rem;min-width:0}.superadmin-bootstrap-results[data-superadmin-bootstrap-view="list"] .superadmin-bootstrap-cell-label{display:inline}.superadmin-bootstrap-results[data-superadmin-bootstrap-view="list"] .superadmin-bootstrap-cell-actions{justify-content:flex-start}}.superadmin-bootstrap-row-hint-glyph{font-weight:var(--universe-font-weight-display-strong);letter-spacing:0.03em}.superadmin-bootstrap-summary{display:grid;gap:0.7rem}.superadmin-bootstrap-summary-list{display:grid;grid-template-columns:auto 1fr;gap:0.35rem 1rem;margin:0}.superadmin-bootstrap-summary-term{font-size:0.72rem;font-weight:var(--universe-font-weight-strong);text-transform:uppercase;letter-spacing:0.04em;color:var(--ua-shell-muted)}.superadmin-bootstrap-summary-detail{margin:0;color:var(--universe-color-text,#fff);overflow-wrap:anywhere}.superadmin-bootstrap-confirm-body{display:grid;gap:0.9rem}.superadmin-bootstrap-dialog-actions{display:flex;flex-wrap:wrap;gap:0.6rem;justify-content:flex-end}.superadmin-bootstrap-wizard-status{min-height:1.1rem}.superadmin-bootstrap-wizard-status:empty{display:none}.privileged-access-surface-status{min-height:1.1rem;color:var(--ua-shell-muted)}.privileged-access-surface-status:empty{display:none}.privileged-access-posture-card{display:grid;gap:0.85rem;padding:var(--universe-space-inset-1) var(--universe-space-inset-2);border:var(--ua-shell-elev-2-border);border-radius:0.7rem;background:var(--ua-glass-text-led);box-shadow:var(--universe-elev-2-shadow);backdrop-filter:var(--ua-glass-frost);-webkit-backdrop-filter:var(--ua-glass-frost)}.privileged-access-postures{display:flex;flex-wrap:wrap;gap:0.45rem;margin:0}.privileged-access-ca-fingerprint{display:grid;gap:0.2rem;margin:0;color:var(--ua-shell-muted);overflow-wrap:anywhere}.privileged-access-ca-fingerprint-label{font-size:0.72rem;font-weight:var(--universe-font-weight-strong);text-transform:uppercase;letter-spacing:0.04em}.privileged-access-ca-fingerprint code{color:var(--universe-color-text,#fff)}.privileged-access-hosts,.privileged-access-sessions{margin-top:1.4rem}.privileged-access-host-results,.privileged-access-session-results{display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:1rem;align-items:start}.privileged-access-host-row,.privileged-access-session-row{position:relative;overflow:hidden;border:var(--ua-shell-elev-2-border);border-radius:0.65rem;background:var(--ua-glass-text-led);box-shadow:var(--universe-elev-2-shadow);backdrop-filter:var(--ua-glass-frost);-webkit-backdrop-filter:var(--ua-glass-frost)}.privileged-access-host-results[data-privileged-access-host-view="card"] .privileged-access-host-row:not(.privileged-access-host-row-head),.privileged-access-session-results[data-privileged-access-session-view="card"] .privileged-access-session-row:not(.privileged-access-session-row-head){display:flex;flex-direction:column;align-items:stretch;gap:0.5rem;padding:0.85rem 0.9rem}.privileged-access-host-results[data-privileged-access-host-view="card"] .privileged-access-host-row-content,.privileged-access-session-results[data-privileged-access-session-view="card"] .privileged-access-session-row-content{display:flex;flex-direction:column;align-items:stretch;gap:0.5rem;min-width:0}.privileged-access-cell{display:flex;flex-wrap:wrap;align-items:baseline;gap:0.35rem;min-width:0;margin:0;font-size:0.86rem;color:var(--ua-shell-muted)}.privileged-access-host-id{color:var(--universe-color-text,#fff);font-weight:var(--universe-font-weight-title);overflow-wrap:anywhere}.privileged-access-cell-value{color:var(--universe-color-text,#fff);overflow-wrap:anywhere}.privileged-access-cell-label{font-size:0.7rem;font-weight:var(--universe-font-weight-title);text-transform:uppercase;letter-spacing:0.04em;color:var(--ua-shell-muted)}.privileged-access-scope-pill,.privileged-access-event-pill{display:inline-flex;align-items:center;padding:0.15rem 0.6rem;border-radius:62.4375rem;font-size:0.74rem;font-weight:var(--universe-font-weight-title);background:rgba(8,10,15,0.62)}.privileged-access-scope-phi{box-shadow:inset 0 0 0 0.08rem rgba(232,160,120,0.6);color:#f0c39a}.privileged-access-scope-standard{box-shadow:inset 0 0 0 0.08rem rgba(160,160,170,0.4)}.privileged-access-event-authorized{box-shadow:inset 0 0 0 0.08rem rgba(141,240,177,0.6);color:#8df0b1}.privileged-access-event-denied{box-shadow:inset 0 0 0 0.08rem rgba(240,150,150,0.55);color:#f0a0a0}.privileged-access-event-terminated{box-shadow:inset 0 0 0 0.08rem rgba(232,200,120,0.55);color:#e8c878}.privileged-access-session-readonly{color:var(--ua-shell-muted)}.privileged-access-cell-actions,.privileged-access-cell-sactions{display:flex;flex-wrap:wrap;align-items:center;gap:0.5rem;margin-top:0.2rem}.privileged-access-action{display:inline-flex;align-items:center;justify-content:center;min-height:2.75rem;text-decoration:none}.privileged-access-confirm-danger{box-shadow:inset 0 0 0 0.08rem rgba(240,150,150,0.5)}.privileged-access-host-row-head,.privileged-access-session-row-head{display:none}.privileged-access-host-empty,.privileged-access-session-empty{grid-column:1 / -1;margin:0;padding:1.4rem;text-align:center;color:var(--ua-shell-muted)}.privileged-access-host-empty[hidden],.privileged-access-session-empty[hidden]{display:none}.privileged-access-host-results[data-privileged-access-host-view="list"]{display:grid;grid-template-columns:minmax(0,1fr);gap:0.35rem;--privileged-access-host-cols:minmax(11rem,1.4fr) minmax(10rem,1.4fr) minmax(7rem,0.7fr) minmax(10rem,0.9fr)}.privileged-access-host-results[data-privileged-access-host-view="list"] .privileged-access-host-row-head{display:grid;grid-template-columns:var(--privileged-access-host-cols);gap:0.7rem;align-items:center;padding:0.35rem 0.9rem;font-size:0.7rem;font-weight:var(--universe-font-weight-strong);text-transform:uppercase;letter-spacing:0.05em;color:var(--ua-shell-muted)}.privileged-access-host-results[data-privileged-access-host-view="list"] .privileged-access-host-row:not(.privileged-access-host-row-head){display:grid;grid-template-columns:var(--privileged-access-host-cols);gap:0.7rem;align-items:center;padding:0.5rem 0.9rem;overflow:hidden}.privileged-access-session-results[data-privileged-access-session-view="list"]{display:grid;grid-template-columns:minmax(0,1fr);gap:0.35rem;--privileged-access-session-cols:minmax(7rem,0.7fr) minmax(10rem,1.3fr) minmax(8rem,1fr) minmax(11rem,1.2fr) minmax(8rem,0.8fr)}.privileged-access-session-results[data-privileged-access-session-view="list"] .privileged-access-session-row-head{display:grid;grid-template-columns:var(--privileged-access-session-cols);gap:0.7rem;align-items:center;padding:0.35rem 0.9rem;font-size:0.7rem;font-weight:var(--universe-font-weight-strong);text-transform:uppercase;letter-spacing:0.05em;color:var(--ua-shell-muted)}.privileged-access-session-results[data-privileged-access-session-view="list"] .privileged-access-session-row:not(.privileged-access-session-row-head){display:grid;grid-template-columns:var(--privileged-access-session-cols);gap:0.7rem;align-items:center;padding:0.5rem 0.9rem;overflow:hidden}.privileged-access-host-results[data-privileged-access-host-view="list"] .privileged-access-cell-label,.privileged-access-session-results[data-privileged-access-session-view="list"] .privileged-access-cell-label{display:none}.privileged-access-host-results[data-privileged-access-host-view="list"] .privileged-access-cell,.privileged-access-session-results[data-privileged-access-session-view="list"] .privileged-access-cell{font-size:0.85rem}.privileged-access-host-results[data-privileged-access-host-view="list"] .privileged-access-cell-actions,.privileged-access-session-results[data-privileged-access-session-view="list"] .privileged-access-cell-sactions{margin-top:0;justify-content:flex-end}@media (max-width:48rem){.privileged-access-host-results[data-privileged-access-host-view="list"] .privileged-access-host-row-head,.privileged-access-session-results[data-privileged-access-session-view="list"] .privileged-access-session-row-head{display:none}.privileged-access-host-results[data-privileged-access-host-view="list"] .privileged-access-host-row:not(.privileged-access-host-row-head),.privileged-access-session-results[data-privileged-access-session-view="list"] .privileged-access-session-row:not(.privileged-access-session-row-head){grid-template-columns:1fr;gap:0.4rem}.privileged-access-host-results[data-privileged-access-host-view="list"] .privileged-access-host-row-content,.privileged-access-session-results[data-privileged-access-session-view="list"] .privileged-access-session-row-content{grid-column:1 / -1;display:flex;flex-direction:column;align-items:stretch;gap:0.4rem;min-width:0}.privileged-access-host-results[data-privileged-access-host-view="list"] .privileged-access-cell-label,.privileged-access-session-results[data-privileged-access-session-view="list"] .privileged-access-cell-label{display:inline}.privileged-access-host-results[data-privileged-access-host-view="list"] .privileged-access-cell-actions,.privileged-access-session-results[data-privileged-access-session-view="list"] .privileged-access-cell-sactions{justify-content:flex-start}}.privileged-access-host-row-hint-glyph,.privileged-access-session-row-hint-glyph{font-weight:var(--universe-font-weight-display-strong);letter-spacing:0.03em}.privileged-access-summary{display:grid;gap:0.7rem}.privileged-access-summary-list{display:grid;grid-template-columns:auto 1fr;gap:0.35rem 1rem;margin:0}.privileged-access-summary-term{font-size:0.72rem;font-weight:var(--universe-font-weight-strong);text-transform:uppercase;letter-spacing:0.04em;color:var(--ua-shell-muted)}.privileged-access-summary-detail{margin:0;color:var(--universe-color-text,#fff);overflow-wrap:anywhere}.privileged-access-confirm-body{display:grid;gap:0.9rem}.privileged-access-dialog-actions{display:flex;flex-wrap:wrap;gap:0.6rem;justify-content:flex-end}.privileged-access-wizard-status{min-height:1.1rem}.privileged-access-wizard-status:empty{display:none}.privileged-access-launch-control,.privileged-access-terminate-control{margin-top:0.4rem}.tax-routing-row{position:relative;border:var(--ua-shell-elev-2-border);border-radius:0.65rem;background:var(--ua-glass-text-led);box-shadow:var(--universe-elev-2-shadow);backdrop-filter:var(--ua-glass-frost);-webkit-backdrop-filter:var(--ua-glass-frost);display:grid;gap:0.5rem;padding:var(--universe-space-inset-1) var(--universe-space-inset-2)}.tax-routing-cell{display:flex;flex-wrap:wrap;align-items:baseline;gap:0.35rem;min-width:0;margin:0;font-size:0.86rem;color:var(--ua-shell-muted)}.tax-routing-cell-value{color:var(--universe-color-text,#fff);overflow-wrap:anywhere}.tax-routing-cell-label{font-size:0.7rem;font-weight:var(--universe-font-weight-title);text-transform:uppercase;letter-spacing:0.04em;color:var(--ua-shell-muted)}.tax-routing-row-head{display:none}.tax-routing-row[hidden]{display:none !important}.tax-routing-empty{grid-column:1 / -1;margin:0;padding:1.4rem;text-align:center;color:var(--ua-shell-muted)}.tax-routing-empty[hidden]{display:none}.tax-routing-results[data-tax-routing-view="card"]{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,18rem),1fr));gap:0.6rem}.tax-routing-results[data-tax-routing-view="list"]{display:grid;grid-template-columns:minmax(0,1fr);gap:0.35rem}.tax-routing-results-lines{--tax-routing-cols:minmax(6.5rem,0.9fr) minmax(4rem,0.5fr) minmax(6rem,0.8fr) minmax(7rem,0.9fr) minmax(5.5rem,0.7fr) minmax(5.5rem,0.7fr) minmax(5.5rem,0.7fr)}.tax-routing-results-bystate{--tax-routing-cols:minmax(6rem,0.8fr) minmax(4rem,0.5fr) minmax(7rem,1fr) minmax(7rem,1fr)}.tax-routing-results-hrreview{--tax-routing-cols:minmax(5rem,0.6fr) minmax(8rem,1.2fr) minmax(5rem,0.6fr) minmax(6rem,0.8fr) minmax(5.5rem,0.7fr) minmax(7rem,1fr)}.tax-routing-results-hrremit{--tax-routing-cols:minmax(8rem,1.2fr) minmax(5rem,0.6fr) minmax(4rem,0.5fr) minmax(7rem,0.9fr) minmax(7rem,0.9fr)}.tax-routing-results-bybrand{--tax-routing-cols:minmax(8rem,1.4fr) minmax(4rem,0.5fr) minmax(7rem,1fr) minmax(7rem,1fr)}.tax-routing-results[data-tax-routing-view="list"] .tax-routing-row-head{display:grid;grid-template-columns:var(--tax-routing-cols);gap:0.7rem;align-items:center;padding:0.35rem 0.9rem;font-size:0.7rem;font-weight:var(--universe-font-weight-strong);text-transform:uppercase;letter-spacing:0.05em;color:var(--ua-shell-muted)}.tax-routing-results[data-tax-routing-view="list"] .tax-routing-row{grid-template-columns:var(--tax-routing-cols);gap:0.7rem;align-items:center;padding:0.5rem 0.9rem}.tax-routing-results[data-tax-routing-view="list"] .tax-routing-cell{font-size:0.85rem}.tax-routing-results[data-tax-routing-view="list"] .tax-routing-cell-label{display:none}@media (max-width:40rem){.tax-routing-results[data-tax-routing-view="list"]{grid-template-columns:minmax(0,1fr)}.tax-routing-results[data-tax-routing-view="list"] .tax-routing-row-head{display:none}.tax-routing-results[data-tax-routing-view="list"] .tax-routing-row{grid-template-columns:minmax(0,1fr);gap:0.35rem}.tax-routing-results[data-tax-routing-view="list"] .tax-routing-cell-label{display:inline}}.superadmin-tax-metrics{grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr))}.superadmin-tax-metric strong{font-size:1.2rem;font-weight:var(--universe-font-weight-strong);color:var(--universe-color-text,#fff)}.superadmin-tax-metric-bone{inline-size:4.5rem;min-block-size:0.85rem}.superadmin-tax-metric strong .superadmin-tax-metric-bone{inline-size:6.5rem;block-size:1.2rem}.tax-rates-row{position:relative;border:var(--ua-shell-elev-2-border);border-radius:0.65rem;background:var(--ua-glass-text-led);box-shadow:var(--universe-elev-2-shadow);backdrop-filter:var(--ua-glass-frost);-webkit-backdrop-filter:var(--ua-glass-frost);display:grid;gap:0.5rem;padding:var(--universe-space-inset-1) var(--universe-space-inset-2)}.tax-rates-results[data-tax-rates-view="card"] .tax-rates-row:not(.tax-rates-row-head){display:flex;flex-direction:column}.tax-rates-results[data-tax-rates-view="card"] .tax-rates-row-content{display:flex;flex-direction:column;align-items:stretch;gap:0.5rem;min-width:0}.tax-rates-cell{display:flex;flex-wrap:wrap;align-items:baseline;gap:0.35rem;min-width:0;margin:0;font-size:0.86rem;color:var(--ua-shell-muted)}.tax-rates-cell-value{color:var(--universe-color-text,#fff);overflow-wrap:anywhere}.tax-rates-cell-label{font-size:0.7rem;font-weight:var(--universe-font-weight-title);text-transform:uppercase;letter-spacing:0.04em;color:var(--ua-shell-muted)}.tax-rates-row-head{display:none}.tax-rates-row[hidden]{display:none !important}.tax-rates-empty{grid-column:1 / -1;margin:0;padding:1.4rem;text-align:center;color:var(--ua-shell-muted)}.tax-rates-empty[hidden]{display:none}.tax-rates-results[data-tax-rates-view="card"]{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,18rem),1fr));gap:0.6rem}.tax-rates-results[data-tax-rates-view="list"]{display:grid;grid-template-columns:minmax(0,1fr);gap:0.35rem;--tax-rates-cols:minmax(3.5rem,0.5fr) minmax(5.5rem,1.1fr) minmax(3.5rem,0.6fr) minmax(3.75rem,0.6fr) minmax(3.75rem,0.6fr) minmax(5rem,0.6fr) minmax(4.5rem,0.6fr) minmax(3.75rem,0.6fr) minmax(5.75rem,0.9fr) minmax(5.5rem,0.5fr) minmax(3.5rem,0.5fr)}.tax-rates-results-datasets[data-tax-rates-view="list"]{--tax-rates-cols:minmax(4rem,0.45fr) minmax(5.5rem,0.62fr) minmax(5rem,0.83fr) minmax(6.5rem,0.97fr) minmax(5rem,0.78fr) minmax(7rem,0.79fr) minmax(5.75rem,0.65fr) minmax(5rem,0.56fr)}.tax-rates-results[data-tax-rates-view="list"] .tax-rates-row-head{display:grid;grid-template-columns:var(--tax-rates-cols);gap:0.7rem;align-items:center;padding:0.35rem 0.9rem;font-size:0.74rem;font-weight:var(--universe-font-weight-strong);letter-spacing:0.01em;color:var(--ua-shell-muted)}.tax-rates-results[data-tax-rates-view="list"] .tax-rates-row-head>*{min-width:0}.tax-rates-results[data-tax-rates-view="list"] .tax-rates-row:not(.tax-rates-row-head){grid-template-columns:var(--tax-rates-cols);gap:0.7rem;align-items:center;padding:0.5rem 0.9rem}.tax-rates-results[data-tax-rates-view="list"] .tax-rates-cell{font-size:0.84rem}.tax-rates-results[data-tax-rates-view="list"] .tax-rates-cell-label{display:none}@media (max-width:52rem){.tax-rates-results[data-tax-rates-view="list"]{grid-template-columns:minmax(0,1fr)}.tax-rates-results[data-tax-rates-view="list"] .tax-rates-row-head{display:none}.tax-rates-results[data-tax-rates-view="list"] .tax-rates-row:not(.tax-rates-row-head){grid-template-columns:minmax(0,1fr);gap:0.35rem}.tax-rates-results[data-tax-rates-view="list"] .tax-rates-row-content{grid-column:1 / -1;display:flex;flex-direction:column;align-items:stretch;gap:0.35rem;min-width:0}.tax-rates-results[data-tax-rates-view="list"] .tax-rates-cell-label{display:inline}}.superadmin-tax-dashboard{min-width:0;max-width:100%}.superadmin-tax-tabs{display:flex;gap:0.35rem;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;padding:0.25rem;margin:0 0 var(--universe-space-inset-2,0.75rem);border:var(--ua-shell-elev-2-border);border-radius:0.75rem;background:var(--ua-glass-text-led);backdrop-filter:var(--ua-glass-frost);-webkit-backdrop-filter:var(--ua-glass-frost)}.superadmin-tax-tabs::-webkit-scrollbar{display:none}.superadmin-tax-tab{flex:0 0 auto;display:inline-flex;align-items:center;min-height:2.75rem;padding:0 0.9rem;border-radius:0.55rem;color:var(--ua-shell-muted);font-size:0.86rem;font-weight:var(--universe-font-weight-title);text-decoration:none;white-space:nowrap;transition:background 0.12s ease,color 0.12s ease}.superadmin-tax-tab.is-current,.tax-rates-results.ua-data-grid{min-width:0}.tax-rates-results .tax-grid-rows{display:grid;grid-template-columns:minmax(0,1fr);gap:0.35rem;min-width:0}.tax-rates-results[data-tax-rates-view="card"] .tax-grid-rows{grid-template-columns:repeat(auto-fill,minmax(min(100%,18rem),1fr));gap:0.6rem}.tax-rates-results[data-tax-rates-view="card"] .tax-rates-row-head{display:none}.tax-rates-results-registrations[data-tax-rates-view="list"]{--tax-rates-cols:minmax(3rem,0.4fr) minmax(6rem,0.9fr) minmax(4.5rem,0.6fr) minmax(6rem,0.9fr) minmax(7rem,1.1fr) minmax(5rem,0.6fr)}.tax-rates-results-nexus[data-tax-rates-view="list"]{--tax-rates-cols:minmax(5.25rem,0.6fr) minmax(5rem,0.8fr) minmax(5.75rem,0.6fr) minmax(4.5rem,0.7fr) minmax(5.5rem,0.9fr) minmax(4rem,0.5fr) minmax(5.5rem,0.9fr) minmax(5rem,0.8fr) minmax(4rem,0.8fr)}.tax-rates-results-home-rule[data-tax-rates-view="list"]{--tax-rates-cols:minmax(3rem,0.4fr) minmax(8rem,1.4fr) minmax(4.5rem,0.6fr) minmax(5rem,0.8fr) minmax(4.5rem,0.6fr) minmax(6rem,1fr)}.tax-rates-results-certificates[data-tax-rates-view="list"]{--tax-rates-cols:minmax(5rem,1fr) minmax(5rem,0.8fr) minmax(6rem,1fr) minmax(5rem,0.8fr) minmax(6.5rem,1fr) minmax(6.5rem,1fr) minmax(4rem,0.6fr)}.tax-rates-results-filing[data-tax-rates-view="list"]{--tax-rates-cols:minmax(5rem,0.9fr) minmax(5rem,0.8fr) minmax(4.5rem,0.6fr) minmax(5.5rem,0.8fr) minmax(4rem,0.5fr) minmax(6rem,1fr)}.account-library-list.ua-dashboard-list-shell{grid-template-columns:repeat(auto-fill,minmax(min(100%,15rem),1fr))}.account-library-card{display:flex;flex-direction:column;gap:0.65rem;padding:var(--universe-space-inset-2);border:var(--ua-shell-elev-2-border);border-radius:var(--ua-shell-radius);background:var(--ua-glass-text-led);box-shadow:var(--universe-elev-2-shadow);backdrop-filter:var(--ua-glass-frost);-webkit-backdrop-filter:var(--ua-glass-frost);min-width:0}.account-library-card-media{width:100%;aspect-ratio:4 / 5;object-fit:cover;border-radius:0.6rem;background:var(--ua-shell-panel)}.account-library-card-media-placeholder{display:block}.account-library-card-body{display:flex;flex-direction:column;gap:0.35rem;min-width:0}.account-library-card-title{font-size:1rem;line-height:1.25;color:var(--ua-shell-ink);word-break:break-word}.account-library-card-kind{align-self:flex-start;font-size:0.74rem;font-weight:var(--universe-font-weight-strong);text-transform:uppercase;letter-spacing:0.03em;padding:0.12rem 0.5rem;border-radius:62.4375rem;background:var(--ua-shell-soft);color:var(--ua-shell-muted)}.account-library-kind-subscription{color:var(--ua-shell-info)}.account-library-card-meta{font-size:0.82rem;color:var(--ua-shell-muted)}.account-library-download{margin-top:0.35rem;min-height:2.75rem;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.account-library-empty{color:var(--ua-shell-muted);padding:1.2rem}.account-orders-results{--account-order-cols:minmax(0,1.4fr) minmax(7rem,0.8fr) minmax(0,1.1fr) minmax(6rem,0.7fr) minmax(7rem,0.8fr) minmax(5.5rem,auto);display:grid;gap:0;min-width:0}.account-orders-results[data-account-orders-view="list"]{border:1px solid rgba(255,255,255,0.12);border-radius:0.75rem;overflow:hidden}.account-orders-results[data-account-orders-view="list"] .account-order-row{display:grid;grid-template-columns:var(--account-order-cols);gap:0.85rem;align-items:center;padding:var(--universe-space-inset-1) var(--universe-space-inset-2);border-bottom:1px solid var(--ua-shell-elev-1-line);background:var(--ua-glass-text-led);box-shadow:var(--universe-elev-1-shadow);backdrop-filter:var(--ua-glass-frost);-webkit-backdrop-filter:var(--ua-glass-frost);min-width:0}.account-orders-results[data-account-orders-view="list"] .account-order-row:last-child{border-bottom:0}.account-orders-results[data-account-orders-view="list"] .account-order-row-head{background:var(--ua-glass-text-led);font-size:0.74rem;font-weight:var(--universe-font-weight-strong);text-transform:uppercase;letter-spacing:0.03em;color:var(--ua-shell-muted)}.account-orders-results[data-account-orders-view="list"] .account-order-cell-label{display:none}.account-orders-results[data-account-orders-view="list"] .account-order-cell{min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:0.4rem}.account-subscription-group{display:contents}.account-subscription-group[hidden]{display:none}.account-subscription-group-head{grid-column:1 / -1;display:flex;flex-wrap:wrap;align-items:baseline;gap:0.35rem 0.7rem;padding:0.75rem 1rem 0.5rem}.account-subscription-group-title{margin:0;font-size:0.8rem;font-weight:var(--universe-font-weight-strong);text-transform:uppercase;letter-spacing:0.05em;color:var(--ua-shell-gold)}.account-subscription-card-face{display:none}.account-subscriptions-results[data-account-subscriptions-view="card"] .account-subscription-card-face{display:grid;grid-template-columns:2.75rem minmax(0,1fr);gap:0.75rem;align-items:start;margin-bottom:0.35rem}.account-subscription-card-art{display:grid;place-items:center;width:2.75rem;height:2.75rem;border-radius:0.65rem;border:1px solid var(--ua-shell-line);background:color-mix(in srgb,var(--ua-shell-panel-strong) 70%,transparent);color:var(--ua-shell-gold)}.account-subscription-key-image{width:1.65rem;height:1.65rem}.account-subscription-card-copy{min-width:0;display:grid;gap:0.2rem}.account-subscription-card-title{font-family:var(--universe-font-heading);font-size:1.05rem;font-weight:var(--universe-font-weight-title);color:var(--ua-shell-ink);text-decoration:none}.account-subscription-card-description{margin:0;color:var(--ua-shell-muted);font-size:0.86rem}.account-subscription-card-price{margin:0.1rem 0 0;color:var(--ua-shell-ink)}.account-subscriptions-results[data-account-subscriptions-view="card"] .account-subscription-cell-plan,.account-subscriptions-results[data-account-subscriptions-view="card"] .account-subscription-cell-price{display:none}.account-orders-results[data-account-orders-view="card"]{grid-template-columns:repeat(auto-fill,minmax(min(100%,17rem),1fr));gap:1rem;padding:clamp(0.85rem,1.6vw,1.15rem)}.account-orders-results[data-account-orders-view="card"] .account-order-row.account-order-row-head{display:none}.account-orders-results[data-account-orders-view="card"] .account-order-row{display:flex;flex-direction:column;gap:0.5rem;padding:var(--universe-space-inset-2);border:var(--ua-shell-elev-2-border);border-radius:0.75rem;background:var(--ua-glass-text-led);box-shadow:var(--universe-elev-2-shadow);backdrop-filter:var(--ua-glass-frost);-webkit-backdrop-filter:var(--ua-glass-frost);min-width:0}.account-orders-results[data-account-orders-view="card"] .account-order-cell{display:flex;flex-wrap:wrap;align-items:baseline;gap:0.4rem 0.6rem;min-width:0}.account-orders-results[data-account-orders-view="card"] .account-order-cell-label{font-size:0.7rem;font-weight:var(--universe-font-weight-strong);text-transform:uppercase;letter-spacing:0.03em;color:var(--ua-shell-muted);flex:0 0 auto}.account-order-row[hidden]{display:none !important}.account-order-ref-link{color:var(--ua-shell-ink);font-weight:var(--universe-font-weight-title);text-decoration:none;word-break:break-word}.account-order-cell-value{color:var(--ua-shell-ink);min-width:0;word-break:break-word}.account-order-cell-actions{justify-content:flex-end;gap:0.35rem}.account-order-cell-actions .accounts-icon-action{min-width:2.4rem;min-height:2.4rem}.account-order-empty{grid-column:1 / -1;color:var(--ua-shell-muted);padding:1.2rem}.account-orders-date-trigger{display:inline-flex;align-items:center;justify-content:center;gap:0.35rem}.account-order-detail,.account-order-detail .account-preference-panel{max-width:min(100%,86rem)}.account-receipt{display:grid;gap:1.4rem;padding:var(--universe-space-inset-3) var(--universe-space-inset-3) var(--universe-space-inset-3);border:var(--ua-shell-elev-3-border);border-radius:0.9rem;background:var(--ua-glass-text-led);backdrop-filter:var(--ua-glass-frost);-webkit-backdrop-filter:var(--ua-glass-frost);box-shadow:var(--universe-elev-3-shadow);margin:0.5rem 0 1rem;position:relative;padding-top:3.4rem}.account-receipt-back{position:absolute;top:1rem;inset-inline-start:1rem;z-index:2;inline-size:2.4rem;block-size:2.4rem;color:var(--ua-shell-ink);text-decoration:none}.account-receipt-back .ua-icon,.account-receipt-back svg{inline-size:1.2rem;block-size:1.2rem}.account-receipt-two-col{align-content:start}.account-receipt-main{display:grid;gap:1.4rem;align-content:start;min-width:0}.account-receipt-aside{display:grid;gap:1.4rem;align-content:start;min-width:0}.account-receipt-two-col .account-receipt-head{grid-column:1 / -1}.account-order-detail{container-type:inline-size;container-name:receipt}@container receipt (min-width:46rem){.account-receipt-two-col{grid-template-columns:minmax(0,1.7fr) minmax(15rem,0.85fr);column-gap:1.6rem}.account-receipt-two-col .account-receipt-aside{position:sticky;top:calc(var(--ua-shell-topbar-h) + 1rem);align-self:start}}.account-receipt-section-title{margin:0 0 0.7rem;font-size:0.8rem;font-weight:var(--universe-font-weight-strong);letter-spacing:0.05em;text-transform:uppercase;color:var(--ua-shell-muted)}.account-receipt-head{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-start;justify-content:space-between;padding-bottom:1.2rem;border-bottom:1px solid rgba(255,255,255,0.1)}.account-receipt-kicker{display:block;font-size:0.72rem;font-weight:var(--universe-font-weight-title);letter-spacing:0.06em;text-transform:uppercase;color:var(--ua-shell-muted)}.account-receipt-brand{margin:0.15rem 0 0;font-size:1.5rem;font-weight:var(--universe-font-weight-strong);color:var(--ua-shell-ink)}.account-receipt-head-meta{display:grid;gap:0.35rem;justify-items:end;text-align:right}.account-receipt-pills{display:flex;flex-wrap:wrap;gap:0.35rem;justify-content:flex-end}.account-receipt-when{margin:0;font-size:0.9rem;color:var(--ua-shell-ink)}.account-receipt-ref{margin:0;font-size:0.78rem;color:var(--ua-shell-muted);word-break:break-all}.account-receipt-lines{display:grid;gap:0.7rem}.account-receipt-lineitems{display:block}.account-receipt-totals{display:grid;gap:0.6rem}.account-receipt-summary{display:block}.account-receipt-billed-grid{display:grid;grid-template-columns:minmax(8rem,0.4fr) minmax(0,1fr);gap:0.35rem 1rem;margin:0}.account-receipt-billed-grid dt{color:var(--ua-shell-muted);font-size:0.82rem;font-weight:var(--universe-font-weight-title)}.account-receipt-billed-grid dd{margin:0;color:var(--ua-shell-ink)}.account-receipt-review-dialogs{display:contents}.account-receipt-action-row{display:flex;flex-wrap:wrap;gap:0.5rem}.account-receipt-review-form{display:grid;grid-template-rows:auto 1fr auto;gap:0.9rem;min-block-size:min(78vh,44rem)}.account-receipt-review-controls{display:grid;gap:0.5rem}.account-receipt-review-controls-row{display:flex;flex-wrap:wrap;align-items:center;gap:0.75rem}.account-receipt-review-comment-box{flex:1 1 12rem;min-inline-size:10rem;display:flex;align-items:center;min-block-size:2.75rem;padding:0.55rem 0.85rem;border:1px solid var(--ua-shell-line);border-radius:var(--ua-shell-radius);background:var(--ua-shell-panel);color:var(--ua-shell-muted);text-align:start;cursor:text;transition:border-color 0.15s ease,background 0.15s ease}.account-receipt-review-comment-preview{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;inline-size:100%}.account-receipt-review-comment-preview.account-receipt-review-comment-filled{color:var(--ua-shell-ink)}.account-receipt-review-product{display:grid;grid-template-rows:auto 1fr;gap:0.6rem;min-block-size:0;padding:0.75rem;border:var(--ua-shell-elev-1-border);border-radius:var(--ua-shell-radius);background:var(--ua-glass-text-led);backdrop-filter:var(--ua-glass-frost);-webkit-backdrop-filter:var(--ua-glass-frost)}.account-receipt-review-product-head{display:grid;gap:0.1rem}.account-receipt-review-product-kicker{color:var(--ua-shell-muted);font-size:0.72rem;text-transform:uppercase;letter-spacing:0.08em}.account-receipt-review-product-title{margin:0;font-size:1.05rem;font-weight:var(--universe-font-weight-title)}.account-receipt-review-pdp-frame{inline-size:100%;block-size:100%;min-block-size:clamp(20rem,52vh,40rem);border:0;border-radius:0.7rem;background:var(--ua-shell-panel-strong)}.account-receipt-review-product-img{inline-size:100%;max-block-size:24rem;object-fit:cover;border-radius:0.7rem}.account-receipt-review-product-glyph{display:grid;place-items:center;block-size:12rem;border-radius:0.7rem;background:var(--ua-shell-panel-strong);color:var(--ua-shell-muted);font-size:2.4rem}.account-receipt-review-vote-field{display:flex;align-items:center}.account-receipt-review-vote{display:flex;flex-direction:row;gap:0.5rem}.account-receipt-review-form-actions{display:flex;gap:0.6rem;justify-content:flex-end;align-items:center;flex-wrap:wrap;margin-top:0.1rem}.account-receipt-review-submit-small{font-size:0.85rem;padding-block:0.4rem;padding-inline:1rem}.account-receipt-comment-editor{display:grid;gap:0.7rem;align-content:start}.account-receipt-comment-progress{display:none;align-items:center;gap:0.6rem}.account-receipt-comment-progress[data-active="true"]{display:flex}.account-receipt-comment-progress-track{flex:1;block-size:0.4rem;border-radius:999rem;background:var(--ua-shell-panel-strong);overflow:hidden}.account-receipt-comment-progress-fill{block-size:100%;inline-size:0;border-radius:999rem;background:var(--ua-shell-gold);transition:width 0.12s ease}.account-receipt-comment-progress-count{font-size:0.78rem;color:var(--ua-shell-muted);white-space:nowrap;font-variant-numeric:tabular-nums}.account-receipt-comment-editor .ua-doc-simple-editor{min-block-size:clamp(14rem,50vh,30rem)}.account-receipt-comment-save{order:-1;margin-inline-end:auto;display:inline-grid;place-items:center;inline-size:3rem;block-size:3rem;border:0;border-radius:999rem;background:var(--ua-shell-gold);color:#1a1204;cursor:pointer;box-shadow:0 0.125rem 0.5rem color-mix(in srgb,var(--ua-shell-gold) 45%,transparent);transition:transform 0.15s ease,box-shadow 0.15s ease}@media (prefers-reduced-motion:reduce){.account-receipt-comment-save{transition:none}}.account-receipt-export-body{display:grid;gap:1.1rem;justify-items:center;text-align:center;max-inline-size:34rem;margin-inline:auto;inline-size:100%}.account-receipt-export-intro{display:grid;gap:0.3rem}.account-receipt-export-lede{margin:0;font-size:1.15rem;font-weight:var(--universe-font-weight-strong);color:var(--ua-shell-ink)}.account-receipt-export-sub{margin:0;max-inline-size:30rem}.account-receipt-export-formats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0.7rem;inline-size:100%}.account-receipt-export-format{display:grid;gap:0.2rem;align-content:center;justify-items:center;min-block-size:4.4rem;padding:0.85rem 0.9rem;border:var(--ua-shell-elev-1-border);border-radius:var(--ua-shell-radius);background:var(--ua-glass-text-led);backdrop-filter:var(--ua-glass-frost);-webkit-backdrop-filter:var(--ua-glass-frost);color:var(--ua-shell-ink);text-decoration:none;transition:border-color 0.15s ease,background 0.15s ease,transform 0.15s ease}.account-receipt-export-format-label{font-weight:var(--universe-font-weight-strong);font-size:1rem}.account-receipt-export-format-hint{font-size:0.78rem;color:var(--ua-shell-muted)}.account-receipt-export-note{margin:0;max-inline-size:30rem;font-size:0.82rem}@media (prefers-reduced-motion:reduce){.account-receipt-export-format{transition:none}}@media (max-width:32rem){.account-receipt-export-formats{grid-template-columns:1fr}}.account-receipt-reviewed{opacity:0.75}.account-order-detail-back{margin-top:0.5rem;display:inline-flex}.account-receipt-print-page{max-width:46rem;margin:1.5rem auto;padding:0 1rem}.account-receipt-print-toolbar{margin:1rem 0}@media print{.account-receipt-print-toolbar,.dashboard-topbar,.dashboard-sidebar,[data-dashboard-nav-group]{display:none !important}body[data-universe-background="image"]::before{display:none !important}.account-receipt{box-shadow:none;border-color:rgba(0,0,0,0.25);background:#fff;color:#111}}@media (max-width:32rem){.account-orders-results[data-account-orders-view="list"] .account-order-row-head{display:none}.account-orders-results[data-account-orders-view="list"] .account-order-row{grid-template-columns:1fr;gap:0.35rem}.account-orders-results[data-account-orders-view="list"] .account-order-cell-label{display:inline}.account-orders-results[data-account-orders-view="list"] .account-order-cell-actions{justify-content:flex-start}.account-receipt{padding:1.1rem 1.1rem 1.3rem;gap:1.1rem}.account-receipt-head{flex-direction:column}.account-receipt-head-meta{justify-items:start;text-align:left}.account-receipt-pills{justify-content:flex-start}.account-receipt-billed-grid{grid-template-columns:1fr;gap:0.1rem 0}.account-receipt-billed-grid dd{margin-bottom:0.4rem}}.store-orders-results{--store-order-cols:minmax(0,1.1fr) minmax(6rem,0.7fr) minmax(0,1.1fr) minmax(5rem,0.55fr) minmax(6rem,0.6fr) minmax(8rem,0.9fr) minmax(7rem,auto);display:grid;gap:0;min-width:0}.store-orders-results[data-store-orders-view="list"]{border:1px solid rgba(255,255,255,0.12);border-radius:0.75rem;overflow:hidden;grid-template-columns:var(--store-order-cols)}.store-orders-results[data-store-orders-view="list"] .store-order-row{display:grid;grid-column:1 / -1;grid-template-columns:subgrid;gap:0.85rem;align-items:center;padding:var(--universe-space-inset-1) var(--universe-space-inset-2);border-bottom:1px solid var(--ua-shell-elev-1-line);background:var(--ua-glass-text-led);box-shadow:var(--universe-elev-1-shadow);backdrop-filter:var(--ua-glass-frost);-webkit-backdrop-filter:var(--ua-glass-frost);min-width:0}.store-orders-results[data-store-orders-view="list"] .store-order-row:last-child{border-bottom:0}.store-orders-results[data-store-orders-view="list"] .store-order-row.store-order-row-head{background:var(--ua-glass-text-led);font-size:0.74rem;font-weight:var(--universe-font-weight-strong);text-transform:uppercase;letter-spacing:0.03em;color:var(--ua-shell-muted)}.store-orders-results[data-store-orders-view="list"] .store-order-cell-label{display:none}.store-orders-results[data-store-orders-view="list"] .store-order-cell{min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:0.4rem}.account-subscription-group{display:contents}.account-subscription-group[hidden]{display:none}.account-subscription-group-head{grid-column:1 / -1;display:flex;flex-wrap:wrap;align-items:baseline;gap:0.35rem 0.7rem;padding:0.75rem 1rem 0.5rem}.account-subscription-group-title{margin:0;font-size:0.8rem;font-weight:var(--universe-font-weight-strong);text-transform:uppercase;letter-spacing:0.05em;color:var(--ua-shell-gold)}.account-subscription-card-face{display:none}.account-subscriptions-results[data-account-subscriptions-view="card"] .account-subscription-card-face{display:grid;grid-template-columns:2.75rem minmax(0,1fr);gap:0.75rem;align-items:start;margin-bottom:0.35rem}.account-subscription-card-art{display:grid;place-items:center;width:2.75rem;height:2.75rem;border-radius:0.65rem;border:1px solid var(--ua-shell-line);background:color-mix(in srgb,var(--ua-shell-panel-strong) 70%,transparent);color:var(--ua-shell-gold)}.account-subscription-key-image{width:1.65rem;height:1.65rem}.account-subscription-card-copy{min-width:0;display:grid;gap:0.2rem}.account-subscription-card-title{font-family:var(--universe-font-heading);font-size:1.05rem;font-weight:var(--universe-font-weight-title);color:var(--ua-shell-ink);text-decoration:none}.account-subscription-card-description{margin:0;color:var(--ua-shell-muted);font-size:0.86rem}.account-subscription-card-price{margin:0.1rem 0 0;color:var(--ua-shell-ink)}.account-subscriptions-results[data-account-subscriptions-view="card"] .account-subscription-cell-plan,.account-subscriptions-results[data-account-subscriptions-view="card"] .account-subscription-cell-price{display:none}.store-orders-results[data-store-orders-view="card"]{grid-template-columns:repeat(auto-fill,minmax(min(100%,18rem),1fr));gap:1rem;padding:clamp(0.85rem,1.6vw,1.15rem)}.store-orders-results[data-store-orders-view="card"] .store-order-row.store-order-row-head{display:none}.store-orders-results[data-store-orders-view="card"] .store-order-row{display:flex;flex-direction:column;gap:0.5rem;padding:var(--universe-space-inset-2);border:var(--ua-shell-elev-2-border);border-radius:0.75rem;background:var(--ua-glass-text-led);box-shadow:var(--universe-elev-2-shadow);backdrop-filter:var(--ua-glass-frost);-webkit-backdrop-filter:var(--ua-glass-frost);min-width:0}.store-orders-results[data-store-orders-view="card"] .store-order-rownav{display:flex;flex-direction:column;align-items:stretch;gap:0.5rem;min-width:0}.store-orders-results[data-store-orders-view="card"] .store-order-cell{display:flex;flex-wrap:wrap;align-items:baseline;gap:0.4rem 0.6rem;min-width:0}.store-orders-results[data-store-orders-view="card"] .store-order-cell-label{font-size:0.7rem;font-weight:var(--universe-font-weight-strong);text-transform:uppercase;letter-spacing:0.03em;color:var(--ua-shell-muted);flex:0 0 auto}.store-order-row[hidden]{display:none !important}.store-order-ref-link{color:var(--ua-shell-ink);font-weight:var(--universe-font-weight-title);text-decoration:none;overflow-wrap:anywhere;word-break:normal}.store-order-cell-value{color:var(--ua-shell-ink);min-width:0;overflow-wrap:anywhere;word-break:normal}.store-order-cell-actions{justify-content:flex-end;gap:0.35rem;flex-wrap:wrap}.store-order-pill{display:inline-flex;align-items:center;padding:0.1rem 0.5rem;border-radius:62.4375rem;font-size:0.72rem;font-weight:var(--universe-font-weight-title);border:1px solid rgba(255,255,255,0.16);background:color-mix(in srgb,var(--ua-shell-panel) 60%,transparent)}.store-order-empty{grid-column:1 / -1;color:var(--ua-shell-muted);padding:1.2rem}.store-order-surface-status:empty{display:none}.store-order-summary{display:grid;gap:0.5rem;padding:var(--universe-space-inset-1) var(--universe-space-inset-2);border:var(--ua-shell-elev-1-border);border-radius:0.75rem;background:var(--ua-glass-text-led);box-shadow:var(--universe-elev-1-shadow);backdrop-filter:var(--ua-glass-frost);-webkit-backdrop-filter:var(--ua-glass-frost);margin:0.5rem 0 1rem}.store-order-summary-title{margin:0 0 0.25rem}.store-order-summary-line{display:grid;grid-template-columns:minmax(8rem,0.4fr) minmax(0,1fr);gap:0.6rem;align-items:baseline}.store-order-summary-label{font-size:0.74rem;font-weight:var(--universe-font-weight-strong);text-transform:uppercase;letter-spacing:0.03em;color:var(--ua-shell-muted)}.store-order-summary-value{color:var(--ua-shell-ink);word-break:break-word}.store-order-detail-actions,.store-order-detail-danger{margin:0.5rem 0 1rem;display:grid;gap:0.5rem}.store-order-detail-closed-note{margin:0;padding:var(--universe-space-inset-1) var(--universe-space-inset-2);border:var(--ua-shell-elev-1-border);border-radius:0.6rem;background:var(--ua-glass-text-led);box-shadow:var(--universe-elev-1-shadow);backdrop-filter:var(--ua-glass-frost);-webkit-backdrop-filter:var(--ua-glass-frost)}.store-order-detail-lines{margin:0;padding:var(--universe-space-inset-1) var(--universe-space-inset-2) var(--universe-space-inset-1) 1.1rem;color:var(--ua-shell-ink);display:grid;gap:0.2rem;border:var(--ua-shell-elev-1-border);border-radius:0.6rem;background:var(--ua-glass-text-led);box-shadow:var(--universe-elev-1-shadow);backdrop-filter:var(--ua-glass-frost);-webkit-backdrop-filter:var(--ua-glass-frost)}.store-order-detail-action-row{display:flex;flex-wrap:wrap;gap:0.5rem}.store-order-detail-back{margin-top:0.5rem;display:inline-flex}.store-order-message-note{color:var(--ua-shell-muted)}.store-order-message-status:empty{display:none}.store-order-return-lines{display:grid;gap:0.5rem;margin:0.5rem 0 1rem}.store-order-return-line{display:grid;grid-template-columns:minmax(0,1fr) minmax(6rem,12rem);gap:0.6rem;align-items:end;padding:0.6rem 0.75rem;border:var(--ua-shell-elev-1-border);border-radius:0.6rem;background:var(--ua-glass-text-led);backdrop-filter:var(--ua-glass-frost);-webkit-backdrop-filter:var(--ua-glass-frost)}.store-order-dialog-status{margin:0 0 0.5rem;flex-basis:100%;color:var(--ua-shell-ink)}.store-order-dialog-status:empty{display:none}@media (max-width:32rem){.store-orders-results[data-store-orders-view="list"]{grid-template-columns:1fr}.store-orders-results[data-store-orders-view="list"] .store-order-row-head{display:none}.store-order-return-line{grid-template-columns:1fr;align-items:start}.store-orders-results[data-store-orders-view="list"] .store-order-row{grid-template-columns:1fr;gap:0.35rem}.store-orders-results[data-store-orders-view="list"] .store-order-rownav{grid-column:1 / -1;display:flex;flex-direction:column;align-items:stretch;gap:0.35rem}.store-orders-results[data-store-orders-view="list"] .store-order-cell-label{display:inline}.store-orders-results[data-store-orders-view="list"] .store-order-cell-actions{justify-content:flex-start}.store-order-summary-line{grid-template-columns:1fr;gap:0.15rem}}.account-receipts-results{--account-receipt-cols:minmax(0,1.4fr) minmax(7rem,0.8fr) minmax(0,1.1fr) minmax(6rem,0.7fr) minmax(7rem,0.8fr) minmax(5.5rem,auto);display:grid;gap:0;min-width:0}.account-receipts-results[data-account-receipts-view="list"]{border:1px solid rgba(255,255,255,0.12);border-radius:0.75rem;overflow:hidden}.account-receipts-results[data-account-receipts-view="list"] .account-receipt-row{display:grid;grid-template-columns:var(--account-receipt-cols);gap:0.85rem;align-items:center;padding:var(--universe-space-inset-1) var(--universe-space-inset-2);border-bottom:1px solid var(--ua-shell-elev-1-line);background:var(--ua-glass-text-led);box-shadow:var(--universe-elev-1-shadow);backdrop-filter:var(--ua-glass-frost);-webkit-backdrop-filter:var(--ua-glass-frost);min-width:0}.account-receipts-results[data-account-receipts-view="list"] .account-receipt-row:last-child{border-bottom:0}.account-receipts-results[data-account-receipts-view="list"] .account-receipt-row-head{background:var(--ua-glass-text-led);font-size:0.74rem;font-weight:var(--universe-font-weight-strong);text-transform:uppercase;letter-spacing:0.03em;color:var(--ua-shell-muted)}.account-receipts-results[data-account-receipts-view="list"] .account-receipt-cell-label{display:none}.account-receipts-results[data-account-receipts-view="list"] .account-receipt-cell{min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:0.4rem}.account-subscription-group{display:contents}.account-subscription-group[hidden]{display:none}.account-subscription-group-head{grid-column:1 / -1;display:flex;flex-wrap:wrap;align-items:baseline;gap:0.35rem 0.7rem;padding:0.75rem 1rem 0.5rem}.account-subscription-group-title{margin:0;font-size:0.8rem;font-weight:var(--universe-font-weight-strong);text-transform:uppercase;letter-spacing:0.05em;color:var(--ua-shell-gold)}.account-subscription-card-face{display:none}.account-subscriptions-results[data-account-subscriptions-view="card"] .account-subscription-card-face{display:grid;grid-template-columns:2.75rem minmax(0,1fr);gap:0.75rem;align-items:start;margin-bottom:0.35rem}.account-subscription-card-art{display:grid;place-items:center;width:2.75rem;height:2.75rem;border-radius:0.65rem;border:1px solid var(--ua-shell-line);background:color-mix(in srgb,var(--ua-shell-panel-strong) 70%,transparent);color:var(--ua-shell-gold)}.account-subscription-key-image{width:1.65rem;height:1.65rem}.account-subscription-card-copy{min-width:0;display:grid;gap:0.2rem}.account-subscription-card-title{font-family:var(--universe-font-heading);font-size:1.05rem;font-weight:var(--universe-font-weight-title);color:var(--ua-shell-ink);text-decoration:none}.account-subscription-card-description{margin:0;color:var(--ua-shell-muted);font-size:0.86rem}.account-subscription-card-price{margin:0.1rem 0 0;color:var(--ua-shell-ink)}.account-subscriptions-results[data-account-subscriptions-view="card"] .account-subscription-cell-plan,.account-subscriptions-results[data-account-subscriptions-view="card"] .account-subscription-cell-price{display:none}.account-receipts-results[data-account-receipts-view="card"]{grid-template-columns:repeat(auto-fill,minmax(min(100%,17rem),1fr));gap:1rem;padding:clamp(0.85rem,1.6vw,1.15rem)}.account-receipts-results[data-account-receipts-view="card"] .account-receipt-row.account-receipt-row-head{display:none}.account-receipts-results[data-account-receipts-view="card"] .account-receipt-row{display:flex;flex-direction:column;gap:0.5rem;padding:var(--universe-space-inset-2);border:var(--ua-shell-elev-2-border);border-radius:0.75rem;background:var(--ua-glass-text-led);box-shadow:var(--universe-elev-2-shadow);backdrop-filter:var(--ua-glass-frost);-webkit-backdrop-filter:var(--ua-glass-frost);min-width:0}.account-receipts-results[data-account-receipts-view="card"] .account-receipt-cell{display:flex;flex-wrap:wrap;align-items:baseline;gap:0.4rem 0.6rem;min-width:0}.account-receipts-results[data-account-receipts-view="card"] .account-receipt-cell-label{font-size:0.7rem;font-weight:var(--universe-font-weight-strong);text-transform:uppercase;letter-spacing:0.03em;color:var(--ua-shell-muted);flex:0 0 auto}.account-receipt-row[hidden]{display:none !important}.account-receipt-ref-link{color:var(--ua-shell-ink);font-weight:var(--universe-font-weight-title);text-decoration:none;word-break:break-word}.account-receipt-cell-value{color:var(--ua-shell-ink);min-width:0;word-break:break-word}.account-receipt-cell-actions{justify-content:flex-end;gap:0.35rem}.account-receipt-cell-actions .accounts-icon-action{min-width:2.4rem;min-height:2.4rem}.account-receipt-empty{grid-column:1 / -1;color:var(--ua-shell-muted);padding:1.2rem}.account-receipts-date-trigger{display:inline-flex;align-items:center;justify-content:center;gap:0.35rem}.account-receipt-summary{display:grid;gap:0.5rem;padding:var(--universe-space-inset-1) var(--universe-space-inset-2);border:var(--ua-shell-elev-1-border);border-radius:0.75rem;background:var(--ua-glass-text-led);box-shadow:var(--universe-elev-1-shadow);backdrop-filter:var(--ua-glass-frost);-webkit-backdrop-filter:var(--ua-glass-frost);margin:0.5rem 0 1rem}.account-receipt-summary-title{margin:0 0 0.25rem}.account-receipt-summary-line{display:grid;grid-template-columns:minmax(8rem,0.4fr) minmax(0,1fr);gap:0.6rem;align-items:baseline}.account-receipt-summary-label{font-size:0.74rem;font-weight:var(--universe-font-weight-strong);text-transform:uppercase;letter-spacing:0.03em;color:var(--ua-shell-muted)}.account-receipt-summary-value{color:var(--ua-shell-ink);word-break:break-word}.account-receipt-review-dialog-body{display:grid;gap:0.75rem}.account-receipt-review-confirm{display:flex;flex-wrap:wrap;gap:0.5rem;justify-content:flex-end}@media (max-width:32rem){.account-receipts-results[data-account-receipts-view="list"] .account-receipt-row-head{display:none}.account-receipts-results[data-account-receipts-view="list"] .account-receipt-row{grid-template-columns:1fr;gap:0.35rem}.account-receipts-results[data-account-receipts-view="list"] .account-receipt-cell-label{display:inline}.account-receipts-results[data-account-receipts-view="list"] .account-receipt-cell-actions{justify-content:flex-start}.account-receipt-summary-line{grid-template-columns:1fr;gap:0.15rem}}.account-subscriptions-results{--account-subscription-cols:2.75rem minmax(0,1.5fr) minmax(7rem,0.8fr) minmax(6rem,0.7fr) minmax(7rem,0.8fr) minmax(7rem,0.9fr) minmax(5rem,auto);display:grid;gap:0;min-width:0}.account-subscriptions-results[data-account-subscriptions-view="list"] .account-subscription-cell-brand{justify-content:center;overflow:visible}.account-subscriptions-results[data-account-subscriptions-view="card"] .account-subscription-cell-brand{display:none}.account-subscription-brandmark{position:relative;display:inline-grid;place-items:center;width:2.35rem;height:2.35rem;color:var(--ua-shell-gold)}.account-subscription-brand-avatar{display:grid;place-items:center;width:2.35rem;height:2.35rem;border-radius:0.6rem;overflow:hidden;border:var(--ua-shell-elev-1-border);background:var(--ua-glass-text-led);backdrop-filter:var(--ua-glass-frost);-webkit-backdrop-filter:var(--ua-glass-frost);font-family:var(--universe-font-heading);font-weight:var(--universe-font-weight-strong);font-size:0.82rem;color:var(--ua-shell-ink)}.account-subscription-brand-logo{width:100%;height:100%;object-fit:cover}.account-subscription-brand-monogram{line-height:1;letter-spacing:0.02em}.account-subscription-type-badge{position:absolute;right:-0.28rem;bottom:-0.28rem;display:grid;place-items:center;width:1.15rem;height:1.15rem;border-radius:999px;border:var(--ua-shell-elev-1-border);background:var(--ua-glass-text-led);backdrop-filter:var(--ua-glass-frost);-webkit-backdrop-filter:var(--ua-glass-frost);color:var(--ua-shell-gold);box-shadow:var(--universe-elev-1-shadow)}.account-subscription-brandmark .account-subscription-type-icon{width:0.8rem;height:0.8rem}.account-subscription-card-art .account-subscription-brand-avatar{border:0;background:transparent}.account-subscriptions-results[data-account-subscriptions-view="list"]{border:1px solid rgba(255,255,255,0.12);border-radius:0.75rem;overflow:hidden}.account-subscriptions-results[data-account-subscriptions-view="list"] .account-subscription-row{display:grid;grid-template-columns:var(--account-subscription-cols);gap:0.85rem;align-items:center;padding:var(--universe-space-inset-1) var(--universe-space-inset-2);border-bottom:1px solid var(--ua-shell-elev-1-line);background:var(--ua-glass-text-led);box-shadow:var(--universe-elev-1-shadow);backdrop-filter:var(--ua-glass-frost);-webkit-backdrop-filter:var(--ua-glass-frost);min-width:0}.account-subscriptions-results[data-account-subscriptions-view="list"] .account-subscription-row:last-child{border-bottom:0}.account-subscriptions-results[data-account-subscriptions-view="list"] .account-subscription-row.account-subscription-row-active{box-shadow:inset 0.2rem 0 0 var(--ua-shell-info),var(--universe-elev-1-shadow)}.account-subscriptions-results[data-account-subscriptions-view="card"] .account-subscription-row.account-subscription-row-active{box-shadow:inset 0.2rem 0 0 var(--ua-shell-info),var(--universe-elev-2-shadow)}.account-subscriptions-results[data-account-subscriptions-view="list"] .account-subscription-row-head{background:var(--ua-glass-text-led);font-size:0.74rem;font-weight:var(--universe-font-weight-strong);text-transform:uppercase;letter-spacing:0.03em;color:var(--ua-shell-muted)}.account-subscriptions-results[data-account-subscriptions-view="list"] .account-subscription-cell-label{display:none}.account-subscriptions-results[data-account-subscriptions-view="list"] .account-subscription-cell{min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:0.4rem}.account-subscription-group{display:contents}.account-subscription-group[hidden]{display:none}.account-subscription-group-head{grid-column:1 / -1;display:flex;flex-wrap:wrap;align-items:baseline;gap:0.35rem 0.7rem;padding:0.75rem 1rem 0.5rem}.account-subscription-group-title{margin:0;font-size:0.8rem;font-weight:var(--universe-font-weight-strong);text-transform:uppercase;letter-spacing:0.05em;color:var(--ua-shell-gold)}.account-subscription-card-face{display:none}.account-subscriptions-results[data-account-subscriptions-view="card"] .account-subscription-card-face{display:grid;grid-template-columns:2.75rem minmax(0,1fr);gap:0.75rem;align-items:start;margin-bottom:0.35rem}.account-subscription-card-art{display:grid;place-items:center;width:2.75rem;height:2.75rem;border-radius:0.65rem;border:1px solid var(--ua-shell-line);background:color-mix(in srgb,var(--ua-shell-panel-strong) 70%,transparent);color:var(--ua-shell-gold)}.account-subscription-key-image{width:1.65rem;height:1.65rem}.account-subscription-card-copy{min-width:0;display:grid;gap:0.2rem}.account-subscription-card-title{font-family:var(--universe-font-heading);font-size:1.05rem;font-weight:var(--universe-font-weight-title);color:var(--ua-shell-ink);text-decoration:none}.account-subscription-card-description{margin:0;color:var(--ua-shell-muted);font-size:0.86rem}.account-subscription-card-price{margin:0.1rem 0 0;color:var(--ua-shell-ink)}.account-subscriptions-results[data-account-subscriptions-view="card"] .account-subscription-cell-plan,.account-subscriptions-results[data-account-subscriptions-view="card"] .account-subscription-cell-price{display:none}.account-subscriptions-results[data-account-subscriptions-view="card"]{grid-template-columns:repeat(auto-fill,minmax(min(100%,17rem),1fr));gap:1rem;padding:clamp(0.85rem,1.6vw,1.15rem)}.account-subscriptions-results[data-account-subscriptions-view="card"] .account-subscription-row.account-subscription-row-head{display:none}.account-subscriptions-results[data-account-subscriptions-view="card"] .account-subscription-row{display:flex;flex-direction:column;gap:0.5rem;padding:var(--universe-space-inset-2);border:var(--ua-shell-elev-2-border);border-radius:0.75rem;background:var(--ua-glass-text-led);box-shadow:var(--universe-elev-2-shadow);backdrop-filter:var(--ua-glass-frost);-webkit-backdrop-filter:var(--ua-glass-frost);min-width:0}.account-subscriptions-results[data-account-subscriptions-view="card"] .account-subscription-cell{display:flex;flex-wrap:wrap;align-items:baseline;gap:0.4rem 0.6rem;min-width:0}.account-subscriptions-results[data-account-subscriptions-view="card"] .account-subscription-cell-label{font-size:0.7rem;font-weight:var(--universe-font-weight-strong);text-transform:uppercase;letter-spacing:0.03em;color:var(--ua-shell-muted);flex:0 0 auto}.account-subscription-row[hidden]{display:none !important}.account-subscription-plan-link{color:var(--ua-shell-ink);font-weight:var(--universe-font-weight-title);text-decoration:none;word-break:break-word}.account-subscription-plan-seller{flex-basis:100%;font-size:0.78rem;color:var(--ua-shell-muted);min-width:0;word-break:break-word}.account-subscription-cell-value{color:var(--ua-shell-ink);min-width:0;word-break:break-word}.account-subscription-cell-actions{justify-content:flex-end;gap:0.35rem}.account-subscription-cell-actions .accounts-icon-action{min-width:2.4rem;min-height:2.4rem}.account-subscriptions-results[data-account-subscriptions-view="list"] .account-subscription-rownav{display:grid;grid-column:1 / -2;grid-template-columns:subgrid;gap:0.85rem;align-items:center;min-width:0;color:inherit;text-decoration:none}.account-subscriptions-results[data-account-subscriptions-view="list"] .account-subscription-row>.account-subscription-cell-actions{grid-column:-2 / -1}.account-subscriptions-results[data-account-subscriptions-view="list"] .account-subscription-row>.account-subscription-cell-actions{transition:transform var(--ua-motion-micro) var(--ua-motion-ease-soft)}@media (prefers-reduced-motion:no-preference){.account-subscriptions-results[data-account-subscriptions-view="list"] .account-subscription-row:has(>.account-subscription-rownav:hover)>.account-subscription-cell-actions,.account-subscriptions-results[data-account-subscriptions-view="list"] .account-subscription-row:has(>.account-subscription-rownav:focus-within)>.account-subscription-cell-actions{transform:translateY(-0.15rem)}}.dashboard-splitrow-nav{display:grid;grid-column:1 / -2;grid-template-columns:subgrid;gap:inherit;align-items:center;min-width:0;color:inherit;text-decoration:none}.dashboard-splitrow>.dashboard-splitrow-actions{grid-column:-2 / -1;transition:transform var(--ua-motion-micro) var(--ua-motion-ease-soft)}@media (prefers-reduced-motion:no-preference){.dashboard-splitrow:has(>.dashboard-splitrow-nav:hover)>.dashboard-splitrow-actions,.dashboard-splitrow:has(>.dashboard-splitrow-nav:focus-within)>.dashboard-splitrow-actions{transform:translateY(-0.15rem)}}.dashboard-splitrow[data-ua-swipe]{position:relative;overflow:hidden}.dashboard-splitrow[data-ua-swipe]>.dashboard-splitrow-hint{position:absolute;inset:0 0 0 auto;display:grid;place-items:center;padding-inline:0.9rem;color:var(--dashboard-splitrow-hint-ink,var(--dashboard-on-danger,#fff));background:linear-gradient(90deg,color-mix(in srgb,var(--dashboard-splitrow-hint-tint,var(--ua-shell-danger,#d84a3a)) 0%,transparent),var(--dashboard-splitrow-hint-tint,var(--ua-shell-danger,#d84a3a)));opacity:0;visibility:hidden;transition:opacity var(--ua-motion-micro) var(--ua-motion-ease-soft),visibility var(--ua-motion-micro) var(--ua-motion-ease-soft)}.dashboard-splitrow[data-ua-swipe].ua-swipe-active>.dashboard-splitrow-hint{opacity:0.9;visibility:visible}.dashboard-splitrow[data-ua-swipe].ua-swipe-armed>.dashboard-splitrow-hint{opacity:1;visibility:visible}.dashboard-splitrow[data-ua-swipe]>.dashboard-splitrow-nav{position:relative;z-index:1;background:var(--ua-glass-text-led);will-change:transform}.dashboard-splitrow[data-ua-swipe].ua-swipe-removing{opacity:0.4}.account-subscriptions-results[data-account-subscriptions-view="card"] .account-subscription-rownav{display:flex;flex-direction:column;align-items:stretch;gap:0.5rem;min-width:0;color:inherit;text-decoration:none}.account-subscription-renew-submit{padding:0.3rem 0.7rem;font-size:0.82rem;white-space:nowrap}.account-subscription-renew-status{flex-basis:100%;margin:0.2rem 0 0;font-size:0.78rem;color:var(--ua-shell-muted);min-width:0;word-break:break-word}.account-subscription-renew-status:empty{display:none}.account-subscription-empty{grid-column:1 / -1;color:var(--ua-shell-muted);padding:1.2rem}.account-subscription-detail .account-preference-panel{border:var(--ua-shell-elev-2-border);border-radius:var(--ua-shell-radius);background:var(--ua-glass-text-led);box-shadow:var(--universe-elev-2-shadow);backdrop-filter:var(--ua-glass-frost);-webkit-backdrop-filter:var(--ua-glass-frost);padding:var(--universe-space-inset-2)}.account-subscription-detail .account-preference-panel>.account-preference-heading,.account-subscription-detail .account-preference-panel>.account-preference-note{border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;padding:0}.account-subscription-detail .account-subscription-action-form{flex-wrap:wrap;max-width:100%}.account-subscription-developer-product-form{display:grid;gap:0.75rem;justify-items:start;min-width:0;margin:0}.account-subscription-developer-product-form .dashboard-inline-status:empty,.account-subscription-detail .account-subscription-action-form .dashboard-inline-status:empty{display:none}.account-subscription-detail-back{border:var(--ua-shell-elev-1-border);background:var(--ua-glass-text-led);box-shadow:var(--universe-elev-1-shadow);backdrop-filter:var(--ua-glass-frost);-webkit-backdrop-filter:var(--ua-glass-frost)}.account-subscription-hero{display:grid;grid-template-columns:4.5rem minmax(0,1fr);gap:1.1rem;align-items:start}.account-subscription-hero-art{display:grid;place-items:center;width:4.5rem;height:4.5rem;border-radius:var(--ua-shell-radius);border:1px solid var(--ua-shell-line);background:color-mix(in srgb,var(--ua-shell-panel-strong) 70%,transparent);color:var(--ua-shell-gold)}.account-subscription-hero-art .account-subscription-key-image{width:2.6rem;height:2.6rem}.account-subscription-hero-copy{min-width:0;display:grid;gap:0.45rem}.account-subscription-hero-title{margin:0;font-family:var(--universe-font-heading);font-size:clamp(1.4rem,2.6vw,2rem);line-height:1.15;color:var(--ua-shell-ink)}.account-subscription-hero-description{margin:0;color:var(--ua-shell-muted);max-width:46rem}.account-subscription-more-info{color:var(--ua-shell-gold);justify-self:start}.account-subscription-hero-state{display:flex;flex-wrap:wrap;gap:0.4rem}.account-subscription-status{font-weight:var(--universe-font-weight-title)}.account-subscription-subheading{margin:0.75rem 0 0.35rem;font-size:0.75rem;font-weight:var(--universe-font-weight-strong);text-transform:uppercase;letter-spacing:0.05em;color:var(--ua-shell-muted)}.account-subscription-price-lead{margin:0}.account-subscription-price-amount{font-family:var(--universe-font-heading);font-size:clamp(1.6rem,3vw,2.3rem);color:var(--ua-shell-ink)}.account-subscription-facts{display:grid;gap:0.3rem}.account-subscription-fact{display:grid;grid-template-columns:minmax(8rem,14rem) minmax(0,1fr);gap:0.75rem;padding:0.35rem 0;border-bottom:1px solid var(--ua-shell-soft)}.account-subscription-fact:last-child{border-bottom:0}.account-subscription-fact-label{color:var(--ua-shell-muted);font-size:0.82rem}.account-subscription-fact-value{color:var(--ua-shell-ink);min-width:0;word-break:break-word}.account-subscription-consumables{display:grid;gap:0.5rem}.account-subscription-consumable{display:grid;gap:0.15rem;padding:0.6rem 0.75rem;border:var(--ua-shell-elev-1-border);border-radius:0.65rem;background:var(--ua-glass-text-led);backdrop-filter:var(--ua-glass-frost);-webkit-backdrop-filter:var(--ua-glass-frost)}.account-subscription-consumable .account-subscription-fact-label{font-weight:var(--universe-font-weight-title);color:var(--ua-shell-ink)}.account-subscription-consumable .account-subscription-fact-value{color:var(--ua-shell-gold)}.account-subscription-usage-note{margin:0.15rem 0 0}.account-subscription-compare{display:grid;gap:1rem}.account-subscription-compare-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));gap:1rem;align-items:start}.account-subscription-compare-plan{display:grid;gap:0.5rem;padding:1rem;border:var(--ua-shell-elev-1-border);border-radius:var(--ua-shell-radius);background:var(--ua-glass-text-led);backdrop-filter:var(--ua-glass-frost);-webkit-backdrop-filter:var(--ua-glass-frost);min-width:0}.account-subscription-compare-plan.is-current{border-color:var(--ua-shell-gold);box-shadow:inset 0 0 0 1px var(--ua-shell-gold)}.account-subscription-compare-art{display:grid;place-items:center;width:3rem;height:3rem;border-radius:0.7rem;border:1px solid var(--ua-shell-line);color:var(--ua-shell-gold)}.account-subscription-compare-title{margin:0;font-family:var(--universe-font-heading);font-size:1.2rem;color:var(--ua-shell-ink)}.account-subscription-compare-price{margin:0;font-size:1.15rem;color:var(--ua-shell-ink)}.account-subscription-compare-delta{margin:0}.account-subscription-compare-description{margin:0;color:var(--ua-shell-muted);font-size:0.88rem}.account-subscription-compare-features{margin:0.25rem 0 0;display:grid;grid-template-columns:minmax(6rem,auto) minmax(0,1fr);gap:0.25rem 0.75rem}.account-subscription-compare-features dt{color:var(--ua-shell-muted);font-size:0.78rem}.account-subscription-compare-features dd{margin:0;color:var(--ua-shell-ink);font-size:0.82rem;min-width:0;word-break:break-word}.account-subscription-compare-footer{display:flex;justify-content:flex-end;gap:0.5rem}.account-subscription-spark-move-form{display:grid;gap:0.75rem}.account-subscription-spark-handle{display:grid;gap:0.35rem}.account-subscription-spark-domains{display:grid;gap:0.75rem}.account-subscription-spark-domains h4{margin:0;font-size:0.95rem;color:var(--ua-shell-ink)}.account-subscription-spark-domain{display:grid;gap:0.5rem;margin:0;padding:0.75rem;border:1px solid var(--ua-shell-line);border-radius:0.5rem;min-width:0}.account-subscription-spark-domain legend{padding:0 0.25rem;font-weight:var(--universe-font-weight-heading);color:var(--ua-shell-ink);overflow-wrap:anywhere}.account-subscription-spark-record-list{margin:0;padding-left:1.1rem;display:grid;gap:0.2rem;font-family:var(--universe-font-mono);font-size:0.78rem;color:var(--ua-shell-muted);overflow-wrap:anywhere}.account-subscription-spark-risks{display:grid;gap:0.35rem}.account-subscription-kept-domains{margin:0;padding-left:1.1rem;display:grid;gap:0.3rem;color:var(--ua-shell-ink)}.account-subscription-team-members{list-style:none;margin:0;padding:0;display:grid;gap:0.35rem}.account-subscription-team-member{display:flex;align-items:center;justify-content:space-between;gap:0.75rem;min-width:0}.account-subscription-team-member-name{overflow-wrap:anywhere;color:var(--ua-shell-ink)}.account-subscription-team-member-form{margin:0}.account-subscription-team-member-remove svg{width:1rem;height:1rem}.account-subscription-cancel-subject{margin:0 0 0.5rem;font-size:1.05rem;color:var(--ua-shell-ink)}.account-subscription-cancel-loss-list,.account-subscription-download-list{margin:0.25rem 0;padding-left:1.1rem;display:grid;gap:0.4rem}.account-subscription-download-item{display:grid;gap:0.1rem}.account-subscription-download-link{color:var(--ua-shell-gold);font-weight:var(--universe-font-weight-quiet)}.account-subscription-detail-card{display:flex;flex-direction:column;align-items:stretch;gap:0.65rem;grid-template-columns:none}.account-subscription-detail-card .account-subscription-actions{grid-column:auto;justify-content:flex-start}.account-subscription-detail-actions .account-subscription-action-form{flex:1 1 16rem;flex-wrap:wrap}.account-subscription-field-label{flex-basis:100%;font-size:0.72rem;font-weight:var(--universe-font-weight-strong);text-transform:uppercase;letter-spacing:0.03em;color:var(--ua-shell-muted)}.account-subscription-summary{display:grid;gap:0.5rem;padding:var(--universe-space-inset-1) var(--universe-space-inset-2);border:var(--ua-shell-elev-1-border);border-radius:0.75rem;background:var(--ua-glass-text-led);box-shadow:var(--universe-elev-1-shadow);backdrop-filter:var(--ua-glass-frost);-webkit-backdrop-filter:var(--ua-glass-frost);margin:0.5rem 0 1rem}.account-subscription-summary-title{margin:0 0 0.25rem}.account-subscription-summary-line{display:grid;grid-template-columns:minmax(8rem,0.4fr) minmax(0,1fr);gap:0.6rem;align-items:baseline}.account-subscription-summary-label{font-size:0.74rem;font-weight:var(--universe-font-weight-strong);text-transform:uppercase;letter-spacing:0.03em;color:var(--ua-shell-muted)}.account-subscription-summary-value{color:var(--ua-shell-ink);word-break:break-word}.account-subscription-cancel-dialog-body{display:grid;gap:0.9rem}.account-subscription-cancel-iconlist{list-style:none;margin:0;padding:0;display:grid;gap:0.85rem}.account-subscription-cancel-item{display:grid;grid-template-columns:1.75rem minmax(0,1fr);gap:0.65rem;align-items:start}.account-subscription-cancel-item-icon{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:0.6rem;background:var(--ua-glass-text-led);border:var(--ua-shell-elev-1-border);color:var(--ua-shell-gold);flex:none}.account-subscription-cancel-item-icon svg{width:1rem;height:1rem}.account-subscription-cancel-item-text{min-width:0;display:grid;gap:0.3rem}.account-subscription-cancel-item-text>*{margin:0}.account-subscription-cancel-item-headline{font-weight:var(--universe-font-weight-strong);color:var(--ua-shell-ink);line-height:1.35}.account-subscription-cancel-stay{display:grid;gap:0.3rem;padding:var(--universe-space-inset-1) var(--universe-space-inset-2);border:var(--ua-shell-elev-1-border);border-radius:0.75rem;background:var(--ua-glass-text-led);backdrop-filter:var(--ua-glass-frost);-webkit-backdrop-filter:var(--ua-glass-frost);opacity:0.92}.account-subscription-cancel-stay-kicker{font-size:0.72rem;font-weight:var(--universe-font-weight-strong);text-transform:uppercase;letter-spacing:0.04em;color:var(--ua-shell-muted)}.account-subscription-cancel-stay-title{margin:0;font-weight:var(--universe-font-weight-strong);color:var(--ua-shell-ink)}.account-subscription-cancel-stay-body{margin:0;color:var(--ua-shell-ink)}.account-subscription-cancel-stay-cta{color:var(--ua-shell-gold);font-weight:var(--universe-font-weight-quiet);justify-self:start}.account-subscription-cancel-confirm{display:flex;flex-wrap:wrap;gap:0.5rem;justify-content:flex-end;align-items:center}.account-subscription-cancel-confirm-check{flex-basis:100%}.account-subscription-cancel-passkey-note{flex-basis:100%;margin:0}@media (max-width:32rem){.account-subscriptions-results[data-account-subscriptions-view="list"] .account-subscription-row-head{display:none}.account-subscriptions-results[data-account-subscriptions-view="list"] .account-subscription-row{grid-template-columns:1fr;gap:0.35rem}.account-subscriptions-results[data-account-subscriptions-view="list"] .account-subscription-cell-label{display:inline}.account-subscriptions-results[data-account-subscriptions-view="list"] .account-subscription-cell-actions{justify-content:flex-start}.account-subscription-summary-line{grid-template-columns:1fr;gap:0.15rem}}.account-payment-methods-results{--account-payment-method-cols:minmax(0,1.5fr) minmax(6rem,0.7fr) minmax(5rem,0.6fr) minmax(5rem,0.6fr) minmax(7rem,0.9fr) minmax(5rem,auto);display:grid;gap:0;min-width:0}.account-payment-methods-results[data-account-payment-methods-view="list"]{border:1px solid rgba(255,255,255,0.12);border-radius:0.75rem;overflow:hidden}.account-payment-methods-results[data-account-payment-methods-view="list"] .account-payment-method-row{display:grid;grid-template-columns:var(--account-payment-method-cols);gap:0.85rem;align-items:center;padding:var(--universe-space-inset-1) var(--universe-space-inset-2);border-bottom:1px solid var(--ua-shell-elev-1-line);background:var(--ua-glass-text-led);box-shadow:var(--universe-elev-1-shadow);backdrop-filter:var(--ua-glass-frost);-webkit-backdrop-filter:var(--ua-glass-frost);min-width:0}.account-payment-methods-results[data-account-payment-methods-view="list"] .account-payment-method-row:last-child{border-bottom:0}.account-payment-methods-results[data-account-payment-methods-view="list"] .account-payment-method-row-head{background:var(--ua-glass-text-led);font-size:0.74rem;font-weight:var(--universe-font-weight-strong);text-transform:uppercase;letter-spacing:0.03em;color:var(--ua-shell-muted)}.account-payment-methods-results[data-account-payment-methods-view="list"] .account-payment-method-cell-label{display:none}.account-payment-methods-results[data-account-payment-methods-view="list"] .account-payment-method-cell{min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:0.4rem}.account-payment-methods-results[data-account-payment-methods-view="card"]{grid-template-columns:repeat(auto-fill,minmax(min(100%,17rem),1fr));gap:1rem;padding:clamp(0.85rem,1.6vw,1.15rem)}.account-payment-methods-results[data-account-payment-methods-view="card"] .account-payment-method-row.account-payment-method-row-head{display:none}.account-payment-methods-results[data-account-payment-methods-view="card"] .account-payment-method-row{display:flex;flex-direction:column;gap:0.5rem;padding:var(--universe-space-inset-2);border:var(--ua-shell-elev-2-border);border-radius:0.75rem;background:var(--ua-glass-text-led);box-shadow:var(--universe-elev-2-shadow);backdrop-filter:var(--ua-glass-frost);-webkit-backdrop-filter:var(--ua-glass-frost);min-width:0}.account-payment-methods-results[data-account-payment-methods-view="card"] .account-payment-method-cell{display:flex;flex-wrap:wrap;align-items:baseline;gap:0.4rem 0.6rem;min-width:0}.account-payment-methods-results[data-account-payment-methods-view="card"] .account-payment-method-cell-label{font-size:0.7rem;font-weight:var(--universe-font-weight-strong);text-transform:uppercase;letter-spacing:0.03em;color:var(--ua-shell-muted);flex:0 0 auto}.account-payment-method-art{display:none}.account-payment-methods-results[data-account-payment-methods-view="card"] .account-payment-method-art{display:block;margin-bottom:0.35rem}.account-payment-methods-results[data-account-payment-methods-view="card"] .account-payment-method-art .ua-wallet-card{width:100%}.account-payment-methods-results[data-account-payment-methods-view="card"] .account-payment-method-cell-brand .account-payment-method-name,.account-payment-methods-results[data-account-payment-methods-view="card"] .account-payment-method-cell-expiry{display:none}.account-payment-method-row[hidden]{display:none !important}.account-payment-method-name{color:var(--ua-shell-ink);font-weight:var(--universe-font-weight-title);word-break:break-word}.account-payment-method-cell-value{color:var(--ua-shell-ink);min-width:0;word-break:break-word}.account-payment-method-cell-actions{justify-content:flex-end;gap:0.35rem}.account-payment-method-cell-actions .accounts-icon-action{min-width:2.4rem;min-height:2.4rem}.account-payment-method-empty{grid-column:1 / -1;color:var(--ua-shell-muted);padding:1.2rem}.account-payment-method-detail-card,.account-payment-method-add-card{display:flex;flex-direction:column;align-items:stretch;gap:0.65rem;grid-template-columns:none;padding:var(--universe-space-inset-2);border:var(--ua-shell-elev-2-border);border-radius:0.85rem;background:var(--ua-glass-text-led);box-shadow:var(--universe-elev-2-shadow);backdrop-filter:var(--ua-glass-frost);-webkit-backdrop-filter:var(--ua-glass-frost)}.account-payment-method-detail-actions{display:flex;flex-wrap:wrap;gap:0.55rem;align-items:center}.account-payment-method-action-form{margin:0}.account-payment-method-summary{display:grid;gap:0.5rem;padding:var(--universe-space-inset-1) var(--universe-space-inset-2);border:var(--ua-shell-elev-1-border);border-radius:0.75rem;background:var(--ua-glass-text-led);box-shadow:var(--universe-elev-1-shadow);backdrop-filter:var(--ua-glass-frost);-webkit-backdrop-filter:var(--ua-glass-frost);margin:0.5rem 0 1rem}.account-payment-method-summary-title{margin:0 0 0.25rem}.account-payment-method-summary-line{display:grid;grid-template-columns:minmax(8rem,0.4fr) minmax(0,1fr);gap:0.6rem;align-items:baseline}.account-payment-method-summary-label{font-size:0.74rem;font-weight:var(--universe-font-weight-strong);text-transform:uppercase;letter-spacing:0.03em;color:var(--ua-shell-muted)}.account-payment-method-summary-value{color:var(--ua-shell-ink);word-break:break-word}.account-payment-method-summary-safety{margin:0.4rem 0 0}.account-payment-method-remove-dialog-body{display:grid;gap:0.75rem}.account-payment-method-remove-confirm{display:flex;flex-wrap:wrap;gap:0.5rem;justify-content:flex-end}@media (max-width:32rem){.account-payment-methods-results[data-account-payment-methods-view="list"] .account-payment-method-row-head{display:none}.account-payment-methods-results[data-account-payment-methods-view="list"] .account-payment-method-row{grid-template-columns:1fr;gap:0.35rem}.account-payment-methods-results[data-account-payment-methods-view="list"] .account-payment-method-cell-label{display:inline}.account-payment-methods-results[data-account-payment-methods-view="list"] .account-payment-method-cell-actions{justify-content:flex-start}.account-payment-method-summary-line{grid-template-columns:1fr;gap:0.15rem}}.contract-authoring-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:1rem;margin:0.75rem 0}.contract-authoring-actions,.contract-detail-head,.contract-dialog-actions{display:flex;flex-wrap:wrap;gap:0.6rem;align-items:center}.contract-detail-head{margin-bottom:1rem}.contract-detail-title{margin:0;flex:1 1 auto}.contract-template-list,.contract-clause-list,.contract-type-list,.contract-party-list,.contract-cert-signatures{list-style:none;margin:0.5rem 0;padding:0}.contract-template-item,.contract-clause-item,.contract-type-item{display:flex;justify-content:space-between;align-items:center;gap:0.6rem;padding:0.4rem 0;border-bottom:1px solid var(--ua-shell-line,rgba(255,255,255,0.12))}.contract-detail-meta,.contract-certificate-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:0.5rem 1.25rem;margin:0.75rem 0}.contract-cert-pair dt{color:var(--ua-shell-muted,#9aa);font-size:0.85rem}.contract-cert-pair dd{margin:0}.contract-hash{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:0.9rem;word-break:break-all}.contract-body-text{max-height:26rem;overflow:auto}.contract-body-para{margin:0 0 0.75rem;line-height:1.5}.contract-party-row{display:grid;grid-template-columns:1fr auto auto;gap:0.75rem;align-items:center;padding:0.5rem 0;border-bottom:1px solid var(--ua-shell-line,rgba(255,255,255,0.12))}.contract-party-status{font-size:0.85rem;opacity:0.85}.contract-party-row.is-signed .contract-party-status{color:var(--ua-shell-good,#5fd08a)}.contract-cert-sig{display:grid;grid-template-columns:1fr auto auto;gap:0.5rem;padding:0.35rem 0;font-size:0.9rem}.contract-sign-attest,.contract-sign-bound,.contract-dialog-field{display:flex;flex-direction:column;gap:0.35rem;margin:0.75rem 0}.contract-sign-attest{flex-direction:row;align-items:center;gap:0.6rem}.contract-sign-surface input:not([type="checkbox"]),.contract-sign-surface textarea,.contract-dialog-panel input:not([type="checkbox"]),.contract-dialog-panel textarea,.contract-dialog-panel select{font-size:1rem;padding:0.55rem 0.7rem;border-radius:var(--dashboard-radius-control,0.5rem);border:var(--ua-shell-elev-1-border);background:var(--ua-glass-text-led);color:var(--dashboard-text,#fff);width:100%;box-sizing:border-box}.contract-signer-row{display:grid;grid-template-columns:1fr auto 5rem;gap:0.5rem;margin-bottom:0.5rem}.contract-signer-order{width:100%}.contract-dialog-overlay{position:fixed;inset:0;z-index:80;display:flex;align-items:center;justify-content:center;padding:1.25rem;background:var(--ua-glass-veil);backdrop-filter:var(--ua-glass-veil-frost);-webkit-backdrop-filter:var(--ua-glass-veil-frost)}.contract-dialog-panel{width:min(34rem,100%);max-height:90vh;overflow:auto;background:var(--ua-glass-text-led);backdrop-filter:var(--ua-glass-frost);-webkit-backdrop-filter:var(--ua-glass-frost);border:var(--ua-shell-elev-2-border);border-radius:var(--ua-shell-radius,0.9rem);padding:1.25rem 1.4rem;box-shadow:var(--universe-elev-2-shadow)}.contract-dialog-actions{justify-content:flex-end;margin-top:1rem}@media (max-width:40rem){.contract-party-row,.contract-cert-sig{grid-template-columns:1fr}.contract-signer-row{grid-template-columns:1fr}}.elements-studio{display:block}.elements-studio-layout{display:grid;grid-template-columns:minmax(13.75rem,18.75rem) minmax(0,1fr) minmax(16.25rem,22.5rem);gap:1rem;align-items:start;min-height:60vh}.elements-studio-catalog,.elements-studio-preview,.elements-studio-editor{background:var(--ua-glass-text-led);border:var(--ua-shell-elev-2-border);border-radius:var(--universe-radius-panel,0.6rem);box-shadow:var(--universe-elev-2-shadow);backdrop-filter:var(--ua-glass-frost);-webkit-backdrop-filter:var(--ua-glass-frost);padding:var(--universe-space-inset-2);min-width:0}.elements-studio-pane-head{margin-bottom:0.75rem}.elements-studio-pane-head h2{margin:0.1rem 0 0.25rem;font-size:1.1rem}.elements-studio-pane-head .eyebrow{margin:0;font-size:0.72rem;letter-spacing:0.08em;text-transform:uppercase;color:var(--muted)}.elements-studio-search{margin-bottom:0.75rem}.elements-studio-search-input{width:100%;padding:0.5rem 0.7rem;font:inherit;background:var(--subtle-fill,rgba(0,0,0,0.2));color:inherit;border:1px solid var(--line,rgba(255,255,255,0.14));border-radius:var(--universe-radius-control,0.4rem)}.elements-studio-catalog-list{display:flex;flex-direction:column;gap:0.5rem;max-height:64vh;overflow:auto}.elements-studio-card{display:flex;flex-direction:column;gap:0.2rem;width:100%;text-align:left;padding:0.6rem 0.7rem;cursor:pointer;font:inherit;color:inherit;background:var(--ua-glass-text-led);backdrop-filter:var(--ua-glass-frost);-webkit-backdrop-filter:var(--ua-glass-frost);border:var(--ua-shell-elev-1-border);border-radius:var(--universe-radius-control,0.45rem)}.elements-studio-card.is-locked{opacity:0.55;cursor:not-allowed}.elements-studio-card-title{font-size:0.92rem}.elements-studio-card-desc{font-size:0.78rem;line-height:1.3}.elements-studio-card-meta{font-size:0.72rem;color:var(--muted)}.elements-studio-card-meta.is-lock{color:var(--universe-color-warning,#cb4b16)}.elements-studio-review-banner{display:flex;flex-wrap:wrap;align-items:center;gap:0.5rem 0.75rem;margin-bottom:1rem;padding:0.7rem 0.9rem;border-radius:var(--universe-radius-card,0.5rem);background:var(--ua-glass-text-led);backdrop-filter:var(--ua-glass-frost);-webkit-backdrop-filter:var(--ua-glass-frost);border:var(--ua-shell-elev-1-border);border-color:var(--universe-color-warning,#cb4b16)}.elements-studio-review-pill{font-weight:var(--universe-font-weight-title);font-size:0.72rem;letter-spacing:0.06em;text-transform:uppercase;padding:0.15rem 0.5rem;border-radius:62.4375rem;color:#fff;background:var(--universe-color-warning,#cb4b16)}.elements-studio-review-text{font-size:0.82rem;color:var(--text,#e8edf5)}.elements-studio-review-legend{display:inline-flex;flex-wrap:wrap;gap:0.35rem;margin-left:auto}.elements-studio-card-badges{display:inline-flex;flex-wrap:wrap;gap:0.3rem;margin-top:0.35rem}.elements-studio-badge{font-size:0.66rem;font-weight:var(--universe-font-weight-quiet);line-height:1;padding:0.2rem 0.42rem;border-radius:62.4375rem;border:1px solid var(--universe-color-border,#26303f);color:var(--muted)}.elements-studio-badge.badge-platform{color:#4c8dff;border-color:#4c8dff}.elements-studio-badge.badge-plugin{color:#a06cff;border-color:#a06cff}.elements-studio-badge.badge-reviewed{color:#2faf6b;border-color:#2faf6b}.elements-studio-badge.badge-unreviewed{color:#cb4b16;border-color:#cb4b16}.elements-studio-badge.badge-inactive{color:#b08900;border-color:#b08900}.elements-studio-badge.badge-unentitled{color:#c84b6b;border-color:#c84b6b}.elements-studio-preview-stage{min-height:50vh;display:flex;align-items:flex-start;justify-content:center;padding:1.25rem;border-radius:var(--universe-radius-card,0.5rem);background:var(--universe-color-background,#0a0e15)}.elements-studio-preview-surface{width:100%;max-width:53.75rem}.elements-studio-empty{color:var(--muted)}.elements-studio-samples{display:flex;flex-wrap:wrap;gap:0.5rem;align-items:stretch;margin-top:0.5rem}.elements-studio-samples-label{font-size:0.74rem;color:var(--muted);align-self:center}.elements-studio-sample{font:inherit;cursor:pointer;color:inherit;text-align:left;display:flex;flex-direction:column;gap:0.2rem;max-width:13rem;padding:0.45rem 0.6rem;background:var(--ua-glass-text-led);backdrop-filter:var(--ua-glass-frost);-webkit-backdrop-filter:var(--ua-glass-frost);border:var(--ua-shell-elev-1-border);border-radius:var(--universe-radius-control,0.5rem)}.elements-studio-sample-title{font-size:0.82rem}.elements-studio-sample-summary{font-size:0.72rem;color:var(--muted);line-height:1.3}.elements-studio-sample-showcases{display:flex;flex-wrap:wrap;gap:0.25rem;margin-top:0.1rem}.elements-studio-sample-showcase{font-size:0.64rem;padding:0.05rem 0.4rem;border-radius:62.4375rem;color:var(--muted);background:var(--subtle-fill,rgba(255,255,255,0.06));border:1px solid var(--line,rgba(255,255,255,0.12))}.elements-studio-presets{display:flex;flex-wrap:wrap;gap:0.4rem;align-items:center;margin-top:0.5rem}.elements-studio-presets-label{font-size:0.74rem;color:var(--muted)}.elements-studio-preset{font:inherit;font-size:0.78rem;padding:0.3rem 0.6rem;cursor:pointer;color:inherit;background:var(--ua-glass-text-led);backdrop-filter:var(--ua-glass-frost);-webkit-backdrop-filter:var(--ua-glass-frost);border:var(--ua-shell-elev-1-border);border-radius:62.4375rem}.elements-studio-editor-tabs{display:flex;gap:0.25rem;margin-bottom:0.75rem;flex-wrap:wrap}.elements-studio-editor-tab{font:inherit;font-size:0.78rem;padding:0.3rem 0.6rem;cursor:pointer;color:var(--muted);background:var(--ua-glass-text-led);backdrop-filter:var(--ua-glass-frost);-webkit-backdrop-filter:var(--ua-glass-frost);border:var(--ua-shell-elev-1-border);border-radius:var(--universe-radius-control,0.4rem)}.elements-studio-editor-tab.active{color:inherit}.elements-studio-editor-body{display:flex;flex-direction:column;gap:0.75rem;max-height:64vh;overflow:auto}.elements-studio-prompt-card{max-width:28.75rem;margin:2rem auto;text-align:center;background:var(--ua-glass-text-led);border:var(--ua-shell-elev-3-border);border-radius:var(--universe-radius-panel,0.6rem);padding:var(--universe-space-inset-3);box-shadow:var(--universe-elev-3-shadow);backdrop-filter:var(--ua-glass-frost);-webkit-backdrop-filter:var(--ua-glass-frost)}.elements-studio-prompt-actions{margin-top:1rem}@media (max-width:60rem){.elements-studio-layout{grid-template-columns:1fr}.elements-studio-catalog-list,.elements-studio-editor-body{max-height:none}}.dashboard-context-transition{position:fixed;inset:0;z-index:9000;display:flex;align-items:center;justify-content:center;background:var(--ua-glass-text-led);backdrop-filter:var(--ua-glass-frost);-webkit-backdrop-filter:var(--ua-glass-frost);opacity:0;transition:opacity 0.22s ease;pointer-events:all}.dashboard-context-transition[data-visible="true"]{opacity:1}.dashboard-context-transition-card{display:flex;flex-direction:column;align-items:center;gap:0.85rem;padding:1.6rem 2.2rem;text-align:center;transform:scale(0.96);transition:transform 0.22s ease}.dashboard-context-transition[data-visible="true"] .dashboard-context-transition-card{transform:scale(1)}.dashboard-context-transition-glyph{width:2.6rem;height:2.6rem;border-radius:50%;border:0.18rem solid var(--ua-shell-line,rgba(252,188,81,0.32));border-top-color:var(--ua-shell-gold,#fcbc51);animation:dashboard-context-spin 0.9s linear infinite}.dashboard-context-transition-overline{font-size:0.74rem;letter-spacing:0.14em;text-transform:uppercase;color:var(--ua-shell-muted,rgba(255,247,232,0.72))}.dashboard-context-transition-label{font-size:1.18rem;font-weight:var(--universe-font-weight-quiet);color:var(--ua-shell-ink,#fff7e8)}@keyframes dashboard-context-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.dashboard-context-transition,.dashboard-context-transition-card{transition:none}.dashboard-context-transition-glyph{animation:none}}.dns-domains-dashboard{display:grid;gap:1rem}.dns-domain-surface-status{margin:0;min-height:0;color:var(--ua-shell-muted);font-size:0.92rem}.dns-domain-surface-status:empty{display:none}.dns-domain-panel-title{margin:0;font-size:1.2rem;font-weight:var(--universe-font-weight-strong)}.dns-domain-results{display:grid;grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));gap:1rem;align-items:start}.dns-domain-row{position:relative;overflow:hidden;border:var(--ua-shell-elev-2-border);border-radius:0.65rem;background:var(--ua-glass-text-led);box-shadow:var(--universe-elev-2-shadow);backdrop-filter:var(--ua-glass-frost);-webkit-backdrop-filter:var(--ua-glass-frost)}.dns-domain-results[data-dns-domain-view="card"] .dns-domain-row:not(.dns-domain-row-head){display:flex;flex-direction:column;gap:0.5rem;padding:0.85rem 0.9rem}.dns-domain-results[data-dns-domain-view="card"] .dns-domain-row-content{display:flex;flex-direction:column;align-items:stretch;gap:0.5rem;min-width:0}.dns-domain-cell{display:flex;flex-wrap:wrap;align-items:baseline;gap:0.35rem;min-width:0;margin:0;font-size:0.86rem;color:var(--ua-shell-muted)}.dns-domain-name{color:var(--universe-color-text,#fff);font-weight:var(--universe-font-weight-title);overflow-wrap:anywhere}.dns-domain-billing{font-size:0.74rem;color:var(--ua-shell-muted);overflow-wrap:anywhere}.dns-domain-cell-value{color:var(--universe-color-text,#fff);overflow-wrap:anywhere}.dns-domain-cell-label{font-size:0.7rem;font-weight:var(--universe-font-weight-title);text-transform:uppercase;letter-spacing:0.04em;color:var(--ua-shell-muted)}.dns-domain-status-pill,.dns-domain-pill{display:inline-flex;align-items:center;padding:0.15rem 0.6rem;border-radius:62.4375rem;font-size:0.74rem;font-weight:var(--universe-font-weight-title);background:rgba(8,10,15,0.62)}.dns-domain-status-pill.status-pending-verification{box-shadow:inset 0 0 0 0.08rem rgba(196,141,47,0.6)}.dns-domain-status-pill.status-records-imported{box-shadow:inset 0 0 0 0.08rem rgba(120,170,220,0.6)}.dns-domain-status-pill.status-pending-nameserver-change{box-shadow:inset 0 0 0 0.08rem rgba(120,170,220,0.6)}.dns-domain-status-pill.status-active{box-shadow:inset 0 0 0 0.08rem rgba(120,200,140,0.6)}.dns-domain-status-pill.status-transfer-out-requested{box-shadow:inset 0 0 0 0.08rem rgba(200,120,120,0.6)}.dns-domain-status-pill.status-suspended{box-shadow:inset 0 0 0 0.08rem rgba(160,160,170,0.5)}.dns-domain-pill-website{box-shadow:inset 0 0 0 0.08rem rgba(120,200,140,0.6)}.dns-domain-pill-dnsonly{box-shadow:inset 0 0 0 0.08rem rgba(196,141,47,0.6)}.dns-domain-warning-strip{display:grid;gap:0.4rem;margin-top:0.2rem}.dns-domain-cell-actions{display:flex;flex-wrap:wrap;align-items:center;gap:0.5rem;margin-top:0.2rem}.dns-domain-confirm-danger{box-shadow:inset 0 0 0 0.08rem rgba(220,120,120,0.55)}.dns-domain-row-head{display:none}.dns-domain-empty{grid-column:1 / -1;margin:0;padding:1.4rem;text-align:center;color:var(--ua-shell-muted)}.dns-domain-empty[hidden]{display:none}.dns-domain-results[data-dns-domain-view="list"]{display:grid;grid-template-columns:minmax(0,1fr);gap:0.35rem;--dnsdomain-cols:minmax(11rem,1.6fr) minmax(7rem,0.8fr) minmax(6rem,0.6fr) minmax(5rem,0.5fr) minmax(6rem,0.6fr) minmax(9rem,0.9fr)}.dns-domain-results[data-dns-domain-view="list"] .dns-domain-row-head{display:grid;grid-template-columns:var(--dnsdomain-cols);gap:0.7rem;align-items:center;padding:0.35rem 0.9rem;font-size:0.7rem;font-weight:var(--universe-font-weight-strong);text-transform:uppercase;letter-spacing:0.05em;color:var(--ua-shell-muted)}.dns-domain-results[data-dns-domain-view="list"] .dns-domain-row:not(.dns-domain-row-head){grid-template-columns:var(--dnsdomain-cols);gap:0.7rem;align-items:center;padding:0.5rem 0.9rem;overflow:hidden}.dns-domain-results[data-dns-domain-view="list"] .dns-domain-cell-label{display:none}.dns-domain-results[data-dns-domain-view="list"] .dns-domain-billing{display:none}.dns-domain-results[data-dns-domain-view="list"] .dns-domain-warning-strip{display:none}.dns-domain-results[data-dns-domain-view="list"] .dns-domain-cell{font-size:0.85rem}.dns-domain-results[data-dns-domain-view="list"] .dns-domain-cell-actions{margin-top:0;justify-content:flex-end}@media (max-width:48rem){.dns-domain-results[data-dns-domain-view="list"] .dns-domain-row-head{display:none}.dns-domain-results[data-dns-domain-view="list"] .dns-domain-row:not(.dns-domain-row-head){grid-template-columns:1fr;gap:0.4rem}.dns-domain-results[data-dns-domain-view="list"] .dns-domain-row-content{grid-column:1 / -1;display:flex;flex-direction:column;align-items:stretch;gap:0.4rem;min-width:0}.dns-domain-results[data-dns-domain-view="list"] .dns-domain-cell-label{display:inline}.dns-domain-results[data-dns-domain-view="list"] .dns-domain-cell-actions{justify-content:flex-start}.dns-domain-results[data-dns-domain-view="list"] .dns-domain-billing{display:inline}.dns-domain-results[data-dns-domain-view="list"] .dns-domain-warning-strip{display:grid}}.dns-domain-row-hint-glyph{font-weight:var(--universe-font-weight-display-strong);letter-spacing:0.03em}.dns-domain-summary{display:grid;gap:0.8rem}.dns-domain-summary-list{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:0.3rem 1rem;margin:0}.dns-domain-summary-term{color:var(--ua-shell-muted);font-weight:var(--universe-font-weight-title)}.dns-domain-summary-detail{margin:0;overflow-wrap:anywhere}.dns-domain-summary-nameservers{display:grid;gap:0.3rem}.dns-domain-summary-ns-list{margin:0;padding-inline-start:1.25rem}.dns-domain-confirm-body{display:grid;gap:1rem}.dns-domain-dialog-actions{display:flex;flex-wrap:wrap;gap:0.6rem;justify-content:flex-end}.dns-domain-wizard{display:grid;gap:1rem}.dns-domain-readonly{margin:0}.dns-domain-wizard-status{margin:0;min-height:1.1rem;color:var(--ua-shell-muted);font-size:0.92rem}@media (max-width:760px){.dns-domain-summary-list,.dns-domain-readonly{grid-template-columns:1fr}}.dns-records-dashboard{display:grid;gap:1rem}.dns-record-surface-status{margin:0;min-height:1.1rem;color:var(--ua-shell-muted);font-size:0.92rem}.dns-record-surface-status:empty{display:none}.dns-record-panel-title{margin:0;font-size:1.2rem;font-weight:var(--universe-font-weight-strong)}.dns-record-results{display:grid;grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));gap:1rem;align-items:start}.dns-record-row{position:relative;overflow:hidden;border:var(--ua-shell-elev-2-border);border-radius:0.65rem;background:var(--ua-glass-text-led);box-shadow:var(--universe-elev-2-shadow);backdrop-filter:var(--ua-glass-frost);-webkit-backdrop-filter:var(--ua-glass-frost)}.dns-record-results[data-dns-record-view="card"] .dns-record-row:not(.dns-record-row-head){display:flex;flex-direction:column;gap:0.5rem;padding:0.85rem 0.9rem}.dns-record-results[data-dns-record-view="card"] .dns-record-row-content{display:flex;flex-direction:column;align-items:stretch;gap:0.5rem;min-width:0}.dns-record-cell{display:flex;flex-wrap:wrap;align-items:baseline;gap:0.35rem;min-width:0;margin:0;font-size:0.86rem;color:var(--ua-shell-muted)}.dns-record-name{color:var(--universe-color-text,#fff);font-weight:var(--universe-font-weight-title);overflow-wrap:anywhere}.dns-record-cell-mono{color:var(--universe-color-text,#fff);overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.dns-record-cell-label{font-size:0.7rem;font-weight:var(--universe-font-weight-title);text-transform:uppercase;letter-spacing:0.04em;color:var(--ua-shell-muted)}.dns-record-type-pill,.dns-record-owner-pill{display:inline-flex;align-items:center;padding:0.15rem 0.6rem;border-radius:62.4375rem;font-size:0.74rem;font-weight:var(--universe-font-weight-title);background:rgba(8,10,15,0.62)}.dns-record-type-pill{box-shadow:inset 0 0 0 0.08rem rgba(120,170,220,0.5);letter-spacing:0.02em}.dns-record-owner-pill.owner-tenant-managed{box-shadow:inset 0 0 0 0.08rem rgba(120,200,140,0.6)}.dns-record-owner-pill.owner-platform-protected{box-shadow:inset 0 0 0 0.08rem rgba(196,141,47,0.6)}.dns-record-owner-pill.owner-integration-managed{box-shadow:inset 0 0 0 0.08rem rgba(134,199,255,0.55)}.dns-record-cell-actions{display:flex;flex-wrap:wrap;align-items:center;gap:0.5rem;margin-top:0.2rem}.dns-record-action{display:inline-flex;align-items:center;justify-content:center;min-height:2.75rem;text-decoration:none}.dns-record-action-locked{color:var(--ua-shell-muted);font-size:0.78rem}.dns-record-confirm-danger{box-shadow:inset 0 0 0 0.08rem rgba(220,120,120,0.55)}.dns-record-row-head{display:none}.dns-record-empty{grid-column:1 / -1;margin:0;padding:1.4rem;text-align:center;color:var(--ua-shell-muted)}.dns-record-empty[hidden]{display:none}.dns-record-results[data-dns-record-view="list"]{display:grid;grid-template-columns:minmax(0,1fr);gap:0.35rem;--dnsrecord-cols:minmax(7rem,1fr) minmax(4.5rem,0.5fr) minmax(11rem,1.6fr) minmax(8rem,0.9fr) minmax(8rem,0.8fr)}.dns-record-results[data-dns-record-view="list"] .dns-record-row-head{display:grid;grid-template-columns:var(--dnsrecord-cols);gap:0.7rem;align-items:center;padding:0.35rem 0.9rem;font-size:0.7rem;font-weight:var(--universe-font-weight-strong);text-transform:uppercase;letter-spacing:0.05em;color:var(--ua-shell-muted)}.dns-record-results[data-dns-record-view="list"] .dns-record-row:not(.dns-record-row-head){grid-template-columns:var(--dnsrecord-cols);gap:0.7rem;align-items:center;padding:0.5rem 0.9rem;overflow:hidden}.dns-record-results[data-dns-record-view="list"] .dns-record-cell-label{display:none}.dns-record-results[data-dns-record-view="list"] .dns-record-cell{font-size:0.85rem}.dns-record-results[data-dns-record-view="list"] .dns-record-cell-actions{margin-top:0;justify-content:flex-end}@media (max-width:48rem){.dns-record-results[data-dns-record-view="list"] .dns-record-row-head{display:none}.dns-record-results[data-dns-record-view="list"] .dns-record-row:not(.dns-record-row-head){grid-template-columns:1fr;gap:0.4rem}.dns-record-results[data-dns-record-view="list"] .dns-record-row-content{grid-column:1 / -1;display:flex;flex-direction:column;align-items:stretch;gap:0.4rem;min-width:0}.dns-record-results[data-dns-record-view="list"] .dns-record-cell-label{display:inline}.dns-record-results[data-dns-record-view="list"] .dns-record-cell-actions{justify-content:flex-start}}.dns-record-row-hint-glyph{font-weight:var(--universe-font-weight-display-strong);letter-spacing:0.03em}.dns-record-summary{display:grid;gap:0.8rem}.dns-record-summary-list{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:0.3rem 1rem;margin:0}.dns-record-summary-term{color:var(--ua-shell-muted);font-weight:var(--universe-font-weight-title)}.dns-record-summary-detail{margin:0;overflow-wrap:anywhere}.dns-record-confirm-body{display:grid;gap:1rem}.dns-record-dialog-actions{display:flex;flex-wrap:wrap;gap:0.6rem;justify-content:flex-end}.dns-record-staged{display:grid;gap:0.6rem;margin-top:0.4rem}.dns-record-staged-title{margin:0;font-size:1.05rem;font-weight:var(--universe-font-weight-strong)}.dns-record-staged-card{display:grid;gap:0.4rem;border:var(--ua-shell-elev-1-border);border-radius:0.6rem;background:var(--ua-glass-text-led);backdrop-filter:var(--ua-glass-frost);-webkit-backdrop-filter:var(--ua-glass-frost);padding:0.7rem 0.85rem}.dns-record-staged-head{display:flex;flex-wrap:wrap;align-items:center;gap:0.6rem;justify-content:space-between}.dns-record-staged-id{overflow-wrap:anywhere}.dns-record-staged-pill{display:inline-flex;align-items:center;padding:0.12rem 0.55rem;border-radius:62.4375rem;font-size:0.72rem;font-weight:var(--universe-font-weight-title);background:rgba(8,10,15,0.62)}.dns-record-staged-pill.is-stepup{box-shadow:inset 0 0 0 0.08rem rgba(196,141,47,0.6)}.dns-record-staged-detail{margin:0;color:var(--ua-shell-muted);font-size:0.82rem}.dns-record-staged-empty{margin:0;color:var(--ua-shell-muted)}.dns-record-wizard{display:grid;gap:1rem}.dns-record-readonly{margin:0}.dns-record-pending-guidance{display:grid;gap:0.35rem;padding:0.8rem 0.9rem;border-radius:0.625rem;border:var(--ua-shell-elev-1-border);border-color:rgba(246,212,122,0.32);background:var(--ua-glass-text-led);backdrop-filter:var(--ua-glass-frost);-webkit-backdrop-filter:var(--ua-glass-frost)}.dns-record-pending-guidance[hidden]{display:none}.dns-record-pending-guidance-title{font-weight:var(--universe-font-weight-strong)}.dns-record-pending-guidance .dashboard-secondary-action{justify-self:start}.dns-record-wizard-status{margin:0;min-height:1.1rem;color:var(--ua-shell-muted);font-size:0.92rem}@media (max-width:760px){.dns-record-summary-list,.dns-record-readonly{grid-template-columns:1fr}}.nexus-grid{display:grid;gap:1rem}.nexus-grid-header{display:grid;gap:0.25rem}.nexus-grid-panel-title{margin:0}.nexus-grid-summary{margin:0;color:var(--ua-shell-muted)}.nexus-grid-surface-status{margin:0;color:var(--ua-shell-muted);font-size:0.92rem}.nexus-grid-surface-status:empty{display:none}.nexus-grid-stats{margin-block:0.2rem}.dashboard-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,8rem),1fr));gap:0.6rem}.dashboard-stat-card{display:grid;gap:0.2rem;padding:var(--universe-space-inset-1) var(--universe-space-inset-2);border:var(--ua-shell-elev-2-border);border-radius:0.65rem;background:var(--ua-glass-text-led);box-shadow:var(--universe-elev-2-shadow);backdrop-filter:var(--ua-glass-frost);-webkit-backdrop-filter:var(--ua-glass-frost)}.dashboard-stat-card>span{font-size:0.72rem;font-weight:var(--universe-font-weight-strong);text-transform:uppercase;letter-spacing:0.04em;color:var(--ua-shell-muted)}.dashboard-stat-card>strong{font-size:1.35rem;font-weight:var(--universe-font-weight-display-strong);line-height:1;color:var(--universe-color-text,#fff)}.nexus-grid-results{display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:0.85rem;align-items:start}.nexus-grid-row{position:relative;overflow:hidden;border:var(--ua-shell-elev-2-border);border-radius:0.65rem;background:var(--ua-glass-text-led);box-shadow:var(--universe-elev-2-shadow);backdrop-filter:var(--ua-glass-frost);-webkit-backdrop-filter:var(--ua-glass-frost)}.nexus-grid-results[data-nexus-grid-view="card"] .nexus-grid-row:not(.nexus-grid-row-head),.nexus-grid-results:not([data-nexus-grid-view]) .nexus-grid-row:not(.nexus-grid-row-head){display:flex;flex-direction:column;gap:0.5rem;padding:0.75rem}.nexus-grid-results[data-nexus-grid-view="card"] .nexus-grid-row-content,.nexus-grid-results:not([data-nexus-grid-view]) .nexus-grid-row-content{display:flex;flex-direction:column;align-items:stretch;gap:0.5rem;min-width:0}.nexus-grid-cell{display:flex;flex-wrap:wrap;align-items:baseline;gap:0.35rem;min-width:0;margin:0;font-size:0.88rem;color:var(--ua-shell-muted)}.nexus-grid-cell-value{color:var(--universe-color-text,#fff);overflow-wrap:anywhere}.nexus-grid-strong{color:var(--universe-color-text,#fff);font-weight:var(--universe-font-weight-title);overflow-wrap:anywhere}.nexus-grid-cell-label{font-size:0.7rem;font-weight:var(--universe-font-weight-title);text-transform:uppercase;letter-spacing:0.04em;color:var(--ua-shell-muted)}.nexus-grid-status-pill{display:inline-flex;align-items:center;gap:0.3rem;padding:0.15rem 0.6rem;border-radius:62.4375rem;font-size:0.74rem;font-weight:var(--universe-font-weight-title);background:var(--ua-glass-text-led);backdrop-filter:var(--ua-glass-frost);-webkit-backdrop-filter:var(--ua-glass-frost);box-shadow:inset 0 0 0 0.08rem color-mix(in srgb,var(--universe-color-text,#fff) 26%,transparent)}.nexus-grid-status-pill.nexus-status-approved,.nexus-grid-status-pill.nexus-status-active,.nexus-grid-status-pill.nexus-status-included{box-shadow:inset 0 0 0 0.08rem rgba(120,200,140,0.6)}.nexus-grid-status-pill.nexus-status-pending-review,.nexus-grid-status-pill.nexus-status-submitted,.nexus-grid-status-pill.nexus-status-trial,.nexus-grid-status-pill.nexus-status-type-selected{box-shadow:inset 0 0 0 0.08rem rgba(196,141,47,0.7)}.nexus-grid-status-pill.nexus-status-rejected,.nexus-grid-status-pill.nexus-status-retired{box-shadow:inset 0 0 0 0.08rem rgba(220,120,120,0.5)}.nexus-grid-labels{display:inline-flex;flex-wrap:wrap;gap:0.3rem}.nexus-grid-label{display:inline-flex;padding:0.08rem 0.5rem;border-radius:62.4375rem;font-size:0.7rem;color:var(--universe-color-text,#fff);box-shadow:inset 0 0 0 0.07rem color-mix(in srgb,var(--universe-color-text,#fff) 22%,transparent)}.nexus-grid-cell-actions{display:flex;flex-wrap:wrap;align-items:center;gap:0.5rem;margin-top:0.2rem}.nexus-grid-action{display:inline-flex;align-items:center;justify-content:center;min-height:2.75rem;text-decoration:none}.nexus-grid-action-danger{color:#f0b6b6}.nexus-grid-action-note{color:var(--ua-shell-muted);font-size:0.82rem}.nexus-grid-confirm-danger{box-shadow:inset 0 0 0 0.08rem rgba(220,120,120,0.55)}.nexus-grid-row-head{display:none}.nexus-grid-empty{grid-column:1 / -1;margin:0;padding:1.4rem;text-align:center;color:var(--ua-shell-muted)}.nexus-grid-empty[hidden]{display:none}.nexus-grid-results[data-nexus-grid-view="list"]{display:grid;grid-template-columns:minmax(0,1fr);gap:0.35rem}.nexus-grid-results[data-nexus-grid-view="list"] .nexus-grid-row-head{display:grid;grid-template-columns:var(--nexus-cols);gap:0.7rem;align-items:center;padding:0.35rem 0.75rem;font-size:0.7rem;font-weight:var(--universe-font-weight-strong);text-transform:uppercase;letter-spacing:0.05em;color:var(--ua-shell-muted)}.nexus-grid-results[data-nexus-grid-view="list"] .nexus-grid-row:not(.nexus-grid-row-head){display:grid;grid-template-columns:var(--nexus-cols);gap:0.7rem;align-items:center;padding:0.55rem 0.75rem;overflow:hidden}.nexus-grid-row-unsplit .dashboard-splitrow-actions{display:none}.nexus-grid-row-unsplit .dashboard-splitrow-nav{grid-column:1 / -1}.nexus-grid-results[data-nexus-grid-view="list"] .nexus-grid-cell-label{display:none}.nexus-grid-results[data-nexus-grid-view="list"] .nexus-grid-cell{font-size:0.86rem}.nexus-grid-results[data-nexus-grid-view="list"] .nexus-grid-cell-actions{margin-top:0;justify-content:flex-end}@media (max-width:48rem){.nexus-grid-results[data-nexus-grid-view="list"] .nexus-grid-row-head{display:none}.nexus-grid-results[data-nexus-grid-view="list"] .nexus-grid-row:not(.nexus-grid-row-head){grid-template-columns:1fr;gap:0.4rem}.nexus-grid-results[data-nexus-grid-view="list"] .nexus-grid-row-content{grid-column:1 / -1;display:flex;flex-direction:column;align-items:stretch;gap:0.4rem;min-width:0}.nexus-grid-results[data-nexus-grid-view="list"] .nexus-grid-cell-label{display:inline}.nexus-grid-results[data-nexus-grid-view="list"] .nexus-grid-cell-actions{justify-content:flex-start}}.nexus-grid-row-hint-glyph{font-weight:var(--universe-font-weight-display-strong);letter-spacing:0.03em}.nexus-grid-row{--dashboard-splitrow-hint-tint:rgb(60,110,70);--dashboard-splitrow-hint-ink:#c8efd2}.nexus-grid-summary{display:grid;gap:0.8rem}.nexus-grid-summary-list{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:0.3rem 1rem;margin:0}.nexus-grid-summary-term{color:var(--ua-shell-muted);font-weight:var(--universe-font-weight-title)}.nexus-grid-summary-detail{margin:0;overflow-wrap:anywhere}.nexus-grid-confirm-body{display:grid;gap:1rem}.nexus-grid-dialog-actions{display:flex;flex-wrap:wrap;gap:0.6rem;justify-content:flex-end}.nexus-detail{display:grid;gap:1rem}.nexus-detail-header{display:grid;gap:0.35rem}.nexus-detail-summary{margin:0;color:var(--ua-shell-muted)}.nexus-detail-actions{display:flex;flex-wrap:wrap;gap:0.6rem;margin-top:0.35rem}.nexus-detail-group{display:grid;align-content:start;gap:0.6rem}.nexus-detail-group-title{margin:0;font-size:0.78rem;font-weight:var(--universe-font-weight-strong);text-transform:uppercase;letter-spacing:0.05em;color:var(--ua-shell-muted)}@media (min-width:60rem){.nexus-detail{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.nexus-detail-header{grid-column:1 / -1}}.nexus-install-wizard{display:grid;gap:1rem}.nexus-install-wizard-status{margin:0;min-height:1.1rem;color:var(--ua-shell-muted);font-size:0.92rem}.nexus-install-wizard-status:empty{display:none}@media (max-width:760px){.nexus-grid-summary-list{grid-template-columns:1fr}}.push-optin-dialog .ua-dialog-bar h2{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.push-optin-dialog .ua-dialog-bar{border-bottom:0}.push-optin-dialog .ua-dialog-body{padding-block-start:0}.push-optin-card{width:100%;max-width:36rem;margin-inline:auto;padding:clamp(1.25rem,4vw,2.25rem);padding-bottom:calc(clamp(1.25rem,4vw,2.25rem) + env(safe-area-inset-bottom,0rem));border:var(--ua-shell-elev-1-border);border-radius:1.25rem;background:var(--ua-glass-text-led);backdrop-filter:var(--ua-glass-frost);-webkit-backdrop-filter:var(--ua-glass-frost);box-shadow:var(--universe-elev-1-shadow);text-align:center}.push-optin-card [data-ua-push-screen="instructions"]{display:none}.push-optin-card[data-ua-push-step="instructions"] [data-ua-push-screen="value"]{display:none}.push-optin-card[data-ua-push-step="instructions"] [data-ua-push-screen="instructions"]{display:block}.push-optin-hero{display:inline-flex;align-items:center;justify-content:center;width:3.75rem;height:3.75rem;margin-bottom:1rem;border-radius:999rem;color:var(--ua-shell-gold);border:1px solid var(--ua-shell-line);background:rgba(252,188,81,0.10)}.push-optin-hero-icon{width:1.85rem;height:1.85rem}.push-optin-headline{margin:0 0 0.6rem;font-family:var(--universe-font-heading);font-size:clamp(1.5rem,5vw,2rem);line-height:1.15;color:var(--ua-shell-ink)}.push-optin-lede{margin:0 auto 1.35rem;max-width:30rem;color:var(--ua-shell-muted);font-size:1rem;line-height:1.5}.push-optin-benefits{list-style:none;margin:0 0 1.5rem;padding:0;display:grid;gap:0.85rem;text-align:start}.push-optin-benefit{display:grid;grid-template-columns:2.5rem 1fr;align-items:center;gap:0.85rem}.push-optin-benefit-icon{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:999rem;color:var(--ua-shell-gold);background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.10)}.push-optin-benefit-icon svg{width:1.25rem;height:1.25rem}.push-optin-benefit-text{color:var(--ua-shell-ink);font-size:0.98rem;line-height:1.4}.push-optin-actions{display:flex;flex-direction:column;gap:0.7rem;margin-top:0.5rem}.push-optin-actions .dashboard-primary-action,.push-optin-actions .dashboard-secondary-action{width:100%;min-height:2.85rem;font-size:1rem}.push-optin-fineprint{margin:1rem 0 0;color:var(--ua-shell-muted);font-size:0.82rem;line-height:1.4}.push-optin-guide{display:none;text-align:start;margin-bottom:1.25rem}.push-optin-card[data-ua-push-state="pending"][data-ua-push-browser="chrome-edge"] [data-ua-push-guide="chrome-edge"],.push-optin-card[data-ua-push-state="pending"][data-ua-push-browser="firefox"] [data-ua-push-guide="firefox"],.push-optin-card[data-ua-push-state="pending"][data-ua-push-browser="safari-ios"] [data-ua-push-guide="safari-ios"],.push-optin-card[data-ua-push-state="ios-install"][data-ua-push-browser="safari-ios"] [data-ua-push-guide="safari-ios"],.push-optin-card[data-ua-push-state="dismissed"][data-ua-push-browser="chrome-edge"] [data-ua-push-guide="chrome-edge"],.push-optin-card[data-ua-push-state="dismissed"][data-ua-push-browser="firefox"] [data-ua-push-guide="firefox"],.push-optin-card[data-ua-push-state="dismissed"][data-ua-push-browser="safari-ios"] [data-ua-push-guide="safari-ios"],.push-optin-card[data-ua-push-state="blocked"] [data-ua-push-guide="blocked"]{display:block}.push-optin-guide-lead{margin:0 0 0.6rem;color:var(--ua-shell-ink);font-size:1rem;font-weight:var(--universe-font-weight-title);line-height:1.4}.push-optin-guide-hint{margin:0;color:var(--ua-shell-muted);font-size:0.92rem;line-height:1.5}.push-optin-steps{margin:0;padding:0;list-style:none;display:grid;gap:0.7rem;counter-reset:push-step}.push-optin-step{display:grid;grid-template-columns:2.1rem 1fr;align-items:center;gap:0.75rem}.push-optin-step-icon{display:inline-flex;align-items:center;justify-content:center;width:2.1rem;height:2.1rem;border-radius:999rem;color:var(--ua-shell-gold);background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.10);counter-increment:push-step}.push-optin-step-icon svg{width:1.1rem;height:1.1rem}.push-optin-step-text{color:var(--ua-shell-ink);font-size:0.96rem;line-height:1.4}.push-optin-status{min-height:1.2rem;margin:0 0 1rem;color:var(--ua-shell-muted);font-size:0.92rem;line-height:1.4}.push-optin-card[data-ua-push-state="blocked"] .push-optin-status{color:var(--ua-shell-danger)}.push-optin-success{display:none;align-items:center;justify-content:center;gap:0.5rem;margin:0 0 1rem;color:var(--ua-shell-good);font-size:1rem;font-weight:var(--universe-font-weight-title)}.push-optin-card[data-ua-push-state="granted"] .push-optin-success{display:flex}.push-optin-card[data-ua-push-state="granted"] .push-optin-status{display:none}.push-optin-card[data-ua-push-state="granted"] [data-ua-push-screen="instructions"]>.push-optin-headline,.push-optin-card[data-ua-push-state="granted"] [data-ua-push-screen="instructions"]>.push-optin-lede{display:none}.push-optin-success-icon{display:inline-flex}.push-optin-success-icon svg{width:1.25rem;height:1.25rem}.push-optin-retry{display:none}.push-optin-card[data-ua-push-state="dismissed"] .push-optin-retry{display:inline-flex}@media (prefers-reduced-motion:reduce){.push-optin-card,.push-optin-screen{transition:none;animation:none}}@media (max-width:26rem){.push-optin-card{padding:1.15rem;border-radius:1rem}.push-optin-benefit{grid-template-columns:2.25rem 1fr;gap:0.7rem}}.off-network{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:clamp(1rem,4vw,3rem);padding-bottom:calc(clamp(1rem,4vw,3rem) + env(safe-area-inset-bottom,0rem))}.off-network-card{width:100%;max-width:34rem;padding:clamp(1.25rem,4vw,2.5rem);border:var(--ua-shell-elev-1-border);border-radius:1.25rem;background:var(--ua-glass-text-led);backdrop-filter:var(--ua-glass-frost);-webkit-backdrop-filter:var(--ua-glass-frost);box-shadow:var(--universe-elev-1-shadow);text-align:center}.off-network-logo{display:block;width:4.5rem;height:4.5rem;margin:0 auto 1rem}.off-network-heading{margin:0 0 0.45rem;font-family:var(--universe-font-heading);font-size:clamp(1.6rem,5vw,2.25rem);line-height:1.15;color:var(--ua-shell-ink)}.off-network-tagline{margin:0 auto 1.1rem;max-width:28rem;color:var(--ua-shell-ink);font-size:1.05rem;line-height:1.45}.off-network-body{margin:0 auto 1.5rem;max-width:28rem;color:var(--ua-shell-muted);font-size:1rem;line-height:1.5}.off-network-notice{margin:0 0 0.35rem;color:var(--ua-shell-ink);font-size:1.05rem;line-height:1.4}.off-network-notice strong{font-weight:var(--universe-font-weight-title)}.off-network-help{margin:0 auto 1.5rem;max-width:28rem;color:var(--ua-shell-muted);font-size:0.95rem;line-height:1.5}.off-network-actions{display:flex;flex-direction:column;gap:0.7rem}.off-network-actions .ua-button{width:100%;min-height:2.85rem;justify-content:center}.off-network-status{margin:1rem 0 0;color:var(--ua-shell-muted);font-size:0.92rem;line-height:1.4}.off-network-trouble{display:flex;justify-content:center;margin-top:0.9rem}.off-network-trouble-body{max-width:34rem;margin-inline:auto;text-align:start;overflow-wrap:anywhere}.off-network-trouble-intro{margin:0 0 1rem;color:var(--ua-shell-ink);font-size:1rem;line-height:1.5}.off-network-trouble-steps{display:grid;gap:0.8rem;margin:0 0 1.25rem;padding-inline-start:1.5rem;list-style:decimal;color:var(--ua-shell-ink);font-size:1rem;line-height:1.5}.off-network-trouble-closing{margin:0;color:var(--ua-shell-muted);font-size:0.95rem;line-height:1.5}@media (max-width:26rem){.off-network-card{padding:1.15rem;border-radius:1rem}}.account-device-network-note strong{display:block}.account-device-results{display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:1rem;align-items:start}.account-device-rows{display:contents}.account-device-row{position:relative;overflow:hidden;border:var(--ua-shell-elev-2-border);border-radius:0.65rem;background:var(--ua-glass-text-led);box-shadow:var(--universe-elev-2-shadow);backdrop-filter:var(--ua-glass-frost);-webkit-backdrop-filter:var(--ua-glass-frost)}.account-device-row-current{border-color:color-mix(in srgb,var(--ua-shell-gold,#d1a141) 45%,transparent)}.account-device-row-content{position:relative;z-index:1;display:grid;gap:0.5rem;padding:0.85rem 0.9rem;background:inherit;transition:transform 0.18s ease}@media (prefers-reduced-motion:reduce){.account-device-row-content{transition:none}}.account-device-cell{display:flex;flex-wrap:wrap;align-items:baseline;gap:0.35rem;min-width:0;margin:0;font-size:0.86rem;color:var(--ua-shell-muted)}.account-device-name{color:var(--universe-color-text,#fff);font-weight:var(--universe-font-weight-title);overflow-wrap:anywhere}.account-device-cell-value{color:var(--universe-color-text,#fff);overflow-wrap:anywhere}.account-device-cell-label{font-size:0.7rem;font-weight:var(--universe-font-weight-title);text-transform:uppercase;letter-spacing:0.04em;color:var(--ua-shell-muted)}.account-device-pill{display:inline-flex;align-items:center;padding:0.15rem 0.6rem;border-radius:62.4375rem;font-size:0.74rem;font-weight:var(--universe-font-weight-title);color:var(--universe-color-text,#fff);background:rgba(8,10,15,0.62)}.account-device-pill-active{box-shadow:inset 0 0 0 0.08rem rgba(141,240,177,0.6);color:#8df0b1}.account-device-pill-lapsed{box-shadow:inset 0 0 0 0.08rem rgba(160,160,170,0.5)}.account-device-current-tag{display:inline-flex;margin-inline-start:0.5rem;padding:0.1rem 0.5rem;border-radius:62.4375rem;font-size:0.72rem;font-weight:var(--universe-font-weight-title);color:var(--universe-color-text,#fff);box-shadow:inset 0 0 0 0.08rem rgba(252,188,81,0.6)}.account-device-cell-actions{display:flex;flex-wrap:wrap;align-items:center;gap:0.5rem;margin-top:0.2rem}.account-device-action{display:inline-flex;align-items:center;justify-content:center;min-height:2.75rem;text-decoration:none}.account-device-action-danger{color:#f0b6b6}.account-device-confirm-danger{box-shadow:inset 0 0 0 0.08rem rgba(220,120,120,0.55)}.account-device-row-head{display:none}.account-device-row-hint{display:none}@media (max-width:48rem){.account-device-row[data-ua-swipe] .account-device-row-hint{display:flex;position:absolute;inset:0;align-items:center;justify-content:flex-end;padding-inline-end:1.1rem;background:color-mix(in srgb,rgba(150,40,40,1) 30%,transparent);color:#f4c4c4;opacity:0;transition:opacity 0.15s ease}.account-device-row[data-ua-swipe].ua-swipe-active .account-device-row-hint{opacity:1}.account-device-row-hint-glyph{font-weight:var(--universe-font-weight-display-strong);letter-spacing:0.03em}}@media (prefers-reduced-motion:reduce){.account-device-row[data-ua-swipe] .account-device-row-hint{transition:none}}.account-device-loading,.account-device-empty{grid-column:1 / -1;margin:0;padding:1.4rem;text-align:center;color:var(--ua-shell-muted)}.account-device-loading[hidden],.account-device-empty[hidden]{display:none}.account-device-results[data-account-device-view="list"]{display:grid;grid-template-columns:minmax(0,1fr);gap:0.35rem;--account-device-cols:minmax(9rem,1.4fr) minmax(7rem,1fr) minmax(9rem,1.2fr) minmax(6rem,0.8fr) minmax(6rem,0.7fr)}.account-device-results[data-account-device-view="list"] .account-device-rows{display:grid;grid-template-columns:minmax(0,1fr);gap:0.35rem}.account-device-results[data-account-device-view="list"] .account-device-row-head{display:grid;grid-template-columns:var(--account-device-cols);gap:0.7rem;align-items:center;padding:0.35rem 0.9rem;font-size:0.7rem;font-weight:var(--universe-font-weight-strong);text-transform:uppercase;letter-spacing:0.05em;color:var(--ua-shell-muted)}.account-device-results[data-account-device-view="list"] .account-device-row-content{grid-template-columns:var(--account-device-cols);gap:0.7rem;align-items:center;padding:0.5rem 0.9rem}.account-device-results[data-account-device-view="list"] .account-device-cell-label{display:none}.account-device-results[data-account-device-view="list"] .account-device-cell{font-size:0.85rem}.account-device-results[data-account-device-view="list"] .account-device-cell-actions{margin-top:0;justify-content:flex-end}.account-device-confirm-body{display:grid;gap:1rem}.account-device-summary-list{display:grid;grid-template-columns:minmax(8rem,auto) minmax(0,1fr);gap:0.35rem 1rem;margin:0}.account-device-summary-list dt{font-size:0.72rem;font-weight:var(--universe-font-weight-strong);text-transform:uppercase;letter-spacing:0.04em;color:var(--ua-shell-muted)}.account-device-summary-list dd{margin:0;color:var(--universe-color-text,#fff);overflow-wrap:anywhere}.account-device-current-note[hidden]{display:none}.account-device-current-note{padding:1rem}.account-device-dialog-actions{display:flex;flex-wrap:wrap;gap:0.75rem;justify-content:flex-end}@media (max-width:40rem){.account-device-summary-list{grid-template-columns:minmax(0,1fr);gap:0.1rem}.account-device-summary-list dd{margin-bottom:0.5rem}}.shipping-policy-dashboard{display:grid;gap:1rem}.shipping-panel{display:grid;gap:0.5rem}.shipping-panel-title{margin:0;font-weight:var(--universe-font-weight-title)}.shipping-panel-copy{margin:0;color:var(--ua-shell-muted)}.shipping-editing-target-line{margin:0;color:var(--ua-shell-muted)}.shipping-editing-target-value{color:var(--universe-color-text,#fff)}.shipping-policy-surface-status{margin:0;min-height:0;color:var(--ua-shell-muted);font-size:0.92rem}.shipping-policy-surface-status:empty{display:none}.shipping-readiness{display:grid;gap:0.6rem}.shipping-readiness-title{margin:0;font-weight:var(--universe-font-weight-title)}.shipping-readiness-copy{margin:0;color:var(--ua-shell-muted)}.shipping-readiness[data-shipping-ready="false"]{box-shadow:var(--universe-elev-2-shadow),inset 0 0 0 0.1rem rgba(220,140,120,0.55)}.shipping-readiness[data-shipping-ready="false"] .shipping-readiness-title{font-weight:var(--universe-font-weight-display-strong)}.shipping-readiness[data-shipping-ready="true"]{box-shadow:var(--universe-elev-2-shadow),inset 0 0 0 0.08rem rgba(120,200,140,0.45)}.shipping-readiness .dashboard-primary-action{justify-self:start}.shipping-rule-results{display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:1rem;align-items:start}.shipping-rule-row{position:relative;overflow:hidden;border:var(--ua-shell-elev-2-border);border-radius:0.65rem;background:var(--ua-glass-text-led);box-shadow:var(--universe-elev-2-shadow);backdrop-filter:var(--ua-glass-frost);-webkit-backdrop-filter:var(--ua-glass-frost)}.shipping-rule-results[data-shipping-rule-view="card"] .shipping-rule-row:not(.shipping-rule-row-head){display:flex;flex-direction:column;align-items:stretch;gap:0.5rem;padding:0.85rem 0.9rem}.shipping-rule-results[data-shipping-rule-view="card"] .shipping-rule-rownav{display:flex;flex-direction:column;align-items:stretch;gap:0.5rem;min-width:0}.shipping-rule-cell{display:flex;flex-wrap:wrap;align-items:baseline;gap:0.35rem;min-width:0;margin:0;font-size:0.86rem;color:var(--ua-shell-muted)}.shipping-rule-name-link{color:var(--universe-color-text,#fff);font-weight:var(--universe-font-weight-title);overflow-wrap:anywhere}.shipping-rule-cell-value{color:var(--universe-color-text,#fff);overflow-wrap:anywhere}.shipping-rule-rate{color:var(--universe-color-text,#fff);font-weight:var(--universe-font-weight-title)}.shipping-rule-cell-label{font-size:0.7rem;font-weight:var(--universe-font-weight-title);text-transform:uppercase;letter-spacing:0.04em;color:var(--ua-shell-muted)}.shipping-rule-cell-actions{display:flex;flex-wrap:wrap;align-items:center;gap:0.5rem;margin-top:0.2rem}.shipping-rule-action{display:inline-flex;align-items:center;justify-content:center;min-height:2.75rem;text-decoration:none}.shipping-rule-action-danger{color:#f0b6b6}.shipping-rule-confirm-danger{box-shadow:inset 0 0 0 0.08rem rgba(220,120,120,0.55)}.shipping-rule-row-head{display:none}.shipping-rule-empty{grid-column:1 / -1;margin:0;padding:1.4rem;text-align:center;color:var(--ua-shell-muted)}.shipping-rule-empty[hidden]{display:none}.shipping-empty{display:grid;gap:0.7rem;justify-items:start}.shipping-empty-art{font-size:2rem}.shipping-empty-title{margin:0;font-weight:var(--universe-font-weight-title)}.shipping-empty-copy{margin:0;color:var(--ua-shell-muted)}.shipping-rule-results[data-shipping-rule-view="list"]{display:grid;grid-template-columns:minmax(0,1fr);gap:0.35rem;--shiprule-cols:minmax(9rem,1.4fr) minmax(7rem,0.8fr) minmax(7rem,0.8fr) minmax(6rem,0.6fr) minmax(9rem,0.9fr)}.shipping-rule-results[data-shipping-rule-view="list"] .shipping-rule-row-head{display:grid;grid-template-columns:var(--shiprule-cols);gap:0.7rem;align-items:center;padding:0.35rem 0.9rem;font-size:0.7rem;font-weight:var(--universe-font-weight-strong);text-transform:uppercase;letter-spacing:0.05em;color:var(--ua-shell-muted)}.shipping-rule-results[data-shipping-rule-view="list"] .shipping-rule-row:not(.shipping-rule-row-head){overflow:hidden;display:grid;grid-template-columns:var(--shiprule-cols);gap:0.7rem;align-items:center;padding:0.5rem 0.9rem}.shipping-rule-results[data-shipping-rule-view="list"] .shipping-rule-cell-label{display:none}.shipping-rule-results[data-shipping-rule-view="list"] .shipping-rule-cell{font-size:0.85rem}.shipping-rule-results[data-shipping-rule-view="list"] .shipping-rule-cell-actions{margin-top:0;justify-content:flex-end}.shipping-rule-summary{display:grid;gap:0.8rem}.shipping-rule-summary-detail{display:grid;gap:0.5rem;margin:0;overflow-wrap:anywhere}.shipping-rule-summary-title{margin:0;font-weight:var(--universe-font-weight-title)}.shipping-rule-summary-list{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:0.3rem 1rem;margin:0}.shipping-rule-summary-term{color:var(--ua-shell-muted);font-weight:var(--universe-font-weight-title)}.shipping-rule-summary-value{margin:0}.shipping-rule-summary-bands{margin:0;padding-inline-start:1.1rem;color:var(--ua-shell-muted);display:grid;gap:0.2rem}.shipping-rule-summary-origin{margin:0;color:var(--ua-shell-muted);font-size:0.85rem}.shipping-rule-confirm-body{display:grid;gap:1rem}.shipping-rule-dialog-actions{display:flex;flex-wrap:wrap;gap:0.6rem;justify-content:flex-end}.shipping-rule-wizard{display:grid;gap:1rem}.shipping-rule-step{display:grid;gap:0.7rem;border:0;margin:0;padding:0;min-inline-size:0}.shipping-rule-legend{padding:0;font-weight:var(--universe-font-weight-title)}.shipping-rule-wizard-status{margin:0;color:var(--ua-shell-muted)}.shipping-rule-wizard-status:empty{display:none}.dashboard-wizard-status-refusal{color:var(--ua-shell-danger);border:var(--ua-shell-elev-1-border);border-radius:0.35rem;padding:var(--universe-space-inset-1) var(--universe-space-inset-2);background:var(--ua-glass-text-led);box-shadow:var(--universe-elev-1-shadow);backdrop-filter:var(--ua-glass-frost);-webkit-backdrop-filter:var(--ua-glass-frost)}.dashboard-inline-status-action{color:inherit;font-weight:var(--universe-font-weight-strong);text-decoration:underline;text-underline-offset:0.15em}.dashboard-placeholder{display:flex;justify-content:center;padding:clamp(1rem,4vh,3rem) 0}.dashboard-placeholder-card{max-width:42rem;padding:clamp(1.5rem,3vw,2.25rem);border:var(--ua-shell-elev-3-border);border-radius:1rem;background:var(--ua-glass-text-led);box-shadow:var(--universe-elev-3-shadow);backdrop-filter:var(--ua-glass-frost);-webkit-backdrop-filter:var(--ua-glass-frost)}.dashboard-placeholder-heading{margin:0 0 0.75rem;font-family:var(--universe-font-heading);font-weight:var(--universe-font-weight-heading);font-size:clamp(1.3rem,2.4vw,1.7rem);color:var(--ua-shell-ink)}.dashboard-placeholder-lede{margin:0 0 0.75rem;color:var(--ua-shell-ink);line-height:1.55}.dashboard-placeholder-note{margin:0 0 1.25rem;color:var(--ua-shell-muted);line-height:1.5}.dashboard-placeholder-links{display:flex;flex-wrap:wrap;gap:0.6rem}.dashboard-placeholder-link{display:inline-flex;align-items:center;min-height:2.5rem;padding:0 1rem;border:1px solid rgba(252,188,81,0.42);border-radius:0.7rem;color:var(--ua-shell-gold);text-decoration:none}.account-rewards-dashboard{display:flex;flex-direction:column;gap:1.1rem}.account-rewards-header{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:0.5rem 1rem}.account-rewards-title{margin:0;font-family:var(--universe-font-heading);font-weight:var(--universe-font-weight-heading);font-size:clamp(1.35rem,2.4vw,1.75rem);color:var(--ua-shell-ink)}.account-rewards-points{margin:0;font-family:var(--universe-font-heading);font-weight:var(--universe-font-weight-display-strong);font-size:clamp(1.1rem,2vw,1.4rem);color:var(--ua-shell-gold)}.account-rewards-points-unavailable{flex-basis:100%;max-width:48rem;margin-right:auto;font-family:inherit;font-weight:var(--universe-font-weight-body,400);font-size:0.9rem;line-height:1.5;color:var(--ua-shell-muted)}.account-rewards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:1rem;align-items:start}.account-reward-card{display:flex;flex-direction:column;gap:0.45rem;padding:1rem;border:var(--ua-shell-elev-2-border);border-radius:0.8rem;background:var(--ua-glass-text-led);box-shadow:var(--universe-elev-2-shadow);backdrop-filter:var(--ua-glass-frost);-webkit-backdrop-filter:var(--ua-glass-frost)}.account-reward-card--unlocked{border-color:color-mix(in srgb,var(--ua-shell-gold,#d1a141) 45%,transparent)}.account-reward-icon{font-size:1.6rem;line-height:1;color:var(--ua-shell-gold)}.account-reward-title{margin:0;font-family:var(--universe-font-heading);font-weight:var(--universe-font-weight-title);font-size:1rem;color:var(--ua-shell-ink);overflow-wrap:anywhere}.account-reward-description{margin:0;font-size:0.86rem;line-height:1.45;color:var(--ua-shell-muted);overflow-wrap:anywhere}.account-reward-badge{align-self:flex-start;padding:0.15rem 0.5rem;border:1px solid color-mix(in srgb,var(--ua-shell-gold,#d1a141) 35%,transparent);border-radius:0.5rem;font-size:0.7rem;font-weight:var(--universe-font-weight-title);text-transform:uppercase;letter-spacing:0.04em;color:var(--ua-shell-gold)}.account-reward-progress{overflow:hidden;height:0.35rem;border-radius:999px;background:rgba(255,255,255,0.12)}.account-reward-progress-fill{display:block;height:100%;border-radius:inherit;background:var(--ua-shell-gold)}.account-rewards-empty{padding:1.25rem;border:var(--ua-shell-elev-2-border);border-radius:0.8rem;background:var(--ua-glass-text-led)}.account-rewards-empty-title{margin:0 0 0.35rem;font-family:var(--universe-font-heading);font-weight:var(--universe-font-weight-title);color:var(--ua-shell-ink)}.account-rewards-empty-text{margin:0;font-size:0.88rem;color:var(--ua-shell-muted)}.case-queue,.case-ledger{display:grid;gap:1rem}.case-list.ua-dashboard-list-shell{grid-template-columns:repeat(auto-fill,minmax(min(100%,19rem),1fr));align-items:start;list-style:none;margin:0}.case-list.ua-dashboard-list-shell[data-dashboard-view="list"]{grid-template-columns:minmax(0,1fr)}.case-card{display:flex;flex-direction:column;gap:0.6rem;min-width:0;padding:var(--universe-space-inset-2);border:var(--ua-shell-elev-2-border);border-radius:var(--ua-shell-radius);background:var(--ua-glass-text-led);box-shadow:var(--universe-elev-2-shadow);backdrop-filter:var(--ua-glass-frost);-webkit-backdrop-filter:var(--ua-glass-frost)}.case-card[hidden]{display:none}.case-card-nav{display:flex;flex-direction:column;gap:0.5rem;min-width:0;color:inherit;text-decoration:none}.case-card-head{display:flex;flex-wrap:wrap;align-items:center;gap:0.4rem}.case-type-tag{display:inline-flex;padding:0.1rem 0.55rem;border-radius:62.4375rem;font-size:0.7rem;font-weight:var(--universe-font-weight-title);text-transform:uppercase;letter-spacing:0.04em;color:var(--ua-shell-muted);box-shadow:inset 0 0 0 0.07rem color-mix(in srgb,var(--universe-color-text,#fff) 22%,transparent)}.case-status-badge{display:inline-flex;padding:0.1rem 0.55rem;border-radius:62.4375rem;font-size:0.72rem;font-weight:var(--universe-font-weight-title);color:var(--universe-color-text,#fff);box-shadow:inset 0 0 0 0.08rem color-mix(in srgb,var(--universe-color-text,#fff) 26%,transparent)}.case-status-new,.case-status-triage{box-shadow:inset 0 0 0 0.08rem rgba(196,141,47,0.7)}.case-status-in_review,.case-status-awaiting_submitter{box-shadow:inset 0 0 0 0.08rem rgba(120,160,210,0.6)}.case-status-actioned,.case-status-closed{box-shadow:inset 0 0 0 0.08rem rgba(120,200,140,0.6)}.case-status-rejected{box-shadow:inset 0 0 0 0.08rem rgba(220,120,120,0.5)}.case-card-subject{margin:0;font-weight:var(--universe-font-weight-title);color:var(--universe-color-text,#fff);line-height:1.4;overflow-wrap:anywhere}.case-card-meta,.case-card-due{margin:0;font-size:0.84rem;line-height:1.45;color:var(--ua-shell-muted);overflow-wrap:anywhere}.case-card-due{font-weight:var(--universe-font-weight-title)}.case-card-actions{display:flex;flex-wrap:wrap;gap:0.5rem;margin-top:auto;padding-top:0.2rem}.case-empty{margin:0;padding:1.4rem;text-align:center;color:var(--ua-shell-muted)}.case-empty[hidden]{display:none}.case-detail-head{display:flex;flex-wrap:wrap;align-items:center;gap:0.5rem}.case-detail-id{font-family:var(--universe-font-mono);font-size:0.8rem;color:var(--ua-shell-muted)}.case-field-row{display:grid;grid-template-columns:minmax(7rem,max-content) minmax(0,1fr);gap:0.3rem 1rem;padding:0.35rem 0;border-bottom:1px solid color-mix(in srgb,var(--universe-color-text,#fff) 8%,transparent)}.case-field-key{font-size:0.72rem;font-weight:var(--universe-font-weight-title);text-transform:uppercase;letter-spacing:0.04em;color:var(--ua-shell-muted)}.case-field-value{color:var(--universe-color-text,#fff);overflow-wrap:anywhere}.case-history-list{display:grid;gap:0.5rem;margin:0;padding:0;list-style:none}.case-history-row{display:grid;gap:0.2rem;padding:0.6rem 0.75rem;border:var(--ua-shell-elev-2-border);border-radius:0.6rem;background:var(--ua-glass-text-led)}.case-history-summary{font-weight:var(--universe-font-weight-title);color:var(--universe-color-text,#fff)}.case-history-when,.case-history-actor,.case-history-reason{font-size:0.82rem;color:var(--ua-shell-muted);overflow-wrap:anywhere}.case-history-tamper{font-size:0.82rem;font-weight:var(--universe-font-weight-title);color:#f0b6b6}.case-action-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,15rem),1fr));gap:0.6rem}.case-action-form{display:grid;gap:0.45rem;padding:0.7rem 0.8rem;border:var(--ua-shell-elev-2-border);border-radius:0.6rem;background:var(--ua-glass-text-led)}.case-action-label{font-size:0.72rem;font-weight:var(--universe-font-weight-title);text-transform:uppercase;letter-spacing:0.04em;color:var(--ua-shell-muted)}.case-action-field{display:grid;gap:0.25rem}.case-intake-status,.case-intake-label,.case-denial-reasons,.case-retention-exceptions{margin:0;font-size:0.84rem;color:var(--ua-shell-muted)}.ua-dashboard-item-row-actions{justify-self:end;align-self:end}.ua-dashboard-list-shell[data-dashboard-list-view="list"] .ua-dashboard-item-row-actions{justify-self:end;align-self:center}.builder-records-surface{display:grid;gap:0.35rem}.builder-records-status:empty{display:none}.builder-records-status:not(:empty){margin:0;padding:0.6rem 0.9rem;border:1px solid rgba(255,255,255,0.12);border-radius:0.6rem;background:rgba(0,0,0,0.55);color:var(--universe-color-text,#f4f4f5)}.builder-recycle-bin{display:grid;gap:0.6rem}.builder-recycle-list{display:grid;gap:0.35rem;margin:0;padding:0;list-style:none}.builder-recycle-entry{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:0.75rem;min-height:3.25rem;padding:0.5rem 0.75rem;border:1px solid rgba(255,255,255,0.1);border-radius:0.6rem;background:rgba(0,0,0,0.3)}.builder-recycle-entry-text{display:grid;min-width:0}.builder-recycle-entry-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.builder-recycle-entry-meta,.builder-recycle-entry-note{font-size:0.82rem}@media (max-width:30rem){.builder-recycle-entry{grid-template-columns:minmax(0,1fr);align-items:start}.builder-recycle-entry-title{white-space:normal}.builder-recycle-restore{width:100%}}.promotion-panel-title{margin:0 0 0.35rem;font-family:var(--universe-font-heading);font-size:1.1rem;font-weight:var(--universe-font-weight-title);color:var(--ua-shell-ink)}.promotion-panel-copy{margin:0 0 0.7rem;color:var(--ua-shell-muted);max-width:68ch}.promotion-hint{margin:0.35rem 0 0;color:var(--ua-shell-muted);font-size:0.86rem;max-width:72ch}.promotion-hint-unreadable{color:var(--ua-shell-ink)}.promotion-surface-status{margin:0.35rem 0;color:var(--ua-shell-ink);min-height:1.2em}.promotion-terms{display:grid;grid-template-columns:minmax(0,auto) minmax(0,1fr);gap:0.3rem 1rem;margin:0 0 0.6rem}.promotion-terms-label{color:var(--ua-shell-muted);font-size:0.78rem;text-transform:uppercase;letter-spacing:0.03em}.promotion-terms-value{margin:0;color:var(--ua-shell-ink);font-weight:var(--universe-font-weight-strong)}.promotion-results{--promotion-cols:3.5rem minmax(0,1.4fr) minmax(6rem,0.8fr) minmax(8rem,1fr) minmax(7rem,0.9fr) minmax(6rem,0.6fr) minmax(5rem,auto);display:grid;gap:0;min-width:0}.promotion-results[data-promotion-view="list"]{border:1px solid rgba(255,255,255,0.12);border-radius:0.75rem;overflow:hidden;grid-template-columns:var(--promotion-cols)}.promotion-results[data-promotion-view="list"] .promotion-row{display:grid;grid-column:1 / -1;grid-template-columns:subgrid;gap:0.85rem;align-items:center;padding:var(--universe-space-inset-1) var(--universe-space-inset-2);border-bottom:1px solid var(--ua-shell-elev-1-line);background:var(--ua-glass-text-led);box-shadow:var(--universe-elev-1-shadow);backdrop-filter:var(--ua-glass-frost);-webkit-backdrop-filter:var(--ua-glass-frost);min-width:0}.promotion-results[data-promotion-view="list"] .promotion-row:last-child{border-bottom:0}.promotion-results[data-promotion-view="list"] .promotion-row.promotion-row-head{background:var(--ua-glass-text-led);font-size:0.74rem;font-weight:var(--universe-font-weight-strong);text-transform:uppercase;letter-spacing:0.03em;color:var(--ua-shell-muted)}.promotion-results[data-promotion-view="list"] .promotion-cell-label{display:none}.promotion-results[data-promotion-view="list"] .promotion-cell{min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:0.4rem}.promotion-results[data-promotion-view="card"]{grid-template-columns:repeat(auto-fill,minmax(min(100%,17rem),1fr));gap:1rem;padding:clamp(0.85rem,1.6vw,1.15rem)}.promotion-results[data-promotion-view="card"] .promotion-row.promotion-row-head{display:none}.promotion-results[data-promotion-view="card"] .promotion-row{display:flex;flex-direction:column;gap:0.55rem;padding:var(--universe-space-inset-2);border:var(--ua-shell-elev-2-border);border-radius:0.75rem;background:var(--ua-glass-text-led);box-shadow:var(--universe-elev-2-shadow);backdrop-filter:var(--ua-glass-frost);-webkit-backdrop-filter:var(--ua-glass-frost);min-width:0}.promotion-results[data-promotion-view="card"] .promotion-rownav{display:flex;flex-direction:column;align-items:stretch;gap:0.55rem;min-width:0}.promotion-results[data-promotion-view="card"] .promotion-cell{display:flex;flex-wrap:wrap;align-items:baseline;gap:0.35rem 0.6rem;min-width:0}.promotion-results[data-promotion-view="card"] .promotion-cell-label{font-size:0.7rem;font-weight:var(--universe-font-weight-strong);text-transform:uppercase;letter-spacing:0.03em;color:var(--ua-shell-muted);flex:0 0 auto}.promotion-results[data-promotion-view="card"] .promotion-cell-thumb{display:block}.promotion-results[data-promotion-view="card"] .promotion-thumb{width:100%;aspect-ratio:4 / 3}.promotion-row[hidden]{display:none !important}.promotion-thumb{width:2.6rem;height:2.6rem;border-radius:0.5rem;object-fit:cover;border:var(--ua-shell-elev-1-border);background:var(--ua-glass-text-led)}.promotion-thumb-placeholder{display:grid;place-items:center;color:var(--ua-shell-gold);font-family:var(--universe-font-heading);font-weight:var(--universe-font-weight-title)}.promotion-name{color:var(--ua-shell-ink);font-weight:var(--universe-font-weight-strong);min-width:0;overflow-wrap:anywhere}.promotion-cell-value{color:var(--ua-shell-ink);min-width:0;overflow-wrap:anywhere}.promotion-money{color:var(--ua-shell-ink);font-weight:var(--universe-font-weight-strong)}.promotion-money-part{color:var(--ua-shell-muted);font-size:0.76rem;flex-basis:100%}.promotion-money-billing{font-weight:var(--universe-font-weight-strong)}.promotion-money-billing-unbilled,.promotion-money-billing-unknown{color:var(--ua-shell-ink)}.promotion-money-billing-settled{color:var(--ua-shell-gold)}.promotion-money-billing-cancelled-unbilled{color:var(--ua-shell-muted)}.promotion-confirm-billing,.promotion-cancel-billing{margin:0 0 0.6rem}.promotion-status-pill{padding:0.14rem 0.5rem;border-radius:999px;border:var(--ua-shell-elev-1-border);font-size:0.72rem;color:var(--ua-shell-ink);background:var(--ua-glass-text-led);backdrop-filter:var(--ua-glass-frost);-webkit-backdrop-filter:var(--ua-glass-frost)}.promotion-status-active{border-color:color-mix(in srgb,var(--ua-shell-gold) 60%,transparent);color:var(--ua-shell-gold)}.promotion-status-cancelled{color:var(--ua-shell-muted)}.promotion-empty{margin:0.9rem 0;color:var(--ua-shell-muted)}.promotion-empty-unreadable{color:var(--ua-shell-ink)}.promotion-buy-body{display:grid;gap:1.1rem;min-width:0}.promotion-form-group{border:0;margin:0;padding:0;min-width:0}.promotion-form-legend{padding:0;font-family:var(--universe-font-heading);font-size:1rem;font-weight:var(--universe-font-weight-title);color:var(--ua-shell-ink)}.promotion-form-fields{display:grid;gap:0.8rem;margin-top:0.6rem;min-width:0}.promotion-field{min-width:0;display:grid;gap:0.3rem}.promotion-field-label{color:var(--ua-shell-ink);font-size:0.86rem}.promotion-field-required{color:var(--ua-shell-gold)}.promotion-form-actions{display:flex;flex-wrap:wrap;gap:0.6rem;margin-top:0.9rem}.promotion-quote{display:grid;gap:0.7rem;padding:var(--universe-space-inset-2);border:var(--ua-shell-elev-2-border);border-radius:0.75rem;background:var(--ua-glass-text-led);box-shadow:var(--universe-elev-2-shadow);backdrop-filter:var(--ua-glass-frost);-webkit-backdrop-filter:var(--ua-glass-frost);min-width:0}.promotion-quote[hidden]{display:none}.promotion-quote-title{margin:0;font-family:var(--universe-font-heading);font-size:1.05rem;font-weight:var(--universe-font-weight-title);color:var(--ua-shell-ink)}.promotion-quote-window{margin:0;color:var(--ua-shell-muted);font-size:0.88rem;overflow-wrap:anywhere}.promotion-quote-surge-title{margin:0 0 0.4rem;font-size:0.86rem;color:var(--ua-shell-gold)}.promotion-quote-note{margin:0.35rem 0 0;color:var(--ua-shell-muted);font-size:0.86rem}.promotion-surge-days{list-style:none;margin:0;padding:0;display:grid;gap:0.35rem}.promotion-surge-day{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) auto auto;gap:0.3rem 0.7rem;align-items:baseline;padding:0.3rem 0;border-bottom:1px solid var(--ua-shell-elev-1-line)}.promotion-surge-day:last-child{border-bottom:0}.promotion-surge-day-date{color:var(--ua-shell-ink);font-weight:var(--universe-font-weight-strong)}.promotion-surge-day-slots{color:var(--ua-shell-muted);font-size:0.82rem}.promotion-surge-day-uplift{color:var(--ua-shell-gold);font-weight:var(--universe-font-weight-strong)}.promotion-surge-day-total{color:var(--ua-shell-ink);text-align:right}.promotion-quote-totals{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0.25rem 1rem;margin:0}.promotion-quote-label{color:var(--ua-shell-muted)}.promotion-quote-value{margin:0;color:var(--ua-shell-ink);text-align:right}.promotion-quote-label-total,.promotion-quote-value-total{color:var(--ua-shell-ink);font-weight:var(--universe-font-weight-strong);font-size:1.05rem;padding-top:0.35rem;border-top:1px solid var(--ua-shell-elev-1-line)}.promotion-quote-expiry{margin:0;color:var(--ua-shell-muted);font-size:0.82rem}.promotion-buy-status{margin:0;color:var(--ua-shell-ink);min-height:1.2em;overflow-wrap:anywhere}.promotion-refusal{display:grid;gap:0.5rem;justify-items:start}.promotion-refusal-title{margin:0;font-family:var(--universe-font-heading);font-size:1.05rem;font-weight:var(--universe-font-weight-title);color:var(--ua-shell-ink)}.promotion-confirm-body{display:grid;gap:0.5rem}.promotion-dialog-actions{display:flex;justify-content:flex-end;gap:0.6rem;flex-wrap:wrap}@media (max-width:32rem){.promotion-results[data-promotion-view="list"]{grid-template-columns:minmax(0,1fr)}.promotion-results[data-promotion-view="list"] .promotion-row-head{display:none}.promotion-results[data-promotion-view="list"] .promotion-row{grid-template-columns:1fr;gap:0.4rem}.promotion-results[data-promotion-view="list"] .promotion-rownav{grid-column:1 / -1;display:flex;flex-direction:column;align-items:stretch;gap:0.4rem;min-width:0}.promotion-results[data-promotion-view="list"] .promotion-cell-label{display:inline}.promotion-results[data-promotion-view="list"] .promotion-cell-actions{justify-content:flex-start}.promotion-results[data-promotion-view="list"] .promotion-cell-thumb{display:block}.promotion-results[data-promotion-view="list"] .promotion-thumb,.promotion-results[data-promotion-view="list"] .promotion-thumb-placeholder{width:3.4rem;height:3.4rem}.promotion-surge-day{grid-template-columns:minmax(0,1fr) auto}.promotion-surge-day-slots{grid-column:1 / -1}}.superadmin-secret-verify-dialog{position:fixed;inset:0;z-index:10050;display:flex;align-items:center;justify-content:center;padding:var(--ua-space-4,1rem);background:var(--ua-glass-text-led);backdrop-filter:var(--ua-glass-frost);-webkit-backdrop-filter:var(--ua-glass-frost)}.superadmin-secret-verify-card{width:min(28rem,100%);padding:var(--ua-space-6,1.5rem);border-radius:var(--ua-radius-lg,1rem);background:var(--ua-color-surface,#161622);color:var(--ua-color-ink,#f4f4f8);box-shadow:0 24px 64px color-mix(in srgb,#000 45%,transparent);display:grid;gap:var(--ua-space-4,1rem);justify-items:center;text-align:center}.superadmin-secret-verify-waiting{display:grid;gap:var(--ua-space-3,0.75rem);justify-items:center}.superadmin-secret-verify-logo.coin-logo-lottie{width:5.5rem;height:5.5rem;display:grid;place-items:center}.superadmin-secret-verify-lottie,.superadmin-secret-verify-logo .ua-lottie-stage{width:5.5rem;height:5.5rem;display:grid;place-items:center}.superadmin-secret-verify-coin.coin-logo,.superadmin-secret-verify-lottie-player{width:5rem;height:5rem;display:block;animation:superadmin-secret-verify-coin-breathe 1.8s ease-in-out infinite}@keyframes superadmin-secret-verify-coin-breathe{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.06);opacity:0.92}}.superadmin-secret-verify-checking{margin:0;font:var(--ua-font-body,1rem/1.4 system-ui);letter-spacing:0.02em}.superadmin-secret-verify-status{margin:0;min-height:1.5em;max-width:100%}.superadmin-secret-verify-close{min-width:8rem}@media (prefers-reduced-motion:reduce){.superadmin-secret-verify-coin.coin-logo,.superadmin-secret-verify-lottie-player{animation:none}}.account-subscription-app-library{display:grid;gap:var(--universe-space-inset-2);list-style:none;margin:0;padding:0;min-width:0}.account-subscription-app-library-row{display:grid;gap:var(--universe-space-inset-1);justify-items:start;min-width:0;padding:var(--universe-space-inset-2);border:var(--ua-shell-elev-1-border);border-radius:var(--ua-shell-radius)}.account-subscription-app-library-row>p{margin:0}.account-subscription-app-library-kind{color:var(--ua-shell-muted)}.account-subscription-app-needs-plan{display:grid;gap:var(--universe-space-inset-1);justify-items:start}.account-subscription-app-library .dashboard-inline-status:empty{display:none}
/* THE [hidden] RESET — one rule, because the platform was writing it per element.
   `visibility: "hidden"` is a universal attribute an author sets in the editor, and the renderer emits
   it as the `hidden` attribute. The UA stylesheet's `[hidden] { display: none }` is a bare type rule, so
   ANY class rule with a `display` beats it — `.ua-cta-section { display: grid }` left an author-hidden
   CTA fully visible on the page, with the attribute present and doing nothing. This file already
   carried 20+ hand-written `.some-class[hidden] { display: none }` patches, one per element that hit it
   (see the note on .ua-dashboard-active-filters), which is the same "each instance must remember"
   failure the central emission pass exists to end.
   `until-found` is excluded so find-in-page can still reveal such content — the platform does not use it
   today, and this rule must not be the reason it cannot. */
[hidden]:not([hidden="until-found"]) { display: none !important; }

.ua-control {
  --ua-control-line: var(--universe-line, var(--line));
  --ua-control-fill: color-mix(in srgb, var(--universe-color-background) 82%, var(--universe-color-text) 8%);
  --ua-control-focus: var(--universe-color-focus);
  --ua-control-error: var(--universe-color-error, var(--universe-color-danger));
  --ua-control-success: var(--universe-color-success);
  position: relative;
  display: grid;
  gap: 0.5rem;
  margin: 0 0 0.875rem;
  /* Plain 1rem == the scaled root (html carries --universe-font-size-base); the token here would
     double-apply the tenant size scale to controls. */
  font-size: 1rem;
  letter-spacing: var(--universe-font-letter-spacing-body);
  line-height: var(--universe-font-line-height-body);
}
.ua-control label, .ua-control-title {
  color: var(--universe-color-text);
  font-family: var(--universe-font-body);
  font-size: 0.9rem;
  font-weight: var(--universe-font-weight-display-strong);
}
.ua-control-description { color: var(--universe-color-muted, var(--muted)); font-size: 0.8125rem; }
.ua-input-field {
  display: grid;
  gap: 0.45rem;
}
.ua-input-row {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: stretch;
}
.ua-input-row > .ua-input:first-child {
  grid-column: 1 / -1;
}
.ua-input-adornment {
  display: inline-grid;
  place-items: center;
  min-inline-size: 2.9rem;
  border: 1px solid var(--ua-control-line);
  border-inline-end: 0;
  border-radius: 0.5rem 0 0 0.5rem;
  background: color-mix(in srgb, var(--universe-color-primary) 12%, var(--universe-color-background) 82%);
  color: var(--universe-color-primary-strong);
}
.ua-input-adornment + .ua-input {
  border-start-start-radius: 0;
  border-end-start-radius: 0;
}
/* THE TEXT-SHAPED FIELDS. A switch is an input but it is not one of these: `width: 100%` and a
   2.9rem box turn its 2.75rem track into a full-width slab with the label squeezed into a vertical
   column beside it — found by driving the control in Chrome, not by a unit test. The exclusion lives
   here, on the rule that means "a field you type into", rather than as a specificity fight inside the
   switch. */
.ua-input,
.ua-select,
.ua-textarea,
.ua-form-field input:not(.ua-switch-input),
.ua-form-field textarea,
.ua-form-field select {
  width: 100%;
  min-block-size: 2.9rem;
  border: 1px solid var(--ua-control-line);
  border-radius: 0.5rem;
  background: var(--ua-control-fill);
  color: var(--universe-color-text);
  font-family: var(--universe-font-body);
  /* Standard S3 (a11y-safe iOS field-zoom prevention): every focusable ua.* control renders at >=1rem
     so iOS Safari never auto-zooms on focus, WITHOUT disabling the user's pinch-zoom. Explicit (not
     merely inherited) so any surface consuming the engine inherits a compliant baseline. */
  font-size: 1rem;
  padding: 0.75rem 0.9rem;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--universe-color-primary) 7%, transparent), 0 0.45rem 1.35rem color-mix(in srgb, var(--universe-color-background) 22%, transparent);
  transition: border-color 140ms ease, box-shadow 140ms ease, background-color 140ms ease, color 140ms ease;
}

.ua-select,
.ua-form-field select {
  appearance: none;
  background-image:
    linear-gradient(45deg, transparent 50%, var(--universe-color-primary-strong) 50%),
    linear-gradient(135deg, var(--universe-color-primary-strong) 50%, transparent 50%);
  background-position:
    calc(100% - 1.15rem) 52%,
    calc(100% - 0.78rem) 52%;
  background-size: 0.42rem 0.42rem, 0.42rem 0.42rem;
  background-repeat: no-repeat;
  padding-inline-end: 2.35rem;
}
.ua-textarea,
.ua-form-field textarea { min-block-size: 7rem; resize: vertical; }
.ua-control[data-ua-control-error="true"] .ua-input,
.ua-control[data-ua-control-error="true"] .ua-select,
.ua-control[data-ua-control-error="true"] .ua-textarea,
.ua-control[data-ua-control-error="true"] input,
.ua-control[data-ua-control-error="true"] select,
.ua-control[data-ua-control-error="true"] textarea,
.ua-control .ua-input[aria-invalid="true"],
.ua-control .ua-select[aria-invalid="true"],
.ua-control .ua-textarea[aria-invalid="true"],
.ua-control input[aria-invalid="true"],
.ua-control select[aria-invalid="true"],
.ua-control textarea[aria-invalid="true"],
.ua-control .ua-input[data-ua-field-error="true"],
.ua-control .ua-select[data-ua-field-error="true"],
.ua-control .ua-textarea[data-ua-field-error="true"],
.ua-control input[data-ua-field-error="true"],
.ua-control select[data-ua-field-error="true"],
.ua-control textarea[data-ua-field-error="true"] {
  border-color: var(--ua-control-error);
  padding-inline-end: 2.65rem;
  box-shadow: 0 0 0 0.16rem color-mix(in srgb, var(--ua-control-error) 32%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--ua-control-error) 24%, transparent);
}
.ua-control[data-ua-control-valid="true"] .ua-input,
.ua-control[data-ua-control-valid="true"] .ua-select,
.ua-control[data-ua-control-valid="true"] .ua-textarea,
.ua-control[data-ua-control-valid="true"] input,
.ua-control[data-ua-control-valid="true"] select,
.ua-control[data-ua-control-valid="true"] textarea,
.ua-control .ua-input[data-ua-field-valid="true"],
.ua-control .ua-select[data-ua-field-valid="true"],
.ua-control .ua-textarea[data-ua-field-valid="true"],
.ua-control input[data-ua-field-valid="true"],
.ua-control select[data-ua-field-valid="true"],
.ua-control textarea[data-ua-field-valid="true"] {
  border-color: var(--ua-control-success);
  padding-inline-end: 2.65rem;
  box-shadow: 0 0 0 0.16rem color-mix(in srgb, var(--ua-control-success) 28%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--ua-control-success) 22%, transparent);
}
.ua-control[data-ua-control-error="true"]::after,
.ua-control[data-ua-control-valid="true"]::after {
  position: absolute;
  inset-inline-end: 0.85rem;
  inset-block-start: 2.35rem;
  z-index: 2;
  display: grid;
  place-items: center;
  inline-size: 1.25rem;
  block-size: 1.25rem;
  border-radius: 999rem;
  font-size: 0.8rem;
  font-weight: var(--universe-font-weight-display-strong);
  line-height: 1;
  pointer-events: none;
}
.ua-control[data-ua-control-error="true"]::after {
  content: "X";
  background: color-mix(in srgb, var(--ua-control-error) 24%, var(--universe-color-background));
  color: var(--ua-control-error);
}
.ua-control[data-ua-control-valid="true"]::after {
  content: "✓";
  background: color-mix(in srgb, var(--ua-control-success) 22%, var(--universe-color-background));
  color: var(--ua-control-success);
}
/* ua.code.input (D347) — the one code prompt. The red state is the shared control paint above, so it needs
   nothing here; what is here is the code's own rhythm, the live-region message, and the busy cursor while a
   code is being checked. The message node stays in the layout even when empty: a live region that is
   display:none when its text arrives is not announced. */
.ua-code-input .ua-code-input-field {
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.08em;
}
.ua-code-input .ua-code-input-message {
  display: block;
  min-block-size: 1.25rem;
  margin-block-start: 0.35rem;
  font-size: 0.875rem;
  color: var(--universe-color-muted, var(--muted));
}
.ua-code-input[data-ua-code-state="invalid"] .ua-code-input-message,
.ua-code-input[data-ua-code-state="refused"] .ua-code-input-message {
  color: var(--ua-control-error);
}
.ua-code-input[data-ua-code-state="verifying"] .ua-code-input-field {
  cursor: progress;
}
/* The shake exists ONLY for people who have not asked for less motion. Under reduce there is no animation
   rule at all — the red paint and the message carry the whole meaning. */
@media (prefers-reduced-motion: no-preference) {
  .ua-code-input[data-ua-code-shake="true"] .ua-code-input-field {
    animation: ua-code-shake var(--ua-motion-base) var(--ua-motion-ease-standard);
  }
  @keyframes ua-code-shake {
    0%, 100% { transform: translate3d(0, 0, 0); }
    20% { transform: translate3d(-0.35rem, 0, 0); }
    45% { transform: translate3d(0.35rem, 0, 0); }
    70% { transform: translate3d(-0.18rem, 0, 0); }
  }
}
.ua-control :is(.ua-input, .ua-select, .ua-textarea, input, select, textarea):disabled {
  cursor: not-allowed;
  opacity: 0.62;
}
.ua-control :is(.ua-input, .ua-select, .ua-textarea, input, select, textarea)::placeholder {
  color: color-mix(in srgb, var(--universe-color-muted, var(--muted)) 82%, transparent);
}
.ua-control :is(.ua-input, .ua-select, .ua-textarea, input, select, textarea)::-webkit-scrollbar,
.ua-dashboard-list-results::-webkit-scrollbar {
  inline-size: 0.55rem;
  block-size: 0.55rem;
}
.ua-control :is(.ua-input, .ua-select, .ua-textarea, input, select, textarea)::-webkit-scrollbar-thumb,
.ua-dashboard-list-results::-webkit-scrollbar-thumb {
  border-radius: 999rem;
  background: var(--universe-color-primary);
}
.ua-control :is(.ua-input, .ua-select, .ua-textarea, input, select, textarea)::-webkit-scrollbar-track,
.ua-dashboard-list-results::-webkit-scrollbar-track {
  background: color-mix(in srgb, var(--universe-color-primary) 16%, transparent);
}
.ua-doc-basic-shell,
.ua-doc-simple-shell {
  max-width: 100%;
}
.ua-doc-control-frame {
  border: 1px solid color-mix(in srgb, var(--universe-color-primary) 28%, var(--universe-line, transparent));
  border-radius: 0.65rem;
  background: color-mix(in srgb, var(--universe-color-background) 86%, var(--universe-color-text) 7%);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--universe-color-primary) 7%, transparent), 0 0.55rem 1.4rem color-mix(in srgb, var(--universe-color-background) 22%, transparent);
  overflow: hidden;
}

.ua-control[data-ua-control-error="true"] .ua-doc-control-frame {
  border-color: var(--ua-control-error);
  box-shadow: 0 0 0 0.16rem color-mix(in srgb, var(--ua-control-error) 32%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--ua-control-error) 24%, transparent);
}
.ua-control[data-ua-control-valid="true"] .ua-doc-control-frame {
  border-color: var(--ua-control-success);
  box-shadow: 0 0 0 0.16rem color-mix(in srgb, var(--ua-control-success) 28%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--ua-control-success) 22%, transparent);
}
.ua-doc-control-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.45rem 0.65rem;
  min-block-size: 2.9rem;
  border-block-end: 1px solid color-mix(in srgb, var(--universe-color-primary) 20%, transparent);
  padding: 0.45rem 0.6rem;
  background: color-mix(in srgb, var(--universe-color-background) 72%, var(--universe-color-primary) 10%);
  color: var(--universe-color-muted, var(--muted));
  font-size: 0.78rem;
  font-weight: var(--universe-font-weight-display-strong);
}
.ua-doc-toolbar-title,
.ua-doc-toolbar-note {
  display: inline-flex;
  align-items: center;
  min-block-size: 2rem;
  min-width: 0;
}
.ua-doc-toolbar-title {
  color: var(--universe-color-text);
  font-weight: var(--universe-font-weight-display-strong);
}
.ua-doc-toolbar-note {
  color: var(--universe-color-muted, var(--muted));
  font-size: 0.74rem;
}
.ua-doc-command-group {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  border: 1px solid color-mix(in srgb, var(--universe-color-primary) 24%, transparent);
  border-radius: 0.58rem;
  padding: 0.2rem;
  background: color-mix(in srgb, var(--universe-color-background) 82%, transparent);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--universe-color-text) 5%, transparent);
}
.ua-doc-tool {
  display: inline-grid;
  place-items: center;
  /* A minimum square so single-letter glyphs (B / I / U) stay a tidy square, but the button grows
     horizontally for a word-mark (List) with a little padding so it never wraps to two lines (CP2 v6 nit). */
  min-inline-size: 2.28rem;
  inline-size: auto;
  block-size: 2.28rem;
  padding-inline: 0.4rem;
  border: 1px solid transparent;
  border-radius: 0.46rem;
  background: color-mix(in srgb, var(--universe-color-background) 68%, var(--universe-color-text) 7%);
  color: var(--universe-color-text);
  font: inherit;
  font-weight: var(--universe-font-weight-display-strong);
  cursor: pointer;
}

.ua-doc-tool-mark {
  font-size: 0.72rem;
  line-height: 1;
  white-space: nowrap;
}
.ua-doc-tool-mark-italic {
  font-style: italic;
}

.ua-doc-tool-mark-underline {
  text-decoration: underline;
  text-underline-offset: 0.12em;
}
.ua-doc-basic-textarea,
.ua-doc-simple-editor {
  display: block;
  width: 100%;
  min-block-size: 10rem;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--universe-color-text);
  font: inherit;
  line-height: 1.55;
  padding: 1rem 1.05rem;
  resize: vertical;
}
.ua-doc-simple-editor {
  overflow: auto;
}
.ua-doc-simple-editor:empty::before {
  content: attr(data-placeholder);
  color: color-mix(in srgb, var(--universe-color-muted, currentColor) 82%, transparent);
}

.ua-class-editor {
  gap: 0.7rem;
}
.ua-class-editor-groups {
  display: grid;
  gap: 0.7rem;
  padding-inline-end: 0.15rem;
}
.ua-class-editor-group {
  display: grid;
  gap: 0.55rem;
  min-width: 0;
  margin: 0;
  border: 1px solid color-mix(in srgb, var(--universe-color-primary) 24%, var(--universe-line));
  border-radius: 0.65rem;
  padding: 0.7rem;
  background: color-mix(in srgb, var(--universe-color-background) 72%, var(--universe-color-text) 4%);
}
.ua-class-editor-group legend {
  padding-inline: 0.25rem;
  color: var(--universe-color-primary-strong);
  font-size: 0.76rem;
  font-weight: var(--universe-font-weight-display-strong);
}
.ua-class-editor-options {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 8.5rem), 1fr));
  gap: 0.45rem;
}
.ua-class-layout-group .ua-class-editor-options {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 5.75rem), 1fr));
}
.ua-class-editor-group-grid-flow .ua-class-editor-options {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 8rem), 1fr));
}
.ua-class-layout-guide,
.ua-class-layout-flow {
  display: grid;
  gap: 0.35rem;
  border: 1px solid color-mix(in srgb, var(--universe-color-primary) 24%, transparent);
  border-radius: 0.55rem;
  padding: 0.5rem;
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--universe-color-primary) 10%, transparent), transparent),
    color-mix(in srgb, var(--universe-color-surface) 68%, transparent);
}
.ua-class-layout-track {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 0.18rem;
  min-block-size: 1.1rem;
}
.ua-class-layout-track span,
.ua-class-flow-cell {
  min-inline-size: 0;
  border-radius: 0.22rem;
  background: color-mix(in srgb, var(--universe-color-text) 12%, transparent);
}
.ua-class-layout-track span.filled {
  background: linear-gradient(135deg, var(--universe-color-primary), var(--universe-color-accent));
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--universe-color-primary) 28%, transparent);
}
.ua-class-layout-label,
.ua-class-flow-label {
  color: var(--universe-color-muted);
  font-size: 0.72rem;
  font-weight: var(--universe-font-weight-display-strong);
}
.ua-class-layout-placements {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 4.75rem), 1fr));
  gap: 0.35rem;
}
.ua-class-placement-button {
  display: grid;
  grid-template-columns: 2.05rem minmax(0, 1fr);
  gap: 0.35rem;
  align-items: center;
  min-block-size: 2.25rem;
  border: 1px solid color-mix(in srgb, var(--universe-color-primary) 22%, transparent);
  border-radius: 0.5rem;
  padding: 0.32rem 0.42rem;
  background: color-mix(in srgb, var(--universe-color-surface) 74%, transparent);
  color: var(--universe-color-text);
  font: inherit;
  cursor: pointer;
}

.ua-class-placement-icon {
  display: inline-grid;
  place-items: center;
  min-inline-size: 0;
  block-size: 1.45rem;
  border-radius: 0.34rem;
  background: linear-gradient(90deg, var(--universe-color-primary) var(--ua-placement-width, 100%), color-mix(in srgb, var(--universe-color-text) 14%, transparent) 0);
  color: var(--universe-color-background);
  font-size: 0.62rem;
  font-weight: var(--universe-font-weight-display-strong);
}
.ua-class-placement-button[data-ua-class-placement-span="3"] .ua-class-placement-icon { --ua-placement-width: 25%; }
.ua-class-placement-button[data-ua-class-placement-span="4"] .ua-class-placement-icon { --ua-placement-width: 33.333%; }
.ua-class-placement-button[data-ua-class-placement-span="6"] .ua-class-placement-icon { --ua-placement-width: 50%; }
.ua-class-placement-button[data-ua-class-placement-span="8"] .ua-class-placement-icon { --ua-placement-width: 66.667%; }
.ua-class-placement-button[data-ua-class-placement-span="12"] .ua-class-placement-icon { --ua-placement-width: 100%; }
.ua-class-placement-button span:last-child {
  min-width: 0;
  overflow-wrap: anywhere;
  font-size: 0.72rem;
  font-weight: var(--universe-font-weight-display-strong);
}
.ua-class-layout-flow {
  grid-template-columns: repeat(3, minmax(0, 1fr)) max-content;
  align-items: center;
}
.ua-class-flow-cell {
  min-block-size: 1.1rem;
}
/* The flow guide's filled cell is a static diagram mark, not an interaction state (D575 pt2). */
.ua-class-flow-cell.filled {
  background: repeating-linear-gradient(90deg, color-mix(in srgb, var(--universe-color-primary) 80%, transparent) 0 0.4rem, color-mix(in srgb, var(--universe-color-accent) 70%, transparent) 0.4rem 0.8rem);
}

.ua-class-chip {
  position: relative;
  display: grid;
  grid-template-columns: 1.65rem minmax(0, 1fr);
  gap: 0.45rem;
  align-items: center;
  min-block-size: 2.55rem;
  border: 1px solid color-mix(in srgb, var(--universe-color-text) 13%, transparent);
  border-radius: 0.55rem;
  padding: 0.42rem 0.5rem;
  background: color-mix(in srgb, var(--universe-color-surface) 78%, transparent);
  color: var(--universe-color-text);
  cursor: pointer;
}

.ua-class-chip-span {
  grid-template-columns: 2.4rem minmax(0, 1fr);
  min-block-size: 3rem;
}
.ua-class-chip-span::after {
  content: "";
  position: absolute;
  inset-inline: 0.5rem;
  inset-block-end: 0.38rem;
  block-size: 0.22rem;
  border-radius: 999rem;
  background: linear-gradient(90deg, var(--universe-color-primary) calc((var(--ua-class-span, 12) / 12) * 100%), color-mix(in srgb, var(--universe-color-text) 16%, transparent) 0);
}
.ua-class-chip-span[data-ua-class-span="3"] { --ua-class-span: 3; }
.ua-class-chip-span[data-ua-class-span="4"] { --ua-class-span: 4; }
.ua-class-chip-span[data-ua-class-span="6"] { --ua-class-span: 6; }
.ua-class-chip-span[data-ua-class-span="8"] { --ua-class-span: 8; }
.ua-class-chip-span[data-ua-class-span="12"] { --ua-class-span: 12; }
.ua-class-chip input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.ua-class-chip-icon {
  display: inline-grid;
  place-items: center;
  inline-size: 1.65rem;
  block-size: 1.65rem;
  border-radius: 0.42rem;
  background: color-mix(in srgb, var(--universe-color-primary) 16%, transparent);
  color: var(--universe-color-primary-strong);
  font-size: 0.72rem;
  font-weight: var(--universe-font-weight-display-strong);
}
.ua-class-chip span:last-child {
  min-width: 0;
  overflow-wrap: anywhere;
  font-size: 0.78rem;
  font-weight: var(--universe-font-weight-display-strong);
}
/* The date entry is a plain text input — NO in-box glyph/affordance. The only calendar affordance is
   the EXTERNAL .ua-date-picker-toggle button beside it. (Previously a CSS background-image drew a
   fake calendar-indicator inside the box; removed — it read as a stray "minus + arrow" on mobile.) */
.ua-color-control::-webkit-color-swatch-wrapper {
  cursor: pointer;
}
.ua-color-control {
  min-block-size: 3.05rem;
  padding: 0.45rem 0.65rem;
}
.ua-color-control::-webkit-color-swatch {
  border: 1px solid var(--universe-color-primary);
  border-radius: 0.35rem;
}
.ua-date-picker {
  position: relative;
  display: grid;
  gap: 0.55rem;
}
.ua-date-picker-entry {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 2.9rem;
  gap: 0.5rem;
  align-items: stretch;
}
.ua-date-picker-toggle,
.ua-date-picker-nav,
.ua-date-picker-quick,
.ua-date-picker-time-step {
  display: inline-grid;
  place-items: center;
  min-block-size: 2.9rem;
  border: 1px solid color-mix(in srgb, var(--universe-color-primary) 42%, transparent);
  border-radius: 0.5rem;
  background: color-mix(in srgb, var(--universe-color-background) 78%, var(--universe-color-primary) 12%);
  color: var(--universe-color-primary-strong);
  font: inherit;
  font-weight: var(--universe-font-weight-display-strong);
  cursor: pointer;
}
.ua-date-picker-toggle {
  inline-size: 2.9rem;
}
.ua-date-picker-toggle svg,
.ua-date-picker-nav svg,
.ua-date-picker-quick svg,
.ua-date-picker-time-step svg {
  inline-size: 1.08rem;
  block-size: 1.08rem;
  pointer-events: none;
}
.ua-date-picker-panel {
  position: absolute;
  inset-block-start: calc(100% + 0.45rem);
  inset-inline-start: 0;
  z-index: 80;
  width: min(22rem, calc(100vw - 2rem));
  display: grid;
  gap: 0.7rem;
  border: 1px solid color-mix(in srgb, var(--universe-color-primary) 34%, var(--universe-line));
  border-radius: 0.75rem;
  padding: 0.85rem;
  background: color-mix(in srgb, var(--universe-color-background) 94%, var(--universe-color-surface) 6%);
  color: var(--universe-color-text);
  box-shadow: 0 1.25rem 3rem color-mix(in srgb, var(--universe-color-background) 58%, transparent);
}
.ua-date-picker-panel[hidden] {
  display: none;
}
.ua-date-picker-head,
.ua-date-picker-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.55rem;
}
.ua-date-picker-title {
  text-align: center;
  font-family: var(--universe-font-heading);
}
.ua-date-picker-nav {
  inline-size: 2.35rem;
  min-block-size: 2.35rem;
  padding: 0;
}
.ua-date-picker-quick {
  grid-template-columns: auto minmax(0, max-content);
  gap: 0.35rem;
  min-block-size: 2.4rem;
  padding: 0.45rem 0.65rem;
}
.ua-date-picker-weekdays,
.ua-date-picker-grid {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 0.28rem;
}
.ua-date-picker-weekdays span {
  color: var(--universe-color-muted, var(--muted));
  font-size: 0.72rem;
  font-weight: var(--universe-font-weight-display-strong);
  text-align: center;
}
.ua-date-picker-day {
  display: grid;
  place-items: center;
  min-block-size: 2.15rem;
  border: 1px solid transparent;
  border-radius: 0.45rem;
  background: color-mix(in srgb, var(--universe-color-text) 6%, transparent);
  color: var(--universe-color-text);
  font: inherit;
  font-size: 0.88rem;
  cursor: pointer;
}

.ua-date-picker-day.is-muted {
  color: color-mix(in srgb, var(--universe-color-muted, var(--muted)) 62%, transparent);
}
.ua-date-picker-day.is-today {
  border-color: color-mix(in srgb, var(--universe-color-primary) 48%, transparent);
}

.ua-date-picker-day:disabled {
  opacity: 0.36;
  cursor: not-allowed;
}
/* ---------------------------------------------------------------------------------------------------
   Custom LIST controls (Controls Unit 3): list.must dropdown + list.suggest typeahead + multiselect.
   Brand-token-only styling (P5) — colour/font come from the universe-* variables; behaviour is
   universal. The popover panel reuses the same surface family as the date picker; the full-screen
   mobile variant inherits the shared .ua-control-surface-fullscreen rule above.
   --------------------------------------------------------------------------------------------------- */
.ua-list-control { position: relative; display: grid; gap: 0.5rem; }
.ua-list-field {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 2.9rem;
  gap: 0.5rem;
  align-items: stretch;
}
.ua-list-control:has(.ua-list-icon) .ua-list-field { grid-template-columns: 2.4rem minmax(0, 1fr) 2.9rem; }
.ua-list-icon { display: inline-grid; place-items: center; color: var(--universe-color-primary-strong); }
.ua-list-icon svg { inline-size: 1.05rem; block-size: 1.05rem; }
.ua-list-toggle {
  display: inline-grid;
  place-items: center;
  inline-size: 2.9rem;
  min-block-size: 2.9rem;
  border: 1px solid color-mix(in srgb, var(--universe-color-primary) 42%, transparent);
  border-radius: 0.5rem;
  background: color-mix(in srgb, var(--universe-color-background) 78%, var(--universe-color-primary) 12%);
  color: var(--universe-color-primary-strong);
  font: inherit;
  cursor: pointer;
}
.ua-list-toggle svg { inline-size: 1.05rem; block-size: 1.05rem; pointer-events: none; }
.ua-list-panel {
  position: absolute;
  inset-block-start: calc(100% + 0.45rem);
  inset-inline-start: 0;
  z-index: 80;
  width: min(24rem, calc(100vw - 2rem));
  display: grid;
  gap: 0.45rem;
  border: var(--universe-elev-2-border);
  border-color: color-mix(in srgb, var(--universe-color-primary) 34%, var(--universe-line));
  border-radius: 0.75rem;
  padding: 0.55rem;
  background: var(--ua-glass-text-led);
  backdrop-filter: var(--ua-glass-frost);
  -webkit-backdrop-filter: var(--ua-glass-frost);
  color: var(--universe-color-text);
  box-shadow: var(--universe-elev-3-shadow);
}
.ua-list-panel[hidden] { display: none; }
.ua-list-options { list-style: none; margin: 0; padding: 0; display: grid; gap: 0.18rem; max-block-size: 16rem; overflow: auto; }
.ua-list-option {
  display: block;
  padding: 0.5rem 0.6rem;
  border: 1px solid transparent;
  border-radius: 0.45rem;
  background: color-mix(in srgb, var(--universe-color-text) 5%, transparent);
  color: var(--universe-color-text);
  cursor: pointer;
}
.ua-list-option[hidden] { display: none; }


.ua-list-empty { margin: 0; padding: 0.5rem 0.6rem; color: var(--universe-color-muted, currentColor); font-size: 0.85rem; }
.ua-list-empty[hidden] { display: none; }
/* ua.select.remote ([[D437]]): the same field and panel as the list controls; the search glyph sits where the list
   toggle does, and the panel fills the field's width (a locality name is long). */
.ua-remote-select-glyph { display: inline-grid; place-items: center; inline-size: 2.9rem; color: var(--universe-color-primary-strong); }
.ua-remote-select-glyph svg { inline-size: 1.05rem; block-size: 1.05rem; }
.ua-remote-select .ua-remote-select-panel { width: 100%; max-width: 100%; box-sizing: border-box; }
.ua-remote-select[aria-busy="true"] .ua-remote-select-status { opacity: 0.8; }
.ua-remote-select .ua-remote-select-more { display: flex; justify-content: center; inline-size: 100%; min-block-size: 2.75rem; margin-block-start: 0.45rem; }
.ua-remote-select .ua-remote-select-more[hidden] { display: none; }
.ua-list-fallback-wrap { display: none; }
.ua-list-control.is-invalid .ua-list-input,
.ua-list-control.is-invalid .ua-list-field { outline: 0.125rem solid var(--universe-color-error, var(--universe-color-danger)); border-radius: 0.5rem; }
/* Multiselect: chips + checkbox grid. */
.ua-list-multiple { gap: 0.55rem; }
.ua-list-chips { display: flex; flex-wrap: wrap; gap: 0.35rem; }
.ua-list-chips:empty { display: none; }
.ua-list-chip {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.25rem 0.3rem 0.25rem 0.6rem;
  border: 1px solid color-mix(in srgb, var(--universe-color-primary) 42%, transparent);
  border-radius: 999rem;
  background: color-mix(in srgb, var(--universe-color-primary) 14%, var(--universe-color-background) 82%);
  color: var(--universe-color-text);
  font-size: 0.82rem;
  font-weight: var(--universe-font-weight-strong);
}
.ua-list-chip-remove {
  display: inline-grid;
  place-items: center;
  inline-size: 1.25rem;
  block-size: 1.25rem;
  border: 0;
  border-radius: 999rem;
  background: color-mix(in srgb, var(--universe-color-text) 12%, transparent);
  color: inherit;
  font: inherit;
  line-height: 1;
  cursor: pointer;
}
.ua-list-search { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 0.45rem; align-items: center; }
/* The row can hold the search field, Clear all, or both. Two children keep the original two-column
   split; one child (a short multiselect that keeps Clear all, or the dropdown panel's search on its
   own) takes the full width instead of sitting in half of it. */
.ua-list-search-actions-only { grid-template-columns: minmax(0, max-content); justify-content: end; }
.ua-list-panel-search { grid-template-columns: minmax(0, 1fr); }
.ua-list-search-chips { display: flex; flex-wrap: wrap; gap: 0.35rem; }
.ua-list-search-chips[hidden] { display: none; }

/* ---------------------------------------------------------------------------------------------------
   THE OPTIONS DIALOG (list.must). The surface is the platform `ua.dialog` — full-screen blurred glass,
   an X in the title bar, Escape to close — on desktop as well as mobile, per the operator on
   2026-09-01: it blurs the whole page either way, and behaving like the filter dialog is the point.
   Nothing here re-implements a dialog; these rules only lay out the control's own content inside one.
   --------------------------------------------------------------------------------------------------- */
.ua-dialog.ua-list-dialog[data-ua-dialog-surface="fullbleed"] { --ua-dialog-col: min(100%, 44rem); }
.ua-list-dialog-panel { display: grid; gap: 0.45rem; }
/* THE LIST DOES NOT SCROLL — THE DIALOG BODY DOES. That is what keeps the pinned search and its chips
   above it: they live outside the body, so scrolling the options cannot move them. A nested scroller
   here would put the list's own scrollbar inside a non-scrolling body and pin nothing. */
.ua-list-dialog-panel .ua-list-options { max-block-size: none; overflow: visible; gap: 0.3rem; }
.ua-list-dialog-panel .ua-list-option { padding: 0.7rem 0.75rem; }
.ua-list-option-label { display: block; }
.ua-list-option-description {
  display: block;
  margin-block-start: 0.15rem;
  color: var(--universe-color-muted, currentColor);
  font-size: 0.82rem;
  line-height: 1.35;
}
.ua-list-option[aria-selected="true"] .ua-list-option-description { color: inherit; opacity: 0.82; }
.ua-list-search-input { inline-size: 100%; }
.ua-list-clear-all {
  min-block-size: 2.4rem;
  border: 1px solid color-mix(in srgb, var(--universe-color-primary) 28%, transparent);
  border-radius: 0.5rem;
  padding: 0 0.7rem;
  background: transparent;
  color: var(--universe-color-text);
  font: inherit;
  font-weight: var(--universe-font-weight-strong);
  cursor: pointer;
}
.ua-list-checks { display: grid; gap: 0.3rem; max-block-size: 18rem; overflow: auto; }
.ua-list-check {
  display: flex;
  align-items: flex-start;
  gap: 0.55rem;
  padding: 0.5rem 0.6rem;
  border: 1px solid color-mix(in srgb, var(--universe-color-primary) 20%, var(--universe-line));
  border-radius: 0.5rem;
  cursor: pointer;
}
.ua-list-check[hidden] { display: none; }
.ua-list-check.is-checked { border-color: var(--universe-color-primary); background: color-mix(in srgb, var(--universe-color-primary) 8%, transparent); }
.ua-list-check-input { flex: 0 0 auto; margin-top: 0.15rem; }
.ua-list-check-label { flex: 1 1 auto; min-width: 0; }
.ua-auto-tooltip {
  position: fixed;
  z-index: 2147483000;
  max-inline-size: min(24rem, calc(100vw - 1.25rem));
  inline-size: max-content;
  min-inline-size: 0;
  border: 1px solid color-mix(in srgb, var(--universe-color-primary) 42%, transparent);
  border-radius: 0.5rem;
  padding: 0.62rem 0.78rem;
  background: color-mix(in srgb, var(--universe-color-background) 88%, var(--universe-color-primary) 6%);
  color: var(--universe-color-text);
  box-shadow:
    0 1rem 2.4rem color-mix(in srgb, var(--universe-color-background) 62%, transparent),
    inset 0 0 0 1px color-mix(in srgb, var(--universe-color-text) 7%, transparent);
  font-family: var(--universe-font-body);
  font-size: 0.8125rem;
  font-weight: var(--universe-font-weight-strong);
  line-height: 1.35;
  letter-spacing: 0;
  pointer-events: none;
  opacity: 0;
  transform: translateY(0.18rem) scale(0.985);
  transition: opacity 120ms ease, transform 120ms ease;
}
.ua-auto-tooltip[hidden] {
  display: none !important;
}
.ua-auto-tooltip[data-ua-tooltip-open="true"] {
  opacity: 1;
  transform: translateY(0) scale(1);
}
.ua-auto-tooltip::after {
  content: "";
  position: absolute;
  inline-size: 0.65rem;
  block-size: 0.65rem;
  border: 1px solid color-mix(in srgb, var(--universe-color-primary) 42%, transparent);
  background: inherit;
  transform: rotate(45deg);
}
.ua-auto-tooltip[data-ua-tooltip-placement="top"]::after {
  inset-block-end: -0.36rem;
  inset-inline-start: calc(50% - 0.33rem);
  border-block-start: 0;
  border-inline-start: 0;
}
.ua-auto-tooltip[data-ua-tooltip-placement="bottom"]::after {
  inset-block-start: -0.36rem;
  inset-inline-start: calc(50% - 0.33rem);
  border-block-end: 0;
  border-inline-end: 0;
}
.ua-auto-tooltip[data-ua-tooltip-placement="left"]::after {
  inset-inline-end: -0.36rem;
  inset-block-start: calc(50% - 0.33rem);
  border-block-end: 0;
  border-inline-start: 0;
}
.ua-auto-tooltip[data-ua-tooltip-placement="right"]::after {
  inset-inline-start: -0.36rem;
  inset-block-start: calc(50% - 0.33rem);
  border-block-start: 0;
  border-inline-end: 0;
}
.ua-date-picker-time {
  display: grid;
  gap: 0.55rem;
  border-block-start: 1px solid var(--universe-line);
  padding-block-start: 0.65rem;
}
.ua-date-picker-time-fields {
  display: flex;
  align-items: flex-end;
  gap: 0.4rem;
}
.ua-date-picker-time-part {
  display: grid;
  gap: 0.3rem;
}
.ua-date-picker-time-label {
  color: var(--universe-color-muted, var(--muted));
  font-size: 0.72rem;
  font-weight: var(--universe-font-weight-display-strong);
}
.ua-date-picker-time-part .ua-input {
  inline-size: 3.4rem;
  min-block-size: 2.6rem;
  padding: 0.45rem 0.5rem;
  text-align: center;
  font-weight: var(--universe-font-weight-display-strong);
}
.ua-date-picker-time-sep {
  align-self: center;
  font-weight: var(--universe-font-weight-display-strong);
  padding-block-end: 0.55rem;
}
.ua-date-picker-meridiem {
  display: inline-flex;
  margin-inline-start: 0.35rem;
  border: 1px solid color-mix(in srgb, var(--universe-color-primary) 42%, transparent);
  border-radius: 0.5rem;
  overflow: hidden;
}
.ua-date-picker-meridiem-btn {
  min-block-size: 2.6rem;
  padding: 0 0.7rem;
  border: 0;
  background: color-mix(in srgb, var(--universe-color-background) 80%, var(--universe-color-primary) 8%);
  color: var(--universe-color-text);
  font: inherit;
  font-weight: var(--universe-font-weight-display-strong);
  cursor: pointer;
}

.ua-date-picker-minute-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
}
.ua-date-picker-minute-option {
  min-block-size: 2.2rem;
  padding: 0.35rem 0.7rem;
  border: 1px solid color-mix(in srgb, var(--universe-color-primary) 34%, transparent);
  border-radius: 999rem;
  background: color-mix(in srgb, var(--universe-color-text) 5%, transparent);
  color: var(--universe-color-text);
  font: inherit;
  font-weight: var(--universe-font-weight-strong);
  cursor: pointer;
}

.ua-date-picker.is-invalid .ua-date-control {
  border-color: var(--ua-control-error, var(--universe-color-error));
  box-shadow: 0 0 0 0.14rem color-mix(in srgb, var(--universe-color-error) 32%, transparent);
}
/* An unparseable typed date goes RED and SHAKES (queue/date-calendar-control.md #2). The colour alone
   is easy to miss halfway down a form; the motion is what makes the field ask to be looked at. Driven
   by a data attribute the client sets and clears on the next keystroke, so a second bad value replays
   the animation. Under reduced motion the shake becomes a static outline — the same message, no
   movement. Never a scrim, never a blocking dialog: the cue lives in the control. */
.ua-date-picker[data-ua-date-shake="true"] .ua-date-picker-entry {
  animation: ua-date-shake 0.42s ease-in-out;
}
@keyframes ua-date-shake {
  0%, 100% { transform: translateX(0); }
  15% { transform: translateX(-0.3rem); }
  30% { transform: translateX(0.3rem); }
  45% { transform: translateX(-0.2rem); }
  60% { transform: translateX(0.2rem); }
  80% { transform: translateX(-0.08rem); }
}
@media (prefers-reduced-motion: reduce) {
  .ua-date-picker[data-ua-date-shake="true"] .ua-date-picker-entry {
    animation: none;
    outline: 0.14rem solid color-mix(in srgb, var(--universe-color-error) 70%, transparent);
    outline-offset: 0.14rem;
  }
}

/* FAST NAVIGATION — the month label and the year label are buttons, each opening a 12-cell grid, so a
   jump to another month or another year is one click instead of twelve taps on the arrows. Both panes
   replace the day grid in place, so the panel never grows two grids tall. */
.ua-date-picker-title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.3rem;
}
.ua-date-picker-jump {
  border: 1px solid transparent;
  border-radius: var(--universe-radius-control);
  padding: 0.25rem 0.5rem;
  background: none;
  color: inherit;
  font: inherit;
  font-family: var(--universe-font-heading);
  cursor: pointer;
}

.ua-date-picker-months,
.ua-date-picker-year-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.35rem;
}
.ua-date-picker-years {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.4rem;
}
.ua-date-picker-jump-option {
  min-block-size: 2.6rem;
  border: 1px solid color-mix(in srgb, var(--universe-color-text) 14%, transparent);
  border-radius: var(--universe-radius-control);
  background: color-mix(in srgb, var(--universe-color-background) 72%, transparent);
  color: var(--universe-color-text);
  font: inherit;
  cursor: pointer;
}

/* `display:grid` beats the `hidden` attribute — these four need it said explicitly, or a hidden pane
   (or the day grid a pane replaces) would keep painting. */
.ua-date-picker-months[hidden],
.ua-date-picker-years[hidden],
.ua-date-picker-grid[hidden],
.ua-date-picker-weekdays[hidden] {
  display: none;
}

/* ---------------------------------------------------------------------------------------------------
   CUSTOM COLOR PICKER (Controls Unit 4) — the advanced HSV picker (gradient + cursor, hue/alpha
   sliders, swatches, typeable hex/rgba/hsl). NOT a native <input type=color>. Brand tokens only (P5);
   it reuses the shared control-surface popover/full-screen presentation below (no second family).
   --------------------------------------------------------------------------------------------------- */
.ua-color-picker { position: relative; display: grid; gap: 0.5rem; }
.ua-color-picker-trigger {
  display: flex; align-items: center; gap: 0.6rem; inline-size: 100%; min-block-size: 3.05rem;
  border: 1px solid var(--universe-line, color-mix(in srgb, var(--universe-color-text) 24%, transparent));
  border-radius: 0.55rem; padding: 0.45rem 0.65rem; background: color-mix(in srgb, var(--universe-color-background) 86%, var(--universe-color-text) 6%);
  color: var(--universe-color-text); font: inherit; text-align: start; cursor: pointer;
}

.ua-color-picker-swatch {
  inline-size: 1.9rem; block-size: 1.9rem; flex: 0 0 auto; border-radius: 0.4rem;
  border: 1px solid color-mix(in srgb, var(--universe-color-text) 28%, transparent);
  /* The transparency checkerboard is drawn UNDER the swatch fill so a translucent color reads as such.
     The chequer tiles use a neutral brand-derived mix (P5 — no raw hex). */
  background-image:
    linear-gradient(45deg, color-mix(in srgb, var(--universe-color-text) 14%, transparent) 25%, transparent 25%),
    linear-gradient(-45deg, color-mix(in srgb, var(--universe-color-text) 14%, transparent) 25%, transparent 25%),
    linear-gradient(45deg, transparent 75%, color-mix(in srgb, var(--universe-color-text) 14%, transparent) 75%),
    linear-gradient(-45deg, transparent 75%, color-mix(in srgb, var(--universe-color-text) 14%, transparent) 75%);
  background-size: 0.5rem 0.5rem; background-position: 0 0, 0 0.25rem, 0.25rem -0.25rem, -0.25rem 0;
}
.ua-color-picker-trigger-text { flex: 1 1 auto; min-inline-size: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: var(--universe-font-weight-strong); }
.ua-color-picker-trigger-caret { inline-size: 1.05rem; block-size: 1.05rem; flex: 0 0 auto; opacity: 0.7; }
.ua-color-picker-panel {
  position: absolute; z-index: 40; inset-block-start: calc(100% + 0.5rem); inset-inline-start: 0;
  inline-size: min(22rem, calc(100vw - 2rem)); display: grid; gap: 0.85rem; padding: 0.95rem;
  border: 1px solid color-mix(in srgb, var(--universe-color-primary) 22%, var(--universe-line));
  border-radius: var(--universe-radius-panel, 0.75rem);
  background: color-mix(in srgb, var(--universe-color-surface, var(--universe-color-background)) 96%, var(--universe-color-text) 4%);
  box-shadow: var(--universe-shadow-panel, 0 1.1rem 3rem color-mix(in srgb, var(--universe-color-background) 40%, transparent));
}
.ua-color-picker-panel[hidden] { display: none; }
.ua-color-picker-mobilebar { display: none; align-items: center; justify-content: space-between; }
.ua-color-picker-done {
  border: 0; border-radius: 0.5rem; padding: 0.45rem 0.9rem; background: var(--universe-color-primary);
  color: var(--universe-color-on-primary, var(--universe-color-background)); font: inherit; font-weight: var(--universe-font-weight-display-strong); cursor: pointer;
}
/* The intrinsic color-space surfaces (the HSV black/white gradient, the cursor crosshair ring, the hue
   RAINBOW track, and the slider thumbs) are NOT brand-skinnable — they must show the real color space.
   Their raw color stops live INLINE on the SSR markup (see ua.select.color.js), keeping this stylesheet
   brand-token-only (P5). Here we only carry layout/structure. */
.ua-color-picker-map {
  position: relative; block-size: 11rem; border-radius: 0.5rem; cursor: crosshair; touch-action: none; overflow: hidden;
}

.ua-color-picker-map-cursor {
  position: absolute; inline-size: 0.95rem; block-size: 0.95rem; transform: translate(-50%, -50%);
  border-radius: 62.4375rem; pointer-events: none;
}
.ua-color-picker-slider-row { display: grid; gap: 0.35rem; }
.ua-color-picker-slider-head { display: flex; align-items: center; justify-content: space-between; font-size: 0.82rem; }
.ua-color-picker-hue-value, .ua-color-picker-alpha-value { color: color-mix(in srgb, var(--universe-color-text) 64%, transparent); font-variant-numeric: tabular-nums; }
.ua-color-picker-hue-track { block-size: 0.65rem; border-radius: 62.4375rem; padding: 0; overflow: hidden; }
.ua-color-picker-alpha-track {
  position: relative; block-size: 0.65rem; border-radius: 62.4375rem; overflow: hidden;
  background-image:
    linear-gradient(45deg, color-mix(in srgb, var(--universe-color-text) 18%, transparent) 25%, transparent 25%),
    linear-gradient(-45deg, color-mix(in srgb, var(--universe-color-text) 18%, transparent) 25%, transparent 25%),
    linear-gradient(45deg, transparent 75%, color-mix(in srgb, var(--universe-color-text) 18%, transparent) 75%),
    linear-gradient(-45deg, transparent 75%, color-mix(in srgb, var(--universe-color-text) 18%, transparent) 75%);
  background-size: 0.5rem 0.5rem;
}
.ua-color-picker-alpha-gradient { position: absolute; inset: 0; border-radius: 62.4375rem; }
.ua-color-picker-hue, .ua-color-picker-alpha {
  -webkit-appearance: none; appearance: none; position: relative; inline-size: 100%; block-size: 0.65rem;
  margin: 0; background: transparent; cursor: pointer;
}
.ua-color-picker-alpha { position: absolute; inset: 0; }
.ua-color-picker-hue::-webkit-slider-thumb, .ua-color-picker-alpha::-webkit-slider-thumb {
  -webkit-appearance: none; appearance: none; inline-size: 1rem; block-size: 1rem; border-radius: 62.4375rem;
  background: var(--universe-color-background); border: 0.125rem solid color-mix(in srgb, var(--universe-color-text) 45%, transparent); box-shadow: 0 1px 0.1875rem color-mix(in srgb, var(--universe-color-text) 35%, transparent); cursor: pointer;
}
.ua-color-picker-hue::-moz-range-thumb, .ua-color-picker-alpha::-moz-range-thumb {
  inline-size: 1rem; block-size: 1rem; border-radius: 62.4375rem; background: var(--universe-color-background);
  border: 0.125rem solid color-mix(in srgb, var(--universe-color-text) 45%, transparent); box-shadow: 0 1px 0.1875rem color-mix(in srgb, var(--universe-color-text) 35%, transparent); cursor: pointer;
}
.ua-color-picker-presets { display: flex; flex-wrap: wrap; gap: 0.45rem; }
.ua-color-picker-preset {
  inline-size: 1.6rem; block-size: 1.6rem; border-radius: 0.4rem; cursor: pointer;
  border: 1px solid color-mix(in srgb, var(--universe-color-text) 22%, transparent);
}

.ua-color-picker-text { display: grid; gap: 0.3rem; }
.ua-color-picker-text-label { font-size: 0.82rem; font-weight: var(--universe-font-weight-strong); }
.ua-color-picker-value {
  inline-size: 100%; min-block-size: 2.6rem; border: 1px solid var(--universe-line, color-mix(in srgb, var(--universe-color-text) 24%, transparent));
  border-radius: 0.5rem; padding: 0.55rem 0.7rem; background: color-mix(in srgb, var(--universe-color-background) 88%, var(--universe-color-text) 5%);
  color: var(--universe-color-text); font: inherit; font-variant-numeric: tabular-nums;
}

.ua-color-picker.is-invalid .ua-color-picker-value { border-color: var(--ua-control-error, var(--universe-color-error)); box-shadow: 0 0 0 0.16rem color-mix(in srgb, var(--universe-color-error) 30%, transparent); }
/* In the full-screen (mobile) surface the panel becomes a centred card and the Done bar appears. */
.ua-color-picker-panel.ua-control-surface-fullscreen .ua-color-picker-mobilebar { display: flex; }
.ua-color-picker-panel.ua-control-surface-fullscreen .ua-color-picker-map { block-size: 13rem; }

/* ---------------------------------------------------------------------------------------------------
   SHARED CONTROL SURFACE (Controls Unit 2) — the ONE popover/full-screen presentation every rich
   control reuses (date/time, dropdown, color). P4: DESKTOP = popover anchored over the trigger, NO
   full-screen blur. MOBILE = full-screen dialog over a BLURRED backdrop. Brand skins only change
   color/font; this behaviour is universal (P5).
   --------------------------------------------------------------------------------------------------- */
.ua-control-surface-backdrop {
  position: fixed;
  inset: 0;
  z-index: 2147483200;
  display: grid;
  place-items: center;
  padding: 1rem;
  background: var(--ua-glass-veil);
  -webkit-backdrop-filter: var(--ua-glass-veil-frost);
  backdrop-filter: var(--ua-glass-veil-frost);
}
/* When the panel is hoisted into the full-screen layer it stops being an absolute popover and becomes
   a centred dialog card with room to see the options. */
.ua-date-picker-panel.ua-control-surface-fullscreen,
.ua-control-surface-fullscreen {
  position: relative;
  inset: auto;
  inline-size: min(26rem, calc(100vw - 2rem));
  max-block-size: calc(100vh - 2rem);
  overflow: auto;
}
/* ANCHORED POPOVER — the desktop half of `date-picker-hidden-behind-dialog`.
   A desktop popover normally stays put as `position:absolute` under its control. When something
   between it and the document body CLIPS (a dialog body is `overflow-y:auto`; so is any scrolling card), the
   opener hoists it to <body> and positions it at its trigger as a fixed layer. These rules only undo
   the SSR popover's own offset anchoring — `inset-block-start: calc(100% + 0.5rem)` is measured
   against the control it no longer lives in — so the opener's inline left/top are what place it.
   The z-index is inline too, read from the dialog that owns it; nothing here picks a number. */
.ua-control-surface-anchored {
  inset: auto;
  margin: 0;
}
/* FULL-BLEED FULL-SCREEN, for controls whose content is unbounded (the option lists). The default
   full-screen backdrop above insets its panel by 1rem and centres it as a card — right for a calendar
   or a colour map, wrong for a list, where every inset rem is options a person cannot see. The list
   control opts in by passing `backdropClass` to openControlSurface; the padding then lives INSIDE the
   dialog, as breathing room rather than a border. No new breakpoint: the mode is already decided by
   the shared resolver's MOBILE_MAX_WIDTH (640px) + coarse-pointer rule. */
.ua-control-surface-backdrop-bleed { padding: 0; place-items: stretch; }
.ua-list-panel.ua-control-surface-fullscreen {
  position: relative;
  inset: auto;
  inline-size: 100%;
  max-inline-size: none;
  block-size: 100%;
  max-block-size: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  overflow: hidden;
  padding: clamp(1rem, 5vw, 1.75rem);
  padding-block-start: max(clamp(1rem, 5vw, 1.75rem), env(safe-area-inset-top, 0rem));
  padding-block-end: max(clamp(1rem, 5vw, 1.75rem), env(safe-area-inset-bottom, 0rem));
}
/* The options are the part that scrolls, and on a full screen they get all the room there is — the
   16rem desktop cap is what kept a phone showing a handful of options inside a tall empty dialog. */
.ua-list-panel.ua-control-surface-fullscreen .ua-list-options {
  flex: 1 1 auto;
  min-block-size: 0;
  max-block-size: none;
  gap: 0.3rem;
}
.ua-list-panel.ua-control-surface-fullscreen .ua-list-option { padding: 0.75rem 0.7rem; }
.ua-list-panel.ua-control-surface-fullscreen .ua-list-search { flex: 0 0 auto; }
[data-ua-scroll-locked] { overflow: hidden !important; }
/* ua.switch renders a <label class="ua-boolean-control ua-switch"> with the switch + its label side
   by side. Without an explicit flex rule the label can collapse to a one-character-per-line column
   inside a narrow grid cell. Keep the switch and its label on one line with the label aligned. */
.ua-boolean-control { display: flex; align-items: flex-start; gap: 0.55rem; cursor: pointer; }
.ua-boolean-control > input { flex: 0 0 auto; margin-top: 0.15rem; }
.ua-boolean-control > span { flex: 1 1 auto; min-width: 0; }
/* ── THE SWITCH (D364) ──────────────────────────────────────────────────────────────────────────
   The platform's ONE boolean presentation. `ua.checkbox` and `ua.toggle` are retired names that
   render this same markup, so there is one set of rules here rather than one per name.

   Every colour is a :root token — conformance-lint refuses a literal at ERROR severity, and a
   hardcoded colour would also ignore the tenant's brand, which is the whole point of the token set.

   THE TOUCH TARGET IS THE ROW, NOT THE TRACK. The track is 2.75rem x 1.5rem because a taller track
   looks wrong beside a line of text, so the 2.75rem (44px) minimum a finger needs at 375px is carried
   by the label row instead. Shrinking the row is what makes a switch un-tappable on a phone.

   The native input keeps keyboard operation (Space), label association, form submission and
   constraint validation; `appearance: none` only takes away the browser's tick-box painting. Under
   forced colours the painting is handed straight back, because a system palette must win.

   THE PAINT IS KEYED ON `.ua-switch-input`, NOT ON THE ROW. Some surfaces cannot wrap the switch in
   its label — the checkout consent rows put the switch and a rich, link-bearing label side by side in
   a grid — and keying the paint on the parent would have made each of those copy the track and thumb
   into its own stylesheet. One selector, one copy, anywhere the control appears. */
.ua-boolean-control.ua-switch { align-items: center; min-block-size: 2.75rem; }
.ua-switch-input { appearance: none; -webkit-appearance: none; box-sizing: border-box; position: relative; inline-size: 2.75rem; block-size: 1.5rem; min-block-size: 0; padding: 0; margin: 0; border: 0.125rem solid var(--universe-color-muted); border-radius: 999rem; background: var(--universe-color-surface-solid); cursor: pointer; flex: 0 0 auto; transition: background-color 140ms ease, border-color 140ms ease; }
.ua-switch-input::before { content: ""; position: absolute; inline-size: 1rem; block-size: 1rem; inset-block-start: 0.125rem; inset-inline-start: 0.125rem; border-radius: 50%; background: var(--universe-color-text); transition: inset-inline-start 140ms ease, background-color 140ms ease; }
.ua-switch-input:checked { border-color: var(--ua-state-active-ink, var(--universe-color-primary-strong)); --ua-state-active-fill: var(--ua-glass-text-led); background: var(--ua-state-active-fill); backdrop-filter: var(--ua-glass-frost); -webkit-backdrop-filter: var(--ua-glass-frost); }
.ua-switch-input:checked::before { inset-inline-start: calc(100% - 1.125rem); background: var(--ua-glass-art-led); backdrop-filter: var(--ua-glass-frost); -webkit-backdrop-filter: var(--ua-glass-frost); }

.ua-switch-input:disabled { cursor: not-allowed; }
.ua-boolean-control.ua-switch:has(> .ua-switch-input:disabled) { opacity: 0.55; cursor: not-allowed; }
.ua-boolean-control.ua-switch > .ua-switch-text { flex: 1 1 auto; min-width: 0; }
@media (prefers-reduced-motion: reduce) { .ua-switch-input, .ua-switch-input::before { transition: none; } }
@media (forced-colors: active) { .ua-switch-input { appearance: auto; -webkit-appearance: auto; } .ua-switch-input::before { content: none; } }
.ua-select-group { display: flex; flex-wrap: wrap; gap: 0.5rem; }
.ua-select-group .ua-option { border: 1px solid color-mix(in srgb, var(--universe-color-primary) 35%, transparent); border-radius: 999rem; padding: 0.5rem 0.625rem; }
.ua-file-control { border: 1px dashed color-mix(in srgb, var(--universe-color-primary) 42%, transparent); border-radius: 0.5rem; padding: 0.875rem; }
.ua-uri-selector { display: grid; gap: 0.55rem; border: 1px solid color-mix(in srgb, var(--universe-color-primary) 26%, transparent); border-radius: 0.7rem; padding: 0.55rem; background: color-mix(in srgb, var(--universe-color-background) 86%, var(--universe-color-text) 6%); }
.ua-uri-tabs { display: flex; flex-wrap: wrap; gap: 0.35rem; }
.ua-uri-tab { min-block-size: 2rem; border: 1px solid color-mix(in srgb, var(--universe-color-primary) 22%, transparent); border-radius: 999rem; padding: 0.28rem 0.65rem; background: transparent; color: var(--universe-color-muted, currentColor); font: inherit; font-size: 0.78rem; font-weight: var(--universe-font-weight-display-strong); }

.ua-uri-entry-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 0.45rem; align-items: center; }
.ua-uri-picker-button { min-block-size: 2.75rem; border: 1px solid color-mix(in srgb, var(--universe-color-primary) 36%, transparent); border-radius: 0.58rem; padding: 0 0.75rem; background: color-mix(in srgb, var(--universe-color-primary) 14%, var(--universe-color-background) 82%); color: var(--universe-color-text); font: inherit; font-weight: var(--universe-font-weight-display-strong); }
.ua-uri-picker-hint { color: var(--universe-color-muted, currentColor); font-size: 0.78rem; line-height: 1.35; }
.ua-wizard {
  --ua-wizard-panel: color-mix(in srgb, var(--universe-color-background) 82%, var(--universe-color-text) 11%);
  display: grid;
  gap: 1.05rem;
  border: 1px solid color-mix(in srgb, var(--universe-color-primary) 34%, var(--universe-line));
  border-radius: clamp(0.75rem, 1.4vw, 1.1rem);
  padding: clamp(1rem, 2.5vw, 1.6rem);
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--universe-color-primary) 10%, transparent), transparent 42%),
    var(--ua-wizard-panel);
  box-shadow: var(--universe-shadow-panel, 0 1.4rem 4rem color-mix(in srgb, var(--universe-color-background) 34%, transparent));
}
.ua-wizard > header {
  display: grid;
  gap: 0.35rem;
  padding-block-end: 0.85rem;
  border-block-end: 1px solid color-mix(in srgb, var(--universe-color-primary) 24%, transparent);
}
.ua-wizard > header h2 {
  margin: 0;
  color: var(--universe-color-primary-strong, var(--universe-color-primary));
  font-size: clamp(1.25rem, 2vw, 1.75rem);
  font-weight: var(--universe-font-weight-display-strong);
}
.ua-wizard > header p {
  max-width: 50rem;
  margin: 0;
  color: var(--universe-color-muted, var(--muted));
}
.ua-wizard-steps { display: grid; gap: 1rem; }
/* THE STEP PROJECTION. A navigable wizard paints exactly ONE step; the rest stay in the document
   (so the shared validator still sees their fields, and a no-JS render is complete) but are not
   displayed. `display:none` deliberately, NOT the `hidden` attribute: uaValidateWizard skips
   `closest("[hidden]")`, and a wizard must never be submittable with an unfilled step behind it. */
.ua-wizard-step[data-wizard-state="inactive"] { display: none; }
.ua-wizard-step[data-wizard-shake="true"] { animation: ua-wizard-shake 0.42s ease-in-out; }
@keyframes ua-wizard-shake {
  0%, 100% { transform: translate3d(0, 0, 0); }
  20% { transform: translate3d(-0.35rem, 0, 0); }
  45% { transform: translate3d(0.35rem, 0, 0); }
  70% { transform: translate3d(-0.18rem, 0, 0); }
}
@media (prefers-reduced-motion: reduce) {
  .ua-wizard-step[data-wizard-shake="true"] { animation: none; outline: 0.14rem solid color-mix(in srgb, var(--universe-color-error, var(--universe-color-danger)) 70%, transparent); }
}
/* The step rail. Entries a person may not reach yet stay focusable (aria-disabled, never disabled)
   so the flow is still announceable; the engine refuses the click.
   D-wizard-stepper change 1: the rail is SELF-CONTAINED — it WRAPS rather than scrolling sideways, so
   there is no right-overflow slider and the bottom border is never clipped where it used to scroll. */
.ua-wizard-nav { display: flex; align-items: center; flex-wrap: wrap; gap: 0.5rem; }
.ua-wizard-nav-list { display: flex; flex-wrap: wrap; gap: 0.4rem; margin: 0; padding: 0; list-style: none; flex: 1 1 auto; min-inline-size: 0; }
.ua-wizard-nav-item { display: flex; }
.ua-wizard-nav-step {
  position: relative; /* anchors the compact-mode title tooltip */
  display: inline-flex;
  gap: 0.4rem;
  align-items: center;
  min-block-size: 2.4rem;
  border: 0.06rem solid color-mix(in srgb, var(--universe-color-primary) 24%, transparent);
  border-radius: 999rem;
  padding: 0.3rem 0.75rem;
  background: transparent;
  color: var(--universe-color-muted, currentColor);
  font: inherit;
  font-size: 0.82rem;
  font-weight: var(--universe-font-weight-display-strong);
  cursor: pointer;
}
.ua-wizard-nav-index {
  display: inline-grid;
  place-items: center;
  inline-size: 1.35rem;
  block-size: 1.35rem;
  border-radius: 999rem;
  background: color-mix(in srgb, var(--universe-color-primary) 16%, transparent);
  font-size: 0.72rem;
}
.ua-wizard-nav-step[data-wizard-nav-state="complete"] { color: var(--universe-color-text); border-color: color-mix(in srgb, var(--universe-color-primary) 42%, transparent); }
.ua-wizard-nav-step[data-wizard-nav-state="current"] {
  color: var(--universe-color-text);
  border-color: var(--universe-color-primary-strong, var(--universe-color-primary));
  background: color-mix(in srgb, var(--universe-color-primary) 18%, transparent);
}
.ua-wizard-nav-step[aria-disabled="true"] { opacity: 0.55; cursor: not-allowed; }

/* D-wizard-stepper change 2 (>3 steps → numbers + active title only). In COMPACT mode a step that is
   not current collapses to just its number: its `.ua-wizard-nav-label` is lifted out of the flow into
   a tooltip. It is kept in the accessibility tree (opacity/pointer-events only — never display:none or
   visibility:hidden), so the number always carries the step's title as its accessible name. The active
   step keeps its title inline. */
.ua-wizard-nav[data-wizard-nav-compact="true"] .ua-wizard-nav-step:not([data-wizard-nav-state="current"]) > .ua-wizard-nav-label {
  position: absolute;
  inset-block-end: calc(100% + 0.4rem);
  inset-inline-start: 50%;
  transform: translateX(-50%);
  inline-size: max-content;
  max-inline-size: 14rem;
  padding: 0.3rem 0.55rem;
  border-radius: 0.4rem;
  background: var(--universe-color-surface-strong, var(--universe-color-surface, var(--universe-color-background)));
  color: var(--universe-color-text);
  border: 0.06rem solid color-mix(in srgb, var(--universe-color-text) 16%, transparent);
  box-shadow: 0 0.5rem 1.3rem color-mix(in srgb, var(--universe-color-text) 24%, transparent);
  font-size: 0.75rem;
  font-weight: var(--universe-font-weight-strong);
  white-space: nowrap;
  z-index: 6;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.16s ease;
}
/* D-wizard-stepper change 3 (hover expands a number to its title): keyboard focus reveals it everywhere, pointer hover
   only where hover exists — generated as the compact step's child layer (_interaction-states.js). */
@media (prefers-reduced-motion: reduce) {
  .ua-wizard-nav[data-wizard-nav-compact="true"] .ua-wizard-nav-step:not([data-wizard-nav-state="current"]) > .ua-wizard-nav-label { transition: none; }
}

/* D-wizard-stepper change 4 — the step-nav button that opens the shared ua.dialog step picker. */
.ua-wizard-nav-jump {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  min-block-size: 2.4rem;
  margin-inline-start: auto;
  padding: 0.3rem 0.7rem;
  border: 0.06rem solid color-mix(in srgb, var(--universe-color-primary) 30%, transparent);
  border-radius: 999rem;
  background: transparent;
  color: var(--universe-color-text);
  font: inherit;
  font-size: 0.8rem;
  font-weight: var(--universe-font-weight-display-strong);
  cursor: pointer;
}
.ua-wizard-nav-jump-icon { inline-size: 1rem; block-size: 1rem; }
/* The picker's step list inside the dialog. Rows are full-width targets; unreachable ones are dimmed
   (aria-disabled, never `disabled`, so they keep their place for assistive tech). */
.ua-wizard-jump { display: block; }
.ua-wizard-jump-list { display: grid; gap: 0.4rem; margin: 0; padding: 0; list-style: none; }
.ua-wizard-jump-item { display: block; }
.ua-wizard-jump-step {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  inline-size: 100%;
  min-block-size: 2.75rem;
  padding: 0.5rem 0.75rem;
  text-align: start;
  border: 0.06rem solid color-mix(in srgb, var(--universe-color-text) 12%, transparent);
  border-radius: 0.6rem;
  background: transparent;
  color: var(--universe-color-text);
  font: inherit;
  font-weight: var(--universe-font-weight-strong);
  cursor: pointer;
}
.ua-wizard-jump-index {
  display: inline-grid;
  place-items: center;
  inline-size: 1.6rem;
  block-size: 1.6rem;
  flex: 0 0 auto;
  border-radius: 999rem;
  background: color-mix(in srgb, var(--universe-color-primary) 16%, transparent);
  font-size: 0.78rem;
}
.ua-wizard-jump-step[data-wizard-nav-state="current"] {
  border-color: var(--universe-color-primary-strong, var(--universe-color-primary));
  background: color-mix(in srgb, var(--universe-color-primary) 12%, transparent);
}
.ua-wizard-jump-step[data-wizard-nav-state="complete"] .ua-wizard-jump-index { background: color-mix(in srgb, var(--universe-color-primary) 34%, transparent); }
.ua-wizard-jump-step[aria-disabled="true"] { opacity: 0.5; cursor: not-allowed; }
.ua-wizard-progress { display: grid; gap: 0.3rem; }
.ua-wizard-progress-track {
  block-size: 0.4rem;
  border-radius: 999rem;
  background: color-mix(in srgb, var(--universe-color-text) 12%, transparent);
  overflow: hidden;
}
.ua-wizard-progress-fill {
  display: block;
  block-size: 100%;
  inline-size: var(--ua-wizard-progress, 0%);
  border-radius: 999rem;
  background: linear-gradient(90deg, var(--universe-color-primary), var(--universe-color-primary-strong, var(--universe-color-primary)));
  transition: inline-size 0.24s ease;
}
@media (prefers-reduced-motion: reduce) { .ua-wizard-progress-fill { transition: none; } }
.ua-wizard-progress-label { margin: 0; color: var(--universe-color-muted, currentColor); font-size: 0.78rem; font-weight: var(--universe-font-weight-strong); }
/* Verify-before-submit: the values the person actually entered, each row linking back to its step. */
.ua-wizard-summary { display: grid; gap: 0.6rem; }
.ua-wizard-summary-lede { margin: 0; color: var(--universe-color-muted, currentColor); font-size: 0.84rem; }
.ua-wizard-summary-list { display: grid; gap: 0.4rem; margin: 0; }
.ua-wizard-summary-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.6fr);
  gap: 0.5rem;
  align-items: baseline;
  padding-block: 0.4rem;
  border-block-end: 0.06rem solid color-mix(in srgb, var(--universe-color-text) 9%, transparent);
}
.ua-wizard-summary-term { margin: 0; color: var(--universe-color-muted, currentColor); font-size: 0.82rem; font-weight: var(--universe-font-weight-display-strong); }
.ua-wizard-summary-detail { display: flex; gap: 0.5rem; align-items: baseline; justify-content: space-between; margin: 0; }
.ua-wizard-summary-value { min-inline-size: 0; overflow-wrap: anywhere; color: var(--universe-color-text); }
/* Icon only, never the word (operator 2026-08-23). The button keeps a full 2rem touch target even
   though the glyph inside it is 1rem, and it carries its meaning in aria-label, not in text. */
.ua-wizard-summary-goto {
  flex: none;
  align-self: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  inline-size: 2rem;
  min-block-size: 2rem;
  border: 0;
  border-radius: 999rem;
  padding: 0;
  background: transparent;
  color: var(--universe-color-primary-strong, var(--universe-color-primary));
  font: inherit;
  cursor: pointer;
}

.ua-wizard-summary-goto-icon { inline-size: 1rem; block-size: 1rem; display: block; }
/* The prototype the client clones from — never painted, never measured, never in the tab order. */
.ua-wizard-summary-goto-icon-source { display: none; }
.ua-wizard-summary-empty { margin: 0; color: var(--universe-color-muted, currentColor); font-size: 0.82rem; }

/* D078 — the flow engine's own surfaces. A step a condition has excluded is not "hidden": it is not in
   the flow, so it is out of the document the same way an inactive step is, and its fields are disabled
   so they neither submit nor validate. */
.ua-wizard-step[data-wizard-state="excluded"] { display: none; }
.ua-wizard-notice {
  display: grid; gap: 0.3rem; margin: 0; padding: 0.6rem 0.75rem;
  border: 1px solid color-mix(in srgb, var(--universe-color-warning, var(--universe-color-primary)) 46%, transparent);
  border-radius: 0.55rem;
  background: color-mix(in srgb, var(--universe-color-warning, var(--universe-color-primary)) 10%, transparent);
}
.ua-wizard-notice[hidden] { display: none; }
.ua-wizard-notice-list { margin: 0; padding-inline-start: 1.1rem; display: grid; gap: 0.25rem; }
.ua-wizard-notice-item { font-size: 0.84rem; line-height: 1.45; overflow-wrap: anywhere; }
.ua-wizard-source-status { display: flex; flex-wrap: wrap; gap: 0.5rem; align-items: center; }
.ua-wizard-source-message { margin: 0; font-size: 0.86rem; color: var(--universe-color-muted, currentColor); }
.ua-wizard-step--failed .ua-wizard-source-message { color: var(--universe-color-error, var(--universe-color-danger)); }
.ua-wizard-source-retry, .ua-wizard-nested-open, .ua-wizard-collection-edit, .ua-wizard-collection-remove, .ua-refill-clear, .ua-refill-save {
  min-block-size: 2.4rem; padding: 0.4rem 0.8rem; border-radius: 0.5rem;
  border: 1px solid color-mix(in srgb, var(--universe-color-text) 22%, transparent);
  background: color-mix(in srgb, var(--universe-color-background) 88%, var(--universe-color-text) 6%);
  color: var(--universe-color-text); font: inherit; font-weight: var(--universe-font-weight-strong); cursor: pointer;
}
.ua-wizard-collection { display: grid; gap: 0.5rem; }
.ua-wizard-collection-list { display: grid; gap: 0.35rem; margin: 0; padding: 0; list-style: none; }
.ua-wizard-collection-item {
  display: flex; flex-wrap: wrap; gap: 0.5rem; align-items: center; justify-content: space-between;
  padding: 0.5rem 0.7rem; border-radius: 0.55rem;
  border: 1px solid color-mix(in srgb, var(--universe-color-text) 14%, transparent);
}
.ua-wizard-collection-label { min-inline-size: 0; overflow-wrap: anywhere; font-weight: var(--universe-font-weight-strong); }
.ua-wizard-collection-empty { margin: 0; color: var(--universe-color-muted, currentColor); font-size: 0.82rem; }
.ua-wizard-collection-empty[hidden] { display: none; }
.ua-wizard-nested-open { justify-self: start; }
/* The nested child wizards are only ever seen through the dialog that holds them. */
.ua-wizard-nested-hosts { display: contents; }

/* D078 §4 — the success screen replaces the flow rather than sitting under it. */
.ua-wizard-success { display: grid; gap: 0.6rem; }
.ua-wizard-success[hidden] { display: none; }
.ua-wizard-success-title { margin: 0; }
.ua-wizard-success-description { margin: 0; color: var(--universe-color-muted, currentColor); }
.ua-wizard-success-list, .ua-wizard-success-response { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); gap: 0.3rem 0.75rem; margin: 0; }
.ua-wizard-success-term { color: var(--universe-color-muted, currentColor); font-size: 0.82rem; font-weight: var(--universe-font-weight-display-strong); }
.ua-wizard-success-detail { margin: 0; min-inline-size: 0; overflow-wrap: anywhere; }
.ua-wizard[data-wizard-state="success"] .ua-wizard-steps,
.ua-wizard[data-wizard-state="success"] .ua-wizard-actions,
.ua-wizard[data-wizard-state="success"] .ua-wizard-nav,
.ua-wizard[data-wizard-state="success"] .ua-wizard-progress { display: none; }

/* D079 — the refillable-value bar. It sits under its control and is visibly a chooser, not an answer. */
.ua-refill {
  display: flex; flex-wrap: wrap; gap: 0.5rem; align-items: end;
  margin-block-start: 0.45rem; padding-block-start: 0.45rem;
  border-block-start: 1px dashed color-mix(in srgb, var(--universe-color-text) 16%, transparent);
}
.ua-refill-note { flex-basis: 100%; margin: 0; color: var(--universe-color-muted, currentColor); font-size: 0.76rem; }
/* A field a link filled is marked, so a prefilled answer is never invisible to the person submitting it. */
.ua-field-prefilled { box-shadow: inset 0.18rem 0 0 0 color-mix(in srgb, var(--universe-color-primary) 62%, transparent); }
/* One action is offered at a time: Back appears once there is somewhere to go back to, and Submit
   only on the final step. The engine refuses the transition too — this is presentation, not the gate. */
.ua-wizard[data-wizard-at-start="true"] .ua-wizard-actions [data-wizard-action="back"] { display: none; }
.ua-wizard[data-wizard-navigable="true"][data-wizard-at-end="false"] .ua-wizard-actions [data-wizard-action="submit"] { display: none; }
.ua-wizard[data-wizard-navigable="true"][data-wizard-at-end="true"] .ua-wizard-actions [data-wizard-action="continue"] { display: none; }
.ua-wizard-step {
  display: grid;
  gap: 0.9rem;
  border: 1px solid color-mix(in srgb, var(--universe-color-text) 10%, transparent);
  border-radius: 0.75rem;
  padding: clamp(0.85rem, 2vw, 1.15rem);
  background: color-mix(in srgb, var(--universe-color-background) 74%, var(--universe-color-text) 6%);
}
.ua-wizard-step > :is(label,.ua-control,uae) {
  margin-block-end: 0;
}
.ua-wizard-step > label {
  display: grid;
  gap: 0.45rem;
  color: var(--universe-color-text);
  font-weight: var(--universe-font-weight-display-strong);
}
.ua-contact-wizard-fields {
  display: grid;
  gap: 0.85rem;
}
.ua-wizard-actions, .ua-dialog-actions { display: flex; flex-wrap: wrap; gap: 0.55rem; justify-content: flex-end; }
.ua-wizard-actions button, .ua-dialog-actions button {
  min-block-size: 2.75rem;
  border: 1px solid color-mix(in srgb, var(--universe-color-primary) 42%, transparent);
  border-radius: 999rem;
  padding: 0.62rem 1rem;
  background: color-mix(in srgb, var(--universe-color-primary) 18%, var(--universe-color-background) 76%);
  color: var(--universe-color-text);
  font: inherit;
  font-weight: var(--universe-font-weight-display-strong);
  box-shadow: 0 0.65rem 1.6rem color-mix(in srgb, var(--universe-color-background) 22%, transparent);
}
.ua-wizard-actions button[type="submit"], .ua-dialog-actions button[type="submit"] {
  background: linear-gradient(135deg, var(--universe-color-primary), var(--universe-color-primary-strong));
  color: var(--universe-color-background);
}
[data-ua-field-validation-message="true"] {
  color: var(--universe-color-error, var(--universe-color-danger));
  font-size: 0.82rem;
  font-weight: var(--universe-font-weight-strong);
}
/* An AFFIRMATIVE note beside a control — "Code sent. Enter it here." It is deliberately NOT the error
   channel: the validation message above discards anything passed with valid:true (a passing field must
   never be painted with an error note), which is why a confirmation needs its own element to survive. */
.ua-field-note {
  color: var(--universe-color-success, var(--universe-color-primary));
  font-size: 0.82rem;
  font-weight: var(--universe-font-weight-strong);
}
/* .ua-dialog styling is owned by the dialog's own artifact (elements/ua.interaction.css):
   the full-screen attention-focusing glass surface. No flat floating-card base here. */
.ua-dashboard-list-shell { display: grid; gap: 0.75rem; border: 1px solid var(--line); border-radius: 0.5rem; padding: 0.875rem; background: var(--subtle-fill); }
.ua-dashboard-list-toolbar { display: flex; flex-wrap: wrap; gap: 0.5rem; align-items: center; }
.ua-dashboard-list-results { display: grid; gap: 0.5rem; min-height: 4rem; }

/* ua.dashboard.toolbar — THE one standard dashboard list toolbar (dashboard-surface-conformance-sweep):
   single search + funnel→full-screen glass filter dialog + on-page chips + card/list toggle, STICKY.
   The funnel dialog itself is the platform ua.dialog (glass, scroll-lock, no dark scrim). */
/* ── ★ [[platform D199]] — THE TOOLBAR IS ONE CONTROL SURFACE, NOT THREE STACKED PANELS ───────────
   Operator: "the heading can combine with the massive filter/pagination element ... it looks like it's
   trying to be SEPARATE but it needs to be COHESIVE."

   He is describing this element. It renders three blocks - the search/controls row, the active-filter
   chip row, and the pagination footer - and they were separated by a 0.55rem grid gap while the footer
   carried its OWN border, its OWN background and a further 0.75rem top margin. Three bordered boxes, each
   spending vertical space, for what is one question: "how am I looking at this list." On a phone that is
   most of the first paint before a single row of data appears.

   So the gap goes to zero, the parts are separated by HAIRLINES rather than by air and borders, and the
   whole band shares one tinted glass.

   ★ AND THE TINT IS BLUE ON PURPOSE. --universe-color-accent (the estate's amber) is the
   INTERACTIVE colour - [[D189]] and [[D198]] both turn on amber reading as "you can press this". A filled
   amber band would make a structural strip look like a control, which is the same mistake [[D196]] just
   removed from the email templates. --universe-color-info is the estate's existing blue and
   carries no interactive meaning, so it marks the band as STRUCTURE. Both tokens already exist; neither
   is invented here.

   ★ WHAT IS NOT DONE HERE, AND WHY. D199 also asks for padding above the COLUMN-HEADER row so it joins
   this band. That row is not part of this element - it is rendered by the consumer, e.g.
   universe-dashboard/src/routes/superadmin-secrets/panel.js:397 (.superadmin-secret-row-head), the very
   grid in his screenshot - and universe-dashboard is not this slice's repo to edit. The joining hook is
   published below as --ua-toolbar-band-tint and .ua-dashboard-toolbar-joined so that half is a one-line
   change when it is dispatched; it is reported UNFINISHED rather than reached across for. */
.ua-dashboard-standard-toolbar {
  display: grid;
  /* An implicit `auto` track takes the MIN-CONTENT of its widest item as its floor, so a toolbar row that
     cannot fold — an icon cluster with `flex-wrap: nowrap` — made the track wider than the toolbar and
     pushed the surface sideways instead of folding. Measured at 375px: the control group asked for 337px,
     the track became 362px and the document scrolled to 399px. `minmax(0, 1fr)` lets the row be narrower
     than its contents, which is the only way flex wrapping inside it can ever trigger. */
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
  /* Published so a consumer's own column-header row can paint the SAME band and read as one surface. */
  --ua-toolbar-band-tint: color-mix(in srgb, var(--universe-color-info) 9%, transparent);
  --ua-toolbar-band-line: color-mix(in srgb, var(--universe-color-info) 20%, transparent);
}
/* The consumer's column-header row opts into the band with this class: same tint, same hairline, and the
   top padding D199 asks for so the labels are not flush against the control row above them. */
.ua-dashboard-toolbar-joined {
  background: var(--ua-toolbar-band-tint, color-mix(in srgb, var(--universe-color-info) 9%, transparent));
  border-block-start: 1px solid var(--ua-toolbar-band-line, color-mix(in srgb, var(--universe-color-info) 20%, transparent));
  padding-block-start: 0.6rem;
  border-end-start-radius: 0.6rem;
  border-end-end-radius: 0.6rem;
}
/* The inner search bar is its own <form> (ua.filter) wrapped in a <uae> element. Make that wrapper
   transparent (display:contents) so the form's flex toolbar row (search-left / controls-right) lays out
   directly inside the standard toolbar — never a stacked block. */
.ua-dashboard-standard-toolbar > uae[namespace="ua.filter"] { display: contents; }
/* The single-line toolbar row: search on the LEFT (grows), an auto spacer, then the controls on the
   RIGHT. These rules live HERE (the runtime stylesheet the standalone shells inline) so a surface that
   inlines only element-runtime.css — e.g. work.egt.studio /hc-2 — lays the toolbar out identically to a
   dashboard surface. .ua-input forces width:100% on inputs; inside the toolbar the search is a flex item
   instead, so it shares the row with the controls rather than consuming it. */
.ua-dashboard-standard-toolbar .ua-dashboard-list-toolbar { display: flex; flex-wrap: nowrap; align-items: center; gap: 0.5rem; }
/* Bound the search field to a normal control height on EVERY viewport. flex:1 lets it share the row;
   the explicit height/box-sizing means it can NEVER render as a giant square (the mobile bug was the
   stacked column + align-items:stretch growing this unbounded input into a ~25rem box). */
.ua-dashboard-standard-toolbar .ua-dashboard-search { flex: 1 1 16rem; width: auto; min-width: 0; height: 2.5rem; min-height: 2.5rem; max-height: 2.5rem; box-sizing: border-box; font-size: 1rem; }
.ua-dashboard-standard-toolbar .ua-dashboard-toolbar-spacer { flex: 1 1 auto; }
.ua-dashboard-standard-toolbar .ua-dashboard-toolbar-controls { flex: 0 0 auto; flex-wrap: nowrap; }
/* Balance the left (search) and right (controls) insets so the whole bar breathes evenly: matching
   inline padding means the search isn't flush-left and the controls aren't jammed against the right edge.
   The sticky variant adds the same inline padding it already had block padding for. */
.ua-dashboard-standard-toolbar .ua-dashboard-list-toolbar { padding-inline: 0.6rem; }
/* THE STICKY BAND OFFSET. This toolbar pins BENEATH whatever sticky chrome the host already owns, not
   on top of it. It used to pin at `top: 0`, which on a dashboard surface parked it in the 71px band the
   sticky topbar occupies at z-index 12 — so the search box, the filter, the sort and the view toggle were
   painted over and hit-testing the search returned the topbar. Measured live on dashboard.egt.studio
   /my-reviews, scrolled: toolbar top 0 / z 8, topbar top 0 / z 12, 71px of the toolbar behind it, and
   elementFromPoint over the search returning DIV.dashboard-top-heading.

   The offset was already being measured and published — --ua-shell-topbar-h, set from the LIVE topbar
   height onto every .dashboard-content — for the host's own pinned row. This reconnects the shared
   toolbar to the offset its host publishes.

   CORRECTION, 2026-08-30. These lines used to end "that consumer (.dashboard-controls-row) renders
   nowhere any more." THAT WAS FALSE, AND IT COST A REAL DEFECT. .dashboard-controls-row renders from
   universe-dashboard/src/routes/_ui-shell.js on every surface that passes `appbarToolbar` — measured on
   five render sites: ui.discover.js, ui.website-files.js, ui.dynamic-catalog-dashboard.js, and the two
   shared page builders _ui-catalog-page.js and _builder-resource-grid.js, which fan out further. It is
   also the element that actually PINS: this toolbar is nested inside it, so the host's own sticky-band
   measurement has to measure the ROW, not this element. Believing the row was dead is exactly why the
   host measured this one instead and published a band 18.6px short — the row's 0.55rem block padding
   plus its 1px border-bottom — leaving every scroll target with an unclickable top edge.

   The earlier walk looked at surfaces that happened not to mount a row and generalised to "nowhere":
   an absence observed on a sample, written down as non-existence. A false absence in a comment is worse
   than no comment, because the next reader trusts it. Fixed in universe-dashboard/src/client/dashboard-ui.js
   in the same change as this correction.

   The fallback is 0px and it is load-bearing: a host with no sticky topbar never defines the property,
   so it resolves to the `top: 0` this rule has always had and nothing about that host moves. z-index is
   deliberately untouched — once the toolbar pins BELOW the topbar the two no longer overlap, so raising
   it would reach every consumer of this shared runtime to fix nothing. */
/* [[D199]]: a BLUE TINT OVER THE GLASS, not a new opaque bar. The tint is MIXED INTO the existing
   translucent background rather than layered as a gradient over it, so the band keeps its alpha and the
   backdrop-filter still shows the page moving underneath. (A two-stop linear-gradient would have been
   the obvious way to layer it and is correctly refused by the media-overlay conformance rule: a
   gradient painted over a surface is how a scrim gets onto chosen artwork. Nested color-mix is the
   estate's own idiom for this and needs no suppression.) Structure, not a control - see the token note
   above on why this is info-blue and not the amber accent. */
/* STICKY IS THE STRUCTURAL DEFAULT (operator, 2026-09-07: the filter bar must stay in view on scroll on
   EVERY dashboard list AND the Home feed — no per-page opt-in). The shared control carries the sticky
   positioning itself: the BASE class pins, so any consumer of the toolbar inherits it for free without a
   page ever adding a class. `.is-sticky` (which ua.dashboard.toolbar still emits by default, and which
   universe-dashboard/src/client/dashboard-ui.js keys its band-offset measurement on) is kept in the
   selector so that hook + every existing caller is byte-for-byte unchanged. Opt OUT with `.is-static`
   (ua.dashboard.toolbar emits it for sticky:false) — the `:not(.is-static)` guard drops position AND the
   frosted band for that one caller, restoring the plain non-sticky look the prop always meant.
   ── BOUND TO ITS DATA ELEMENT, NOT THE VIEWPORT (operator correction, 2026-09-07). This is
   `position: sticky`, never `position: fixed`: its containing block is whatever the consumer nests it in
   (the results/list-shell container it controls), so it parks just below the nav shell WHILE that data is
   on screen and then scrolls away WITH its data when the container passes — it never pins to the whole
   page. z-index keeps it in its own layer ABOVE the data rows so it never hides content. The control owns
   this itself (D284): we do not reach into any consumer stylesheet to achieve it. */
.ua-dashboard-standard-toolbar:not(.is-static), .ua-dashboard-standard-toolbar.is-sticky { position: sticky; top: var(--ua-shell-topbar-h, 0px); z-index: 8; background: var(--ua-glass-text-led); border: var(--universe-elev-1-border); border-color: color-mix(in srgb, var(--universe-color-info) 38%, var(--universe-line)); backdrop-filter: var(--ua-glass-frost); -webkit-backdrop-filter: var(--ua-glass-frost); padding-block: 0.5rem; padding-inline: 0.3rem; border-radius: 0.6rem; }
/* A very short viewport (landscape phone) would let a bar pinned at the top eat most of the screen, so on
   short heights sticky is released and the bar scrolls with the content. */
@media (max-height: 30rem) { .ua-dashboard-standard-toolbar:not(.is-static) { position: static; } }
/* The right-side control cluster reads as ONE intentional, segmented button group — but with NO border
   around the group (operator pref: borders not required). Cohesion comes from a subtle shared fill + the
   hairline RAIL dividers between members; per-member hover gives the affordance. Members opt in via
   .ua-dashboard-toolbar-control. */
.ua-dashboard-toolbar-controls { display: inline-flex; flex-wrap: nowrap; align-items: stretch; gap: 0; padding: 0.2rem; border: 0; border-radius: 0.6rem; background: color-mix(in srgb, var(--subtle-fill) 60%, transparent); }
/* Uniform group members: same height, no own border/background/radius (the group container owns those),
   hairline divider between siblings, hover/active fill scoped to the member.
   DESCENDANT (not direct-child): members may be nested inside the .ua-dashboard-toolbar-pinned wrapper
   (the always-rightmost toggle/filter/sort cluster) or a <uae> render wrapper, so the border/radius reset
   must reach them at any depth — otherwise a nested member keeps its own border and the group shows a
   double border. Member classes are toolbar-only, so this never touches the filter dialog's pills. */
.ua-dashboard-toolbar-controls uae { display: contents; }
/* 2.75rem touch-target standard (S5): every group member is a >=2.75rem (2.75rem) hit area at ALL breakpoints —
   the glyph stays ~1.05rem; the BUTTON is padded, not the icon. min-width keeps single-glyph members square. */
.ua-dashboard-toolbar-controls .ua-dashboard-toolbar-control { display: inline-flex; align-items: center; justify-content: center; gap: 0.4rem; height: 2.75rem; min-height: 2.75rem; min-width: 2.75rem; box-sizing: border-box; margin: 0; border: 0; border-radius: 0.4rem; background: transparent; }
.ua-dashboard-toolbar-controls .ua-dashboard-toolbar-control + .ua-dashboard-toolbar-control { margin-left: 0.2rem; box-shadow: -0.2rem 0 0 -0.1rem color-mix(in srgb, var(--universe-color-primary) 18%, transparent); }
/* Unified hover affordance for EVERY group member (funnel, view toggle/single, search-toggle, …) —
   a scoped fill, no border. Active state (set elsewhere) is stronger and wins over hover. */
.ua-dashboard-toolbar-controls .ua-dashboard-toolbar-control { transition: background 0.12s ease; }

.ua-dashboard-toolbar-control { display: inline-flex; align-items: center; gap: 0.4rem; }
/* The mobile-only search-toggle button is hidden on desktop (the search field is always visible there).
   It is revealed + styled in the mobile media query, where the field collapses to this icon. */
.ua-dashboard-search-toggle { display: none; }
.ua-dashboard-funnel { display: inline-flex; align-items: center; gap: 0.4rem; min-height: 2.75rem; padding: 0.5rem 0.85rem; border-radius: 0.5rem; border: 1px solid color-mix(in srgb, var(--universe-color-primary) 30%, transparent); background: var(--subtle-fill); color: inherit; font: inherit; cursor: pointer; }
/* Inside the toolbar button GROUP the funnel is a flush member: the group owns the border/radius, so the
   member drops its own and just provides padding + a hover/checked fill. */
.ua-dashboard-toolbar-controls .ua-dashboard-funnel { min-height: 2.75rem; min-width: 2.75rem; padding-inline: 0.7rem; }

.ua-dashboard-funnel-icon { display: inline-flex; width: 1.05rem; height: 1.05rem; }
.ua-dashboard-funnel-count { display: inline-grid; place-items: center; min-width: 1.3rem; height: 1.3rem; padding: 0 0.35rem; border-radius: 999rem; background: var(--universe-color-primary); color: var(--universe-color-background); font-size: 0.78rem; font-weight: var(--universe-font-weight-display); }
.ua-dashboard-view-toggle { display: inline-flex; border: 1px solid color-mix(in srgb, var(--universe-color-primary) 30%, transparent); border-radius: 0.5rem; overflow: hidden; }
/* In the group the view-toggle is also a flush member (no own border); its two segments split its area. */
.ua-dashboard-toolbar-controls .ua-dashboard-view-toggle { border: 0; border-radius: 0.4rem; overflow: hidden; }
.ua-dashboard-view-single { display: inline-grid; place-items: center; min-width: 2.75rem; min-height: 2.75rem; padding: 0.5rem; border-radius: 0.5rem; border: 1px solid color-mix(in srgb, var(--universe-color-primary) 30%, transparent); background: var(--subtle-fill); color: inherit; cursor: pointer; }
.ua-dashboard-toolbar-controls .ua-dashboard-view-single { min-height: 2.75rem; min-width: 2.75rem; padding: 0 0.6rem; }

.ua-dashboard-view-single .ua-dashboard-view-single-icon { display: inline-flex; width: 1.05rem; height: 1.05rem; }
/* The button ships BOTH glyphs and shows the one for the view it would switch TO, so a client that flips
   data-ua-view-next flips the icon with it. Before this the label changed and the icon did not: the
   control said "Switch to list view" while still drawing the grid. Neither branch is optional, so a
   default is declared for a button carrying no attribute yet. */
.ua-dashboard-view-single .ua-dashboard-view-single-icon[data-ua-view-glyph] { display: none; }
.ua-dashboard-view-single[data-ua-view-next="list"] .ua-dashboard-view-single-icon[data-ua-view-glyph="list"],
.ua-dashboard-view-single[data-ua-view-next="card"] .ua-dashboard-view-single-icon[data-ua-view-glyph="card"] { display: inline-flex; }
/* Record-action + generic toolbar-action affordances (create / edit / delete, export / import triggers):
   icon+label buttons that MATCH the funnel/view controls — a CONSTRAINED icon (never an unsized SVG that
   balloons to fill the bar), on-brand glass, comfortable tap target. Shared by every dashboard grid. */
.ua-dashboard-record-actions, .ua-dashboard-toolbar-actions { display: inline-flex; align-items: center; gap: 0.15rem; }
.ua-dashboard-record-action, .ua-dashboard-toolbar-action { display: inline-flex; align-items: center; justify-content: center; gap: 0.4rem; min-height: 2.75rem; min-width: 2.75rem; padding: 0 0.7rem; border: 0; border-radius: 0.4rem; background: transparent; color: inherit; font: inherit; font-weight: var(--universe-font-weight-title); cursor: pointer; white-space: nowrap; }

.ua-dashboard-record-action-create { color: var(--universe-color-primary); }
.ua-dashboard-record-action-icon, .ua-dashboard-toolbar-action-icon { display: inline-flex; flex: 0 0 auto; width: 1.05rem; height: 1.05rem; }
.ua-dashboard-record-action-icon svg, .ua-dashboard-toolbar-action-icon svg { width: 100%; height: 100%; }
/* Operator directive 2026-06-29: the dashboard toolbar is ICON-ONLY — every control's text label is hidden
   on every breakpoint (the icons carry a title + aria-label tooltip, so meaning + a11y are preserved). The
   "+" is the universal add-new affordance; the funnel is filter; the segmented icon is the view toggle. */
.ua-dashboard-control-text { display: none; }
.ua-dashboard-record-action, .ua-dashboard-toolbar-action { padding: 0 0.55rem; }
/* Client-side pagination footer — an on-brand glass pill row (prev / status / next / rows-per-page), never
   raw browser controls. Hidden until the surface has more than one page. */
/* [[D199]]: the footer JOINS the band. It used to be a third bordered box, pushed away by its own
   0.75rem top margin - the "trying to be separate" the operator named. Now a hairline divides it from
   the row above and it shares the band, so the whole strip reads as one control surface. */
.ua-dashboard-pagination { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 0.4rem; margin-top: 0; padding: 0.5rem 0.6rem; border: 0; border-block-start: 1px solid var(--ua-toolbar-band-line, color-mix(in srgb, var(--universe-color-info) 20%, transparent)); border-radius: 0; background: transparent; }
.ua-dashboard-pagination[hidden] { display: none; }
/* MODERNIZED desktop pager (operator, 2026-09-07: the old pager "reads dated"). Prev/next are now light,
   in-system GHOST buttons — a hairline, a transparent fill, a comfortable radius; the tint carries the
   affordance on hover. Same controls, same 2.75rem touch floor (S5), just lighter. */
.ua-dashboard-page-prev, .ua-dashboard-page-next { display: inline-grid; place-items: center; min-width: 2.75rem; min-height: 2.75rem; padding: 0 0.6rem; border: 1px solid color-mix(in srgb, var(--universe-color-primary) 16%, transparent); border-radius: 0.55rem; background: transparent; color: inherit; cursor: pointer; font-size: 1.05rem; line-height: 1; transition: background 0.12s ease, border-color 0.12s ease; }

.ua-dashboard-page-prev:disabled, .ua-dashboard-page-next:disabled { opacity: 0.35; cursor: default; }
/* Status: lighter in-system type, tabular numerals + a stable min-width so the row does not jitter as the
   page number changes. */
.ua-dashboard-page-status { min-width: 6.5rem; text-align: center; font-size: 0.82rem; font-weight: var(--universe-font-weight-quiet); letter-spacing: 0.01em; color: var(--universe-color-text); opacity: 0.8; font-variant-numeric: tabular-nums; }
/* ROWS PER PAGE ([[D437]] rules 7 and 9): the shared ua.button.toggle offering exactly 10 and 25, never a native
   <select>. It FILLS ITS ROW: the wrapper is the pager's flex child and grows into whatever the prev / status / next
   leave on its line (and takes the whole line when the pager wraps at 375 px); the two options split it evenly. */
.ua-dashboard-page-size-control { display: flex; flex: 1 1 11rem; min-width: 0; align-items: center; gap: 0.5rem; margin: 0; font-size: 0.8rem; color: var(--universe-color-text); }
.ua-dashboard-page-size-label { flex: 0 0 auto; opacity: 0.8; white-space: nowrap; }
.ua-dashboard-page-size-control > uae { display: flex; flex: 1 1 auto; min-width: 0; }
/* The shared toggle group is a flex row everywhere (its options are separated by one space in the markup). */
.ua-button-toggle { display: inline-flex; align-items: center; }
/* THE SINGLE CYCLE BUTTON (ua.button.toggle cycle:true, H16): one button whose face is the current option. Its target
   is >= 2.75rem (44px) on both axes at every width; its four states are the shared .ua-button-toggle-option family. */
.ua-button-toggle-cycle { display: inline-flex; align-items: center; justify-content: center; gap: 0.4rem; min-inline-size: 2.75rem; min-block-size: 2.75rem; padding: 0 0.75rem; border: 1px solid color-mix(in srgb, var(--universe-color-primary) 16%, transparent); border-radius: 0.55rem; background: transparent; color: inherit; font: inherit; cursor: pointer; }
.ua-button-toggle-cycle.ua-button-toggle-cycle-icon { padding: 0; }
.ua-button-toggle-cycle:disabled { cursor: not-allowed; opacity: var(--universe-button-disabled-opacity, 0.45); }
/* Toggle sizes are ua.button's sizes: the same tokens, so the estate has one size family (the retired Bootstrap-style size classes are gone). */
.ua-button-toggle.ua-button-toggle-sm .ua-button-toggle-option { min-block-size: var(--universe-button-sm-min-block-size, 1.85rem); padding: var(--universe-button-sm-padding-block, 0.3rem) var(--universe-button-sm-padding-inline, 0.55rem); font-size: var(--universe-button-sm-font-size, 0.75rem); }
.ua-button-toggle.ua-button-toggle-lg .ua-button-toggle-option { min-block-size: var(--universe-button-lg-min-block-size, 2.85rem); padding: var(--universe-button-lg-padding-block, 0.75rem) var(--universe-button-lg-padding-inline, 1.4rem); font-size: var(--universe-button-lg-font-size, 1rem); }
.ua-button-toggle-cycle-face { display: inline-flex; align-items: center; gap: 0.4rem; }
.ua-button-toggle-cycle-face[hidden] { display: none; }
.ua-button-toggle-cycle-icon-glyph { display: inline-flex; inline-size: var(--universe-icon-size, 1.25rem); block-size: var(--universe-icon-size, 1.25rem); }
.ua-button-toggle-cycle-icon-glyph svg { inline-size: 100%; block-size: 100%; }
.ua-dashboard-page-size { display: flex; flex: 1 1 auto; min-width: 0; min-height: 2.75rem; padding: 0.2rem; gap: 0.2rem; border: 1px solid color-mix(in srgb, var(--universe-color-primary) 16%, transparent); border-radius: 0.55rem; background: transparent; }
.ua-dashboard-page-size .ua-button-toggle-option { flex: 1 1 0; min-width: 2.75rem; min-height: 2.75rem; padding: 0 0.6rem; border: 0; border-radius: 0.4rem; background: transparent; color: inherit; font: inherit; font-variant-numeric: tabular-nums; cursor: pointer; transition: background 0.12s ease; }

/* ── RESPONSIVE PAGINATION (operator, 2026-09-07) ──────────────────────────────────────────────────────
   Desktop keeps the full in-flow pager above. The mobile collapse is driven ENTIRELY off the pager's
   existing state (hasPrev / hasNext / pageCount) that the shared client already computes:
   - EDGE controls — a thin BACK pinned at the LEFTMOST of the bar (shown ONLY when a previous page
     exists) and a FORWARD at the RIGHTMOST (ONLY when a next page exists). The client toggles each one's
     [hidden] from hasPrev / hasNext, so a single page (no prev AND no next) shows NEITHER. Real <button>s
     with "Previous page" / "Next page" accessible names; when a direction is unavailable the control is
     removed from the tree (hidden), which is the a11y-clean form of "not applicable".
   - The FULL pager (prev / status / next / rows-per-page) MOVES INTO the filter panel — a mirror rendered
     inside the funnel dialog (.ua-dashboard-pagination-in-panel), hidden on desktop, revealed on mobile,
     so power users keep the status + rows-per-page control.
   The in-flow pager carries `--panelized` only when a filter panel exists to hold that mirror; that class
   is the single thing the mobile query hides, so a paginated toolbar with NO filter panel keeps its
   in-flow pager on every width (it never loses pagination). */
/* ICON ONLY, COMPACT (operator 2026-09-17): the chevron plus a little padding — no text, no pill, no ring.
   The whole point of dropping the words is to give the bar its width back. */
.ua-dashboard-page-edge { display: none; align-items: center; justify-content: center; flex: 0 0 auto; width: 1.75rem; min-width: 0; height: 2.5rem; min-height: 0; padding: 0; border: 0; border-radius: 0.4rem; background: transparent; color: inherit; font: inherit; cursor: pointer; transition: background 0.12s ease; }

.ua-dashboard-page-edge[hidden] { display: none; }
.ua-dashboard-page-edge-glyph { display: inline-flex; font-size: 1.1rem; line-height: 1; }
.ua-dashboard-page-edge svg, .ua-dashboard-page-prev svg, .ua-dashboard-page-next svg { width: 1.1rem; height: 1.1rem; }
/* The in-panel mirror is a .ua-dashboard-pagination too, so the base rule would show it — keep it out of
   the desktop layout; the mobile query reveals it inside the dialog. */
.ua-dashboard-pagination-in-panel { display: none; }
/* Reduced motion: the pager + edge hover transitions are the only motion here — drop them. */
@media (prefers-reduced-motion: reduce) { .ua-dashboard-page-prev, .ua-dashboard-page-next, .ua-dashboard-page-edge { transition: none; } }
.ua-dashboard-sort { position: relative; display: inline-flex; align-items: center; gap: 0.4rem; }
.ua-dashboard-sort-select { min-height: 2.5rem; padding: 0.5rem 0.7rem; border-radius: 0.5rem; border: 1px solid color-mix(in srgb, var(--universe-color-primary) 30%, transparent); background: var(--subtle-fill); color: inherit; font: inherit; font-size: 1rem; cursor: pointer; }
/* The sort glyph: hidden on desktop (the select reads its own text), revealed on mobile where the select
   collapses behind it to an icon-only control (toolbars are icon-only on narrow widths). */
.ua-dashboard-sort-icon { display: none; pointer-events: none; width: 1.15rem; height: 1.15rem; }
.ua-dashboard-sort-icon svg { width: 100%; height: 100%; }
/* The full-screen filter dialog's groups: a responsive GRID that uses the whole surface width (the power
   tool fills the space, not a single skinny column). Each group is a set of toggle-button pills. */
.ua-dashboard-filter-groups { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 22rem), 1fr)); gap: 1.25rem; align-content: start; }
.ua-dashboard-filter-group { border: 0; margin: 0; padding: 0; min-width: 0; }
.ua-dashboard-filter-group-title { font-weight: var(--universe-font-weight-display); padding: 0; margin-bottom: 0.6rem; font-size: 1rem; }
.ua-dashboard-filter-options { display: grid; gap: 0.45rem; }
.ua-dashboard-filter-check { display: flex; align-items: center; gap: 0.55rem; cursor: pointer; }
/* Faceted filters as TOGGLE-BUTTON pills (operator §FILTERS) — NOT a thin radio/checkbox list. The real
   <input> is visually hidden; the pill <label> shows the :checked state. Wrapping pill row uses the space. */
.ua-dashboard-filter-pills { display: flex; flex-wrap: wrap; gap: 0.5rem; }
.ua-dashboard-filter-pill { display: inline-flex; align-items: center; gap: 0.4rem; min-height: 2.5rem; padding: 0.45rem 0.85rem; border-radius: 999rem; border: 1px solid color-mix(in srgb, var(--universe-color-primary) 28%, transparent); background: var(--subtle-fill); color: inherit; font: inherit; font-size: 1rem; cursor: pointer; transition: background-color .14s ease, border-color .14s ease; }

.ua-dashboard-filter-pill-input { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.ua-dashboard-filter-pill-tick { display: none; width: 1rem; height: 1rem; }
.ua-dashboard-filter-pill-tick svg { width: 100%; height: 100%; }
.ua-dashboard-filter-pill:has(.ua-dashboard-filter-pill-input:checked) .ua-dashboard-filter-pill-tick { display: inline-flex; }

/* Multi-text-search group inside the dialog: a stack of search inputs (AND-combined) + an add affordance. */
.ua-dashboard-filter-search-group { grid-column: 1 / -1; }
.ua-dashboard-filter-hint { margin: 0 0 0.55rem; font-size: 0.85rem; opacity: 0.72; }
.ua-dashboard-filter-search-rows { display: grid; gap: 0.5rem; }
.ua-dashboard-filter-search-row { display: flex; align-items: center; gap: 0.5rem; }
.ua-dashboard-filter-search-term { flex: 1 1 auto; min-width: 0; min-height: 2.6rem; padding: 0.55rem 0.85rem; border-radius: 0.6rem; border: 1px solid color-mix(in srgb, var(--universe-color-primary) 26%, transparent); background: var(--subtle-fill); color: inherit; font: inherit; font-size: 1rem; }
.ua-dashboard-filter-term-remove { display: inline-grid; place-items: center; min-width: 2.6rem; min-height: 2.6rem; border-radius: 0.6rem; border: 1px solid color-mix(in srgb, var(--universe-color-primary) 26%, transparent); background: var(--subtle-fill); color: inherit; cursor: pointer; }
.ua-dashboard-filter-term-remove svg { width: 1rem; height: 1rem; }
.ua-dashboard-filter-add-term { display: inline-flex; align-items: center; gap: 0.4rem; margin-top: 0.6rem; min-height: 2.5rem; padding: 0.5rem 0.85rem; border-radius: 0.6rem; border: 1px dashed color-mix(in srgb, var(--universe-color-primary) 36%, transparent); background: transparent; color: inherit; font: inherit; font-size: 1rem; cursor: pointer; }
.ua-dashboard-filter-add-term-icon { display: inline-flex; width: 1rem; height: 1rem; }
.ua-dashboard-filter-add-term-icon svg { width: 100%; height: 100%; }
.ua-dashboard-filter-foot { display: flex; flex-wrap: wrap; gap: 0.6rem; align-items: center; }
.ua-dashboard-filter-apply { min-height: 2.75rem; padding: 0.6rem 1.1rem; border-radius: 0.5rem; border: 0; background: var(--universe-color-primary); color: var(--universe-color-background); font: inherit; font-weight: var(--universe-font-weight-display); cursor: pointer; }
.ua-dashboard-filter-clear { color: inherit; text-decoration: underline; }
/* The active-filter row is JUST the tags — no "Active filters" heading (operator: the user doesn't need
   to be told they're active filters). Each active filter is a standalone, compact, tag-style chip with an
   × to remove. The row is the bare chip list (+ an optional inline "Clear all"). */
/* [[D199]]: part of the same band. It only renders when there ARE chips, so the hairline appears with
   the content it separates and the band does not grow an empty rule when nothing is filtered. */
.ua-dashboard-active-filters { display: flex; flex-wrap: wrap; align-items: center; gap: 0.45rem; padding: 0.45rem 0.6rem 0.35rem; border-block-start: 1px solid var(--ua-toolbar-band-line, color-mix(in srgb, var(--universe-color-info) 20%, transparent)); }
/* Respect the [hidden] attribute: a client-driven (no-query-param) toolbar keeps the active-filters row
   mounted-but-hidden until a chip is added. The display:flex above otherwise beats [hidden]{display:none},
   which left the row visible with no chips (operator-reported). */
.ua-dashboard-active-filters[hidden] { display: none; }

/* ── Universal data IMPORT dialog (ua.import, Review-Surface program WAVE 5). The dialog shell is the shared
   frosted-glass ua.dialog; these style the stage flow inside it. Stages are hidden via [hidden]. ── */
.ua-dashboard-import-flow { display: flex; flex-direction: column; gap: 1rem; max-width: 52rem; margin: 0 auto; width: 100%; }
.ua-dashboard-import-hint { margin: 0; color: color-mix(in srgb, currentColor 72%, transparent); font-size: 0.92rem; }
.ua-dashboard-import-stage[hidden] { display: none; }
.ua-dashboard-import-stage-title { margin: 0 0 0.5rem; font-size: 1.05rem; font-weight: var(--universe-font-weight-display); }
/* The drop / choose-file zone. It is a label for the thin control's hidden file input, so a click opens
   that input. The dashed surface is the drop target; the import client assigns a dropped file to the input. */
.ua-dashboard-import-drop { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0.4rem; padding: 2rem 1.25rem; text-align: center; border: 0.125rem dashed color-mix(in srgb, var(--universe-color-primary) 32%, transparent); border-radius: 0.9rem; background: color-mix(in srgb, var(--subtle-fill) 50%, transparent); }

.ua-dashboard-import-drop-icon { display: inline-flex; width: 2rem; height: 2rem; color: color-mix(in srgb, var(--universe-color-primary) 75%, currentColor); }
.ua-dashboard-import-drop-icon svg { width: 100%; height: 100%; }
.ua-dashboard-import-drop-title { font-weight: var(--universe-font-weight-quiet); }
.ua-dashboard-import-drop-sub { font-size: 0.85rem; color: color-mix(in srgb, currentColor 65%, transparent); }
.ua-dashboard-import-filename { margin: 0.5rem 0 0; font-size: 0.9rem; font-weight: var(--universe-font-weight-quiet); }
.ua-dashboard-import-notes { margin: 0; font-size: 0.9rem; color: color-mix(in srgb, currentColor 72%, transparent); }
/* The per-column mapping rows: source column -> arrow -> native <select> target (or ignored tag). */
.ua-dashboard-import-map { display: flex; flex-direction: column; gap: 0.55rem; margin-top: 0.75rem; }
.ua-dashboard-import-map-row { display: grid; grid-template-columns: minmax(7rem, 1fr) auto minmax(10rem, 1.4fr); align-items: center; gap: 0.6rem; }
.ua-dashboard-import-map-col { font-weight: var(--universe-font-weight-quiet); overflow-wrap: anywhere; }
.ua-dashboard-import-map-arrow { color: color-mix(in srgb, currentColor 55%, transparent); }
.ua-dashboard-import-map-select { min-height: 2.5rem; padding: 0.45rem 0.6rem; border-radius: 0.5rem; border: 1px solid color-mix(in srgb, var(--universe-color-primary) 30%, transparent); background: var(--subtle-fill); color: inherit; font: inherit; font-size: 1rem; }
.ua-dashboard-import-map-ignored { font-size: 0.85rem; color: color-mix(in srgb, currentColor 60%, transparent); font-style: italic; }
.ua-dashboard-import-summary { font-weight: var(--universe-font-weight-quiet); margin: 0 0 0.5rem; }
.ua-dashboard-import-rejections { margin: 0.4rem 0 0; padding-left: 1.2rem; display: flex; flex-direction: column; gap: 0.25rem; font-size: 0.88rem; color: color-mix(in srgb, var(--universe-color-danger) 88%, currentColor); }
.ua-dashboard-import-result-ok { font-weight: var(--universe-font-weight-display); color: color-mix(in srgb, var(--universe-color-success) 88%, currentColor); }
.ua-dashboard-import-result-warn { font-weight: var(--universe-font-weight-display); color: color-mix(in srgb, var(--universe-color-danger) 88%, currentColor); }
.ua-dashboard-import-actions { display: flex; justify-content: flex-end; gap: 0.6rem; margin-top: 0.5rem; }
.ua-dashboard-import-actions [hidden] { display: none; }
@media (max-width: 640px) {
  .ua-dashboard-import-map-row { grid-template-columns: 1fr; gap: 0.25rem; }
  .ua-dashboard-import-map-arrow { display: none; }
}
.ua-dashboard-active-filter-chips { display: flex; flex-wrap: wrap; gap: 0.4rem; }
/* Tag-style chip: compact, rounded, subtle fill/border, with a small × affordance. */
.ua-dashboard-active-filter-chip { display: inline-flex; align-items: center; gap: 0.3rem; min-height: 1.9rem; padding: 0.2rem 0.6rem; border-radius: 999rem; border: 1px solid color-mix(in srgb, var(--universe-color-primary) 26%, transparent); background: color-mix(in srgb, var(--subtle-fill) 80%, transparent); color: inherit; font: inherit; font-size: 0.86rem; line-height: 1.2; cursor: pointer; text-decoration: none; transition: background-color .14s ease, border-color .14s ease; }

.ua-dashboard-chip-x { display: inline-flex; width: 0.8rem; height: 0.8rem; opacity: 0.7; }
.ua-sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.ua-dashboard-item { border: 1px solid color-mix(in srgb, var(--universe-color-text) 25%, transparent); border-radius: 0.5rem; padding: 0.75rem; min-width: 0; }
/* THE ROW SHAPE, and only for an item that actually rendered row actions. `:has()` is doing real work
   here: `.ua-dashboard-item` is worn by hand-rolled dashboard CARDS all over universe-dashboard, and
   putting `display:flex` on the bare class would re-lay-out every one of them. Scoped this way it can
   only reach an item built through the element's own edit/delete/rowActions fields, which nothing outside
   this repo renders yet — so the row gets its layout and no existing card is touched. The activator takes
   the remaining space so the WHOLE row is the link ([[D350]] point 1) rather than a link around the
   title, and `min-width:0` is what lets a long title ellipsis instead of pushing the trash off-screen. */
/* MEASURED AT 320px, and this is the first line that fixes it. The renderer wraps every element in a
   `<uae>`, so the thing a consumer's grid or flex container actually lays out is the WRAPPER — and a grid
   item's `min-width` defaults to `auto`, which floors an `auto` track at the row's min-content and pushed
   3px of horizontal scroll onto a 320px screen. The control cannot leave that to the consumer ([[D284]]:
   it must work in anyone's container without a shell override), and the house already answers it exactly
   this way for `ua.header` below. */
uae[namespace="ua.dashboard.item"] { display: block; max-width: 100%; min-width: 0; }

/* THE ROW SHAPE, and only for an item that actually rendered row actions. `:has()` is doing real work
   here: `.ua-dashboard-item` is worn by hand-rolled dashboard CARDS all over universe-dashboard, and
   putting `display:flex` on the bare class would re-lay-out every one of them. Scoped this way it can
   only reach an item built through the element's own edit/delete/rowActions fields. The activator takes
   the remaining space so the WHOLE row is the link ([[D350]] point 1) rather than a link around the
   title, and `min-width:0` is what lets a long title shrink instead of pushing the trash off-screen.

   ★ AND IT IS A DEFAULT, NOT A SEIZURE — `:where()` holds it at ONE class of specificity.
   universe-dashboard already lays this element out for BOTH its views (`dashboard-ui.css:3338` card,
   `:2745` list), and those are deliberate. A bare `:has()` selector is (0,2,0) and would have quietly
   outranked the card rule from a stylesheet the dashboard does not even concatenate — the control
   overruling a consumer's allocation, which is [[D284]] backwards. Wrapped in `:where()` it is (0,1,0):
   it shapes a row nobody has styled, and yields to a consumer that has. */
.ua-dashboard-item:where(:has(> .ua-dashboard-item-row-actions)) { display: flex; align-items: center; gap: 0.5rem; }
.ua-dashboard-item > :where(.ua-dashboard-item-link) { flex: 1 1 auto; min-width: 0; }
.ua-dashboard-item > :where(.ua-dashboard-item-row-actions, .ua-dashboard-item-actions) { flex: 0 0 auto; }
.ua-tabs-list { display: flex; flex-wrap: wrap; gap: 0.5rem; }
.ua-tab { border: 1px solid color-mix(in srgb, var(--universe-color-primary) 28%, transparent); border-radius: 999rem; padding: 0.5rem 0.625rem; color: inherit; text-decoration: none; }
.ua-navbar { position: relative; z-index: 20; display: grid; gap: 0.42rem; width: 100%; background: var(--ua-glass-text-led); border-block-end: var(--universe-elev-3-border); padding: 0.55rem clamp(0.75rem, 3vw, 1.5rem); backdrop-filter: var(--ua-glass-frost); -webkit-backdrop-filter: var(--ua-glass-frost); }
.ua-navbar-row { display: grid; grid-template-columns: minmax(max-content, 14rem) minmax(0, 1fr) max-content; align-items: center; gap: clamp(0.5rem, 2vw, 1rem); width: min(100%, 72rem); margin-inline: auto; }
.ua-navbar-section { display: flex; align-items: center; gap: 0.42rem; min-width: 0; overflow: hidden; }
.ua-navbar-section-first { justify-content: flex-start; }
.ua-navbar-brand-section { min-width: 0; }
.ua-navbar-section-middle { flex: 1 1 auto; justify-content: center; overflow: hidden; }
.ua-navbar-section-last { justify-content: flex-end; overflow: visible; }
.ua-navbar-brand { display: inline-flex; align-items: center; gap: 0.55rem; min-width: 0; color: var(--universe-color-text); font-family: var(--universe-font-heading); font-weight: var(--universe-font-weight-heading); text-decoration: none; white-space: nowrap; }
.ua-navbar-brand-label { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.ua-navbar-brand-mark { display: inline-grid; place-items: center; inline-size: 2.45rem; block-size: 2.45rem; flex: 0 0 auto; border-radius: 0.4rem; border: 1px solid var(--universe-color-primary); background: color-mix(in srgb, var(--universe-color-background) 76%, var(--universe-color-primary) 12%); overflow: hidden; }
.ua-navbar-brand-mark-image {
  border-color: transparent;
  background: transparent;
  box-shadow: none;
}
.ua-navbar-brand-mark-image img { display: block; inline-size: 100%; block-size: 100%; object-fit: contain; }
.ua-navbar-compact { width: max-content; max-width: min(100% - 1rem, 42rem); margin-inline: auto; border: 1px solid var(--line); border-radius: 999rem; inset-block-start: 0.5rem; }
.ua-navbar-compact .ua-navbar-row { display: flex; width: auto; }
.ua-navbar-float { position: fixed; inset-block-start: clamp(0.75rem, 2vw, 1.25rem); inset-inline: 0; z-index: 40; width: auto; margin-inline: clamp(0.75rem, 3vw, 2rem); border: 0; background: transparent; padding: 0; pointer-events: none; backdrop-filter: none; -webkit-backdrop-filter: none; }
.ua-navbar-float .ua-navbar-row { display: grid; grid-template-columns: max-content minmax(0, 1fr) max-content; width: 100%; max-width: none; }
.ua-navbar-float .ua-navbar-brand, .ua-navbar-float .ua-navbar-section-last { pointer-events: auto; }
.ua-navbar-float .ua-navbar-brand { border: var(--universe-elev-3-border); border-radius: 999rem; padding: 0.28rem; background: var(--ua-glass-art-led); box-shadow: var(--universe-elev-3-shadow); backdrop-filter: var(--ua-glass-frost); -webkit-backdrop-filter: var(--ua-glass-frost); }
.ua-navbar-float .ua-navbar-brand-label, .ua-navbar-float .ua-navbar-section-middle, .ua-navbar-float .ua-navbar-section-first > .ua-navbar-item { display: none; }
.ua-navbar-float .ua-navbar-brand-mark { inline-size: 2.75rem; block-size: 2.75rem; border-radius: 999rem; }
.ua-navbar-float .ua-navbar-section-last { gap: 0.38rem; border: var(--universe-elev-3-border); border-radius: 999rem; padding: 0.28rem; background: var(--ua-glass-art-led); box-shadow: var(--universe-elev-3-shadow); backdrop-filter: var(--ua-glass-frost); -webkit-backdrop-filter: var(--ua-glass-frost); }
.ua-navbar-float .ua-navbar-item-icon-only, .ua-navbar-float .ua-navbar-menu-toggle { inline-size: 2.75rem; block-size: 2.75rem; max-inline-size: 2.75rem; background: var(--ua-glass-text-led); }
.ua-navbar-expanded .ua-navbar-row-brand { min-height: 3.35rem; }
.ua-navbar-expanded .ua-navbar-brand { font-size: 1.12rem; }
.ua-navbar-expanded .ua-navbar-row-menu { display: flex; justify-content: stretch; border-top: 1px solid var(--line); padding-top: 0.42rem; }
.ua-navbar-expanded .ua-navbar-row-menu .ua-navbar-section-middle { inline-size: 100%; justify-content: center; }
.ua-navbar-item { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 0.42rem; min-inline-size: 2.25rem; min-block-size: 2.25rem; max-inline-size: 13rem; border: 0; border-radius: 0.25rem; padding: 0.48rem 0.5rem; background: transparent; color: color-mix(in srgb, var(--universe-color-text) 86%, var(--universe-color-muted, currentColor)); text-decoration: none; font-weight: var(--universe-font-weight-strong); letter-spacing: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: color .16s ease, background-color .16s ease, box-shadow .16s ease; }
.ua-navbar-item::after { content: ""; position: absolute; inset-inline: 0.42rem; inset-block-end: 0.18rem; block-size: 0.13rem; border-radius: 999rem; background: currentColor; opacity: 0; transform: scaleX(0.55); transform-origin: center; transition: opacity .16s ease, transform .16s ease; }

/* Liquid-glass bar controls (iOS-26 header look): a barely-there hairline, a
   translucent glass fill, a top refraction highlight + soft inner shadow so each
   reads as glass cut INTO the navbar glass rather than a bubbly opaque button. */
.ua-navbar-item-icon-only, .ua-navbar-menu-toggle { inline-size: 2.45rem; block-size: 2.45rem; max-inline-size: 2.45rem; padding: 0; border: var(--universe-elev-2-border); border-radius: 999rem; background: var(--ua-glass-text-led); box-shadow: inset 0 1px 0 color-mix(in srgb, var(--universe-color-text) 16%, transparent), inset 0 -1px 1px color-mix(in srgb, var(--universe-color-background) 20%, transparent), inset 0 0 0.6rem color-mix(in srgb, var(--universe-color-text) 5%, transparent), 0 1px 0.125rem color-mix(in srgb, var(--universe-color-background) 22%, transparent); backdrop-filter: var(--ua-glass-frost); -webkit-backdrop-filter: var(--ua-glass-frost); transition: border-color .16s ease, background .16s ease, box-shadow .16s ease; }
.ua-navbar-item-icon-only::after, .ua-navbar-menu-toggle::after { display: none; }

/* Align every bar control on one center line. Each item is wrapped in a per-
   namespace <uae> box; that wrapper forms a baseline line-box, and the menu
   toggle's extra inline-flex nesting drops it a few px below the cart/account
   icons. Collapsing the wrapper out of layout (display:contents) makes the
   controls direct flex children of the section, so align-items:center governs
   them all uniformly. */
.ua-navbar uae[namespace="ua.navbar.item"] { display: contents; }
/* The per-element <uae> wrapper around the navbar shrink-wraps it into a box only
   as tall as the bar (~3.75rem). position:sticky is constrained to its parent block,
   so that wrapper let the bar "stick" for only ~3.75rem before scrolling away — the
   sticky regression. Collapsing the wrapper out of layout makes the nav a direct
   child of the full-height page container, so sticky resolves against the whole
   page and the bar holds at the top through the entire scroll. (No effect on the
   float variant, which is position:fixed.) */
uae[namespace="ua.navbar"] { display: contents; }
/* The menu toggle opens the full "everything" menu (it can hold submenus the bar
   does not), so it stays available on every breakpoint, not just mobile. */
.ua-navbar-item-icon, .ua-navbar-menu-section-icon, .ua-navbar-menu-section-chevron, .ua-app-bar-section-icon, .ua-app-bar-section-chevron, .ua-carousel-control-icon, .ua-scroll-totop-icon, .ua-alert-icon, .ua-tab-icon, .ua-input-icon { display: inline-grid; place-items: center; inline-size: 1.15em; block-size: 1.15em; flex: 0 0 auto; color: currentColor; }
.ua-navbar-item-icon svg, .ua-navbar-menu-section-icon svg, .ua-navbar-menu-section-chevron svg, .ua-app-bar-section-icon svg, .ua-app-bar-section-chevron svg, .ua-carousel-control-icon svg, .ua-scroll-totop-icon svg, .ua-alert-icon svg, .ua-tab-icon svg, .ua-input-icon svg { display: block; inline-size: 100%; block-size: 100%; overflow: visible; }
.ua-navbar-item-image { inline-size: 2rem; block-size: 2rem; object-fit: cover; border-radius: 0.375rem; }
.ua-navbar-item-with-menu { position: relative; display: inline-flex; overflow: visible; }
.ua-navbar-menu[hidden] { display: none; }
.ua-navbar-menu { position: absolute; z-index: 1000; inset-block-start: calc(100% + 0.5rem); inset-inline-end: 0; min-inline-size: min(24rem, calc(100vw - 1rem)); max-block-size: min(34rem, calc(100dvh - 5rem)); overflow: auto; display: grid; gap: 0.75rem; border: var(--universe-elev-3-border); border-radius: 0.75rem; background: var(--ua-glass-text-led); padding: 0.75rem; box-shadow: var(--universe-elev-2-shadow); backdrop-filter: var(--ua-glass-frost); -webkit-backdrop-filter: var(--ua-glass-frost); overscroll-behavior: contain; }
.ua-navbar-menu-halfscreen { position: fixed; inset-block-start: calc(100% + 0.5rem); inset-block-end: auto; inset-inline-end: clamp(0.75rem, 3vw, 2rem); inline-size: min(32rem, calc(100vw - 1rem)); max-block-size: min(42rem, calc(100dvh - 6rem)); }
.ua-navbar-float .ua-navbar-menu-halfscreen { inset-block-start: clamp(4.75rem, 9vh, 5.75rem); }
.ua-navbar-menu-top { display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; }
.ua-navbar-menu-close { border: 1px solid var(--line); border-radius: 999rem; background: transparent; color: inherit; min-inline-size: 2rem; min-block-size: 2rem; }
.ua-navbar-menu-body, .ua-navbar-menu-pinned, .ua-navbar-menu-unpinned, .ua-navbar-menu-section-items, .ua-navbar-menu-subsections { display: grid; gap: 0.5rem; }
.ua-navbar-menu .ua-navbar-item { inline-size: 100%; justify-content: flex-start; border-radius: 0.45rem; padding-inline: 0.7rem; }
.ua-navbar-menu-section { border-block-start: 1px solid var(--line); padding-block-start: 0.5rem; }
.ua-navbar-menu-section-nested { margin-inline-start: 0.6rem; padding-inline-start: 0.75rem; border-inline-start: 1px solid color-mix(in srgb, var(--universe-color-primary) 24%, transparent); }
.ua-navbar-menu-section-summary { cursor: pointer; display: flex; align-items: center; gap: 0.5rem; min-block-size: 2.35rem; border-radius: 0.5rem; padding: 0.35rem 0.45rem; color: var(--universe-color-text); font-weight: var(--universe-font-weight-display-strong); list-style: none; }
.ua-navbar-menu-section-summary::-webkit-details-marker { display: none; }

.ua-navbar-menu-section-title { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ua-navbar-menu-section-chevron { margin-inline-start: auto; transition: transform .16s ease; }
.ua-navbar-menu-section[open] > .ua-navbar-menu-section-summary .ua-navbar-menu-section-chevron { transform: rotate(180deg); }
.ua-navbar-menu-section > .ua-navbar-menu-section-items, .ua-navbar-menu-section > .ua-navbar-menu-subsections { margin-block-start: 0.45rem; }

/* --- Animated hamburger → X morph (Apple-style) ----------------------- */
.ua-navbar-burger { display: inline-grid; gap: 0.32rem; inline-size: 1.18rem; place-content: center; }
.ua-navbar-burger-bar { display: block; inline-size: 1.18rem; block-size: 0.125rem; border-radius: 999rem; background: currentColor; transform-origin: center; transition: transform .34s cubic-bezier(.4, 0, .2, 1), opacity .18s ease; }
.ua-navbar-menu-toggle[aria-expanded="true"] .ua-navbar-burger-bar:nth-child(1) { transform: translateY(0.445rem) rotate(45deg); }
.ua-navbar-menu-toggle[aria-expanded="true"] .ua-navbar-burger-bar:nth-child(2) { opacity: 0; transform: scaleX(0.2); }
.ua-navbar-menu-toggle[aria-expanded="true"] .ua-navbar-burger-bar:nth-child(3) { transform: translateY(-0.445rem) rotate(-45deg); }

/* --- System-provided actions (cart / account) + count badge ----------- */
/* The badge is an adornment that sits ON TOP of the control's top-right corner
   and must never be clipped. The control itself is a .ua-navbar-item, which is
   overflow:hidden (for label ellipsis) — that was clipping the badge. The
   system-action control carries no ellipsing label, so it overrides to
   overflow:visible; the badge then overhangs the corner on a higher stacking
   level. The ring (box-shadow) keeps it legible against icon or art behind. */
.ua-navbar-system-action { position: relative; overflow: visible; }
.ua-navbar-item-badge { position: absolute; inset-block-start: -0.32rem; inset-inline-end: -0.32rem; z-index: 3; min-inline-size: 1.15rem; block-size: 1.15rem; display: inline-grid; place-items: center; padding: 0 0.3rem; border-radius: 999rem; background: var(--universe-color-primary); color: color-mix(in srgb, var(--universe-color-background) 86%, var(--universe-color-text)); font-size: 0.66rem; font-weight: var(--universe-font-weight-strong); line-height: 1; box-shadow: 0 0 0 0.14rem color-mix(in srgb, var(--universe-color-background) 92%, transparent), 0 0.2rem 0.5rem color-mix(in srgb, var(--universe-color-background) 45%, transparent); pointer-events: none; }

/* --- Full-screen menu dialog with swooshing infinite-depth submenus ---- */
html.ua-navbar-menu-open { overflow: hidden; }
.ua-navbar-menu-open .ua-navbar { z-index: 1300; }
/* inline-size:100% (not 100vw — 100vw includes the scrollbar gutter and would
   poke past the viewport) and overflow:clip so the off-canvas panels parked at
   translateX(±) can never open a horizontal scrollbar while they sit waiting or
   slide. The panels carry their own overflow-y:auto, so clipping here is safe. */
.ua-navbar-menu-fullscreen { position: fixed; inset: 0; z-index: 1200; display: block; inline-size: 100%; min-inline-size: 0; max-block-size: none; overflow: clip; gap: 0; border: 0; border-radius: 0; background: transparent; padding: 0; box-shadow: none; backdrop-filter: none; -webkit-backdrop-filter: none; }
/* Open-menu backdrop: BLUR the layer behind it (frosted glass) rather than
   hiding it. A light tint keeps the menu text legible while the page content
   stays visible-but-softly-blurred underneath, desktop and mobile alike. */
.ua-navbar-menu-scrim { position: absolute; inset: 0; inline-size: 100%; block-size: 100%; border: 0; padding: 0; cursor: pointer; background: var(--ua-glass-veil); backdrop-filter: var(--ua-glass-veil-frost); -webkit-backdrop-filter: var(--ua-glass-veil-frost); animation: ua-navbar-menu-fade .28s ease both; }
.ua-navbar-menu-dialog { position: relative; z-index: 1; block-size: 100%; display: flex; flex-direction: column; padding-block-start: var(--ua-navbar-menu-top, clamp(3.6rem, 8vh, 4.6rem)); }
.ua-navbar-menu-panels { position: relative; flex: 1 1 auto; min-block-size: 0; overflow: hidden; }
.ua-navbar-menu-panel { position: absolute; inset: 0; display: flex; flex-direction: column; overflow-y: auto; overscroll-behavior: contain; transform: translateX(100%); opacity: 0; pointer-events: none; filter: blur(0); transition: transform .42s cubic-bezier(.32, .72, 0, 1), opacity .3s ease, filter .3s ease; }
.ua-navbar-menu-panel[data-menu-state="active"] { transform: translateX(0); opacity: 1; pointer-events: auto; z-index: 2; filter: blur(0); }
/* The receding parent panel stays present at low opacity. Frost is var(--ua-glass-frost);
   this text layer does not wear filter: blur(). */
.ua-navbar-menu-panel[data-menu-state="behind"] { transform: translateX(-26%); opacity: 0.32; pointer-events: none; z-index: 1; }
.ua-navbar-menu-panel[data-menu-state="ahead"] { transform: translateX(100%); opacity: 0; pointer-events: none; z-index: 0; }
.ua-navbar-menu-panel-head { display: flex; align-items: center; gap: 0.6rem; inline-size: min(46rem, 100%); margin-inline: auto; padding: 0.4rem clamp(1.1rem, 5vw, 2.2rem) 0.9rem; }
.ua-navbar-menu-back { display: inline-flex; align-items: center; gap: 0.3rem; min-block-size: 2.5rem; padding: 0.35rem 0.7rem 0.35rem 0.45rem; border: var(--universe-elev-2-border); border-color: color-mix(in srgb, var(--universe-color-primary) 26%, transparent); border-radius: 999rem; background: var(--ua-glass-text-led); backdrop-filter: var(--ua-glass-frost); -webkit-backdrop-filter: var(--ua-glass-frost); color: var(--universe-color-text); font: inherit; font-weight: var(--universe-font-weight-display); cursor: pointer; transition: border-color .16s ease, background .16s ease, transform .16s ease; }

.ua-navbar-menu-back-icon { display: inline-grid; place-items: center; inline-size: 1.05rem; block-size: 1.05rem; }
.ua-navbar-menu-back-icon svg { display: block; inline-size: 100%; block-size: 100%; }
/* Uppercase, tracked micro-label — stays SANS (body) on purpose: an editorial serif reads poorly at
   small caps with wide tracking. This is the "headings serif, eyebrows/labels sans" taste line. */
.ua-navbar-menu-panel-title { margin: 0; font-family: var(--universe-font-body); font-size: clamp(0.8rem, 1.4vw, 0.92rem); font-weight: var(--universe-font-weight-display); letter-spacing: 0.16em; text-transform: uppercase; color: color-mix(in srgb, var(--universe-color-text) 64%, var(--universe-color-muted, currentColor)); }
.ua-navbar-menu-panel-body { inline-size: min(46rem, 100%); margin-inline: auto; padding: 0 clamp(1.1rem, 5vw, 2.2rem) clamp(2rem, 6vh, 3.5rem); display: grid; gap: 0.2rem; align-content: start; }
.ua-navbar-menu-fullscreen .ua-navbar-menu-link, .ua-navbar-menu-fullscreen .ua-navbar-menu-item { inline-size: 100%; display: flex; align-items: center; gap: 0.9rem; justify-content: flex-start; min-block-size: 3.4rem; padding: 0.55rem 0.4rem; border: 0; border-block-end: 1px solid color-mix(in srgb, var(--universe-color-text) 12%, transparent); border-radius: 0; background: transparent; color: var(--universe-color-text); font-family: var(--universe-font-heading); font-size: clamp(1.45rem, 4.6vw, 2.15rem); font-weight: var(--universe-font-weight-quiet); letter-spacing: -0.02em; line-height: 1.1; text-align: left; text-decoration: none; cursor: pointer; transition: color .18s ease, padding-inline-start .22s ease, opacity .18s ease; }
.ua-navbar-menu-fullscreen .ua-navbar-menu-link::after { display: none; }

.ua-navbar-menu-link-label { flex: 1 1 auto; min-inline-size: 0; }
.ua-navbar-menu-link-icon { display: inline-grid; place-items: center; inline-size: 1.4rem; block-size: 1.4rem; flex: 0 0 auto; color: var(--universe-color-primary); }
.ua-navbar-menu-link-icon svg { display: block; inline-size: 100%; block-size: 100%; }
.ua-navbar-menu-link-chevron { display: inline-grid; place-items: center; inline-size: 1.5rem; block-size: 1.5rem; flex: 0 0 auto; color: color-mix(in srgb, var(--universe-color-text) 52%, transparent); transition: transform .2s ease, color .18s ease; }
.ua-navbar-menu-link-chevron svg { display: block; inline-size: 100%; block-size: 100%; }
.ua-navbar-menu-fullscreen .ua-navbar-menu-sections { margin-block-start: 1.4rem; display: grid; gap: 0.5rem; }
@keyframes ua-navbar-menu-fade { from { opacity: 0; } to { opacity: 1; } }
@media (max-width: 48rem) {
  /* MOBILE ONLY: the outgoing panel FADES fully out (not lingering at 0.32
     opacity) and barely slides, so its large heading text never visibly
     overlaps the incoming panel during the swoosh. It is invisible, so no blur
     is needed — the desktop blur (where the panel stays partly visible) would
     just be wasted GPU work here. */
  .ua-navbar-menu-panel[data-menu-state="behind"] { opacity: 0; transform: translateX(-10%); filter: none; }
}
@media (prefers-reduced-motion: reduce) {
  .ua-navbar-burger-bar, .ua-navbar-menu-panel, .ua-navbar-menu-link, .ua-navbar-menu-link-chevron, .ua-navbar-menu-back { transition: none; }
  .ua-navbar-menu-scrim { animation: none; }
}

.ua-app-bar { display: grid; grid-template-columns: minmax(13rem, 18rem) minmax(0, 1fr); gap: 1rem; }
.ua-app-bar-items { display: grid; align-content: start; gap: 0.5rem; border-right: 1px solid var(--line); padding-inline-end: 1rem; }
.ua-app-bar-section { border-block-start: 1px solid var(--line); padding-block-start: 0.5rem; }
.ua-app-bar-section-summary { display: flex; align-items: center; justify-content: space-between; gap: 0.5rem; cursor: pointer; }
.ua-app-bar-section-summary-left { display: inline-flex; align-items: center; gap: 0.5rem; min-width: 0; }
.ua-app-bar-section-items { display: grid; gap: 0.5rem; }
.ua-app-bar-section-items .ua-navbar-item,
.ua-app-bar-items .ua-navbar-item {
  inline-size: 100%;
  justify-content: flex-start;
  text-align: left;
}
.ua-alert-title { display: inline-flex; align-items: center; gap: 0.45rem; margin: 0; }
.ua-app-bar-inner { min-width: 0; }
.ua-breadcrumb-list { display: flex; flex-wrap: wrap; align-items: center; gap: 0.375rem; list-style: none; padding: 0; margin: 0; }
.ua-breadcrumb .breadcrumb-item + .breadcrumb-item::before { content: var(--ua-breadcrumb-divider, ">"); margin-inline: 0.25rem 0.5rem; color: var(--muted); }
.ua-footnotes { border-top: 1px solid var(--line); margin-block-start: 2rem; padding-block-start: 1rem; }
.ua-footnotes-list, .ua-footnotes-extra { padding-inline-start: 1.25rem; }
/* --- Footer: full-width chrome, centered content, platform bar on top -- */
.ua-footer { display: block; margin-block-start: clamp(3rem, 7vw, 5rem); padding: 0; border: 0; border-block-start: var(--universe-elev-3-border); background: var(--ua-glass-text-led); color: var(--muted); backdrop-filter: var(--ua-glass-frost); -webkit-backdrop-filter: var(--ua-glass-frost); }
.ua-footer-platform-bar { inline-size: 100%; background: var(--ua-glass-text-led); border-block-end: var(--universe-elev-2-border); backdrop-filter: var(--ua-glass-frost); -webkit-backdrop-filter: var(--ua-glass-frost); }
.ua-footer-platform-bar-inner { inline-size: min(73.75rem, calc(100% - 3rem)); margin-inline: auto; display: flex; align-items: center; justify-content: center; gap: 0.5rem; min-block-size: 2.95rem; padding-block: 0.5rem; }
.ua-footer-platform-mark { display: inline-flex; align-items: center; color: var(--universe-color-primary); }
.ua-footer-platform-mark svg { inline-size: 1.05rem; block-size: 1.05rem; }
/* The attribution is a link on its own line: the 2.75rem touch-target standard (S5) applies (it was 22.9px tall at 390px). */
.ua-footer-built-with { display: inline-flex; align-items: center; min-height: 2.75rem; gap: 0.45rem; color: color-mix(in srgb, var(--universe-color-text) 82%, transparent); font-size: 0.82rem; font-weight: var(--universe-font-weight-quiet); letter-spacing: 0.01em; text-decoration: none; }

.ua-footer-platform-mark svg, .ua-footer-platform-mark img { display: block; }
.ua-footer-inner { inline-size: min(73.75rem, calc(100% - 3rem)); margin-inline: auto; padding-block: clamp(2.25rem, 5vw, 3.75rem); display: grid; gap: clamp(1.6rem, 3.5vw, 2.5rem); }
.ua-footer-legal { display: grid; gap: 0.4rem; justify-items: center; text-align: center; }
.ua-footer-legal p { margin: 0; }
.ua-footer-copyright { color: color-mix(in srgb, var(--universe-color-text) 80%, transparent); font-weight: var(--universe-font-weight-quiet); }
.ua-footer-terms { font-size: 0.85rem; color: var(--muted); }
.ua-footer-terms a { color: var(--universe-color-primary); text-decoration: none; }

.ua-footer-content { display: flex; flex-wrap: wrap; gap: clamp(1.75rem, 4vw, 3.25rem); align-items: start; padding-block-start: clamp(1.75rem, 3.5vw, 2.5rem); border-block-start: 1px solid color-mix(in srgb, var(--universe-color-text) 10%, transparent); }
.ua-footer-brand { flex: 1 1 16rem; max-inline-size: 26rem; display: grid; gap: 0.5rem; }
.ua-footer-brand strong { color: var(--universe-color-text); font-family: var(--universe-font-heading); font-size: 1.35rem; font-weight: var(--universe-font-weight-heading); letter-spacing: -0.01em; }
/* Logo-above-name (owner toggle): the mark sits ABOVE the company name + slogan
   with a touch of breathing room beneath it. Capped so a tall logo can't tower
   over the column. */
.ua-footer-brand-logo { display: block; inline-size: auto; block-size: auto; max-block-size: 3rem; max-inline-size: 12rem; object-fit: contain; object-position: left center; margin-block-end: 0.35rem; }
.ua-footer-description { color: var(--muted); line-height: 1.6; }
.ua-footer-menus { flex: 2 1 22rem; display: grid; grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr)); gap: clamp(1rem, 2.5vw, 1.75rem); }
.ua-footer-contact { flex: 1 1 14rem; }
/* 4th column. Just social icons by default; a vertical column that also stacks
   the store/location extras (directions, hours, contact-us) above the icons when
   this footer is location-aware. */
.ua-footer-socials { flex: 1 1 14rem; display: grid; gap: 1.25rem; align-content: start; }
.ua-footer-menu-section { display: grid; gap: 0.4rem; }
.ua-footer-menu-section h3, .ua-footer-contact h3 { color: var(--universe-color-text); margin: 0; }
.ua-footer-menu-list, .ua-footer-contact-list, .ua-footer-hours { list-style: none; padding: 0; margin: 0; display: grid; gap: 0.35rem; }
/* Footer links reuse the navbar-item element, which is centred by default. In a
   footer column they must read as a clean LEFT-aligned stack sitting directly
   under their header — so flush-start, no inherited centring, and no inline
   padding pushing the label off the column edge. */
.ua-footer-link { justify-self: start; justify-content: flex-start; padding-inline: 0; max-inline-size: 100%; text-align: start; }
.ua-footer-contact { display: grid; gap: 0.5rem; }
.ua-footer-social-links { display: flex; flex-wrap: wrap; gap: 0.55rem; }
/* Store/location extras inside the 4th column. The two action buttons reuse the
   liquid-glass language: hairline border, translucent fill, soft inner light —
   never a bubbly opaque button. The primary (get-directions) carries the gold
   accent on its border + icon so it reads as the column's call to action. */
.ua-footer-location { display: grid; gap: 0.6rem; }
.ua-footer-location h3 { color: var(--universe-color-text); margin: 0; }
.ua-footer-location-address { color: var(--muted); margin: 0; line-height: 1.5; }
.ua-footer-hours-block { display: grid; gap: 0.3rem; }
.ua-footer-hours-head { display: inline-flex; align-items: center; gap: 0.4rem; margin: 0; color: color-mix(in srgb, var(--universe-color-text) 82%, transparent); font-weight: var(--universe-font-weight-display); }
.ua-footer-hours { color: var(--muted); }
.ua-footer-location-action-icon { display: inline-grid; place-items: center; inline-size: 1.05rem; block-size: 1.05rem; flex: 0 0 auto; color: currentColor; }
.ua-footer-location-action-icon svg { display: block; inline-size: 100%; block-size: 100%; }
.ua-footer-location-action { display: inline-flex; align-items: center; gap: 0.5rem; inline-size: fit-content; min-block-size: 2.5rem; padding: 0.45rem 0.85rem; border: var(--universe-elev-2-border); border-radius: 999rem; background: var(--ua-glass-text-led); box-shadow: inset 0 1px 0 color-mix(in srgb, var(--universe-color-text) 14%, transparent), 0 1px 0.125rem color-mix(in srgb, var(--universe-color-background) 22%, transparent); backdrop-filter: var(--ua-glass-frost); -webkit-backdrop-filter: var(--ua-glass-frost); color: var(--universe-color-text); font-weight: var(--universe-font-weight-display); text-decoration: none; transition: border-color .16s ease, background .16s ease, transform .16s ease; }

.ua-footer-location-action-primary { border-color: color-mix(in srgb, var(--universe-color-primary) 40%, transparent); }
.ua-footer-location-action-primary .ua-footer-location-action-icon { color: var(--universe-color-primary); }
/* Get-directions map-app chooser — the trigger is a button styled as the footer
   location pill; the options live on the platform's full-screen focus dialog
   (fade+blur of the page behind comes from the interaction layer), each option a
   generous glass row carrying that map app's real brand mark. */
.ua-directions-trigger { font: inherit; cursor: pointer; }
.ua-directions-dialog .ua-dialog-body { gap: 1rem; max-inline-size: 30rem; justify-self: center; inline-size: 100%; }
.ua-directions-address-row { display: flex; justify-content: flex-start; }
.ua-directions-address { font-weight: var(--universe-font-weight-display); color: var(--universe-color-text); line-height: 1.45; }
.ua-directions-prompt { margin: 0; color: var(--muted); font-size: 0.92rem; }
.ua-directions-options { display: grid; gap: 0.6rem; }
.ua-directions-option { display: flex; align-items: center; gap: 0.8rem; inline-size: 100%; min-block-size: 3.4rem; padding: 0.75rem 1rem; border: var(--universe-elev-2-border); border-radius: 0.85rem; background: var(--ua-glass-text-led); box-shadow: inset 0 1px 0 color-mix(in srgb, var(--universe-color-text) 12%, transparent); backdrop-filter: var(--ua-glass-frost); -webkit-backdrop-filter: var(--ua-glass-frost); color: var(--universe-color-text); font: inherit; font-weight: var(--universe-font-weight-quiet); text-align: start; text-decoration: none; cursor: pointer; transition: border-color .16s ease, background .16s ease, transform .16s ease; }

/* The map-app marks stay monochrome in the text color — brand-accurate shapes,
   no recolored multi-brand confetti; the row, not the logo, carries the accent. */
.ua-directions-option-icon { display: inline-grid; place-items: center; inline-size: 1.35rem; block-size: 1.35rem; flex: 0 0 auto; color: color-mix(in srgb, var(--universe-color-text) 88%, transparent); }
.ua-directions-option-icon svg { display: block; inline-size: 100%; block-size: 100%; }
.ua-directions-option-label { flex: 1 1 auto; }
@media (prefers-reduced-motion: reduce) { .ua-directions-option { transition: none; } }
/* Reusable quick-copy (`ua.copy` / quickCopyNode): the copy icon LEADS the value;
   on tap it morphs into a checkmark (grid-stacked icons cross-fading with a
   gentle counter-rotation), holds a beat, then settles back. */
.ua-copy { position: relative; display: inline-flex; align-items: center; gap: 0.6rem; min-inline-size: 0; }
.ua-copy-button { position: relative; display: inline-grid; place-items: center; inline-size: 2.75rem; min-inline-size: 2.75rem; block-size: 2.75rem; padding: 0; border: var(--universe-elev-2-border); border-radius: 999rem; background: var(--ua-glass-text-led); box-shadow: inset 0 1px 0 color-mix(in srgb, var(--universe-color-text) 14%, transparent); backdrop-filter: var(--ua-glass-frost); -webkit-backdrop-filter: var(--ua-glass-frost); color: var(--universe-color-text); cursor: pointer; transition: border-color .16s ease, background .16s ease; }

.ua-copy-icon { grid-area: 1 / 1; display: inline-grid; place-items: center; inline-size: 1.05rem; block-size: 1.05rem; transition: opacity .26s ease, transform .26s cubic-bezier(.2, .7, .2, 1); }
.ua-copy-icon svg { display: block; inline-size: 100%; block-size: 100%; }
.ua-copy-icon-check { opacity: 0; transform: scale(.45) rotate(-80deg); color: var(--universe-color-primary); }
.ua-copy-button[data-ua-copied="true"] { border-color: color-mix(in srgb, var(--universe-color-primary) 60%, transparent); }
.ua-copy-button[data-ua-copied="true"] .ua-copy-icon-copy { opacity: 0; transform: scale(.45) rotate(80deg); }
.ua-copy-button[data-ua-copied="true"] .ua-copy-icon-check { opacity: 1; transform: none; }
.ua-copy-value { min-inline-size: 0; overflow-wrap: anywhere; }
.ua-copy-announce { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); clip-path: inset(50%); white-space: nowrap; border: 0; }
@media (prefers-reduced-motion: reduce) { .ua-copy-icon, .ua-copy-button { transition: none; } }
.visually-hidden { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); clip-path: inset(50%); white-space: nowrap; border: 0; }
.ua-social-links {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.55rem;
}
/* Footer social marks get the SAME refined liquid-glass treatment as the header
   icon buttons: a hairline border, translucent glass fill, top refraction
   highlight + soft inner shadow — glass-on-glass, not bubbly opaque pills. */
.ua-social-link {
  position: relative;
  display: inline-grid;
  place-items: center;
  width: 2.55rem;
  min-width: 2.55rem;
  height: 2.55rem;
  min-height: 2.55rem;
  border: var(--universe-elev-2-border);
  border-radius: 999rem;
  background: var(--ua-glass-text-led);
  color: var(--universe-color-text, currentColor);
  text-decoration: none;
  overflow: hidden;
  box-shadow:
    inset 0 1px 0 color-mix(in srgb, var(--universe-color-text) 16%, transparent),
    inset 0 -1px 1px color-mix(in srgb, var(--universe-color-background) 20%, transparent),
    inset 0 0 0.6rem color-mix(in srgb, var(--universe-color-text) 5%, transparent),
    0 1px 0.125rem color-mix(in srgb, var(--universe-color-background) 22%, transparent);
  backdrop-filter: var(--ua-glass-frost);
  -webkit-backdrop-filter: var(--ua-glass-frost);
  transition: transform 150ms ease, border-color 150ms ease, background 150ms ease, color 150ms ease, box-shadow 150ms ease;
}

.ua-social-link-icon {
  display: inline-grid;
  place-items: center;
  width: 1.18rem;
  height: 1.18rem;
  z-index: 1;
}
.ua-social-link-icon svg {
  display: block;
  width: 100%;
  height: 100%;
}
.ua-social-link-label {
  z-index: 1;
  font-size: 0.88rem;
  font-weight: var(--universe-font-weight-strong);
}
.ua-social-link-badge {
  z-index: 1;
  font-size: 0.72rem;
  font-weight: var(--universe-font-weight-display-strong);
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
.ua-footer-contact-link { border: 1px solid color-mix(in srgb, var(--universe-color-primary) 28%, transparent); border-radius: 999rem; padding: 0.375rem 0.5625rem; color: inherit; text-decoration: none; }
.ua-scroll-totop { position: fixed; inset-inline-end: 0.5rem; inset-block-end: 0.5rem; z-index: 1000; background: var(--subtle-fill); color: var(--universe-color-text); }
.ua-fs-scrollup { display: grid; gap: 100vh; }
.ua-fs-scrollup-header { position: sticky; top: 0; min-height: 100vh; display: grid; place-items: center; }
.ua-fs-scrollup-row { min-height: 100vh; display: grid; place-items: center; }
.ua-fs-story {
  position: relative;
  isolation: isolate;
  min-height: min(100svh, 52rem);
  display: grid;
  align-items: end;
  overflow: hidden;
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--universe-color-primary) 18%, transparent), transparent 54%),
    color-mix(in srgb, var(--universe-color-background) 92%, var(--universe-color-text) 4%);
  color: var(--universe-color-text);
}
.ua-fs-story-overlay, .ua-fs-media-background { grid-template-areas: "stack"; }
.ua-fs-story-overlay > *, .ua-fs-media-background > * { grid-area: stack; }
.ua-fs-story-split, .ua-fs-story-sticky-side, .ua-fs-media-right, .ua-fs-media-left { grid-template-columns: minmax(0, 1fr) minmax(min(100%, 20rem), 42%); align-items: stretch; gap: clamp(1rem, 3vw, 2rem); padding: clamp(1rem, 3vw, 2rem); }
.ua-fs-media-left .ua-fs-media-frame { order: -1; }
.ua-fs-media-frame { min-width: 0; min-height: 16rem; margin: 0; position: relative; z-index: 0; overflow: hidden; background: color-mix(in srgb, var(--universe-color-text) 8%, transparent); }
.ua-fs-media-background .ua-fs-media-frame { position: absolute; inset: 0; z-index: -2; min-height: 100%; }
/* No tint is painted over the background media — the chosen image/video stays clean and undulled; legibility comes from the frosted-glass content panel, never a scrim over the whole frame. */
.ua-fs-media { width: 100%; max-width: 100%; height: 100%; min-width: 0; object-fit: cover; display: block; }
.ua-fs-media-background .ua-fs-media { width: 100%; height: 100%; min-height: 100%; }
.ua-fs-media-image { object-position: center; }
.ua-fs-content { position: relative; z-index: 1; display: grid; align-content: center; gap: 1rem; width: min(100%, 72rem); padding: clamp(1.25rem, 5vw, 5rem); max-width: 76ch; }
/* Over media, the one contrast layer is frosted glass: a translucent, backdrop-blurred panel BETWEEN the art and the text, tinted no heavier than reading needs — never a gradient scrim across the creative. */
.ua-fs-story-overlay .ua-fs-content, .ua-fs-media-background .ua-fs-content { min-height: 100svh; border-radius: 1rem; background: var(--ua-glass-art-led); backdrop-filter: var(--ua-glass-frost); -webkit-backdrop-filter: var(--ua-glass-frost); }
.ua-fs-story[data-fs-media-type="none"] .ua-fs-content { background: transparent; backdrop-filter: none; -webkit-backdrop-filter: none; }
.ua-fs-content-sticky { position: sticky; top: 0; min-height: 100svh; }
.ua-fs-story-group { min-height: min(80svh, 48rem); display: grid; align-content: center; }
.ua-fs-center { min-height: 100svh; display: grid; place-items: center; text-align: center; padding: clamp(2rem, 6vw, 5rem); }
.ua-fs-columns { display: grid; gap: 1rem; }
.ua-fs-columns-row { min-height: 100svh; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(18rem, 100%), 1fr)); align-items: center; gap: 1rem; padding: clamp(1rem, 4vw, 3rem); }
.ua-fs-column { min-width: 0; }
.ua-accordion { display: grid; gap: 0.5rem; }
.ua-card-simple, .ua-content-section, .ua-report-card { border: 1px solid color-mix(in srgb, var(--universe-color-primary) 22%, var(--universe-color-text) 12%); border-radius: 0.72rem; padding: 0; }
.ua-card-simple, .ua-hcard-simple { position: relative; display: grid; min-width: 0; overflow: hidden; background: linear-gradient(145deg, color-mix(in srgb, var(--universe-color-primary) 8%, transparent), transparent 52%), color-mix(in srgb, var(--universe-color-background) 88%, var(--universe-color-text) 10%); box-shadow: 0 0.9rem 2.6rem color-mix(in srgb, var(--universe-color-background) 34%, transparent); }
.ua-card-simple-content, .ua-hcard-simple-content { position: relative; z-index: 1; display: grid; gap: 0.7rem; padding: clamp(1.1rem, 4vw, 3rem); }
.ua-card-simple-title, .ua-hcard-simple-title { margin: 0; color: var(--universe-color-text); font-family: var(--universe-font-title, var(--universe-font-standard, inherit)); font-size: clamp(1.1rem, 2vw, 1.45rem); font-weight: var(--universe-font-weight-heading); line-height: 1.12; }
.ua-card-simple-body, .ua-hcard-simple-body { display: grid; gap: 0.7rem; min-width: 0; }
.ua-card-simple-content > :first-child, .ua-hcard-simple-content > :first-child { margin-block-start: 0; }
.ua-card-simple-content > :last-child, .ua-hcard-simple-content > :last-child { margin-block-end: 0; }
.ua-card-simple-image { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; display: block; }
.ua-hcard-simple-image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.ua-hcard-simple-content { min-height: 18rem; background: linear-gradient(90deg, color-mix(in srgb, var(--universe-color-background) 82%, transparent), transparent); }
.ua-platform-video, .ua-lottie-dot, .ua-doc-simple { margin: 0; max-width: 100%; }
.ua-cta-section { display: grid; grid-template-columns: minmax(0, 1fr) minmax(min(100%, 14rem), 22rem); gap: clamp(1rem, 3vw, 1.6rem); align-items: center; padding: clamp(1.35rem, 4vw, 3rem); border: 1px solid color-mix(in srgb, var(--universe-color-primary) 30%, transparent); border-radius: 0.85rem; background: linear-gradient(135deg, color-mix(in srgb, var(--universe-color-primary) 16%, transparent), transparent 58%), color-mix(in srgb, var(--universe-color-background) 88%, var(--universe-color-primary) 4%); box-shadow: 0 1rem 2.8rem color-mix(in srgb, var(--universe-color-background) 38%, transparent); }
.ua-cta-section h2 { margin: 0; font-size: clamp(1.65rem, 4vw, 3rem); line-height: 1.02; }
.ua-cta-copy { max-width: 56rem; color: var(--universe-color-muted); font-size: clamp(1rem, 1.5vw, 1.18rem); line-height: 1.5; }
.ua-cta-copy > :first-child { margin-block-start: 0; }
.ua-cta-copy > :last-child { margin-block-end: 0; }
.ua-cta-actions { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 11rem), 1fr)); gap: 0.75rem; width: 100%; inline-size: 100%; min-width: 0; justify-self: stretch; }
.ua-cta-action-slot,
.ua-cta-action-slot uae,
.ua-cta-actions > * { display: block; min-width: 0; width: 100%; inline-size: 100%; }
.ua-cta-actions uae[namespace="ua.button"], .ua-cta-actions .ua-button.ua-fill { width: 100%; inline-size: 100%; }
.ua-cta-action-slot .ua-button, .ua-cta-actions > * > .ua-button, .ua-cta-action.ua-button, .ua-cta-actions .ua-button { min-height: 3rem; border-radius: 0.62rem; font-weight: var(--universe-font-weight-display-strong); }
/* `.ua-platform-video-player` is off this rule and it had to come off. It used to name the bare
   `<video controls>` Platform Video rendered; that element is now ua.media.player ([[D364]]) and the
   class rides on the player's `<figure>`. Forcing `display: block` and `aspect-ratio: 16/9` onto a grid
   CONTAINER squashed its rows — measured: the stage stayed 773px while its row shrank to 677px, so the
   control bar painted 88px on top of the picture. The player sizes itself; `.ua-lottie-poster` is still
   a replaced element and still wants this. */
.ua-lottie-poster { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; display: block; }
.ua-lottie-stage { min-height: 12rem; display: grid; place-items: center; }
.ua-marquee { display: flex; overflow: hidden; gap: 1rem; }
.ua-marquee-group { flex-shrink: 0; display: flex; align-items: center; gap: 1rem; min-width: 100%; animation: ua-marquee-scroll var(--ua-marquee-duration, 15s) linear infinite; }
.ua-marquee-reverse .ua-marquee-group { animation-direction: reverse; }
.ua-marquee-vertical { flex-direction: column; }
.ua-magic-glow { position: relative; isolation: isolate; }
.ua-magic-glow::before { content: ""; position: absolute; inset: -0.125rem; border-radius: inherit; background: var(--ua-glass-text-led); backdrop-filter: var(--ua-glass-frost); -webkit-backdrop-filter: var(--ua-glass-frost); z-index: -1; }
.ua-magic-glow-holster, .home-flashshow { position: relative; }
.home-flashshow-holster { display: grid; }
.home-flashshow-item { grid-area: 1 / 1; }
.ua-alert { border: 0.0625rem solid color-mix(in srgb, var(--universe-color-info) 45%, transparent); border-radius: 0.5rem; padding: 1rem; }
uae[namespace="ua.header"] { display: block; max-width: 100%; min-width: 0; }
.ua-header { display: flex; flex-wrap: wrap; align-items: center; gap: clamp(0.65rem, 1.6vw, 0.9rem); inline-size: 100%; max-inline-size: 100%; padding-block: clamp(0.55rem, 1.6vw, 0.85rem); min-width: 0; }
.ua-header.container-fluid { padding-inline: 0; }
.ua-header-title-holster { display: grid; flex: 1 1 min(100%, 14rem); gap: 0.2rem; min-width: 0; }
.ua-header-title { margin: 0; color: var(--universe-color-text); font-family: var(--universe-font-heading); font-size: clamp(1.2rem, 2.4vw, 1.65rem); font-weight: var(--universe-font-weight-heading); line-height: 1.08; letter-spacing: var(--universe-font-letter-spacing-heading); }
.ua-header-description { margin: 0; color: var(--universe-color-muted); font-size: clamp(0.88rem, 1.7vw, 1rem); line-height: 1.38; }
.ua-header-icon { display: inline-grid; place-items: center; flex: 0 0 auto; inline-size: clamp(2.4rem, 5vw, 3rem); block-size: clamp(2.4rem, 5vw, 3rem); border-radius: 999rem; border: 1px solid color-mix(in srgb, var(--universe-color-primary) 46%, transparent); background: color-mix(in srgb, var(--universe-color-primary) 12%, transparent); color: var(--universe-color-primary-strong); }
.ua-header-icon-glyph { font-size: clamp(1.2rem, 3vw, 1.65rem); line-height: 1; }
.ua-header-icon-glyph svg { display: block; inline-size: 1em; block-size: 1em; overflow: visible; }
.ua-header-image-shell { width: clamp(2.4rem, 5vw, 3rem); flex: 0 0 auto; }
.ua-header-image-shell img { display: block; width: 100%; height: auto; border-radius: 0.45rem; }
.ua-header-tools { display: flex; flex: 0 1 auto; flex-wrap: wrap; justify-content: flex-end; gap: 0.5rem; margin-inline-start: auto; min-width: min-content; max-width: 100%; }
.ua-header-section-shell { display: grid; gap: 0.75rem; }
.ua-accordion, .ua-tabs, .ua-carousel, .ua-list, .ua-code, .ua-quick-bio, .ua-repeater, .ua-collection-order, .ua-chartjs { color: var(--universe-color-text); font-family: var(--universe-font-body); }
.ua-tabs-list, .nav-tabs { display: flex; gap: 0.5rem; flex-wrap: wrap; }
.ua-tab, .nav-link:not(.ua-navbar-item) { border: 0.0625rem solid color-mix(in srgb, var(--universe-color-text) 18%, transparent); border-radius: 0.5rem; padding: 0.5rem 0.75rem; background: color-mix(in srgb, var(--universe-color-background) 88%, var(--universe-color-text) 12%); color: var(--universe-color-text); }

.ua-tab-panel[hidden], .accordion-collapse[hidden] { display: none; }
.accordion-button, .carousel-control-prev, .carousel-control-next, .ua-collection-order-edit-toggle { min-height: 2.75rem; min-inline-size: 2.75rem; }
.ua-dialog-trigger button, .ua-drawer-trigger button, .ua-tooltip-trigger, [data-ua-dialog-trigger] button, [data-ua-drawer-trigger] button { min-block-size: 2.75rem; min-inline-size: 2.75rem; }
.carousel-inner { overflow: hidden; }
.carousel-item { display: none; }
.carousel-item.active { display: block; }
.ua-code-editor-frame { display: grid; overflow: hidden; }
.ua-code-toolbar { justify-content: space-between; }
.ua-code-type-chip {
  display: inline-flex;
  align-items: center;
  min-block-size: 1.55rem;
  border: 1px solid color-mix(in srgb, var(--universe-color-primary) 34%, transparent);
  border-radius: 999rem;
  padding: 0.15rem 0.5rem;
  color: var(--universe-color-primary-strong);
  font-family: var(--universe-font-mono);
  font-size: 0.7rem;
  font-weight: var(--universe-font-weight-display-strong);
}
.ua-code-editor {
  width: 100%;
  min-height: 16rem;
  font-family: var(--universe-font-mono);
  line-height: 1.5;
}
.ua-quick-bio { display: grid; gap: 1rem; }
.ua-quick-bio img { max-width: 100%; height: auto; }
.ua-collection-order { display: flex; flex-direction: column; gap: 1rem; position: relative; min-width: 0; }
.ua-collection-order-toolbar { display: flex; flex-wrap: wrap; align-items: center; gap: 0.75rem; }
.ua-collection-order-toolbar-title { margin: 0; font-size: 1rem; font-family: var(--universe-font-heading); }
.ua-collection-order-search { flex: 1 1 14rem; min-width: 12rem; border: 1px solid var(--line); border-radius: 0.5rem; background: var(--subtle-fill); color: var(--universe-color-text); padding: 0.625rem 0.75rem; }
.ua-collection-toolbar-spacer { flex: 1 1 auto; }
.ua-collection-order-helper { margin: 0; color: var(--muted); font-size: 0.95rem; }
.ua-collection-order-status { min-height: 1.25rem; color: var(--muted); font-size: 0.8125rem; }
.ua-collection-order-status:not(:empty) { display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; padding: 0.65rem 0.8rem; border-radius: 0.75rem; background: var(--ua-glass-text-led); backdrop-filter: var(--ua-glass-frost); -webkit-backdrop-filter: var(--ua-glass-frost); }
.ua-collection-order-status.is-error { color: var(--universe-color-error); }
.ua-collection-order-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr)); gap: 1rem; align-items: stretch; grid-auto-flow: row dense; width: 100%; min-width: 0; }
.ua-collection-order-card-wrap { grid-column: span 1; min-width: 0; transition: transform 140ms ease; }
.ua-collection-order-card-wrap[data-card-size="small"] { grid-column: span 1; }
.ua-collection-order-card-wrap[data-card-size="regular"] { grid-column: span 1; }
.ua-collection-order-card-wrap[data-card-size="wide"], .ua-collection-order-card-wrap[data-card-size="large"] { grid-column: span 2; }
.ua-collection-order-card-wrap[data-card-size="square"] { grid-column: span 2; }
.ua-collection-order-card-wrap[data-card-size="tall"] { grid-row: span 2; }
.ua-collection-order-card-wrap[data-card-size="fullscreen"], .ua-collection-order-card-wrap[data-card-size="full"] { grid-column: span 2; grid-row: span 3; }
.ua-collection-order-card { position: relative; display: flex; flex-direction: column; gap: 0.9rem; height: 100%; min-width: 0; padding: 1rem; border-radius: 1rem; border: var(--universe-elev-2-border); background: var(--ua-glass-text-led); color: var(--universe-color-text); box-shadow: var(--universe-elev-2-shadow); transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease; overflow: hidden; backdrop-filter: var(--ua-glass-frost); }

.ua-collection-order.is-editing .ua-collection-order-card[data-card-locked="true"] { opacity: 0.48; transform: none; cursor: default; }
.ua-collection-order-card[data-card-editing="true"][data-card-locked="false"] { cursor: grab; touch-action: none; user-select: none; -webkit-user-select: none; }

.ua-collection-order-card.is-dragging { opacity: 0.92; transform: scale(0.985); box-shadow: 0 1rem 2.2rem color-mix(in srgb, var(--universe-color-background) 48%, transparent); cursor: grabbing; z-index: 4; }
.ua-collection-order-drag-ghost { pointer-events: none; }
.ua-collection-order-card-wrap[data-card-placeholder="true"] { position: relative; }
.ua-collection-order-drop-slot { height: 100%; border-radius: 1rem; border: 0.14rem dashed color-mix(in srgb, var(--universe-color-primary) 50%, transparent); background: color-mix(in srgb, var(--universe-color-primary) 18%, transparent); box-shadow: inset 0 0 0 0.08rem color-mix(in srgb, var(--universe-color-background) 75%, transparent); }
.ua-collection-order-card-top { display: flex; align-items: flex-start; gap: 0.75rem; }
.ua-collection-order-icon { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 2.75rem; height: 2.75rem; border-radius: 0.8rem; background: color-mix(in srgb, var(--universe-color-primary) 14%, transparent); color: var(--universe-color-primary); font-size: 1.25rem; flex: 0 0 auto; overflow: hidden; }
.ua-collection-order-icon img { width: 100%; height: 100%; object-fit: cover; border-radius: inherit; }
.ua-collection-order-card-copy { display: flex; flex-direction: column; gap: 0.35rem; min-width: 0; flex: 1 1 auto; }
.ua-collection-order-overline, .ua-collection-order-preview-label { font-size: 0.72rem; font-weight: var(--universe-font-weight-strong); letter-spacing: 0.08em; text-transform: uppercase; color: var(--muted); }
.ua-collection-order-title-row { display: flex; align-items: flex-start; gap: 0.5rem; justify-content: space-between; }
.ua-collection-order-title { font-size: 1rem; font-weight: var(--universe-font-weight-strong); line-height: 1.25; margin: 0; overflow-wrap: break-word; }
.ua-collection-order-description { margin: 0; font-size: 0.92rem; color: var(--muted); overflow-wrap: break-word; }
.ua-collection-order-meta { display: flex; align-items: center; gap: 0.5rem; flex-wrap: wrap; margin-top: auto; font-size: 0.82rem; color: var(--muted); }
.ua-collection-order-preview { position: relative; display: flex; flex-direction: column; gap: 0.5rem; min-height: 8.25rem; padding: 0.95rem 1rem; border-radius: 0.9rem; background: color-mix(in srgb, var(--universe-color-text) 8%, transparent); border: 1px solid color-mix(in srgb, var(--universe-color-text) 10%, transparent); }
.ua-collection-order-preview[data-preview-kind="quick-actions"], .ua-collection-order-preview[data-preview-kind="award"], .ua-collection-order-preview[data-preview-kind="image"], .ua-collection-order-preview[data-preview-kind="image-rotator"], .ua-collection-order-preview[data-preview-kind="video"] { min-height: 9rem; }
.ua-collection-order-preview-card-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 0.75rem; }
.ua-collection-order-preview-card-title { margin: 0; font-size: 0.82rem; font-weight: var(--universe-font-weight-strong); letter-spacing: 0.06em; text-transform: uppercase; color: var(--muted); }
.ua-collection-order-preview-value { font-size: 1.65rem; font-weight: var(--universe-font-weight-display-strong); line-height: 1.05; overflow-wrap: break-word; }
.ua-collection-order-storage-row { display: flex; justify-content: space-between; align-items: flex-end; gap: 1rem; }
.ua-collection-order-storage-row > span { display: grid; gap: 0.2rem; }
.ua-collection-order-progress { height: 0.55rem; border-radius: 999rem; overflow: hidden; background: color-mix(in srgb, var(--universe-color-text) 18%, transparent); }
.ua-collection-order-progress span { display: block; height: 100%; background: var(--universe-color-primary); }
.ua-collection-order-postcard-actions { display: flex; flex-wrap: wrap; gap: 0.45rem; margin-top: auto; }
.ua-collection-order-postcard-action { display: inline-grid; place-items: center; width: 2rem; height: 2rem; border-radius: 999rem; border: 1px solid color-mix(in srgb, var(--universe-color-primary) 32%, transparent); background: color-mix(in srgb, var(--universe-color-primary) 14%, transparent); color: var(--universe-color-primary); font-weight: var(--universe-font-weight-display-strong); }
.ua-collection-order-award-mark { display: inline-grid; place-items: center; width: 3rem; height: 3rem; border-radius: 999rem; background: color-mix(in srgb, var(--universe-color-primary) 18%, transparent); color: var(--universe-color-primary); font-size: 1.55rem; box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--universe-color-primary) 30%, transparent); }
.ua-collection-order-postcard-media { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0.55; }
.ua-collection-order-postcard-media ~ * { position: relative; z-index: 1; }
.ua-collection-order-badge { display: inline-flex; align-items: center; padding: 0.18rem 0.55rem; border-radius: 999rem; background: color-mix(in srgb, var(--universe-color-primary) 18%, transparent); color: var(--universe-color-text); font-size: 0.74rem; font-weight: var(--universe-font-weight-strong); }
.ua-collection-order-actions, .ua-collection-order-adornment-actions { display: inline-flex; align-items: center; gap: 0.35rem; flex-wrap: wrap; margin-top: auto; }
.ua-collection-order-adornment-actions { position: absolute; top: 0.7rem; right: 0.7rem; z-index: 3; }
.ua-collection-order-adornment-actions[data-adornment-position="bottom"] { top: auto; bottom: 0.7rem; }
.ua-collection-order-action, .ua-collection-order-move, .ua-collection-order-remove, .ua-collection-order-save, .ua-collection-order-edit-toggle, .ua-collection-order-open-link { display: inline-flex; align-items: center; justify-content: center; min-width: 2rem; min-height: 2rem; padding: 0.35rem 0.55rem; border-radius: 999rem; border: 1px solid color-mix(in srgb, var(--universe-color-text) 14%, transparent); background: color-mix(in srgb, var(--universe-color-background) 82%, transparent); color: var(--universe-color-text); text-decoration: none; font: inherit; font-weight: var(--universe-font-weight-strong); }
.ua-collection-order-save { background: var(--universe-color-primary); color: var(--universe-color-background); border-color: var(--universe-color-primary); }
.ua-collection-order[data-ua-editing="false"] .ua-collection-order-move,
.ua-collection-order[data-ua-editing="false"] .ua-collection-order-remove,
.ua-collection-order[data-ua-editing="false"] .ua-collection-order-save,
.ua-collection-order[data-ua-editing="false"][data-collection-pin-visibility="edit"] .ua-collection-order-action {
  display: none;
}
.ua-collection-order-lock { position: absolute; top: 0.7rem; right: 0.7rem; display: inline-flex; align-items: center; justify-content: center; width: 1.7rem; height: 1.7rem; border-radius: 999rem; background: color-mix(in srgb, var(--universe-color-text) 16%, transparent); color: var(--muted); font-size: 0.82rem; z-index: 2; }
.ua-collection-order-empty { grid-column: 1 / -1; padding: 1.25rem; border-radius: 1rem; border: 1px dashed color-mix(in srgb, var(--universe-color-text) 18%, transparent); background: color-mix(in srgb, var(--universe-color-background) 78%, transparent); color: var(--universe-color-text); }
.ua-collection-order-empty.d-none { display: none; }
.ua-collection-order-sentinel { grid-column: 1 / -1; height: 1px; }
@media (max-width: 900px) {
  .ua-collection-order-grid { grid-template-columns: minmax(0, 1fr); }
  .ua-collection-order-card-wrap { grid-column: 1 / -1; }
  .ua-collection-order-toolbar { align-items: stretch; }
  .ua-collection-order-search { min-width: 0; width: 100%; }
}
@media (max-width: 900px) {
  .ua-collection-order[data-collection-mobile-density="compact"],
  .ua-collection-order[data-collection-mobile-density="dense"] {
    gap: 0.7rem;
  }
  .ua-collection-order[style*="--ua-collection-mobile-columns"] .ua-collection-order-grid {
    grid-template-columns: repeat(var(--ua-collection-mobile-columns, 1), minmax(0, 1fr));
  }
  .ua-collection-order[data-collection-mobile-density="compact"] .ua-collection-order-grid {
    gap: 0.62rem;
    align-items: stretch;
  }
  .ua-collection-order[data-collection-mobile-density="dense"] .ua-collection-order-grid {
    gap: 0.45rem;
    align-items: stretch;
  }
  .ua-collection-order[style*="--ua-collection-mobile-columns"] .ua-collection-order-card-wrap,
  .ua-collection-order[style*="--ua-collection-mobile-columns"] .ua-collection-order-card-wrap[data-card-size],
  .ua-collection-order[style*="--ua-collection-mobile-columns"] .ua-collection-order-card-wrap[data-card-size="wide"],
  .ua-collection-order[style*="--ua-collection-mobile-columns"] .ua-collection-order-card-wrap[data-card-size="square"],
  .ua-collection-order[style*="--ua-collection-mobile-columns"] .ua-collection-order-card-wrap[data-card-size="tall"],
  .ua-collection-order[style*="--ua-collection-mobile-columns"] .ua-collection-order-card-wrap[data-card-size="fullscreen"] {
    grid-column: span 1;
    grid-row: span 1;
  }
  .ua-collection-order[data-collection-mobile-density="compact"] .ua-collection-order-card,
  .ua-collection-order[data-collection-mobile-density="dense"] .ua-collection-order-card {
    min-height: var(--ua-collection-mobile-card-min-height, auto);
    padding: 0.72rem;
    gap: 0.55rem;
    border-radius: 0.82rem;
  }
  .ua-collection-order[data-collection-mobile-density="dense"] .ua-collection-order-card {
    padding: 0.58rem;
    gap: 0.42rem;
  }
  .ua-collection-order[data-collection-hide-card-copy-mobile="true"] .ua-collection-order-card-top,
  .ua-collection-order[data-collection-hide-card-copy-mobile="true"] .ua-collection-order-description,
  .ua-collection-order[data-collection-hide-card-copy-mobile="true"] .ua-collection-order-helper {
    display: none;
  }
  .ua-collection-order[data-collection-mobile-density="compact"] .ua-collection-order-preview,
  .ua-collection-order[data-collection-mobile-density="dense"] .ua-collection-order-preview {
    min-height: var(--ua-collection-mobile-preview-min-height, 7rem);
    height: 100%;
    padding: 0.68rem;
    gap: 0.38rem;
    border-radius: 0.72rem;
  }
  .ua-collection-order[data-collection-mobile-density="dense"] .ua-collection-order-preview {
    padding: 0.55rem;
    gap: 0.3rem;
  }
  .ua-collection-order[data-collection-mobile-density="compact"] .ua-collection-order-preview[data-preview-kind="quick-actions"],
  .ua-collection-order[data-collection-mobile-density="compact"] .ua-collection-order-preview[data-preview-kind="award"],
  .ua-collection-order[data-collection-mobile-density="compact"] .ua-collection-order-preview[data-preview-kind="image"],
  .ua-collection-order[data-collection-mobile-density="compact"] .ua-collection-order-preview[data-preview-kind="image-rotator"],
  .ua-collection-order[data-collection-mobile-density="compact"] .ua-collection-order-preview[data-preview-kind="video"],
  .ua-collection-order[data-collection-mobile-density="dense"] .ua-collection-order-preview[data-preview-kind="quick-actions"],
  .ua-collection-order[data-collection-mobile-density="dense"] .ua-collection-order-preview[data-preview-kind="award"],
  .ua-collection-order[data-collection-mobile-density="dense"] .ua-collection-order-preview[data-preview-kind="image"],
  .ua-collection-order[data-collection-mobile-density="dense"] .ua-collection-order-preview[data-preview-kind="image-rotator"],
  .ua-collection-order[data-collection-mobile-density="dense"] .ua-collection-order-preview[data-preview-kind="video"] {
    min-height: var(--ua-collection-mobile-preview-min-height, 7rem);
  }
  .ua-collection-order[data-collection-mobile-density="compact"] .ua-collection-order-preview-card-title,
  .ua-collection-order[data-collection-mobile-density="compact"] .ua-collection-order-preview-label,
  .ua-collection-order[data-collection-mobile-density="dense"] .ua-collection-order-preview-card-title,
  .ua-collection-order[data-collection-mobile-density="dense"] .ua-collection-order-preview-label {
    font-size: 0.58rem;
    letter-spacing: 0.04em;
  }
  .ua-collection-order[data-collection-mobile-density="compact"] .ua-collection-order-preview-value,
  .ua-collection-order[data-collection-mobile-density="dense"] .ua-collection-order-preview-value {
    font-size: clamp(1.05rem, 6.2vw, 1.42rem);
  }
  .ua-collection-order[data-collection-mobile-density="compact"] .ua-collection-order-storage-row,
  .ua-collection-order[data-collection-mobile-density="dense"] .ua-collection-order-storage-row {
    display: grid;
    gap: 0.35rem;
  }
  .ua-collection-order[data-collection-mobile-density="compact"] .ua-collection-order-adornment-actions,
  .ua-collection-order[data-collection-mobile-density="dense"] .ua-collection-order-adornment-actions {
    right: 0.45rem;
    bottom: 0.45rem;
  }
  .ua-collection-order[data-collection-mobile-density="compact"] .ua-collection-order-open-link,
  .ua-collection-order[data-collection-mobile-density="compact"] .ua-collection-order-action,
  .ua-collection-order[data-collection-mobile-density="compact"] .ua-collection-order-move,
  .ua-collection-order[data-collection-mobile-density="compact"] .ua-collection-order-remove,
  .ua-collection-order[data-collection-mobile-density="dense"] .ua-collection-order-open-link,
  .ua-collection-order[data-collection-mobile-density="dense"] .ua-collection-order-action,
  .ua-collection-order[data-collection-mobile-density="dense"] .ua-collection-order-move,
  .ua-collection-order[data-collection-mobile-density="dense"] .ua-collection-order-remove {
    width: 1.8rem;
    min-width: 1.8rem;
    min-height: 1.8rem;
    padding: 0;
  }
}
/* Living-widget feed (ua.feed) — the scrolling feed of glass notification widgets. */
.ua-feed { display: block; width: 100%; max-width: 46rem; margin-inline: auto; }
.ua-feed-masthead { display: flex; align-items: center; flex-wrap: wrap; gap: 0.5rem 0.75rem; padding: 0.25rem 0.25rem 1rem; }
.ua-feed-title { margin: 0; font-size: clamp(1.25rem, 3.4vw, 1.7rem); font-weight: var(--universe-font-weight-display-strong); letter-spacing: -0.01em; }
.ua-feed-lede { flex-basis: 100%; margin: 0; color: var(--muted); font-size: 0.95rem; }
.ua-feed-live-dot { inline-size: 0.55rem; block-size: 0.55rem; border-radius: 999rem; background: var(--universe-color-primary); box-shadow: 0 0 0 0 color-mix(in srgb, var(--universe-color-primary) 60%, transparent); animation: ua-feed-pulse 2.6s ease-out infinite; }
@keyframes ua-feed-pulse { 0% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--universe-color-primary) 55%, transparent); } 70% { box-shadow: 0 0 0 0.5rem color-mix(in srgb, var(--universe-color-primary) 0%, transparent); } 100% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--universe-color-primary) 0%, transparent); } }
.ua-feed-track { list-style: none; margin: 0; padding: 0.25rem; display: flex; flex-direction: column; gap: 1.1rem; scroll-snap-type: y proximity; max-block-size: min(82dvh, 56rem); overflow-y: auto; overscroll-behavior: contain; scroll-padding-block-start: 0.5rem; }
.ua-feed-slot { scroll-snap-align: start; }
.ua-feed-card { position: relative; display: flex; flex-direction: column; gap: 0.85rem; min-block-size: clamp(13rem, 42dvh, 22rem); padding: clamp(1.1rem, 3.5vw, 1.6rem); overflow: clip; border-radius: 1.25rem; border: var(--universe-elev-2-border); background: var(--ua-glass-art-led); box-shadow: var(--universe-elev-3-shadow); backdrop-filter: var(--ua-glass-frost); -webkit-backdrop-filter: var(--ua-glass-frost); animation: ua-feed-rise 0.5s cubic-bezier(0.22, 1, 0.36, 1) both; }
@keyframes ua-feed-rise { from { opacity: 0; transform: translateY(0.9rem) scale(0.992); } to { opacity: 1; transform: none; } }

.ua-feed-card[data-read-state="dismissed"] { opacity: 0.62; }
.ua-feed-card-head { display: flex; align-items: center; gap: 0.55rem; }
.ua-feed-card-overline { font-size: 0.72rem; font-weight: var(--universe-font-weight-strong); letter-spacing: 0.09em; text-transform: uppercase; color: var(--muted); }
.ua-feed-card-badge { display: inline-flex; align-items: center; padding: 0.16rem 0.55rem; border-radius: 999rem; background: color-mix(in srgb, var(--universe-color-primary) 18%, transparent); color: var(--universe-color-text); font-size: 0.72rem; font-weight: var(--universe-font-weight-strong); }
.ua-feed-card-spacer { flex: 1 1 auto; }
.ua-feed-card-unread { inline-size: 0.5rem; block-size: 0.5rem; border-radius: 999rem; background: var(--universe-color-primary); box-shadow: 0 0 0.55rem color-mix(in srgb, var(--universe-color-primary) 55%, transparent); }
.ua-feed-card-time { font-size: 0.74rem; color: var(--muted); font-variant-numeric: tabular-nums; white-space: nowrap; }
.ua-feed-card-body { flex: 1 1 auto; display: flex; flex-direction: column; justify-content: center; min-block-size: 0; }
.ua-feed-card-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 0.45rem; margin-block-start: auto; }
.ua-feed-action-form { display: inline-flex; align-items: center; gap: 0.3rem; margin: 0; }
.ua-feed-action { display: inline-flex; align-items: center; gap: 0.4rem; min-block-size: 2.2rem; padding: 0.4rem 0.85rem; border-radius: 999rem; border: 1px solid color-mix(in srgb, var(--universe-color-text) 14%, transparent); background: color-mix(in srgb, var(--universe-color-background) 80%, transparent); color: var(--universe-color-text); font: inherit; font-size: 0.86rem; font-weight: var(--universe-font-weight-strong); text-decoration: none; cursor: pointer; transition: border-color 0.16s ease, background 0.16s ease, transform 0.16s ease; }

.ua-feed-action:disabled { opacity: 0.5; cursor: default; transform: none; }
.ua-feed-action-icon { font-size: 0.95rem; line-height: 1; }
.ua-feed-action-status { font-size: 0.74rem; color: var(--muted); }
.ua-feed-card--empty { align-items: center; justify-content: center; text-align: center; gap: 0.55rem; border-style: dashed; background: color-mix(in srgb, var(--universe-color-background) 50%, transparent); }
.ua-feed-empty-mark { font-size: 1.8rem; color: var(--universe-color-primary); }

/* widget-notification-postcard-system — shared postcard CHROME (operator 2026-06-15).
   Promoted chip bottom-LEFT (glass, FTC-clear), brand/profile logo bottom-RIGHT slightly off-card,
   2x4 autoplay-muted video, and grid sizes (1x1=4:5 portrait base). Larger multi-cell tiles get a
   structural grid span; their internal composition awaits an operator design study (flagged). */
.ua-feed-card-promoted { position: absolute; left: 0.7rem; bottom: 0.7rem; z-index: 2; padding: 0.2rem 0.6rem; border-radius: 999rem; font-size: 0.7rem; font-weight: var(--universe-font-weight-strong); letter-spacing: 0.02em; color: var(--universe-color-text); background: var(--ua-glass-art-led); border: var(--universe-elev-2-border); backdrop-filter: var(--ua-glass-frost); -webkit-backdrop-filter: var(--ua-glass-frost); }
.ua-feed-card-logo { position: absolute; right: -0.55rem; bottom: -0.55rem; z-index: 2; width: 2.4rem; height: 2.4rem; display: grid; place-items: center; border-radius: 0.7rem; overflow: hidden; background: color-mix(in srgb, var(--universe-color-background) 80%, transparent); border: 1px solid color-mix(in srgb, var(--universe-color-text) 14%, transparent); box-shadow: 0 0.4rem 1rem color-mix(in srgb, var(--universe-color-background) 40%, transparent); }
.ua-feed-card-logo-img { width: 100%; height: 100%; object-fit: cover; }
.ua-feed-card-logo-mark { font-weight: var(--universe-font-weight-strong); font-size: 0.85rem; text-transform: uppercase; color: var(--universe-color-text); }
/* The video postcard fills the card (the 2x4 full-screen video tile); autoplay-muted-loop via the
   client when scrolled into view. 4:5 portrait base for image/video media. */
.ua-feed-card .ua-feed-postcard-media, .ua-feed-card .ua-feed-postcard-video { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; border-radius: 0.8rem; display: block; background: color-mix(in srgb, var(--universe-color-text) 90%, var(--universe-color-background)); }
.ua-feed-card-2x4 .ua-feed-postcard-video, .ua-feed-card-2x4 .ua-feed-postcard-media { aspect-ratio: 9 / 16; }
/* Grid sizes — spans for a CSS-grid feed/home (the home applies grid-template-columns). 1x1 = 4:5. */
.ua-feed-card-1x1 { grid-row: span 1; grid-column: span 1; }
.ua-feed-card-1x2 { grid-column: span 2; }
.ua-feed-card-1x3 { grid-column: span 3; }
.ua-feed-card-2x1 { grid-row: span 2; }
.ua-feed-card-2x2 { grid-row: span 2; grid-column: span 2; }
.ua-feed-card-2x3 { grid-row: span 2; grid-column: span 3; }
.ua-feed-card-2x4 { grid-row: span 2; grid-column: span 4; }
/* Mobile home view is a 2-column postcard grid (the "mobile home = 2x4 grid" feed). */
@media (max-width: 48rem) {
  .ua-feed-track[data-postcard-grid="true"] { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0.7rem; }
  .ua-feed-card-1x2, .ua-feed-card-1x3, .ua-feed-card-2x2, .ua-feed-card-2x3, .ua-feed-card-2x4 { grid-column: span 2; }
}
.ua-feed-empty-title { margin: 0; font-size: 1.05rem; font-weight: var(--universe-font-weight-display-strong); }
.ua-feed-empty-copy { margin: 0; max-width: 26rem; color: var(--muted); font-size: 0.92rem; }
/* feed postcard widget body (shared engine, prefix ua-feed-card) — transparent over the card glass */
.ua-feed-card-preview { position: relative; display: flex; flex-direction: column; gap: 0.55rem; }
.ua-feed-card-preview-card-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 0.75rem; }
.ua-feed-card-preview-card-title { margin: 0; font-size: 0.8rem; font-weight: var(--universe-font-weight-strong); letter-spacing: 0.06em; text-transform: uppercase; color: var(--muted); }
.ua-feed-card-preview-value { font-size: clamp(1.8rem, 6vw, 2.6rem); font-weight: var(--universe-font-weight-display-strong); line-height: 1.04; letter-spacing: -0.01em; overflow-wrap: break-word; }
.ua-feed-card-preview-label { font-size: 0.78rem; font-weight: var(--universe-font-weight-display); letter-spacing: 0.06em; text-transform: uppercase; color: var(--muted); }
.ua-feed-card-description { margin: 0; font-size: 1rem; color: color-mix(in srgb, var(--universe-color-text) 88%, transparent); overflow-wrap: break-word; }
.ua-feed-card-storage-row { display: flex; gap: 1.5rem; flex-wrap: wrap; }
.ua-feed-card-storage-row > span { display: grid; gap: 0.15rem; }
.ua-feed-card-progress { height: 0.6rem; border-radius: 999rem; overflow: hidden; background: color-mix(in srgb, var(--universe-color-text) 16%, transparent); }
.ua-feed-card-progress span { display: block; height: 100%; background: var(--universe-color-primary); }
.ua-feed-card-award-mark { display: inline-grid; place-items: center; width: 3.3rem; height: 3.3rem; border-radius: 999rem; background: color-mix(in srgb, var(--universe-color-primary) 18%, transparent); color: var(--universe-color-primary); font-size: 1.7rem; box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--universe-color-primary) 30%, transparent); }
.ua-feed-card-postcard-actions { display: inline-flex; gap: 0.4rem; flex-wrap: wrap; }
.ua-feed-card-postcard-action { display: inline-flex; align-items: center; justify-content: center; min-width: 2.1rem; min-height: 2.1rem; padding: 0.3rem 0.5rem; border-radius: 999rem; border: 1px solid color-mix(in srgb, var(--universe-color-text) 14%, transparent); background: color-mix(in srgb, var(--universe-color-background) 78%, transparent); font-weight: var(--universe-font-weight-strong); }
.ua-feed-card-postcard-media { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0.5; border-radius: inherit; }
.ua-feed-card-postcard-media ~ * { position: relative; z-index: 1; }
.ua-feed-card--image, .ua-feed-card--image-rotator, .ua-feed-card--video { color: var(--universe-color-text); }
/* Over the card's chosen image/video, legibility is a frosted-glass legibility layer anchored under the
   text — a translucent, backdrop-blurred sheet between the art and the copy, never a gradient fade that
   dims the whole creative. The art above the panel stays clean. */
.ua-feed-card--image::after, .ua-feed-card--image-rotator::after, .ua-feed-card--video::after { content: ""; position: absolute; inset-inline: 0; inset-block-end: 0; block-size: 62%; border-end-start-radius: inherit; border-end-end-radius: inherit; background: var(--ua-glass-art-led); backdrop-filter: var(--ua-glass-frost); -webkit-backdrop-filter: var(--ua-glass-frost); -webkit-mask-image: linear-gradient(to top, var(--universe-color-text) 64%, transparent); mask-image: linear-gradient(to top, var(--universe-color-text) 64%, transparent); z-index: 0; }
.ua-feed-card--image > *, .ua-feed-card--image-rotator > *, .ua-feed-card--video > * { position: relative; z-index: 1; }
@media (max-width: 720px) {
  .ua-feed-track { max-block-size: none; overflow: visible; gap: 0.85rem; }
  .ua-feed-card { min-block-size: clamp(11rem, 56dvh, 20rem); border-radius: 1.05rem; }
}
@media (prefers-reduced-motion: reduce) {
  .ua-feed-card { animation: none; }
  .ua-feed-live-dot { animation: none; }

}
.ua-chartjs canvas { width: 100%; min-height: 16rem; }
.ua-address-control, .ua-phone-control, .ua-agreement-control, .ua-address-list, .ua-address-show, .ua-getdirections, .ua-notification-icon, .checkout-preview { color: var(--universe-color-text); font-family: var(--universe-font-body); }
.ua-address-control { gap: 0.5rem; }
.ua-address-lines { display: grid; gap: 0.125rem; font-style: normal; }
.ua-address-list { display: grid; gap: 1rem; }
.ua-address-list-items { display: grid; gap: 0.75rem; }
.ua-address-show, .checkout-preview-cart, .ua-agreement-control { border: 1px solid var(--line); border-radius: 0.5rem; background: var(--subtle-fill); padding: 1rem; }
.ua-phone-control { gap: 0.375rem; }
.ua-getdirections { display: inline-flex; align-items: center; gap: 0.375rem; color: var(--universe-color-primary); text-decoration: underline; text-underline-position: under; }
.ua-agreement-body { margin-block-end: 0.75rem; }
.ua-agreement-check { display: flex; align-items: flex-start; gap: 0.5rem; }
.ua-notification-icon { position: relative; display: inline-flex; align-items: center; justify-content: center; min-width: 1.5rem; min-height: 1.5rem; }
.ua-notification-count { position: absolute; inset-block-start: -0.35rem; inset-inline-end: -0.55rem; min-width: 1.1rem; border-radius: 62.4375rem; background: var(--universe-color-error); color: var(--universe-color-background); font-size: 0.6875rem; line-height: 1; padding: 0.2rem 0.3rem; text-align: center; }
.checkout-preview { display: grid; gap: 1rem; border: 1px solid var(--line); border-radius: 0.5rem; padding: 1rem; }
.checkout-preview-header, .checkout-preview-line { display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; }
.checkout-preview-lines { display: grid; gap: 0.5rem; list-style: none; margin: 0.75rem 0; padding: 0; }
.checkout-preview-total, .checkout-preview-cart-total { color: var(--universe-color-primary); }
.ua-page-type { color: var(--universe-color-text); font-family: var(--universe-font-body); }
.ua-page-type-hero { display: grid; gap: clamp(0.75rem, 2vw, 1.25rem); padding: clamp(1.5rem, 5vw, 4rem) 0; }
.ua-page-type-label, .ua-page-preview-label { color: var(--universe-color-primary); font-size: 0.8125rem; font-weight: var(--universe-font-weight-display); letter-spacing: 0; text-transform: uppercase; }
.ua-page-type-description { max-width: 62ch; color: var(--muted); }
/* The still. `> img`/`> video` rather than a descendant match, because the hero's playable media is now
   ua.media.player ([[D364]]) and it owns a `<video>` of its own — a bare descendant selector would have
   reached inside the player and cropped its picture to a 16/9 cover box. */
.ua-page-type-hero > img, .ua-page-type-hero > video { width: 100%; max-height: min(72svh, 42rem); aspect-ratio: 16 / 9; object-fit: cover; border-radius: 0.5rem; border: 1px solid var(--line); }
.ua-page-type-hero .ua-page-media-player { max-block-size: min(72svh, 42rem); }
.ua-page-preview { display: grid; grid-template-columns: minmax(8rem, 32%) minmax(0, 1fr); gap: 1rem; align-items: stretch; overflow: hidden; border: 1px solid var(--line); border-radius: 0.5rem; background: var(--subtle-fill); color: var(--universe-color-text); font-family: var(--universe-font-body); }
.ua-page-preview-media { min-width: 0; background: color-mix(in srgb, var(--universe-color-background) 88%, var(--universe-color-text) 12%); }
.ua-page-preview-media > img, .ua-page-preview-media > video { width: 100%; height: 100%; min-height: 10rem; object-fit: cover; display: block; }
/* An UNLINKED preview card carries the real player; a linked one carries a still, because interactive
   content cannot live inside the card's `<a>`. */
.ua-page-preview-media .ua-page-media-player { block-size: 100%; border: none; border-radius: 0; }
.ua-page-preview-media .ua-page-media-player .ua-mp-stage { block-size: 100%; }
.ua-page-preview-copy { display: grid; align-content: center; gap: 0.5rem; padding: clamp(1rem, 3vw, 1.5rem); min-width: 0; }
.ua-page-preview-copy h3 { margin: 0; font-family: var(--universe-font-heading); line-height: var(--universe-font-line-height-heading); overflow-wrap: anywhere; }
.ua-page-preview-copy p { margin: 0; color: var(--muted); }
.ua-page-preview-meta { font-size: 0.8125rem; }
.ua-page-preview-price { font-size: 1.05rem; font-weight: var(--universe-font-weight-strong); color: var(--universe-color-text); }
a.ua-page-preview-link { text-decoration: none; transition: transform 200ms ease, border-color 200ms ease, box-shadow 200ms ease; }

.ua-preview { color: var(--muted); }
.ua-element-placeholder, .ua-element-error, .ua-element-validation-error, .ua-element-server-not-supported { border: 1px solid color-mix(in srgb, var(--universe-color-primary) 34%, transparent); border-radius: 0.5rem; padding: 0.75rem; background: var(--subtle-fill); }
.ua-element-error, .ua-element-validation-error { border-color: var(--universe-color-error); }
.ua-element-scripts { display: none; }
.ua-schema-editor { display: grid; gap: 0.875rem; }
.ua-schema-editor-tabs { display: flex; flex-wrap: wrap; gap: 0.5rem; }
.ua-schema-editor-tab { display: inline-flex; align-items: center; justify-content: center; gap: 0.42rem; min-block-size: 2.35rem; border: 1px solid color-mix(in srgb, var(--universe-color-primary) 26%, var(--line)); border-radius: 0.55rem; background: color-mix(in srgb, var(--universe-color-surface) 78%, transparent); color: var(--universe-color-text); padding: 0.38rem 0.68rem; font-weight: var(--universe-font-weight-display-strong); cursor: pointer; }

.ua-schema-editor-tab-icon { display: inline-grid; place-items: center; inline-size: 1.45rem; block-size: 1.45rem; border-radius: 0.4rem; background: color-mix(in srgb, var(--universe-color-primary) 16%, transparent); color: var(--universe-color-primary-strong); line-height: 1; }
.ua-schema-editor-tab-icon svg { display: block; inline-size: 1rem; block-size: 1rem; }
.ua-schema-editor-tab-label { display: inline; min-width: 0; font-size: 0.82rem; overflow-wrap: anywhere; }
.ua-schema-field-search { width: 100%; border: 1px solid var(--line); border-radius: 0.5rem; background: var(--subtle-fill); color: var(--universe-color-text); padding: 0.625rem 0.75rem; font-family: var(--universe-font-body); }
.ua-schema-editor-fields { display: grid; gap: 0.75rem; max-height: min(70svh, 42rem); overflow: auto; scrollbar-color: var(--universe-color-primary) transparent; padding-inline-end: 0.25rem; }
.ua-schema-editor-field { display: grid; gap: 0.5rem; border: 1px solid color-mix(in srgb, var(--universe-color-primary) 24%, var(--line)); border-radius: 0.5rem; padding: 0.75rem; background: color-mix(in srgb, var(--universe-color-surface) 88%, var(--universe-color-primary) 12%); }
.ua-schema-editor-field-heading { display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; min-width: 0; }
.ua-schema-editor-field-title { font-weight: var(--universe-font-weight-display); min-width: 0; overflow-wrap: anywhere; }
.ua-schema-editor-field-type, .ua-schema-editor-child-summary { color: var(--muted); font-size: 0.8125rem; }
.ua-schema-editor-structured-shell { display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; min-width: 0; }
.form-group { display: grid; gap: 0.375rem; }
.form-control { width: 100%; min-width: 0; border: 1px solid var(--line); border-radius: 0.5rem; background: var(--subtle-fill); color: var(--universe-color-text); padding: 0.625rem 0.75rem; font: inherit; }
.form-text { color: var(--muted); font-size: 0.8125rem; }
.input-group { display: flex; align-items: stretch; width: 100%; }
.input-group > .form-control { flex: 1 1 auto; min-width: 0; }
.input-group-prepend { display: flex; }
.input-group-text { display: inline-flex; align-items: center; border: 1px solid var(--line); border-inline-end: 0; border-radius: 0.5rem 0 0 0.5rem; background: var(--subtle-fill); color: var(--muted); padding: 0.625rem 0.75rem; }
.input-icon-block { min-width: 2.5rem; justify-content: center; }
.rounded-0 { border-radius: 0 !important; }
.rounded-start { border-start-start-radius: 0.5rem !important; border-end-start-radius: 0.5rem !important; }
.pb-2 { padding-bottom: 0.5rem !important; }
.pb-3 { padding-bottom: 1rem !important; }
.fs-4 { font-size: 1.5rem !important; }
.ua-incenter, [ua-incenter="true"] { margin-inline: auto; justify-self: center; }
.ua-surface-blur, [ua-surface="blur"] { backdrop-filter: var(--ua-glass-frost); -webkit-backdrop-filter: var(--ua-glass-frost); background: var(--ua-glass-art-led) !important; }
.ua-surface-blur-50, [ua-surface="blur-50"] { backdrop-filter: var(--ua-glass-frost); -webkit-backdrop-filter: var(--ua-glass-frost); background: var(--ua-glass-art-led) !important; }
.ua-surface-blur-75, [ua-surface="blur-75"] { backdrop-filter: var(--ua-glass-frost); -webkit-backdrop-filter: var(--ua-glass-frost); background: var(--ua-glass-art-led) !important; }
.ua-surface-soft, [ua-surface="soft"] { background: var(--ua-glass-text-led) !important; backdrop-filter: var(--ua-glass-frost); -webkit-backdrop-filter: var(--ua-glass-frost); }
.ua-surface-soft-50, [ua-surface="soft-50"] { background: var(--ua-glass-text-led) !important; backdrop-filter: var(--ua-glass-frost); -webkit-backdrop-filter: var(--ua-glass-frost); }
.ua-rail-primary, [ua-rail="primary"] { box-shadow: inset 0.25rem 0 0 var(--universe-color-primary) !important; }
.ua-rail-success, [ua-rail="success"] { box-shadow: inset 0.25rem 0 0 var(--universe-color-success) !important; }
.ua-rail-info, [ua-rail="info"] { box-shadow: inset 0.25rem 0 0 var(--universe-color-info) !important; }
.ua-rail-warning, [ua-rail="warning"] { box-shadow: inset 0.25rem 0 0 var(--universe-color-warning) !important; }
.ua-rail-error, [ua-rail="error"] { box-shadow: inset 0.25rem 0 0 var(--universe-color-error) !important; }
.ua-rail-none, [ua-rail="none"] { box-shadow: none !important; }

.btn-text-primary { color: var(--universe-color-primary); background: transparent; border: 1px solid transparent; }
.btn-underline-primary { color: var(--universe-color-primary); text-decoration-line: underline; text-decoration-color: var(--universe-color-primary); text-underline-position: under; background: transparent; border: 1px solid transparent; }
.container, .container-fluid { width: 100%; margin-inline: auto; padding-inline: clamp(0.75rem, 3vw, 1.5rem); }
.container { max-width: 72rem; }
.row { display: flex; flex-wrap: wrap; margin-inline: -0.5rem; }
.row > * { min-width: 0; padding-inline: 0.5rem; }
.col { flex: 1 0 0%; }
.col-6 { flex: 0 0 auto; width: 50%; }
.col-8 { flex: 0 0 auto; width: 66.6667%; }
.col-12 { flex: 0 0 auto; width: 100%; }
.d-none { display: none !important; }
.d-block { display: block !important; }
.d-inline { display: inline !important; }
.d-inline-block { display: inline-block !important; }
.d-flex { display: flex !important; }
.d-inline-flex { display: inline-flex !important; }
.d-grid { display: grid !important; }
.flex-wrap { flex-wrap: wrap !important; }
.flex-nowrap { flex-wrap: nowrap !important; }
.flex-fill { flex: 1 1 auto !important; }
.flex-column { flex-direction: column !important; }
.flex-row { flex-direction: row !important; }
.align-items-start { align-items: flex-start !important; }
.align-items-center { align-items: center !important; }
.align-items-end { align-items: flex-end !important; }
.align-items-stretch { align-items: stretch !important; }
.align-content-start { align-content: flex-start !important; }
.justify-content-start { justify-content: flex-start !important; }
.justify-content-center { justify-content: center !important; }
.justify-content-end { justify-content: flex-end !important; }
.justify-content-between { justify-content: space-between !important; }
.gap-0 { gap: 0 !important; }
.gap-1 { gap: 0.25rem !important; }
.gap-2 { gap: 0.5rem !important; }
.gap-3 { gap: 1rem !important; }
.gap-4 { gap: 1.5rem !important; }
.m-0 { margin: 0 !important; }
.m-1 { margin: 0.25rem !important; }
.m-2 { margin: 0.5rem !important; }
.m-3 { margin: 1rem !important; }
.mt-0 { margin-top: 0 !important; }
.mt-1 { margin-top: 0.25rem !important; }
.mt-2 { margin-top: 0.5rem !important; }
.mt-3 { margin-top: 1rem !important; }
.mb-0 { margin-bottom: 0 !important; }
.mb-1 { margin-bottom: 0.25rem !important; }
.mb-2 { margin-bottom: 0.5rem !important; }
.mb-3 { margin-bottom: 1rem !important; }
.me-1 { margin-inline-end: 0.25rem !important; }
.me-2 { margin-inline-end: 0.5rem !important; }
.ms-1 { margin-inline-start: 0.25rem !important; }
.ms-2 { margin-inline-start: 0.5rem !important; }
.mx-auto { margin-inline: auto !important; }
.p-0 { padding: 0 !important; }
.p-1 { padding: 0.25rem !important; }
.p-2 { padding: 0.5rem !important; }
.p-3 { padding: 1rem !important; }
.px-1 { padding-inline: 0.25rem !important; }
.px-2 { padding-inline: 0.5rem !important; }
.px-3 { padding-inline: 1rem !important; }
.py-0 { padding-block: 0 !important; }
.py-1 { padding-block: 0.25rem !important; }
.py-2 { padding-block: 0.5rem !important; }
.pt-2 { padding-top: 0.5rem !important; }
.pt-3 { padding-top: 1rem !important; }
.ps-2 { padding-inline-start: 0.5rem !important; }
.ps-4 { padding-inline-start: 1.5rem !important; }
.pe-4 { padding-inline-end: 1.5rem !important; }
.w-100 { width: 100% !important; }
.h-100 { height: 100% !important; }
.vw-100 { width: 100vw !important; }
.vh-100 { min-height: 100vh !important; }
.overflow-hidden { overflow: hidden !important; }
.overflow-auto { overflow: auto !important; }
.position-relative { position: relative !important; }
.position-fixed { position: fixed !important; }
.position-sticky, .sticky-top { position: sticky !important; top: 0 !important; z-index: 20; }
.top-0 { top: 0 !important; }
.bottom-0 { bottom: 0 !important; }
.text-start { text-align: start !important; }
.text-center { text-align: center !important; }
.text-end { text-align: end !important; }
.text-uppercase { text-transform: uppercase !important; }
.text-capitalize { text-transform: capitalize !important; }
.text-reset { color: inherit !important; }
.text-white { color: white !important; }
.text-black { color: black !important; }
.text-muted { color: var(--muted, color-mix(in srgb, var(--universe-color-text) 62%, transparent)) !important; }
.text-primary { color: var(--universe-color-primary) !important; }
.text-success { color: var(--universe-color-success) !important; }
.text-info { color: var(--universe-color-info) !important; }
.text-warning { color: var(--universe-color-warning) !important; }
.text-danger { color: var(--universe-color-error) !important; }
.fw-bold, .fw-bolder { font-weight: var(--universe-font-weight-strong) !important; }
.fw-semibold { font-weight: var(--universe-font-weight-display) !important; }
.small { font-size: 0.875rem !important; }
.fs-1 { font-size: clamp(2.5rem, 8vw, 5rem) !important; }
.fs-5 { font-size: 1.25rem !important; }
.border { border: 1px solid var(--line) !important; }
.border-0 { border: 0 !important; }
.border-1 { border-width: 1px !important; }
.border-solid { border-style: solid !important; }
.border-primary { border-color: var(--universe-color-primary) !important; }
.border-info { border-color: var(--universe-color-info) !important; }
.rounded { border-radius: 0.5rem !important; }
.rounded-1 { border-radius: 0.25rem !important; }
.rounded-2 { border-radius: 0.5rem !important; }
.rounded-3 { border-radius: 0.75rem !important; }
.rounded-pill { border-radius: 999rem !important; }
.box-shadow, .shadow { box-shadow: 0 1rem 2.5rem color-mix(in srgb, var(--universe-color-background) 45%, transparent) !important; }
.tiny-outline { outline: 1px solid color-mix(in srgb, var(--universe-color-text) 18%, transparent); outline-offset: -1px; }
.text-shadow { text-shadow: 0 0.0625rem 0.25rem color-mix(in srgb, var(--universe-color-background) 72%, transparent); }
.card { border: var(--universe-elev-1-border); border-radius: 0.5rem; background: var(--ua-glass-text-led); backdrop-filter: var(--ua-glass-frost); -webkit-backdrop-filter: var(--ua-glass-frost); color: var(--universe-color-text); }
.badge { display: inline-flex; align-items: center; justify-content: center; border-radius: 999rem; padding: 0.25rem 0.5rem; font-size: 0.75rem; font-weight: var(--universe-font-weight-strong); background: var(--subtle-fill); color: var(--universe-color-text); }
.alert { border: var(--universe-elev-1-border); border-radius: 0.5rem; padding: 1rem; background: var(--ua-glass-text-led); backdrop-filter: var(--ua-glass-frost); -webkit-backdrop-filter: var(--ua-glass-frost); color: var(--universe-color-text); }
.alert-primary, .bg-primary { border-color: color-mix(in srgb, var(--universe-color-primary) 48%, transparent); background: var(--ua-glass-text-led) !important; backdrop-filter: var(--ua-glass-frost); -webkit-backdrop-filter: var(--ua-glass-frost); }
.alert-info, .bg-info { border-color: color-mix(in srgb, var(--universe-color-info) 48%, transparent); background: var(--ua-glass-text-led) !important; backdrop-filter: var(--ua-glass-frost); -webkit-backdrop-filter: var(--ua-glass-frost); }
.alert-success, .bg-success { border-color: color-mix(in srgb, var(--universe-color-success) 48%, transparent); background: var(--ua-glass-text-led) !important; backdrop-filter: var(--ua-glass-frost); -webkit-backdrop-filter: var(--ua-glass-frost); }
.alert-warning, .bg-warning { border-color: color-mix(in srgb, var(--universe-color-warning) 52%, transparent); background: var(--ua-glass-text-led) !important; backdrop-filter: var(--ua-glass-frost); -webkit-backdrop-filter: var(--ua-glass-frost); }
.alert-danger, .bg-danger { border-color: color-mix(in srgb, var(--universe-color-error) 52%, transparent); background: var(--ua-glass-text-led) !important; backdrop-filter: var(--ua-glass-frost); -webkit-backdrop-filter: var(--ua-glass-frost); }
.alert-dark, .bg-dark, .bg-black { border-color: color-mix(in srgb, var(--universe-color-text) 28%, transparent); background: var(--ua-glass-text-led) !important; backdrop-filter: var(--ua-glass-frost); -webkit-backdrop-filter: var(--ua-glass-frost); }
.bg-white { background: white !important; }
.bg-transparent { background: transparent !important; }
.bg-blur-dark, .bg-blur-black, .bg-blur-og-black, .bg-blur-og-75-black, .bg-blur-50-dark { backdrop-filter: var(--ua-glass-frost); -webkit-backdrop-filter: var(--ua-glass-frost); background: var(--ua-glass-text-led) !important; }
.bg-blur-white { backdrop-filter: var(--ua-glass-frost); -webkit-backdrop-filter: var(--ua-glass-frost); background: var(--ua-glass-art-led) !important; }
.bg-blur-primary, .bg-blur-info, .bg-blur-success, .bg-blur-warning, .bg-blur-75-info, .bg-blur-og-info, .bg-blur-og-50-info { backdrop-filter: var(--ua-glass-frost); -webkit-backdrop-filter: var(--ua-glass-frost); background: var(--ua-glass-text-led) !important; }
.bg-blur-primary { border: var(--universe-elev-2-border); border-color: color-mix(in srgb, var(--universe-color-primary) 38%, var(--universe-line)); }
.bg-blur-info, .bg-blur-75-info, .bg-blur-og-info, .bg-blur-og-50-info { border: var(--universe-elev-2-border); border-color: color-mix(in srgb, var(--universe-color-info) 38%, var(--universe-line)); }
.bg-blur-success { border: var(--universe-elev-2-border); border-color: color-mix(in srgb, var(--universe-color-success) 38%, var(--universe-line)); }
.bg-blur-warning { border: var(--universe-elev-2-border); border-color: color-mix(in srgb, var(--universe-color-warning) 38%, var(--universe-line)); }
.btn { display: inline-flex; align-items: center; justify-content: center; gap: 0.35rem; min-height: 2.35rem; border: 1px solid transparent; border-radius: 0.5rem; padding: 0.5rem 0.75rem; color: var(--universe-color-text); background: var(--subtle-fill); text-decoration: none; font-weight: var(--universe-font-weight-strong); cursor: pointer; }
.btn-primary { color: var(--universe-color-background); background: var(--universe-color-primary); border-color: var(--universe-color-primary); }
.btn-success { color: var(--universe-color-background); background: var(--universe-color-success); border-color: var(--universe-color-success); }
.btn-info { color: var(--universe-color-background); background: var(--universe-color-info); border-color: var(--universe-color-info); }
.btn-warning { color: var(--universe-color-background); background: var(--universe-color-warning); border-color: var(--universe-color-warning); }
.btn-danger { color: var(--universe-color-background); background: var(--universe-color-error); border-color: var(--universe-color-error); }
.btn-outline-secondary, .btn-outline-primary, .btn-link { background: transparent; color: var(--universe-color-text); border-color: color-mix(in srgb, var(--universe-color-text) 28%, transparent); }
.btn-outline-primary { color: var(--universe-color-primary); border-color: color-mix(in srgb, var(--universe-color-primary) 54%, transparent); }
.btn-link { border-color: transparent; color: var(--universe-color-primary); text-decoration: underline; text-underline-position: under; }
.spinner-border, .spinner-border-sm { display: inline-block; border: 0.16em solid currentColor; border-right-color: transparent; border-radius: 50%; animation: ua-spinner 0.75s linear infinite; }
.spinner-border-sm { width: 1rem; height: 1rem; border-width: 0.12em; }
.ua-spacing-control { display: grid; gap: 0.5rem; }
.ua-spacing-control-custom[hidden] { display: none; }
.ua-spacing-control-custom { display: grid; grid-template-columns: minmax(0, 1fr) minmax(4.5rem, 0.35fr); gap: 0.5rem; }
.ua-wizard .ua-control[data-ua-control-error="true"] .ua-input,
.ua-wizard .ua-control[data-ua-control-error="true"] .ua-select,
.ua-wizard .ua-control[data-ua-control-error="true"] .ua-textarea,
.ua-wizard .ua-control[data-ua-control-error="true"] input,
.ua-wizard .ua-control[data-ua-control-error="true"] select,
.ua-wizard .ua-control[data-ua-control-error="true"] textarea {
  border-color: var(--ua-control-error) !important;
  box-shadow: 0 0 0 0.16rem color-mix(in srgb, var(--ua-control-error) 32%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--ua-control-error) 24%, transparent) !important;
}
.ua-wizard .ua-control[data-ua-control-valid="true"] .ua-input,
.ua-wizard .ua-control[data-ua-control-valid="true"] .ua-select,
.ua-wizard .ua-control[data-ua-control-valid="true"] .ua-textarea,
.ua-wizard .ua-control[data-ua-control-valid="true"] input,
.ua-wizard .ua-control[data-ua-control-valid="true"] select,
.ua-wizard .ua-control[data-ua-control-valid="true"] textarea {
  border-color: var(--ua-control-success) !important;
  box-shadow: 0 0 0 0.16rem color-mix(in srgb, var(--ua-control-success) 28%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--ua-control-success) 22%, transparent) !important;
}
@keyframes ua-spinner { to { transform: rotate(360deg); } }
@keyframes ua-marquee-scroll { from { transform: translateX(0); } to { transform: translateX(calc(-100% - 1rem)); } }
@media (max-width: 40rem) {
  /* The standalone ua.filter list toolbar + wizard/dialog action rows stack on mobile. The STANDARD
     dashboard toolbar (ua.dashboard.toolbar) is EXCLUDED — it stays one compact icon row (see the
     dedicated rules below). Stacking it was the mobile bug: a column + align-items:stretch grew the
     search input into a ~25rem square and broke the bar into blocks. */
  .ua-filter:not(.ua-dashboard-standard-toolbar .ua-filter), .ua-wizard-actions, .ua-dialog-actions { flex-direction: column; align-items: stretch; }
  /* ── ua.dashboard.toolbar on mobile: ONE compact, sticky, ICON-ONLY row (no stacking, no giant box) ──
     search collapses to a search icon that expands the field on tap; filter/sort/view are icon glyphs;
     text labels (Filters / sort option text) are hidden so the bar never wraps into stacked blocks. */
  .ua-dashboard-standard-toolbar .ua-dashboard-list-toolbar { flex-wrap: nowrap; align-items: center; gap: 0.4rem; }
  /* The button GROUP stays one segmented cluster on mobile too (icons-only members, uniform square taps);
     keep the shared container + dividers, just let the members be the compact icon size. */
  /* THE GROUP MAY WRAP ON A PHONE, AND ONLY ON A PHONE. `nowrap` + `flex: 0 0 auto` meant a toolbar with
     three or more actions in `controls` could not be squeezed and could not fold, so it pushed the whole
     surface sideways: measured at 375px on ua.file.manager, the group asked for 337px inside a 304px row
     and the document scrolled to 388px. Wrapping costs a second short row of icons; overflowing costs the
     whole page horizontal scroll, which is never the better trade. Desktop keeps one strict row. */
  .ua-dashboard-toolbar-controls { flex-wrap: wrap; row-gap: 0.2rem; justify-content: flex-end; gap: 0; }
  .ua-dashboard-standard-toolbar .ua-dashboard-toolbar-controls { flex: 0 1 auto; min-width: 0; }
  /* i-a-errors pass 20 (Design 5b L2, measured live at 375 on /create/dashboards and /create/files-media): the desktop
     `.ua-dashboard-standard-toolbar .ua-dashboard-toolbar-controls { flex-wrap: nowrap }` out-ranked the phone `wrap`
     above, so the group stayed one row 10-15px wider than its box and its segments were squeezed under their
     neighbours ("Clear record selection" under Create, "Delete selected" under Filters: both failed the centre
     hit-test). The same specificity here lets the group fold, and no segment shrinks below its own content. */
  .ua-dashboard-standard-toolbar .ua-dashboard-toolbar-controls { flex-wrap: wrap; }
  .ua-dashboard-toolbar-controls > * { flex-shrink: 0; }
  .ua-dashboard-selection-control > button { min-width: 44px; min-height: 44px; }
  /* Keep the 2.75rem (2.75rem) touch floor on mobile too — never collapse a member to its bare glyph.
     (The earlier height:auto/min-height:0 here shrank icon-only members to ~17-1.5rem at ~24.375rem — below S5.) */
  .ua-dashboard-toolbar-controls .ua-dashboard-toolbar-control { height: 2.75rem; min-height: 2.75rem; min-width: 2.75rem; }
  /* Hide the inline text labels inside toolbar controls — icons only. */
  .ua-dashboard-control-text { display: none; }
  /* Search collapses to an icon button by default; the field is hidden until the search is expanded. The
     client (or the :focus-within fallback) flips data-ua-search-open on the toolbar to reveal the field.
     The icon-collapse keeps the bar to one short row; an expanded field grows to fill the row. */
  .ua-dashboard-standard-toolbar .ua-dashboard-search { flex: 0 0 auto; width: 2.75rem; min-width: 2.75rem; padding-inline: 0; opacity: 0; pointer-events: none; position: absolute; left: -624.9375rem; }
  .ua-dashboard-search-toggle { display: inline-grid; place-items: center; flex: 0 0 auto; width: 2.75rem; height: 2.75rem; min-width: 2.75rem; border-radius: 0.5rem; border: 1px solid color-mix(in srgb, var(--universe-color-primary) 30%, transparent); background: var(--subtle-fill); color: inherit; cursor: pointer; padding: 0; }
  .ua-dashboard-search-toggle .ua-dashboard-search-toggle-icon { display: inline-flex; width: 1.15rem; height: 1.15rem; }
  .ua-dashboard-search-toggle .ua-dashboard-search-toggle-icon svg { width: 100%; height: 100%; }
  /* When the search is open (client sets data-ua-search-open on the toolbar): the field takes the row;
     the funnel/sort/view icons step aside so the field has room. The search-toggle stays (as a close X). */
  .ua-dashboard-standard-toolbar[data-ua-search-open="true"] .ua-dashboard-search { position: static; left: auto; flex: 1 1 auto; width: auto; min-width: 0; padding-inline: 0.75rem; opacity: 1; pointer-events: auto; }
  .ua-dashboard-standard-toolbar[data-ua-search-open="true"] .ua-dashboard-funnel,
  .ua-dashboard-standard-toolbar[data-ua-search-open="true"] .ua-dashboard-sort,
  .ua-dashboard-standard-toolbar[data-ua-search-open="true"] .ua-dashboard-view-single,
  .ua-dashboard-standard-toolbar[data-ua-search-open="true"] .ua-dashboard-view-toggle { display: none; }
  /* Compact, square icon targets (>=2.75rem via 2.75rem) for funnel + sort + view-toggle; no text width. */
  .ua-dashboard-funnel { gap: 0; min-width: 2.75rem; min-height: 2.75rem; width: 2.75rem; height: 2.75rem; padding: 0; place-items: center; display: inline-grid; }
  .ua-dashboard-sort-select { min-width: 2.75rem; width: 2.75rem; height: 2.75rem; min-height: 2.75rem; padding: 0; color: transparent; text-indent: -624.9375rem; }
  .ua-dashboard-sort-icon { display: inline-flex; position: absolute; inset: 0; margin: auto; place-items: center; }
  .ua-dashboard-view-single { min-width: 2.75rem; min-height: 2.75rem; }
  /* Responsive pagination on mobile: the in-flow full pager (only when a filter panel holds its mirror)
     steps aside; the thin edge back/forward take the bar edges; the full pager shows inside the dialog. */
  .ua-dashboard-pagination.ua-dashboard-pagination--panelized { display: none; }
  .ua-dashboard-page-edge:not([hidden]) { display: inline-flex; }
  .ua-dashboard-page-edge-prev { order: -1; }
  .ua-dashboard-page-edge-next { order: 99; margin-left: 0; }
  .ua-dashboard-pagination-in-panel { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 0.5rem; margin-top: 0.85rem; padding-top: 0.85rem; border-top: 1px solid var(--ua-toolbar-band-line, color-mix(in srgb, var(--universe-color-info) 20%, transparent)); border-block-start: 1px solid var(--ua-toolbar-band-line, color-mix(in srgb, var(--universe-color-info) 20%, transparent)); }
  /* The mirror still hides itself when the client marks a single page (nothing to page through). */
  .ua-dashboard-pagination-in-panel[hidden] { display: none; }
  .ua-uri-entry-row { grid-template-columns: 1fr; }
  .row { margin-inline: 0; }
  .row > * { padding-inline: 0; }
  .col, .col-6, .col-8, .col-12 { width: 100%; flex-basis: 100%; }
  .d-none.d-lg-inline { display: none !important; }
  .ua-navbar { padding-inline: 0.5rem; }
  .ua-navbar-compact { width: min(100% - 1rem, 36rem); }
  /* On small screens unpinned items collapse into the menu, but pinned items
     stay visible in the bar when there is room (data-pinned contract). */
  .ua-navbar-normal .ua-navbar-section-middle .ua-navbar-item[data-pinned="false"],
  .ua-navbar-expanded .ua-navbar-row-menu .ua-navbar-item[data-pinned="false"] { display: none; }
  .ua-navbar-normal .ua-navbar-section-middle:not(:has(.ua-navbar-item[data-pinned="true"])),
  .ua-navbar-expanded .ua-navbar-row-menu:not(:has(.ua-navbar-item[data-pinned="true"])) { display: none; }
  .ua-navbar-row, .ua-navbar-expanded .ua-navbar-row-brand { display: flex; width: 100%; }
  .ua-navbar-float { margin-inline: 0.65rem; }
  .ua-navbar-float .ua-navbar-row { display: grid; grid-template-columns: max-content minmax(0, 1fr) max-content; }
  .ua-navbar-float .ua-navbar-brand-mark, .ua-navbar-float .ua-navbar-item-icon-only, .ua-navbar-float .ua-navbar-menu-toggle { inline-size: 2.5rem; block-size: 2.5rem; max-inline-size: 2.5rem; }
  .ua-navbar-brand { flex: 1 1 auto; }
  .ua-navbar-brand-label { display: none; }
  .ua-navbar-section-last { margin-inline-start: auto; }
  /* Keep the brand, pinned slots, system actions, AND the menu toggle on one
     line at phone widths — tighten sizes/gaps so the bar never overflows the
     toggle off-screen. */
  .ua-navbar-normal .ua-navbar-row, .ua-navbar-compact .ua-navbar-row { gap: 0.3rem; }
  .ua-navbar-section-last { gap: 0.22rem; }
  .ua-navbar-section-middle { gap: 0.12rem; }
  .ua-navbar-brand-mark { inline-size: 2.1rem; block-size: 2.1rem; }
  .ua-navbar-section-last .ua-navbar-item-icon-only, .ua-navbar-menu-toggle { inline-size: 2.2rem; block-size: 2.2rem; max-inline-size: 2.2rem; }
  .ua-navbar-section-last .ua-navbar-item-text, .ua-navbar-section-middle .ua-navbar-item-text { padding-inline: 0.5rem; font-size: 0.9rem; }
  .ua-navbar-menu-mobile, .ua-navbar-menu-halfscreen { position: fixed; inset-block-start: calc(100% + 0.45rem); inset-block-end: auto; inset-inline: 0.5rem; inline-size: auto; min-inline-size: 0; max-block-size: min(78dvh, 34rem); border-radius: 1rem; }
  .ua-app-bar { grid-template-columns: 1fr; }
  .ua-app-bar-items { display: none; }
  .ua-footer-menus { grid-template-columns: 1fr; }
  .ua-fs-story-split, .ua-fs-story-sticky-side { grid-template-columns: 1fr; }
  .ua-fs-content, .ua-fs-content-sticky { position: relative; min-height: auto; }
  .ua-cta-section { grid-template-columns: 1fr; padding: 1.1rem; }
  .ua-cta-actions { min-width: 0; width: 100%; }
  .ua-page-preview { grid-template-columns: 1fr; }
  .ua-page-preview-media > img, .ua-page-preview-media > video { max-height: 18rem; }
}
/* True phone widths: the center nav (pinned or not) folds entirely into the
   full-screen menu so the brand, right-slot actions, and the toggle always fit
   on one line. The center-pin slot is still demonstrated at wider widths. */
@media (max-width: 27rem) {
  .ua-navbar-normal .ua-navbar-section-middle { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .ua-marquee-group { animation: none; }
  .ua-fs-media-video { visibility: hidden; }
}

/* SD1 — Structured / repeater authoring control (ua.schema.editor).
   Quiet glass surfaces, focus-by-softening, motion-with-intent, accessible reorder.
   Built in the key of UI-LOOK-AND-FEEL: art breathes, glass floats, content speaks. */
.ua-struct-editor {
  --ua-struct-line: color-mix(in srgb, var(--universe-color-text) 14%, transparent);
  --ua-struct-fill: color-mix(in srgb, var(--universe-color-background) 86%, var(--universe-color-text) 5%);
  --ua-struct-row-fill: var(--ua-glass-text-led);
  display: grid;
  gap: 0.75rem;
}
.ua-struct-heading { display: grid; gap: 0.2rem; }
.ua-struct-object { display: grid; gap: 0.65rem; }
.ua-struct-field { display: grid; gap: 0.3rem; }
.ua-struct-field-label { font-size: 0.85rem; font-weight: var(--universe-font-weight-strong); color: var(--universe-color-text); }
.ua-struct-field-help { color: var(--universe-color-muted, var(--muted)); font-size: 0.78rem; }
.ua-struct-field .ua-control { margin: 0; }
.ua-struct-empty {
  margin: 0;
  padding: 0.85rem 1rem;
  border: 1px dashed var(--ua-struct-line);
  border-radius: 0.6rem;
  color: var(--universe-color-muted, var(--muted));
  font-size: 0.85rem;
}

/* Nested struct editors sit one layer in — softened, not boxed-in. */
.ua-struct-field .ua-struct-editor {
  padding: 0.7rem 0.8rem;
  border: 1px solid var(--ua-struct-line);
  border-radius: 0.7rem;
  background: var(--ua-struct-fill);
}

.ua-struct-list-wrap { display: grid; gap: 0.6rem; }
.ua-struct-list { display: grid; gap: 0.55rem; }

.ua-struct-row {
  display: grid;
  gap: 0.55rem;
  padding: 0.7rem 0.8rem;
  border: var(--universe-elev-2-border);
  border-radius: 0.75rem;
  background: var(--ua-glass-text-led);
  backdrop-filter: var(--ua-glass-frost);
  -webkit-backdrop-filter: var(--ua-glass-frost);
  transition: border-color 150ms ease, box-shadow 150ms ease, transform 150ms ease, opacity 150ms ease;
}
.ua-struct-row[data-ua-struct-dragging="true"] {
  opacity: 0.55;
  border-color: var(--universe-color-primary);
  box-shadow: 0 0.8rem 2rem color-mix(in srgb, var(--universe-color-background) 40%, transparent);
}
.ua-struct-row[data-ua-struct-drop-before="true"] { box-shadow: inset 0 0.18rem 0 var(--universe-color-primary); }
.ua-struct-row[data-ua-struct-drop-after="true"] { box-shadow: inset 0 -0.18rem 0 var(--universe-color-primary); }

.ua-struct-row-head {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.ua-struct-row-title {
  flex: 1 1 auto;
  min-width: 0;
  font-weight: var(--universe-font-weight-strong);
  font-size: 0.9rem;
  color: var(--universe-color-text);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ua-struct-row-body { display: grid; gap: 0.6rem; }
.ua-struct-row-actions { display: inline-flex; gap: 0.25rem; flex: 0 0 auto; }

/* Buttons read as quiet glass affordances, never candy widgets. */
.ua-struct-drag,
.ua-struct-move-up,
.ua-struct-move-down,
.ua-struct-remove,
.ua-struct-add,
.ua-struct-hatch-toggle,
.ua-struct-format {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  border: 1px solid var(--ua-struct-line);
  border-radius: 0.55rem;
  background: color-mix(in srgb, var(--universe-color-background) 80%, transparent);
  color: var(--universe-color-text);
  font: inherit;
  cursor: pointer;
  transition: border-color 140ms ease, background-color 140ms ease, color 140ms ease, transform 140ms ease;
}
.ua-struct-drag,
.ua-struct-move-up,
.ua-struct-move-down,
.ua-struct-remove {
  width: 2rem;
  height: 2rem;
  padding: 0;
  font-size: 1rem;
  line-height: 1;
}
.ua-struct-drag { cursor: grab; }
.ua-struct-drag:active { cursor: grabbing; }
.ua-struct-drag-grip { letter-spacing: -0.12em; opacity: 0.7; }
.ua-struct-remove { color: var(--universe-color-muted, var(--muted)); }

.ua-struct-add {
  justify-self: start;
  padding: 0.55rem 0.95rem;
  font-size: 0.85rem;
  font-weight: var(--universe-font-weight-title);
}
.ua-struct-add-glyph { font-size: 1.05rem; line-height: 1; color: var(--universe-color-primary-strong); }

/* Developer escape hatch — present, quiet, and clearly secondary to the friendly form. */
.ua-struct-hatch {
  display: grid;
  gap: 0.5rem;
  margin-top: 0.25rem;
  padding-top: 0.6rem;
  border-top: 1px solid var(--ua-struct-line);
}
.ua-struct-hatch-bar { display: flex; align-items: center; justify-content: space-between; gap: 0.6rem; flex-wrap: wrap; }
.ua-struct-hatch-toggle { padding: 0.45rem 0.8rem; font-size: 0.82rem; color: var(--universe-color-muted, var(--muted)); }
.ua-struct-hatch-glyph { font-family: var(--universe-font-mono); opacity: 0.8; }
.ua-struct-hatch-format { display: inline-flex; gap: 0.2rem; }
.ua-struct-format { padding: 0.35rem 0.7rem; font-size: 0.78rem; }

.ua-struct-hatch-body[hidden] { display: none; }
.ua-struct-code {
  width: 100%;
  min-block-size: 9rem;
  border: 1px solid var(--ua-struct-line);
  border-radius: 0.6rem;
  background: color-mix(in srgb, var(--universe-color-background) 90%, var(--universe-color-text) 3%);
  color: var(--universe-color-text);
  font-family: var(--universe-font-mono);
  font-size: 0.82rem;
  line-height: 1.55;
  padding: 0.75rem 0.85rem;
  resize: vertical;
  tab-size: 2;
}

.ua-struct-hatch-error { margin: 0; color: var(--universe-color-error, var(--universe-color-danger)); font-size: 0.8rem; }
.ua-struct-hatch-error[hidden] { display: none; }
.ua-struct-editor[data-ua-struct-hatch-open="true"] .ua-struct-object,
.ua-struct-editor[data-ua-struct-hatch-open="true"] > .ua-struct-list-wrap { opacity: 0.55; }

@media (prefers-reduced-motion: reduce) {
  .ua-struct-row { transition: none; }
}

/* Field default RECOMMENDATION (operator, 2026-09-07; see src/field-control.js +
   client/ua.content.interactions.js). In EDIT mode a field whose schema default differs from the stored
   value shows this applyable hint. It is deliberately quiet — a suggestion beside the field, never a box
   around nothing — and it removes itself once taken. Token-driven, no palette literals. */
.ua-recommendation {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  margin: 0.35rem 0 0;
  font-size: 0.85rem;
  line-height: 1.4;
  color: var(--universe-color-muted);
}
.ua-recommendation-apply {
  appearance: none;
  cursor: pointer;
  border: 1px solid var(--universe-color-muted);
  border-radius: 0.5rem;
  background: transparent;
  color: inherit;
  padding: 0.2rem 0.6rem;
  font: inherit;
  font-size: 0.8rem;
}

/* ua-glass-material:start
   THE ONE GLASS MATERIAL ([[platform D589]] pt 9, D019, D071 §1; d119afe; CTO ruling i-a-errors pass 12). Composed HERE
   and nowhere else: every engine page inlines this sheet, so the panes it paints always have their frost (a page that
   inlined only this runtime rendered every pane with no frost). universeInterfaceCss() carries this same block, read
   from this file, for a document that ships the interface sheet without the runtime. A pane takes the
   text-led or art-led token as its background and the frost token as its backdrop filter, whole.
   A container that re-points the brand palette for what it draws (the builder's page preview, which draws a tenant's
   page inside the builder's own chrome) declares data-ua-brand-scope, and the glass re-derives from ITS palette there:
   a custom property is resolved where it is declared, so a :root-only glass would keep the chrome's colour. */
:root,
[data-ua-brand-scope] {
  --glass-min-blur: 1.375rem;
  --glass-saturate: 130%;
  --ua-glass-frost: blur(var(--ua-glass-blur, var(--glass-min-blur))) saturate(var(--ua-glass-saturate, var(--glass-saturate)));
  --ua-glass-text-led: color-mix(in srgb, var(--universe-color-background) var(--ua-glass-text-led-tint, 82%), transparent);
  --ua-glass-art-led: color-mix(in srgb, var(--universe-color-background) var(--ua-glass-art-led-tint, 72%), transparent);
  --ua-glass-veil: color-mix(in srgb, var(--universe-color-background) 55%, transparent);
  --ua-glass-veil-frost: var(--ua-glass-frost);
}
/* THE ONE GLASS PATH HONOURS THE PERSON AT THE TOKEN, so every pane that references it — the dashboard shell's chrome,
   the EGT* studio's panes, builder, accounts, progress — steps the same way with nothing to remember per surface:
     reduced data          the blur steps down to the floor (--ua-glass-blur-min); the tint stays.
     more contrast         the tier tints go to 92% (element-runtime.css :root, after its defaults) — denser glass,
                           never an opaque box stamped over the artwork.
     reduced transparency  no frost (the tints go opaque in element-runtime.css). */
@media (prefers-reduced-data: reduce) {
  :root { --ua-glass-frost: blur(var(--ua-glass-blur-min, 0.85rem)) saturate(var(--ua-glass-saturate, var(--glass-saturate))); --ua-glass-veil-frost: var(--ua-glass-frost); }
}
/* The tier tints' own defaults (and these same steps on them) are element-runtime.css's; the whole panes are stepped here
   too so a document that ships this sheet without the runtime (a progress board page) steps alike. */
@media (prefers-contrast: more) {
  :root,
  [data-ua-brand-scope] {
    --ua-glass-text-led: color-mix(in srgb, var(--universe-color-background) 92%, transparent);
    --ua-glass-art-led: color-mix(in srgb, var(--universe-color-background) 92%, transparent);
  }
}
@media (prefers-reduced-transparency: reduce) {
  :root,
  [data-ua-brand-scope] {
    --ua-glass-frost: none;
    --ua-glass-veil-frost: var(--ua-glass-frost);
    --ua-glass-veil: var(--universe-color-background);
    --ua-glass-text-led: var(--universe-color-background);
    --ua-glass-art-led: var(--universe-color-background);
  }
}
/* ua-glass-material:end */

/* ============================================================================
   THE TWO GLASS TIERS (D071 §1) + THE ONE SHARED ERROR SURFACE (D073).

   D071 settled a collision: egt.studio's own glass is far more transparent than
   the 78 percent the platform shipped, and the WCAG worst-case test (a card composited
   over a blown-out white sky) fails below the readability floor. Matching the
   site as-is breaks legibility; keeping one heavy pane makes "frosted glass" a
   dark slab where the blur barely shows. The ruling was TWO TREATMENTS, each
   with its contrast budget proven once — and the explicit warning that this
   must NOT become "pick a number per surface". So there are exactly two tints
   here, and a surface chooses a TIER. There is no third knob to reach for.

     ART-LED   — the image is the point (404, marketplace, hero). The lightest
                 pane the copy can still be read on: the photograph really shows.
     TEXT-LED  — dense text over art. Firmer pane, legibility first.

   The MATERIAL (blur + saturate) is deliberately NOT forked: both tiers use the
   site's own blur(1.375rem) saturate(130%). Tint is the only variable, because
   tint is the only variable the contrast budget is a function of. A bare blur
   is fog, not glass — the saturation step is what keeps the artwork colourful.

   NOTHING BELOW DIMS THE ARTWORK. There is no scrim, no gradient wash and no
   brightness filter anywhere in this block: the art paints full-bleed at full
   strength and the words earn their legibility locally, under themselves.
   (D019 / HOUSE-RULES "contrast over art = frosted glass".)

   THE CONTRAST BUDGET IS PROVEN, NOT ASSERTED. test/error-surface.test.js reads
   these tint tokens straight out of this file, composites each pane over a
   PURE-WHITE pixel — the worst thing an arbitrary photograph can put behind the
   card — and fails if any text role that appears on that tier drops below WCAG
   AA 4.5:1. Lightening a tier to show more artwork fails there the moment it
   costs the copy its legibility.

   MEASURED against the platform palette (the MP-031 tokens: the near-black
   canvas, the cool near-white text, the accent gold):
     ART-LED  72%  ink 6.89:1 · quiet 4.87:1 · eyebrow 4.86:1
     TEXT-LED 82%  ink 10.07:1 · quiet 5.31:1 · eyebrow 4.94:1
   The GOLD EYEBROW is the role that fails first, exactly as D071 predicted: the
   standard eyebrow gold (primary 80% + ink) measures only 3.38:1 on the art-led
   pane, so ART-LED uses --universe-color-primary-strong (the platform's own
   bright gold) instead, which clears at 4.86:1. That is the "colour that clears
   4.5:1 at that transparency" the ruling calls for — not a new invented hue.
   ============================================================================ */
:root,
[data-ua-brand-scope] {
  /* The two tiers. The ONLY two. A surface picks one; it never picks a number. */
  --ua-glass-art-led-tint: 72%;
  --ua-glass-text-led-tint: 82%;
  /* Both tiers, one material — the site's own .egt-glass values. */
  --ua-glass-blur: var(--glass-min-blur, 1.375rem);
  --ua-glass-blur-min: 0.85rem;
  --ua-glass-saturate: var(--glass-saturate, 130%);
  /* The text roles, per tier, each proven above. A role that cannot clear
     4.5:1 on a tier does not appear on that tier — it does not get a quieter
     pane to sit on. */
  --ua-glass-art-led-ink: var(--universe-color-text);
  --ua-glass-art-led-quiet: color-mix(in srgb, var(--universe-color-text) 84%, var(--universe-color-background));
  --ua-glass-art-led-accent: var(--universe-color-primary-strong);
  --ua-glass-text-led-ink: var(--universe-color-text);
  --ua-glass-text-led-quiet: color-mix(in srgb, var(--universe-color-text) 72%, var(--universe-color-background));
  --ua-glass-text-led-accent: color-mix(in srgb, var(--universe-color-primary) 80%, var(--universe-color-text));
}

.ua-glass-art-led,
.ua-glass-text-led {
  border: var(--universe-elev-2-border);
  border-radius: var(--universe-radius-panel, 1rem);
  box-shadow: var(--universe-elev-3-shadow);
  backdrop-filter: var(--ua-glass-frost);
  -webkit-backdrop-filter: var(--ua-glass-frost);
}
.ua-glass-art-led {
  background: var(--ua-glass-art-led);
  --ua-glass-ink: var(--ua-glass-art-led-ink);
  --ua-glass-quiet: var(--ua-glass-art-led-quiet);
  --ua-glass-accent: var(--ua-glass-art-led-accent);
}
.ua-glass-text-led {
  background: var(--ua-glass-text-led);
  --ua-glass-ink: var(--ua-glass-text-led-ink);
  --ua-glass-quiet: var(--ua-glass-text-led-quiet);
  --ua-glass-accent: var(--ua-glass-text-led-accent);
}

/* ── THE SHARED ERROR SURFACE (D073) ────────────────────────────────────────
   ONE error surface for every platform service — 404, 403, 500, offline,
   expired, denied. Before this, every service carried its own; universe-
   dashboard carried TWO copies of one builder inside a single repo. This is the
   platform default. Tenant pages may override it; nobody else does. */
/* The <uae> wrapper must not become an inline box between the shell and a
   full-screen surface — the card would centre inside a zero-height inline. */
uae[namespace="ua.error.surface"] { display: contents; }
.ua-error-surface {
  display: grid;
  place-items: center;
  width: 100%;
  box-sizing: border-box;
  min-block-size: 100dvh;
  margin: 0;
  padding: var(--universe-space-gutter, clamp(1rem, 6vw, 5rem));
  color: var(--universe-color-text);
}
/* The full-bleed artwork. It paints at FULL STRENGTH, edge to edge, behind the
   card — never dimmed, never scrimmed, never gradient-washed. */
.ua-error-surface-canvas {
  position: absolute;
  inset: 0;
  z-index: 0;
  background-image: var(--ua-error-artwork, none);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  pointer-events: none;
}
.ua-error-surface-standalone { position: relative; overflow: hidden; }
.ua-error-surface-standalone > .ua-error-surface-content { position: relative; z-index: 1; }
/* The ONE region the readability rule is checked against. Chrome around it
   (a navbar, a footer, a dashboard shell) carries its own glass and is not this
   rule's business. */
.ua-error-surface-content { display: grid; justify-items: center; width: 100%; }
.ua-error-card {
  display: grid;
  gap: 0;
  width: min(44rem, 100%);
  padding: var(--universe-space-card, clamp(1.5rem, 5vw, 3rem));
  text-align: start;
}
/* TONE. The pane NEVER washes — a tone wash lifts the pane's luminance and
   costs the quiet line and the eyebrow their 4.5:1 (measured: a 14% wash drops
   the art-led quiet role from 4.87:1 to 3.86:1). Eight washed panes would also
   be eight more alphas to prove, which is the per-surface-number trap D071
   names. So tone is carried by the card's EDGE and rail plus the eyebrow's own
   words — status is never colour alone either way (HOUSE-RULES §10). */
.ua-error-card-warning { border-color: color-mix(in srgb, var(--universe-color-warning) 46%, var(--universe-line, var(--line))); }
.ua-error-card-error { border-color: color-mix(in srgb, var(--universe-color-error, var(--universe-color-danger)) 46%, var(--universe-line, var(--line))); }
.ua-error-card-success { border-color: color-mix(in srgb, var(--universe-color-success) 46%, var(--universe-line, var(--line))); }
.ua-error-card-warning .ua-error-rail { background: var(--universe-color-warning); }
.ua-error-card-error .ua-error-rail { background: var(--universe-color-error, var(--universe-color-danger)); }
.ua-error-card-success .ua-error-rail { background: var(--universe-color-success); }
.ua-error-rail { block-size: 0.25rem; inline-size: 3.5rem; margin: 0 0 1.1rem; border-radius: var(--universe-radius-pill, 100rem); background: var(--ua-glass-accent); }

/* Small uppercase tracked eyebrow stays SANS; the display heading is the serif
   (D055 two-slot type). Both faces resolve through the tenant's two slots. */
.ua-error-eyebrow {
  margin: 0 0 0.75rem;
  font-family: var(--universe-font-body);
  font-size: 0.8125rem;
  font-weight: var(--universe-font-weight-display);
  letter-spacing: var(--universe-font-letter-spacing-label, 0.12em);
  text-transform: uppercase;
  color: var(--ua-glass-accent);
}
.ua-error-title {
  margin: 0;
  font-family: var(--universe-font-heading);
  font-size: clamp(2rem, 6vw, 3.6rem);
  font-weight: var(--universe-font-weight-display, 700);
  line-height: var(--universe-font-line-height-display, 1.02);
  color: var(--ua-glass-ink);
  text-wrap: balance;
}
.ua-error-lead {
  margin: 1rem 0 0;
  max-width: var(--universe-measure-prose, 46rem);
  font-size: clamp(1.05rem, 2.2vw, 1.35rem);
  line-height: var(--universe-font-line-height-body, 1.55);
  color: var(--ua-glass-ink);
}
.ua-error-context {
  margin: 0.75rem 0 0;
  max-width: var(--universe-measure-prose, 46rem);
  font-size: 1rem;
  line-height: var(--universe-font-line-height-body, 1.55);
  color: var(--ua-glass-quiet);
  overflow-wrap: anywhere;
}
.ua-error-actions { display: flex; flex-wrap: wrap; gap: 0.75rem; margin-top: 1.6rem; }
.ua-error-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-block-size: 2.75rem;
  padding: 0.75rem 1.1rem;
  border: var(--universe-elev-2-border);
  border-radius: var(--universe-radius-control, 0.625rem);
  background: var(--ua-glass-text-led);
  backdrop-filter: var(--ua-glass-frost);
  -webkit-backdrop-filter: var(--ua-glass-frost);
  color: var(--ua-glass-ink);
  font-family: var(--universe-font-body);
  font-weight: var(--universe-font-weight-display);
  text-decoration: none;
  cursor: pointer;
  transition: border-color 0.16s ease, background 0.16s ease;
}
/* Gold stays on the edge. The pane is the text-led tier, never a gold wash under the label. */
.ua-error-action-primary { border: var(--universe-elev-2-border); border-color: color-mix(in srgb, var(--ua-glass-accent) 62%, transparent); background: var(--ua-glass-text-led); backdrop-filter: var(--ua-glass-frost); -webkit-backdrop-filter: var(--ua-glass-frost); }

/* Honour the machine (D018/§6): shed the blur cost before anything janks. The
   material and its legibility tint stay; only the blur is stepped down. */
@media (prefers-reduced-data: reduce) {
  .ua-glass-art-led,
  .ua-glass-text-led {
    backdrop-filter: var(--ua-glass-frost);
    -webkit-backdrop-filter: var(--ua-glass-frost);
  }
}
/* A person asking for more contrast gets DENSER GLASS — never an opaque box
   stamped over the artwork, and never a scrim on the photograph. */
@media (prefers-contrast: more) {
  :root { --ua-glass-art-led-tint: 92%; --ua-glass-text-led-tint: 92%; }
}
/* A person asking for LESS TRANSPARENCY is asking for the pane to stop being
   see-through. That request is honoured literally: the pane goes opaque. The
   artwork is still there, still undimmed — it just no longer reads through the
   card, which is exactly what was asked for. */
@media (prefers-reduced-transparency: reduce) {
  :root { --ua-glass-art-led-tint: 100%; --ua-glass-text-led-tint: 100%; }
  .ua-glass-art-led,
  .ua-glass-text-led { backdrop-filter: none; -webkit-backdrop-filter: none; }
}
@media (max-width: 40rem) {
  .ua-error-card { width: 100%; }
  .ua-error-action { flex: 1 1 auto; }
}

/* ============================================================================
   THE MOTION TOKENS — the base layer of the platform animation toolkit (D035).

   ONE definition of every duration and curve on the platform. Before this, the
   dialog carried a 240ms JS timer paired by hand to a `.24s` CSS value in four
   places, and the three enter animations spelled 180ms inline. Those literals
   now read from here, so the JS timer and the CSS value cannot drift apart.

   The values are the ones already in the codebase — adopting tokens changed no
   motion. src/motion.js holds the same map in JS and test/motion.test.js parses
   THIS BLOCK and fails if the two disagree, so there is no second source.

   REDUCED MOTION IS ENFORCED HERE, NOT REQUESTED.
   The reduce block below sets every duration and every stagger interval to 0ms.
   That is the whole mechanism, and it is why the toolkit refuses a literal
   duration: an animation can only express its timing as one of these tokens, so
   an animation that ignores the preference is not something an author can write
   and forget to fix — it is something they cannot express. The old shape (define
   the animation, then list it in an `animation: none !important` kill block) is
   advisory: it protects the animations somebody remembered to add to the list.
   ============================================================================ */
:root {
  --ua-motion-micro: 140ms;
  --ua-motion-fast: 180ms;
  --ua-motion-base: 240ms;
  --ua-motion-veil: 320ms;
  --ua-motion-enter: 360ms;
  --ua-motion-deliberate: 520ms;
  --ua-motion-draw: 900ms;
  --ua-motion-shimmer: 1600ms;
  --ua-motion-stagger-tight: 40ms;
  --ua-motion-stagger-base: 80ms;
  --ua-motion-stagger-loose: 140ms;
  --ua-motion-ease-standard: cubic-bezier(.2, .7, .2, 1);
  --ua-motion-ease-exit: cubic-bezier(.4, 0, .7, 1);
  --ua-motion-ease-soft: ease;
  --ua-motion-ease-emphasis: cubic-bezier(.34, 1.26, .64, 1);
  --ua-motion-ease-linear: linear;
}

/* THE SWITCH. Every duration and every stagger goes to zero. A CSS rule reading
   var(--ua-motion-base) becomes instant; the JS driver, which reads these same
   tokens off getComputedStyle, gets 0 and plays the finished frame. One switch,
   both paths — including code written after this line by someone who never read
   it. Curves collapse to linear so nothing overshoots at zero duration. */
@media (prefers-reduced-motion: reduce) {
  :root {
    --ua-motion-micro: 0ms;
    --ua-motion-fast: 0ms;
    --ua-motion-base: 0ms;
    --ua-motion-veil: 0ms;
    --ua-motion-enter: 0ms;
    --ua-motion-deliberate: 0ms;
    --ua-motion-draw: 0ms;
    --ua-motion-shimmer: 0ms;
    --ua-motion-stagger-tight: 0ms;
    --ua-motion-stagger-base: 0ms;
    --ua-motion-stagger-loose: 0ms;
    --ua-motion-ease-standard: linear;
    --ua-motion-ease-exit: linear;
    --ua-motion-ease-soft: linear;
    --ua-motion-ease-emphasis: linear;
  }
}

/* The toolbar's status line ([[D425]] rule 4): a databound surface whose read failed says here, in words, that the
   results may be incomplete and why, and when it asks again; a failed write says it was not re-sent; recovery says
   the results are up to date. A polite live region that is always in the accessibility tree: never `hidden`, and
   while it is empty it is visually collapsed (the shared visually-hidden declarations) so it takes no row.
   The line sits in its own row with the "Select all N matching" offer (A-S1): a wrapping flex row, so the two share one
   line at desktop and the offer drops under the line when the width runs out (375). The toolbar itself is a one-column
   grid, so a line and an offer that were each its child took a full-width row each. The line's 16rem basis is what
   decides the stacking: beside an offer it no longer fits at phone width. */
.ua-dashboard-toolbar-status-row {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.25rem 0.75rem;
  min-width: 0;
}
.ua-dashboard-toolbar-status {
  flex: 1 1 16rem;
  min-width: 0;
  margin: 0;
  font: inherit;
  color: color-mix(in srgb, var(--universe-color-warning) 72%, var(--universe-color-text));
}
.ua-dashboard-toolbar-status[data-ua-status-tone="ok"] { color: color-mix(in srgb, var(--universe-color-success) 72%, var(--universe-color-text)); }
.ua-dashboard-toolbar-status:empty { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); clip-path: inset(50%); white-space: nowrap; border: 0; }
/* [[D430]] rule 2: once select-all has taken the visible page and more records match, the toolbar offers the second
   step in words ("Select all 240 matching"), beside the status line. A quiet text button; hidden until offered. */
.ua-dashboard-select-matching {
  flex: 0 0 auto;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  font: inherit;
  color: var(--universe-color-info);
  text-decoration: underline;
  cursor: pointer;
}
.ua-dashboard-select-matching[hidden] { display: none; }

/* Shared collection projections: consumers provide data, never their own grid geometry. */
.ua-dashboard-grid, .ua-dashboard-grid-body, .ua-dashboard-grid-card, .ua-dashboard-grid-card-copy { min-width:0; }
.ua-dashboard-grid-body.ua-dashboard-grid-projection-card { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr)); gap:var(--universe-space-inset-1); }
.ua-dashboard-grid-card { overflow-wrap:anywhere; }
.ua-dashboard-grid-card-body { display:flex; flex-direction:column; min-width:0; }
.ua-dashboard-grid-card-media-empty { display:none; }
.ua-dashboard-grid-row-cells, .ua-dashboard-grid-header { display:grid; grid-auto-flow:column; grid-auto-columns:minmax(0,1fr); gap:var(--universe-space-inset-1); align-items:start; }
.ua-dashboard-grid-row-cells > *, .ua-dashboard-grid-header-cell { min-width:0; overflow-wrap:anywhere; }
.ua-dashboard-grid-progress { display:flex; flex-direction:column; gap:calc(var(--universe-space-inset-1) / 3); }
.ua-dashboard-grid-progress progress { width:100%; max-width:100%; accent-color:var(--universe-color-success); }
@media (min-width:360px) and (max-width:600px) {
 .ua-dashboard-grid-body.ua-dashboard-grid-projection-card { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

/* ============================================================================
   THE ANIMATION TOOLKIT + THE DRAW-FIRST SKELETON
   MP-086 (D035) and MP-085 (D018) share this file because they share the same
   base layer: the motion tokens in element-runtime.css. A skeleton IS an
   animation — the shimmer is the one piece of motion a person sees while they
   wait — so it has to honour reduced motion the same way everything else does.

   NO LITERAL DURATIONS LIVE HERE. Every time in this file is var(--ua-motion-*),
   and those tokens are 0ms under prefers-reduced-motion: reduce. That is why
   this file carries no `@media (prefers-reduced-motion: reduce) { animation:
   none !important }` kill list: there is nothing left to kill.

   The media queries that ARE here are all `no-preference`, and they are the
   inversion rather than an exception to it: the declaration EXISTS only when
   motion is allowed, instead of being written and then revoked. They appear
   where reduced motion needs a different STRUCTURE rather than a different
   speed — the scroll pre-state (nothing is ever hidden waiting for motion that
   will not come), the shimmer sweep (which becomes a resting tint), the
   breathing reconnect dot, and the confetti burst.

   Tokens and rem only. No px outside a hairline, no hex, no rgba.
   ============================================================================ */

/* ── THE SCROLL PRE-STATE ────────────────────────────────────────────────────
   An element that animates on scroll has to start invisible or the animation is
   a flash of the finished thing followed by the thing arriving. But hiding it in
   plain CSS would hide it forever for anyone whose JS never ran.

   So the pre-state is gated TWICE, and both gates fail towards showing the
   content:

   1. `html.ua-motion-ready` — a class the driver adds as its very first act. No
      driver (blocked, failed, disabled, no JS), no class, no hiding.
   2. `[data-ua-animate-state="armed"]` — set by the driver on the specific
      elements it has taken responsibility for. Content swapped in by a client
      router carries the animation attributes but has not been scanned yet; if
      this rule keyed on `data-ua-animate` alone, that content would be hidden by
      a driver that had never heard of it and would stay hidden until somebody
      remembered to call scan(). Keyed on ARMED, forgetting to scan costs the
      animation and never the content.

   And it is gated on no-preference, so under reduced motion nothing is ever
   hidden waiting for motion that will not come. */
@media (prefers-reduced-motion: no-preference) {
  .ua-motion-ready [data-ua-animate][data-ua-animate-state="armed"] {
    opacity: 0;
  }
  .ua-motion-ready [data-ua-animate-stagger]:not([data-ua-animate-stagger="none"])[data-ua-animate-state="armed"] > * {
    opacity: 0;
  }
}

/* The restart control for an animated demo (D035 §9). It is a real button with a
   real label — the arrow is decorative, the words are the control. */
.ua-motion-restart {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  min-block-size: 2.75rem;
  padding: 0.5rem 0.9rem;
  border: 1px solid var(--universe-line, currentColor);
  border-radius: var(--universe-radius-pill, 100rem);
  background: color-mix(in srgb, var(--universe-color-background) 40%, transparent);
  color: inherit;
  font-family: var(--universe-font-body);
  font-size: 0.875rem;
  font-weight: var(--universe-font-weight-display);
  cursor: pointer;
  transition: border-color var(--ua-motion-micro) var(--ua-motion-ease-standard),
              background var(--ua-motion-micro) var(--ua-motion-ease-standard);
}

.ua-motion-restart-glyph {
  display: inline-block;
  inline-size: 0.9rem;
  block-size: 0.9rem;
}

/* ── THE CONFETTI BURST ──────────────────────────────────────────────────────
   This was a hand-rolled element.animate() with a literal duration, literal px
   offsets and an `if (reduced motion) return` guard in front of it. Each
   particle now carries its own destination as custom properties (set once,
   server-side, from its index) and the motion is this one rule, on tokens.
   Under reduced motion the durations are 0ms AND the declaration does not
   exist — and the particles were already display:none there, which is the right
   answer for pure decoration that conveys nothing. */
@media (prefers-reduced-motion: no-preference) {
  .ua-confetti[data-ua-confetti-burst="true"] .ua-confetti-particle {
    animation: ua-confetti-burst var(--ua-motion-deliberate) var(--ua-motion-ease-exit) backwards;
    animation-delay: calc(var(--ua-confetti-index, 0) * var(--ua-motion-stagger-tight));
  }
}
@keyframes ua-confetti-burst {
  from { transform: translate3d(0, 0, 0) rotate(0deg); opacity: 1; }
  to {
    transform: translate3d(var(--ua-confetti-x, 0), var(--ua-confetti-y, 3rem), 0) rotate(var(--ua-confetti-r, 90deg));
    opacity: 0;
  }
}

/* ============================================================================
   THE SKELETON — draw first, fill in (D018 / MP-085)

   "Draw first" is the load-bearing idea, and the trap inside it is timing: a
   skeleton that appears AFTER a delay is worse than no skeleton, because it adds
   a flash to a wait that was already over. So the skeleton is SERVER-RENDERED
   into the first paint — it is a node in the tree the page handler returns, not
   something a client script builds once it notices data is slow. src/async-
   surface.js refuses a data region that has no skeleton in it, and the
   conformance lint refuses a client artifact that constructs one.

   The shape mirrors the real content so nothing shifts when the data lands.
   ============================================================================ */
.ua-skeleton {
  display: grid;
  gap: 0.6rem;
  inline-size: 100%;
}
.ua-skeleton-row {
  display: grid;
  gap: 0.6rem;
  grid-template-columns: repeat(var(--ua-skeleton-columns, 1), minmax(0, 1fr));
}
.ua-skeleton-bone {
  --ua-skeleton-rest: color-mix(in srgb, var(--universe-color-text) 12%, transparent);
  --ua-skeleton-sheen: color-mix(in srgb, var(--universe-color-text) 22%, transparent);
  display: block;
  inline-size: 100%;
  block-size: 0.85rem;
  border-radius: var(--universe-radius-pill, 100rem);
  background-color: var(--ua-skeleton-rest);
}
.ua-skeleton-bone[data-ua-skeleton-shape="title"] { block-size: 1.6rem; inline-size: 60%; border-radius: var(--universe-radius-control, 0.625rem); }
.ua-skeleton-bone[data-ua-skeleton-shape="line"] { block-size: 0.85rem; }
.ua-skeleton-bone[data-ua-skeleton-shape="line"]:last-child { inline-size: 72%; }
.ua-skeleton-bone[data-ua-skeleton-shape="pill"] { block-size: 2rem; inline-size: 7rem; }
.ua-skeleton-bone[data-ua-skeleton-shape="media"] { block-size: 0; padding-block-end: 56.25%; border-radius: var(--universe-radius-card, 0.75rem); }
.ua-skeleton-bone[data-ua-skeleton-shape="block"] { block-size: 6rem; border-radius: var(--universe-radius-card, 0.75rem); }
.ua-skeleton-card {
  display: grid;
  gap: 0.6rem;
  padding: var(--universe-space-card, 1rem);
  border: 1px solid var(--universe-line-soft, var(--universe-line, currentColor));
  border-radius: var(--universe-radius-card, 0.75rem);
}

/* THE SHIMMER — "light moving across glass: subtle, calm, directional"
   (UI-LOOK-AND-FEEL §11). It exists ONLY under no-preference. Under reduced
   motion the bone keeps its resting tint and simply sits there: still a
   skeleton, still the promise that content is coming, with no movement. That is
   a structural difference, not a speed one, which is why this is the one media
   query in the file. */
@media (prefers-reduced-motion: no-preference) {
  .ua-skeleton-bone {
    background-image: linear-gradient(
      100deg,
      transparent 20%,
      var(--ua-skeleton-sheen) 42%,
      transparent 64%
    );
    background-repeat: no-repeat;
    background-size: 220% 100%;
    animation: ua-skeleton-sweep var(--ua-motion-shimmer) var(--ua-motion-ease-soft) infinite;
  }
}
@keyframes ua-skeleton-sweep {
  from { background-position: 140% 0; }
  to { background-position: -60% 0; }
}

/* ============================================================================
   TIERED FAILURE — the SOFT tier (D018 §3)

   Three tiers: HIDDEN while the retry system is still working (nothing on
   screen, because nothing has actually failed yet), SOFT for a region that could
   not fill, and HARD only for a genuine dead end — and HARD is the shared error
   surface (D073), never a second set of words invented here.

   The soft tier is this strip. It sits INSIDE the region that failed, keeps the
   rest of the page live, and always carries a real retry that re-drives the
   route rather than reloading a shell.
   ============================================================================ */
.ua-async-notice {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem;
  padding: 0.85rem 1rem;
  border: 1px solid color-mix(in srgb, var(--universe-color-warning) 42%, var(--universe-line, currentColor));
  border-radius: var(--universe-radius-control, 0.625rem);
  background: color-mix(in srgb, var(--universe-color-background) 55%, transparent);
  color: var(--universe-color-text);
  font-family: var(--universe-font-body);
  font-size: 0.9375rem;
}
.ua-async-notice-text { margin: 0; flex: 1 1 12rem; }
.ua-async-notice-retry {
  min-block-size: 2.75rem;
  padding: 0.5rem 0.95rem;
  border: 1px solid color-mix(in srgb, var(--universe-color-primary) 58%, transparent);
  border-radius: var(--universe-radius-control, 0.625rem);
  background: color-mix(in srgb, var(--universe-color-primary) 16%, transparent);
  color: inherit;
  font-family: inherit;
  font-weight: var(--universe-font-weight-display);
  cursor: pointer;
}

/* The quiet reconnecting cue. It appears only while the retry system is actually
   between attempts, and it never replaces content that is already on screen —
   "keep every surface live" is the rule, so this is an adornment on a region,
   never a wall over it. */
.ua-async-reconnecting {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 0.8125rem;
  color: var(--universe-color-muted, var(--universe-color-text));
}
.ua-async-reconnecting-dot {
  inline-size: 0.4rem;
  block-size: 0.4rem;
  border-radius: var(--universe-radius-pill, 100rem);
  background: var(--universe-color-warning);
}
@media (prefers-reduced-motion: no-preference) {
  .ua-async-reconnecting-dot {
    animation: ua-async-breathe var(--ua-motion-deliberate) var(--ua-motion-ease-soft) infinite alternate;
  }
}
@keyframes ua-async-breathe {
  from { opacity: 0.35; }
  to { opacity: 1; }
}

/* ============================================================================
   THE BRANDED WORKING MARK — the universe logo, animating ([[platform D222]])

   Operator: "when data is being populated, use the universe logo animation so I
   know it's loading — AS OPPOSED TO WASTING SPACE IN THE STATUS BAR."

   The silhouette is the platform logo itself, drawn from the same path
   universe-brand.js hands the favicon generator, so the working state, the
   favicon and the Safari pinned tab are one mark and cannot drift.

   Three cues, three questions, and reaching for the wrong one is the mistake
   this comment exists to prevent:
     · .ua-route-progress — "a view is being fetched."     (navigation)
     · .ua-skeleton       — "content is coming, this shape." (a region, shape known)
     · .ua-working        — "work is happening, no shape yet." (a generation, a populate)
   The skeleton is the default whenever the shape IS known.
   ============================================================================ */
.ua-working {
  display: grid;
  justify-items: center;
  align-content: center;
  gap: 0.75rem;
  padding: var(--universe-space-card, 1rem);
}
.ua-working-mark {
  display: block;
  inline-size: 2.75rem;
  block-size: 2.75rem;
  /* The mark is the ACCENT colour, which is the one place the platform spends gold. A static amber dot
     was the defect D222 removed; amber that is genuinely transient is what the accent is for. */
  fill: var(--universe-color-primary);
  /* The resting state is already legible: reduced motion, a failed animation and a paint before the
     stylesheet's keyframes resolve all land here, and all three show the logo rather than a blank box. */
  opacity: 0.85;
}
.ua-working[data-ua-working="small"] .ua-working-mark { inline-size: 1.5rem; block-size: 1.5rem; }
.ua-working[data-ua-working="large"] .ua-working-mark { inline-size: 4.5rem; block-size: 4.5rem; }
.ua-working-label {
  margin: 0;
  font-size: 0.8125rem;
  color: var(--universe-color-muted, var(--universe-color-text));
  text-align: center;
}
@media (prefers-reduced-motion: no-preference) {
  .ua-working-mark {
    /* A slow breath, not a spin. A spinning logo reads as a system busy-cursor — the thing the product
       is trying not to feel like — and the mark is asymmetric, so rotation makes it illegible. */
    animation: ua-working-breathe var(--ua-motion-deliberate) var(--ua-motion-ease-soft) infinite alternate;
    transform-origin: 50% 50%;
  }
}
@keyframes ua-working-breathe {
  from { opacity: 0.45; transform: scale(0.94); }
  to { opacity: 1; transform: scale(1); }
}

.ua-layout-section {
  position: relative;
  display: grid;
  gap: clamp(1rem, 3vw, 2rem);
  min-width: 0;
}

.ua-layout-container {
  width: min(100%, 72rem);
  margin-inline: auto;
  min-width: 0;
}

.ua-layout-container-narrow {
  width: min(100%, 48rem);
}

.ua-layout-container-full {
  width: 100%;
}

.ua-layout-columns {
  display: grid;
  grid-template-columns: repeat(var(--ua-columns, 2), minmax(0, 1fr));
  gap: clamp(0.75rem, 2vw, 1.25rem);
  min-width: 0;
}

.ua-layout-columns[data-column-count="1"] { --ua-columns: 1; }
.ua-layout-columns[data-column-count="2"] { --ua-columns: 2; }
.ua-layout-columns[data-column-count="3"] { --ua-columns: 3; }
.ua-layout-columns[data-column-count="4"] { --ua-columns: 4; }
.ua-layout-columns[data-column-count="5"] { --ua-columns: 5; }
.ua-layout-columns[data-column-count="6"] { --ua-columns: 6; }

.ua-layout-divider {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  min-width: 0;
  border: 0;
  color: var(--universe-color-muted);
}

.ua-layout-divider::before,
.ua-layout-divider::after {
  content: "";
  flex: 1 1 auto;
  border-top: 1px solid var(--universe-line);
}

hr.ua-layout-divider {
  display: block;
  border-top: 1px solid var(--universe-line);
}

hr.ua-layout-divider::before,
hr.ua-layout-divider::after {
  content: none;
}

.ua-layout-spacer {
  block-size: clamp(1rem, 4vw, 3rem);
}

.ua-layout-spacer-sm { block-size: clamp(0.5rem, 2vw, 1rem); }
.ua-layout-spacer-lg { block-size: clamp(2rem, 7vw, 5rem); }

.ua-anchor {
  scroll-margin-block-start: 6rem;
}

/* The shared navigable-card capability (see navigableShell). Any card/tile whose whole region is a
   real <a href> carries .ua-navigable: it strips the default anchor chrome so the card keeps its own
   look, while preserving a visible keyboard focus ring for accessibility. Layout (grid/flex, padding)
   stays owned by the card's own class — this only neutralizes link styling and adds the focus state. */
.ua-navigable {
  text-decoration: none;
  color: inherit;
  cursor: pointer;
  /* Touch: navigate on tap with no 300ms delay, and never let the browser swallow the tap as a gesture
     or text-selection (the whole-card anchor must fire reliably on mobile). */
  touch-action: manipulation;
  -webkit-tap-highlight-color: color-mix(in srgb, var(--universe-color-primary) 22%, transparent);
}
/* The card's own descriptive children are inert to pointer input so a tap anywhere on the card region
   resolves to the anchor itself (no inner span/heading/badge stealing the tap on touch). Real interactive
   descendants (links/buttons/inputs) re-enable themselves below. */
.ua-navigable > * { pointer-events: none; }
.ua-navigable a, .ua-navigable button, .ua-navigable input,
.ua-navigable select, .ua-navigable textarea, .ua-navigable [tabindex] { pointer-events: auto; }

/* A navigable row that is ALSO a ua.swipe sliding surface (a whole-row <a data-ua-swipe-content> — see
   navigableSwipeRow / ua.swipe.js). It must hand HORIZONTAL drags to JS to slide, while still letting the
   page scroll VERTICALLY — exactly as the checkout line's sliding content does (touch-action: pan-y). This
   overrides the plain navigable `touch-action: manipulation` ONLY for the swipe-content variant; a scoped,
   higher-specificity selector so PLAIN navigable rows keep manipulation and are byte-identical. Whole-row
   tap-to-navigate still works (a tap is not a horizontal pan); a completed swipe suppresses the click. */
.ua-navigable.ua-navigable-swipe { touch-action: pan-y; }

/* A row that ACTS rather than navigates (activatableRow, [[D350]] point 1 for a grid whose item has no
   URL — the file manager's rows key on a storage resource id, and that id must never be in a URL). It is
   a real <button> so keyboard, focus, Enter/Space and the accessible name come from the element itself
   rather than from tabindex plus a keydown handler. A <button> arrives with UA chrome that an <a> does
   not, and this strips exactly that so the two activation kinds are visually ONE row.
   `:where()` keeps the specificity at a bare element selector: it beats the UA default and LOSES to the
   row's own class, so the surrounding list keeps ownership of layout ([[D284]]). */
button:where(.ua-navigable) {
  appearance: none;
  -webkit-appearance: none;
  background: none;
  border: 0;
  margin: 0;
  padding: 0;
  font: inherit;
  color: inherit;
  text-align: inherit;
}

/* THE UNIVERSAL DATA-GRID / LIST ROW hover affordance (operator 2026-09-07). A navigable card or row
   "pulls out of the sea of rows" on hover/focus: a token-driven elevation + border tint that honours the
   frosted-glass tier ([[D019]]: readability comes from shadow/tint, never a scrim over creative). Attached
   ONLY to the navigable branch of navigableShell / navigableRow (a row with no declared default action never
   gets this class, so it never lifts and never implies an action).
   NO REFLOW, NO OVERFLOW BY CONSTRUCTION: the affordance is TRANSFORM + BOX-SHADOW + colour only — it never
   changes box size, margin, padding or border-width, so it cannot reflow neighbours or break a tabular
   grid-template, and translateY has no horizontal component so it cannot cause horizontal overflow. The
   lifted element is position:relative and gains z-index on hover so it paints above its neighbours in place.
   Motion follows the house pattern (see .ua-hover-lift): the translate EXISTS only under no-preference, so
   reduced-motion users still get the elevation + tint (the affordance), just no movement.

   ★ CASCADE DEFENSE (adversarial review 2026-09-07, F1). A consumer's RESTING row rule is routinely a
   heavier selector than a single class — e.g. `.account-orders-results[data-account-orders-view="list"]
   .account-order-row` is (0,3,0) vs this rule's (0,2,0) — and it sets background / box-shadow / border
   UNCONDITIONALLY (not scoped to :not(:hover)). So on hover the consumer's RESTING look kept winning and
   only `transform` survived — a jump with no lift, and NOTHING at all for reduced-motion users. The
   capability must WIN over any consumer's resting paint WITHOUT every consumer scoping its resting styles to
   :not(:hover) (that footgun, F4, is fragile). So the three HOVER-ONLY visual properties carry `!important`,
   SCOPED to :hover / :focus so they beat a resting declaration of any specificity yet never fight resting
   LAYOUT. `!important` is house practice for exactly this (147 uses in element-runtime.css). The transform
   needs no !important — nothing competes with it at rest — so the motion gate is unaffected.

   ★ AND WHICH ELEMENT IS THE ROW — `.ua-row-frame` (see `structuredRow`, `frameIsRow`). When the whole
   row is one `<a>`, the anchor is the row and it carries the lift. When the row ALSO has icon actions,
   the actions are a SIBLING of the activator (they have to be — the activator throws on a nested
   interactive child), so the activator is only PART of the row and lifting it would lift half a row and
   leave the pencil and trash sitting flat beside it. The frame is what a person reads as the row, so the
   frame is what lifts. That is one extra SELECTOR on the same declarations, deliberately not a second
   rule: a framed row and a whole-row anchor must never drift into two different row looks. */
.ua-navigable-lift,
.ua-row-frame {
  position: relative;
  transition: transform var(--ua-motion-micro) var(--ua-motion-ease-soft),
              box-shadow var(--ua-motion-micro) var(--ua-motion-ease-soft),
              border-color var(--ua-motion-micro) var(--ua-motion-ease-soft),
              background-color var(--ua-motion-micro) var(--ua-motion-ease-soft);
}
.ua-navigable-lift:hover,
.ua-navigable-lift:focus-visible,
.ua-navigable-lift:focus-within,
.ua-row-frame:hover,
.ua-row-frame:focus-within {
  z-index: 1;
}

/* ── THE ROW'S ICON ACTIONS ([[D350]] point 2) ──────────────────────────────────────────────────────
   Icon only, and a SIBLING of the row activator — never inside it. These styles were private to the file
   manager (`.ua-fm-action`), which is why every other grid on the platform had no row action at all. One
   control, one paint. A surface with room for a bigger finger target raises it from its own stylesheet
   (the file manager's toolbar does exactly that); the base stays row-sized so a row stays a row. */
.ua-row-actions {
  display: inline-flex;
  align-items: center;
  gap: 0.05rem;
}
.ua-row-action {
  position: relative;
  display: grid;
  place-items: center;
  width: 2.1rem;
  height: 2.1rem;
  padding: 0;
  border: 0;
  border-radius: 0.45rem;
  background: none;
  color: color-mix(in srgb, var(--universe-color-text) 66%, transparent);
  cursor: pointer;
}

/* The danger row action's ink on hover and keyboard focus (also its own layer; kept literal as the acceptance guard
   "danger keeps its tint" reads this selector). */
.ua-row-action-danger:focus-visible,
.ua-row-action-danger.ua-state-hover { color: var(--ua-state-danger-ink, var(--universe-color-danger, var(--universe-color-error))); }
@media (hover: hover) {
  .ua-row-action-danger:hover { color: var(--ua-state-danger-ink, var(--universe-color-danger, var(--universe-color-error))); }
}
.ua-row-action[disabled] { opacity: .4; cursor: not-allowed; }
.ua-row-action-glyph { display: grid; place-items: center; }
.ua-row-action-glyph svg { width: 1rem; height: 1rem; }

/* ── REVEALED ON HOVER, NEVER HIDDEN FROM A FINGER OR A KEYBOARD ([[D350]] point 3) ─────────────────
   The operator's report was *"On mobile … the edit button … never show up"*, and the usual hover reveal is
   how that happens: `opacity: 0` lifted on `:hover`, on a device that has no hover. So the reveal here is
   constrained three ways and each constraint answers one failure (see rowActionGroup's `reveal`):

   1  IT ONLY EXISTS FOR A FINE, HOVER-CAPABLE POINTER. The whole block is inside
      `(hover: hover) and (pointer: fine)`. A phone, a tablet, a touchscreen laptop in touch mode and a
      screen reader's touch exploration never match it, so on those the actions are simply ALWAYS THERE —
      not "revealed by a first tap", which spends a tap and still hides them from exploration.
   2  IT IS OPACITY AND NOTHING ELSE. `display: none` and `visibility: hidden` remove the button from the
      tab order and from the accessibility tree; a transparent button is still focusable, still announced,
      still hit-testable, and — because it is laid out either way — revealing it never reflows the row.
   3  FOCUS REVEALS IT. `:focus-within` on the row's parent covers both the row activator taking focus and
      an action itself taking focus, so a sighted keyboard user can see the control they are standing on.

   The selector is `:hover > ` / `:focus-within > ` against the UNIVERSAL selector on purpose: the group's
   parent is whatever frame the consumer allocated ([[D284]] — the consumer allocates space, the control
   owns its behaviour), so the control must not require the consumer to add an agreed class for its own
   actions to be visible. Getting that contract wrong fails INVISIBLY, which is the one failure mode a
   reveal must not have. */
@media (hover: hover) and (pointer: fine) {
  .ua-row-actions-reveal {
    opacity: 0;
    transition: opacity var(--ua-motion-micro) var(--ua-motion-ease-soft);
  }
  :hover > .ua-row-actions-reveal,
  :focus-within > .ua-row-actions-reveal { opacity: 1; }
}
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: reduce) {
  .ua-row-actions-reveal { transition: none; }
}
/* In a forced-colors mode the fade is not a style choice the person asked for; show the actions. */
@media (forced-colors: active) {
  .ua-row-actions-reveal { opacity: 1; }
}

/* ── A FINGER-SIZED TARGET WHERE A FINGER IS USED ([[D351]]: measured, not eyeballed) ────────────────
   The resting 2.1rem box is a mouse target. 2.75rem is 44px at the root size, the floor a touch target
   has to clear, and the gap grows with it so two adjacent 44px targets are not one 88px smear.
   BOTH conditions, because neither alone is honest: `pointer: coarse` catches a touch device at any
   width (a tablet at 900px), and the width catches a phone-width viewport that reports a fine pointer —
   which is exactly what a desktop browser resized to 375px does, and therefore what any measurement of
   this is taken in. */
@media (pointer: coarse), (max-width: 40rem) {
  .ua-row-actions { gap: 0.25rem; }
  .ua-row-action { width: 2.75rem; height: 2.75rem; }
}

.ua-background {
  position: relative;
  display: grid;
  min-width: 0;
}

/* ── THE ICON BOX ──────────────────────────────────────────────────────────────────────────────────
   Sized from `--universe-icon-size`, not from the inherited font size. It was `1.15em`, which meant
   an icon's size was an accident of whatever text it happened to sit in — and it is why this repo
   alone carries 41 DISTINCT icon size values across 225 CSS declarations (measured 2026-09-20):
   every surface that wanted a predictable icon had to state one locally.

   A control now sets `--universe-icon-size` once on itself and every glyph inside lines up, without
   the control or the icon knowing anything about each other. The `.ua-icon-*` step classes below
   are for the cases where one icon in a control genuinely differs.

   `vertical-align` carries v1's optical shift so a glyph sits on the text baseline rather than the
   line box (universe-home/uat/scss/utilities.scss:545) — it is a no-op in a flex/grid parent and
   correct in an inline one, which is exactly when it is needed.

   ASPECT-RATIO, not a second length: a solid mark on a 593-unit square viewBox and a stroke glyph
   on a 24-unit one must occupy the same box, and `aspect-ratio: 1` guarantees that without either
   one knowing its own units. */
.ua-icon {
  display: inline-grid;
  place-items: center;
  inline-size: var(--universe-icon-size, 1.25rem);
  block-size: var(--universe-icon-size, 1.25rem);
  aspect-ratio: 1;
  flex: none;
  line-height: 1;
  vertical-align: var(--universe-icon-optical-shift, -0.125em);
}

/* The stroke steps are an OPTICAL correction, not decoration. A 2-unit stroke on a 24-unit viewBox
   is 1.17 CSS px at 14px and 2.67 px at 32px, so one nominal weight reads faint when small and
   blocky when large. Nudging the weight the other way keeps the whole set looking like one hand at
   every step. This is the thing a font gets for free through hinting and an SVG set has to state. */
.ua-icon-xs { --universe-icon-size: var(--universe-icon-size-xs, 0.875rem); --universe-icon-stroke: 2.25; }
.ua-icon-sm { --universe-icon-size: var(--universe-icon-size-sm, 1rem); --universe-icon-stroke: 2.1; }
.ua-icon-md { --universe-icon-size: var(--universe-icon-size-md, 1.25rem); --universe-icon-stroke: 2; }
.ua-icon-lg { --universe-icon-size: var(--universe-icon-size-lg, 1.5rem); --universe-icon-stroke: 1.9; }
.ua-icon-xl { --universe-icon-size: var(--universe-icon-size-xl, 2rem); --universe-icon-stroke: 1.75; }

.ua-icon svg {
  display: block;
  inline-size: 100%;
  block-size: 100%;
  overflow: visible;
}

/* Only STROKE art takes the weight token. A solid mark carries `stroke="none"` and must never be
   given one, or the platform trademark grows a 2-unit outline at 593-unit scale. */
.ua-icon svg[stroke]:not([stroke="none"]) {
  stroke-width: var(--universe-icon-stroke, 2);
}

/* ── THE MISSING-GLYPH MARKER ──────────────────────────────────────────────────────────────────────
   An icon the registry cannot draw renders an EMPTY svg carrying `data-ua-icon-missing`. It holds
   its box so the layout around it does not reflow, and it draws nothing — a wrong glyph is the one
   outcome this system exists to prevent, so there is deliberately no stand-in here. The build gate
   (`npm run gate:icon-names`) is what stops it reaching a surface at all; this rule only makes the
   escape honest if one ever does. */
.ua-icon svg[data-ua-icon-missing] {
  visibility: hidden;
}

/* ── THE PENDING BOX — a lazy Phosphor glyph not yet loaded ([[D575]] point 5) ─────────────────────
   Only the core glyphs ship inline; any other name paints an EMPTY svg carrying
   `data-ua-icon-pending` and the registry fills that same node in place when the chunk lands. The box
   must already be the size the loaded glyph will be, or the row jumps. A bare svg with no size of its
   own defaults to 300x150, so it is held at the icon-size token here — and so is every registry svg (filled, settled
   to missing, or core), so removing the pending attribute can never change the box. `:where()` keeps this at zero
   specificity: any context that sizes its svg (`.ua-icon svg`, a row-action glyph, a width attribute)
   sizes the pending box identically, and nothing changes size when the attribute is removed. It draws
   nothing while it waits — no stand-in glyph, no flash. */
/* The per-document sprite that holds a glyph used more than once (src/icons/icon-sprite.js): it takes no space and is
   never seen; each icon draws it with <use>. */
.ua-icon-sprite {
  position: absolute;
  inline-size: 0;
  block-size: 0;
  overflow: hidden;
}

:where(svg[data-ua-icon-pending]:not([width], [height]), svg[data-ua-icon-name]:not([width], [height])) {
  inline-size: var(--universe-icon-size, 1.25rem);
  block-size: var(--universe-icon-size, 1.25rem);
  aspect-ratio: 1;
}

.ua-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  min-block-size: 2.5rem;
  border: 1px solid var(--universe-line);
  border-radius: var(--universe-radius-control, 0.35rem);
  padding: 0.65rem 0.9rem;
  text-decoration: none;
  color: var(--universe-color-text);
  background: color-mix(in srgb, var(--universe-color-surface) 82%, transparent);
  box-shadow: 0 0.65rem 1.8rem color-mix(in srgb, var(--universe-color-background) 22%, transparent);
  font-weight: var(--universe-font-weight-strong);
  line-height: 1.05;
  transition: border-color 140ms ease, background-color 140ms ease, color 140ms ease, box-shadow 140ms ease, transform 140ms ease;
}

/* SIZES (B045, Justin-approved suggestion 2): the one compact and the one large button. Each dimension is a token
   with its rem default, so a surface tunes the size by token, never by its own size class. */
.ua-button.ua-button-sm {
  gap: var(--universe-button-sm-gap, 0.35rem);
  min-block-size: var(--universe-button-sm-min-block-size, 1.85rem);
  padding: var(--universe-button-sm-padding-block, 0.3rem) var(--universe-button-sm-padding-inline, 0.55rem);
  font-size: var(--universe-button-sm-font-size, 0.75rem);
}

/* DISABLED: a button that may not be pressed says so (B045 suggestion 2 — the shared button had no disabled look, so
   every surface kept its own). Covers the disabled attribute, aria-disabled (an anchor) and the painter's class. */
.ua-button:disabled,
.ua-button[aria-disabled="true"],
.ua-button.ua-button-disabled {
  opacity: var(--universe-button-disabled-opacity, 0.45);
  cursor: not-allowed;
}

.ua-button.ua-button-lg {
  min-block-size: var(--universe-button-lg-min-block-size, 2.85rem);
  padding: var(--universe-button-lg-padding-block, 0.75rem) var(--universe-button-lg-padding-inline, 1.4rem);
  font-size: var(--universe-button-lg-font-size, 1rem);
}

.ua-button.ua-fill,
.ua-button-fill,
.ua-action-fill {
  width: 100%;
  inline-size: 100%;
}

.ua-button-primary {
  color: var(--universe-color-background);
  background: var(--universe-color-primary);
  border-color: var(--universe-color-primary);
  box-shadow: 0 0.75rem 2rem color-mix(in srgb, var(--universe-color-primary) 28%, transparent);
}

.ua-button-secondary {
  color: var(--universe-color-text);
  background: var(--ua-glass-text-led);
  border-color: color-mix(in srgb, var(--universe-color-primary) 48%, var(--universe-line));
  backdrop-filter: var(--ua-glass-frost); -webkit-backdrop-filter: var(--ua-glass-frost);
}

.ua-button-ghost {
  color: var(--universe-color-primary-strong, var(--universe-color-primary));
  background: color-mix(in srgb, var(--universe-color-background) 18%, transparent);
  border-color: color-mix(in srgb, var(--universe-color-primary) 34%, transparent);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--universe-color-primary) 10%, transparent);
}

/* Hover and :focus-visible are ONE look: the four interaction states beside frosted glass ([[D575]]). */

/* Glass is the default button material. The fill is the text-led pane, so the
   label and the state edge sit on that tier and not on a private wash of the art.
   The brand colour tints the edge through --universe-color-primary. */
.ua-button-glass {
  color: var(--universe-color-text);
  background: var(--ua-glass-text-led);
  border-color: color-mix(in srgb, var(--universe-color-primary) 20%, var(--universe-line));
  box-shadow: none;
  backdrop-filter: var(--ua-glass-frost);
  -webkit-backdrop-filter: var(--ua-glass-frost);
}

/* ── THE FOUR INTERACTION STATES and the hover/active glow ("the shimmer") — an interface standard beside
   frosted glass ([[D575]]; B045). Not the loading skeleton's shimmer (ua-skeleton-sweep): this is the glow a
   control wears when it answers the pointer or is on. Glass is what a control is made of; these are the only
   four ways an ACTIONABLE control can look. Plain text and static content never take them.
     1. NORMAL  — the family's own resting look; --ua-state-normal-* only carries the way back.
     2. HOVER   — :focus-visible IS hover (one look, no second ring). Pointer hover is gated on
                  (hover: hover) so a tap never leaves a stuck glow ([[D350]]); focus-visible is unconditional.
     3. ACTIVE  — .active, [aria-current], [aria-pressed/selected/expanded="true"], :checked, :active: ONE look.
     4. BUSY    — optional, [aria-busy="true"]: the edge and the glow while an action runs (spinner below).
   Ink: every part is mixed from --glow-ink, default currentColor, so the tint follows the item's text or icon
   colour in that state and danger glows danger. Opt anything else in with .ua-shimmer (buttons) or
   .ua-shimmer-dense (rows, tabs, rails). Every hovering control wears the one drop. A field does not
   float. Force a state with .ua-state-hover/-active/-busy.
   Geometry and timing are the dashboard Home view tab and ua.button @ad45f892 (glow 0 .85rem 2.3rem at 24%,
   wash 8%, 1px inset ring at 30%, 140ms). The edge is raised from the source 18% (1.42-1.77:1) to 80%: the
   lowest mix at which every ink we ship (white, ink, gold, danger, muted; dark and light surfaces) reaches
   3:1 (WCAG 1.4.11; D575 floor >= 45%, danger >= 60%; measured by agent-task-tracker/scraps/b045-builder/
   contrast-mix.mjs, which also self-tests on literal 2.99:1 / 3.03:1 pairs). Hover strengthens a border
   the control already has (D576 point 4, the 80% edge). A borderless action does not grow an outline:
   a standalone link keeps the ink change plus the drop glow, and a packed control keeps the ink
   change without bleeding that glow. Guards: style only (no
   layout change; the shared edge, wash and glow never transform — a control's OWN restored lift or press may
   translate / scale, and only under prefers-reduced-motion: no-preference), no ::before/::after in the shared
   look (a control's own child layer, e.g. the navbar underline, is generated from its family entry), disabled /
   aria-disabled / .disabled / inert / a without href excluded, and only ACTIONABLE nodes (the predicate in
   _interaction-states.js) ever wear a state. Doc: universe-elements
   docs/INTERFACE-GUIDELINES.md "Four interaction states"; agent-task-tracker HOUSE-RULES.md (D575). */
/* @generated interaction-states:start — npm run build:states (src/elements/_interaction-states.js). Do not edit. */
:root,
[data-ua-brand-scope] {
  --ua-shimmer-glow: 0 0.85rem 2.3rem;
  --ua-shimmer-wash-inset: 100vmax;
  --ua-shimmer-transition: border-color var(--ua-motion-micro, 140ms) ease, background-color var(--ua-motion-micro, 140ms) ease, color var(--ua-motion-micro, 140ms) ease, box-shadow var(--ua-motion-micro, 140ms) ease, transform var(--ua-motion-micro, 140ms) ease, filter var(--ua-motion-micro, 140ms) ease, opacity var(--ua-motion-micro, 140ms) ease, text-decoration-color var(--ua-motion-micro, 140ms) ease;
  /* 1. NORMAL */
  --ua-state-normal-transition: var(--ua-shimmer-transition);
  /* 2. HOVER = FOCUS-VISIBLE */
  --ua-state-hover-edge-mix: 80%;
  --ua-state-hover-wash-mix: 8%;
  --ua-state-hover-glow-mix: 24%;
  --ua-state-hover-forced: Highlight;
  /* THE TWO-TONE FOCUS ([[D602]], Option A; W3C C40): a dark inner edge against the fill plus a light outer glow
     against the page, painted OUTSIDE the control on hover = :focus-visible, actionable controls only ([[D575]]).
     The inner and outer tones are >= 9:1 apart, so at least one of them is >= 3:1 against ANY fill or page. */
  --ua-focus-inner: var(--universe-color-background);
  --ua-focus-outer: var(--universe-color-text);
  --ua-focus-inner-width: 2px;
  --ua-focus-outer-width: 2px;
  --ua-focus-two-tone: 0 0 0 var(--ua-focus-inner-width) var(--ua-focus-inner), 0 0 0 calc(var(--ua-focus-inner-width) + var(--ua-focus-outer-width)) var(--ua-focus-outer), 0 0 0.6rem calc(var(--ua-focus-inner-width) + var(--ua-focus-outer-width)) color-mix(in srgb, var(--ua-focus-outer) 35%, transparent);
  /* 3. ACTIVE */
  --ua-state-active-edge-mix: 80%;
  --ua-state-active-ring-mix: 30%;
  --ua-state-active-wash-mix: 8%;
  --ua-state-active-forced: SelectedItem;
  /* 4. BUSY */
  --ua-state-busy-edge-mix: 80%;
  --ua-state-busy-wash-mix: 8%;
  --ua-state-busy-glow-mix: 32%;
  --ua-state-busy-label: transparent;
}
/* State INKS: the text colour a state sets on a control. They are not the shimmer tint (that follows currentColor
   through --glow-ink), so they live in their own :root rule, apart from the shimmer standard. */
:root,
[data-ua-brand-scope] {
  --ua-state-hover-ink: var(--universe-color-text);
  --ua-state-active-ink: var(--universe-color-primary-strong, var(--universe-color-primary));
  --ua-state-active-on-ink: var(--universe-color-on-primary-action, var(--universe-color-background));
  --ua-state-danger-ink: var(--universe-color-danger, var(--universe-color-error));
}
@property --ua-state-edge-ring {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --ua-state-hover-lift {
  syntax: "*";
  inherits: false;
}
@property --ua-state-hover-fill {
  syntax: "*";
  inherits: false;
}
@property --ua-state-hover-filter {
  syntax: "*";
  inherits: false;
}
@property --ua-state-hover-transform {
  syntax: "*";
  inherits: false;
}
@property --ua-state-hover-opacity {
  syntax: "*";
  inherits: false;
}
@property --ua-state-hover-underline {
  syntax: "*";
  inherits: false;
}
@property --ua-state-active-lift {
  syntax: "*";
  inherits: false;
}
@property --ua-state-active-fill {
  syntax: "*";
  inherits: false;
}
@property --ua-state-active-filter {
  syntax: "*";
  inherits: false;
}
@property --ua-state-active-transform {
  syntax: "*";
  inherits: false;
}
@property --ua-state-active-opacity {
  syntax: "*";
  inherits: false;
}
@property --ua-state-active-underline {
  syntax: "*";
  inherits: false;
}
@property --ua-state-press-lift {
  syntax: "*";
  inherits: false;
}
@property --ua-state-press-fill {
  syntax: "*";
  inherits: false;
}
@property --ua-state-press-filter {
  syntax: "*";
  inherits: false;
}
@property --ua-state-press-transform {
  syntax: "*";
  inherits: false;
}
@property --ua-state-press-opacity {
  syntax: "*";
  inherits: false;
}
@property --ua-state-press-underline {
  syntax: "*";
  inherits: false;
}
@property --ua-state-busy-lift {
  syntax: "*";
  inherits: false;
}
@property --ua-state-busy-fill {
  syntax: "*";
  inherits: false;
}
@property --ua-state-busy-filter {
  syntax: "*";
  inherits: false;
}
@property --ua-state-busy-transform {
  syntax: "*";
  inherits: false;
}
@property --ua-state-busy-opacity {
  syntax: "*";
  inherits: false;
}
@property --ua-state-busy-underline {
  syntax: "*";
  inherits: false;
}
:where(.ua-shimmer-dense, .ua-button-toggle-option, .ua-button-toggle-cycle, .ua-tab, .nav-link:not(.ua-navbar-item), .ua-navbar-item, .ua-navbar-menu .ua-navbar-item, .ua-row-action, .ua-fm-toolbar-actions .ua-row-action, .ua-row-action-danger, .ua-navigable, .ua-navigable-row, a.ua-avatar, .ua-input, .ua-select, .ua-textarea, .ua-form-field input:not(.ua-switch-input), .ua-form-field textarea, .ua-form-field select, .ua-doc-basic-textarea, .ua-doc-simple-editor, .ua-date-picker-meridiem-btn, .ua-date-picker-minute-option, .ua-dashboard-toolbar-action, .ua-navbar-menu-toggle, .ua-navbar-menu-go, .ua-struct-move-up, .ua-struct-move-down, .ua-struct-add, .ua-struct-hatch-toggle, .ua-file-field-pick, .ua-fm-row-frame, .ua-fm-folder, .ua-fm-dialog-select, .ua-doc-tool, .ua-class-placement-button, .ua-class-chip, .ua-date-picker-day, .ua-list-option, .ua-quick-shots-reference-option, .ua-date-picker-jump, .ua-date-picker-jump-option, .ua-color-picker-trigger, .ua-color-picker-hue, .ua-color-picker-alpha, .ua-color-picker-map, .ua-color-picker-preset, .ua-color-picker-value, .ua-switch-input, .ua-uri-tab, .ua-wizard-summary-goto, .ua-wizard-nav[data-wizard-nav-compact="true"] .ua-wizard-nav-step:not([data-wizard-nav-state="current"]), .ua-dashboard-toolbar-control, .ua-dashboard-funnel, .ua-dashboard-view-single, .ua-dashboard-record-action, .ua-dashboard-page-prev, .ua-dashboard-page-next, .ua-dashboard-page-edge, .ua-dashboard-active-filter-chip, .ua-navbar-item-icon-only, .ua-navbar-menu-section-summary, .ua-navbar-menu-back, .ua-navbar-menu-link, .ua-navbar-menu-fullscreen .ua-navbar-menu-link, .ua-footer-built-with, .ua-footer-terms a, .ua-schema-editor-tab, .ua-struct-remove, .ua-struct-drag, .ua-struct-format, .ua-struct-code, .ua-feed-action, .ua-collection-order-edit-toggle, .ua-vote-btn, a.ua-checkout-line-title, .ua-line-remove, .ua-checkout-line-swipe > .ua-checkout-line, .ua-global-toggle-icon, .ua-pdp-preview-close, .ua-pdp-preview-pill, .ua-testmode-close, .ua-quantity-step, .ua-product-carousel .carousel-indicators button, .ua-product-option-pill, .ua-cart-line-remove-btn, .ua-product-filters .ua-dashboard-search, .ua-pf-funnel, .ua-pf-chip, .ua-pf-clear, .ua-product-property-control, .ua-fm-storage-button, .ua-fm-crumb, .ua-file-thin-url, .ua-hva-expand, .ua-hva-modal-close, .ua-dialog-close, .ua-tooltip-trigger, .ua-mp-action, .ua-mp-range, .ua-text-hover-primary, [ua-text-hover="primary"], .btn-hover-primary, .ua-text-hover-accent, [ua-text-hover="accent"], .ua-text-hover-success, [ua-text-hover="success"], .ua-text-hover-info, [ua-text-hover="info"], .ua-text-hover-warning, [ua-text-hover="warning"], .ua-text-hover-error, [ua-text-hover="error"], .btn-text-primary, .btn-underline-primary, .ua-shimmer, .ua-button, .ua-button-glass, .ua-wizard-actions button, .ua-dialog-actions button, .btn, .universe-icon-action, .ua-icon-action, .ua-navigable-lift, .ua-row-frame, .ua-hover-lift, .ua-product-card-link, a.ua-page-preview-link, .ua-collection-order-card, .ua-copy-button, .ua-footer-location-action, .ua-directions-option, .ua-social-link, .ua-recommendation-apply, .ua-error-action, .ua-checkout-icon-btn, .ua-add-card, .ua-wallet-card, .ua-ship-card, .ua-addr-card, .ua-product-card-editable, .ua-pf-apply, .ua-pdp-preview-confirm, .ua-testmode-badge, .ua-motion-restart, .ua-async-notice-retry, .ua-mp-state-retry, .ua-mp-bigplay, .ua-hva-cta, .ua-dashboard-import-drop, .ua-upload-cancel, .ua-file-thin-pick, .ua-hover-glow, .ua-fm-card):not(.ua-state-base-only) {
  --ua-state-edge-ring: 0px;
}
:where(.ua-button-toggle-option) {
  --ua-state-hover-ink: var(--universe-color-primary);
  --ua-state-active-fill: var(--ua-glass-text-led);
}
:where(.ua-tab) {
  --ua-state-active-ink: var(--universe-color-primary);
}
:where(.nav-link:not(.ua-navbar-item)) {
  --ua-state-active-ink: var(--universe-color-primary);
}
:where(.ua-navbar-item) {
  --ua-state-hover-ink: var(--universe-color-text);
  --ua-state-active-ink: var(--universe-color-text);
}
:where(.ua-navbar-menu .ua-navbar-item) {
  --ua-state-hover-fill: var(--ua-glass-text-led);
  --ua-state-active-fill: var(--ua-glass-text-led);
}
:where(.ua-row-action) {
  --ua-state-hover-fill: var(--ua-glass-text-led);
  --ua-state-hover-ink: var(--universe-color-text);
  --ua-state-active-fill: var(--ua-glass-text-led);
  --ua-state-active-ink: var(--universe-color-primary);
}
:where(.ua-row-action-danger) {
  --ua-state-hover-fill: var(--ua-glass-text-led);
  --ua-state-hover-ink: var(--ua-state-danger-ink);
}
:where(.ua-navigable-row) {
  --ua-state-hover-fill: var(--ua-glass-text-led);
}
:where(.ua-date-picker-meridiem-btn) {
  --ua-state-active-fill: var(--ua-glass-text-led);
  --ua-state-active-ink: var(--universe-color-text);
}
:where(.ua-date-picker-minute-option) {
  --ua-state-active-fill: var(--ua-glass-text-led);
  --ua-state-active-ink: var(--universe-color-text);
}
:where(.ua-dashboard-toolbar-action) {
  --ua-state-hover-fill: var(--ua-glass-text-led);
}
:where(.ua-navbar-menu-toggle) {
  --ua-state-hover-fill: var(--ua-glass-text-led);
  --ua-state-hover-lift: inset 0 1px 0 color-mix(in srgb, var(--universe-color-text) 22%, transparent), inset 0 -1px 1px color-mix(in srgb, var(--universe-color-background) 22%, transparent), inset 0 0 0.7rem color-mix(in srgb, var(--universe-color-primary) 9%, transparent), 0 0.125rem 0.3125rem color-mix(in srgb, var(--universe-color-background) 26%, transparent);
}
:where(.ua-fm-row-frame) {
  --ua-state-active-fill: var(--ua-glass-text-led);
}
:where(.ua-doc-tool) {
  --ua-state-hover-fill: var(--ua-glass-text-led);
}
:where(.ua-class-placement-button) {
  --ua-state-hover-fill: var(--ua-glass-text-led);
  --ua-state-active-fill: var(--ua-glass-text-led);
}
:where(.ua-class-chip) {
  --ua-state-hover-fill: var(--ua-glass-text-led);
  --ua-state-active-fill: var(--ua-glass-text-led);
}
:where(.ua-date-picker-day) {
  --ua-state-active-fill: var(--ua-glass-text-led);
  --ua-state-active-ink: var(--universe-color-text);
}
:where(.ua-list-option) {
  --ua-state-active-fill: var(--ua-glass-text-led);
  --ua-state-active-ink: var(--universe-color-text);
}
:where(.ua-date-picker-jump) {
  --ua-state-hover-ink: var(--universe-color-primary-strong);
  --ua-state-active-ink: var(--universe-color-primary-strong);
}
:where(.ua-date-picker-jump-option) {
  --ua-state-active-fill: var(--ua-glass-text-led);
  --ua-state-active-ink: var(--universe-color-on-primary-action);
}
:where(.ua-uri-tab) {
  --ua-state-hover-fill: var(--ua-glass-text-led);
  --ua-state-hover-ink: var(--universe-color-text);
  --ua-state-active-fill: var(--ua-glass-text-led);
  --ua-state-active-ink: var(--universe-color-text);
}
:where(.ua-wizard-summary-goto) {
  --ua-state-hover-fill: var(--ua-glass-text-led);
}
:where(.ua-dashboard-record-action) {
  --ua-state-hover-fill: var(--ua-glass-text-led);
}
:where(.ua-dashboard-page-prev) {
  --ua-state-hover-fill: var(--ua-glass-text-led);
}
:where(.ua-dashboard-page-next) {
  --ua-state-hover-fill: var(--ua-glass-text-led);
}
:where(.ua-dashboard-page-edge) {
  --ua-state-hover-fill: var(--ua-glass-text-led);
}
:where(.ua-dashboard-active-filter-chip) {
  --ua-state-hover-fill: var(--ua-glass-text-led);
}
:where(.ua-navbar-item-icon-only) {
  --ua-state-hover-fill: var(--ua-glass-text-led);
  --ua-state-hover-lift: inset 0 1px 0 color-mix(in srgb, var(--universe-color-text) 22%, transparent), inset 0 -1px 1px color-mix(in srgb, var(--universe-color-background) 22%, transparent), inset 0 0 0.7rem color-mix(in srgb, var(--universe-color-primary) 9%, transparent), 0 0.125rem 0.3125rem color-mix(in srgb, var(--universe-color-background) 26%, transparent);
}
:where(.ua-navbar-menu-section-summary) {
  --ua-state-hover-fill: var(--ua-glass-text-led);
}
:where(.ua-navbar-menu-back) {
  --ua-state-hover-fill: var(--ua-glass-text-led);
  --ua-state-hover-transform: translateX(-0.125rem);
}
:where(.ua-navbar-menu-fullscreen .ua-navbar-menu-link) {
  --ua-state-hover-ink: var(--universe-color-primary);
}
:where(.ua-footer-built-with) {
  --ua-state-hover-ink: var(--universe-color-primary);
  --ua-state-hover-underline: underline;
}
:where(.ua-footer-terms a) {
  --ua-state-hover-underline: underline;
}
:where(.ua-schema-editor-tab) {
  --ua-state-hover-fill: var(--ua-glass-text-led);
  --ua-state-active-fill: var(--ua-glass-text-led);
}
:where(.ua-struct-remove) {
  --ua-state-hover-ink: var(--ua-state-danger-ink);
}
:where(.ua-struct-format) {
  --ua-state-active-ink: var(--universe-color-primary-strong);
  --ua-state-active-fill: var(--ua-glass-text-led);
}
:where(.ua-feed-action) {
  --ua-state-hover-transform: translateY(-1px);
}
:where(.ua-collection-order-edit-toggle) {
  --ua-state-active-fill: var(--ua-glass-text-led);
  --ua-state-active-ink: var(--universe-color-text);
}
:where(.ua-vote-btn) {
  --ua-state-hover-ink: var(--universe-color-text);
  --ua-state-hover-fill: var(--ua-glass-text-led);
  --ua-state-hover-lift: 0 2px 5px color-mix(in srgb, var(--universe-color-background) 16%, transparent);
  --ua-state-hover-transform: translateY(-1px);
}
:where(a.ua-checkout-line-title) {
  --ua-state-hover-ink: var(--universe-color-primary-strong);
  --ua-state-hover-underline: underline;
}
:where(.ua-line-remove) {
  --ua-state-hover-ink: var(--ua-checkout-remove-accent, var(--ua-state-danger-ink));
}
:where(.ua-global-toggle-icon) {
  --ua-state-hover-fill: var(--ua-glass-text-led);
}
:where(.ua-pdp-preview-pill) {
  --ua-state-active-fill: var(--ua-glass-text-led);
}
:where(.ua-quantity-step) {
  --ua-state-hover-fill: var(--ua-glass-art-led);
}
:where(.ua-product-option-pill) {
  --ua-state-hover-fill: var(--ua-glass-text-led);
  --ua-state-hover-ink: var(--universe-color-text);
  --ua-state-active-fill: var(--ua-glass-text-led);
  --ua-state-active-ink: var(--universe-color-text);
}
:where(.ua-cart-line-remove-btn) {
  --ua-state-hover-ink: var(--ua-state-danger-ink);
}
:where(.ua-pf-clear) {
  --ua-state-hover-ink: color-mix(in srgb, var(--universe-color-primary) 70%, var(--universe-color-text));
}
:where(.ua-fm-storage-button) {
  --ua-state-hover-fill: var(--ua-glass-text-led);
  --ua-state-active-fill: var(--ua-glass-text-led);
}
:where(.ua-fm-crumb) {
  --ua-state-hover-ink: var(--universe-color-primary);
  --ua-state-hover-fill: var(--ua-glass-text-led);
}
:where(.ua-hva-expand) {
  --ua-state-hover-fill: var(--ua-glass-text-led);
}
:where(.ua-dialog-close) {
  --ua-state-hover-fill: var(--ua-glass-text-led);
}
:where(.ua-tooltip-trigger) {
  --ua-state-hover-fill: var(--ua-glass-text-led);
}
:where(.ua-mp-action) {
  --ua-state-hover-fill: var(--ua-glass-text-led);
  --ua-state-active-ink: var(--universe-color-primary);
}
:where(.ua-text-hover-primary, [ua-text-hover="primary"], .btn-hover-primary) {
  --ua-state-hover-ink: var(--universe-color-primary);
}
:where(.ua-text-hover-accent, [ua-text-hover="accent"]) {
  --ua-state-hover-ink: var(--universe-color-accent);
}
:where(.ua-text-hover-success, [ua-text-hover="success"]) {
  --ua-state-hover-ink: var(--universe-color-success);
}
:where(.ua-text-hover-info, [ua-text-hover="info"]) {
  --ua-state-hover-ink: var(--universe-color-info);
}
:where(.ua-text-hover-warning, [ua-text-hover="warning"]) {
  --ua-state-hover-ink: var(--universe-color-warning);
}
:where(.ua-text-hover-error, [ua-text-hover="error"]) {
  --ua-state-hover-ink: var(--universe-color-error);
}
:where(.btn-text-primary, .btn-underline-primary) {
  --ua-state-hover-ink: var(--universe-color-text);
  --ua-state-hover-fill: var(--ua-glass-text-led);
}
:where(.ua-button) {
  --ua-state-press-transform: translateY(0.04rem);
}
:where(.ua-button-glass) {
  --ua-state-hover-ink: var(--universe-color-text);
  --ua-state-hover-fill: var(--ua-glass-text-led);
}
:where(.btn) {
  --ua-state-hover-filter: brightness(1.08);
}
:where(.universe-icon-action, .ua-icon-action) {
  --ua-state-hover-ink: var(--universe-color-on-icon-action);
  --ua-state-hover-fill: var(--ua-glass-text-led);
}
:where(.ua-navigable-lift) {
  --ua-state-hover-lift: 0 0.85rem 2.3rem color-mix(in srgb, var(--universe-color-background) 34%, transparent);
  --ua-state-hover-transform: translateY(-0.15rem);
}
:where(.ua-row-frame) {
  --ua-state-hover-lift: 0 0.85rem 2.3rem color-mix(in srgb, var(--universe-color-background) 34%, transparent);
  --ua-state-hover-transform: translateY(-0.15rem);
  --ua-state-hover-fill: var(--ua-glass-text-led);
}
:where(.ua-hover-lift) {
  --ua-state-hover-transform: translateY(-0.08rem);
}
:where(.ua-product-card-link) {
  --ua-state-hover-transform: translateY(-0.1875rem);
  --ua-state-hover-lift: 0 1.4rem 3rem color-mix(in srgb, var(--ua-commerce-shadow) 46%, transparent);
}
:where(a.ua-page-preview-link) {
  --ua-state-hover-transform: translateY(-0.125rem);
  --ua-state-hover-lift: 0 1rem 2.4rem color-mix(in srgb, var(--universe-color-background) 44%, transparent);
}
:where(.ua-collection-order-card) {
  --ua-state-hover-transform: translateY(-0.08rem);
  --ua-state-hover-lift: 0 0.85rem 2rem color-mix(in srgb, var(--universe-color-background) 40%, transparent);
}
:where(.ua-copy-button) {
  --ua-state-hover-fill: var(--ua-glass-text-led);
}
:where(.ua-footer-location-action) {
  --ua-state-hover-transform: translateY(-1px);
  --ua-state-hover-fill: var(--ua-glass-text-led);
}
:where(.ua-directions-option) {
  --ua-state-hover-transform: translateY(-1px);
  --ua-state-hover-fill: var(--ua-glass-text-led);
}
:where(.ua-social-link) {
  --ua-state-hover-transform: translateY(-0.08rem);
  --ua-state-hover-fill: var(--ua-glass-text-led);
  --ua-state-hover-lift: 0 1rem 2.2rem color-mix(in srgb, var(--universe-color-background) 38%, transparent);
  --ua-state-hover-ink: var(--universe-color-text);
}
:where(.ua-recommendation-apply) {
  --ua-state-hover-ink: var(--universe-color-primary);
}
:where(.ua-error-action) {
  --ua-state-hover-fill: var(--ua-glass-text-led);
}
:where(.ua-checkout-icon-btn) {
  --ua-state-hover-fill: var(--ua-glass-text-led);
  --ua-state-press-transform: scale(.94);
}
:where(.ua-add-card) {
  --ua-state-hover-fill: var(--ua-glass-text-led);
  --ua-state-press-transform: scale(.99);
}
:where(.ua-wallet-card) {
  --ua-state-hover-transform: scale(1.05);
  --ua-state-active-transform: scale(1.05);
  --ua-state-active-lift: 0 10px 24px color-mix(in srgb, var(--universe-color-background) 50%, transparent);
}
:where(.ua-ship-card) {
  --ua-state-active-lift: 0 8px 22px color-mix(in srgb, var(--universe-color-background) 40%, transparent);
}
:where(.ua-pf-apply) {
  --ua-state-hover-fill: var(--ua-glass-text-led);
}
:where(.ua-pdp-preview-confirm) {
  --ua-state-press-transform: scale(.94);
}
:where(.ua-testmode-badge) {
  --ua-state-hover-fill: var(--ua-glass-text-led);
  --ua-state-press-transform: scale(.95);
}
:where(.ua-motion-restart) {
  --ua-state-hover-fill: var(--ua-glass-text-led);
}
:where(.ua-mp-bigplay) {
  --ua-state-hover-fill: var(--ua-glass-art-led);
}
:where(.ua-dashboard-import-drop) {
  --ua-state-hover-fill: var(--ua-glass-text-led);
}
:where(.ua-upload-cancel) {
  --ua-state-hover-fill: var(--ua-glass-text-led);
}
:where(.ua-file-thin-pick) {
  --ua-state-hover-fill: var(--ua-glass-text-led);
}
/* 1. NORMAL — leaving a state eases back on the same clock (a family's own transition, if any, wins). */
:where(.ua-shimmer-dense, .ua-button-toggle-option, .ua-button-toggle-cycle, .ua-tab, .nav-link:not(.ua-navbar-item), .ua-navbar-item, .ua-navbar-menu .ua-navbar-item, .ua-row-action, .ua-fm-toolbar-actions .ua-row-action, .ua-row-action-danger, .ua-navigable, .ua-navigable-row, a.ua-avatar, .ua-input, .ua-select, .ua-textarea, .ua-form-field input:not(.ua-switch-input), .ua-form-field textarea, .ua-form-field select, .ua-doc-basic-textarea, .ua-doc-simple-editor, .ua-date-picker-meridiem-btn, .ua-date-picker-minute-option, .ua-dashboard-toolbar-action, .ua-navbar-menu-toggle, .ua-navbar-menu-go, .ua-struct-move-up, .ua-struct-move-down, .ua-struct-add, .ua-struct-hatch-toggle, .ua-file-field-pick, .ua-fm-row-frame, .ua-fm-folder, .ua-fm-dialog-select, .ua-doc-tool, .ua-class-placement-button, .ua-class-chip, .ua-date-picker-day, .ua-list-option, .ua-quick-shots-reference-option, .ua-date-picker-jump, .ua-date-picker-jump-option, .ua-color-picker-trigger, .ua-color-picker-hue, .ua-color-picker-alpha, .ua-color-picker-map, .ua-color-picker-preset, .ua-color-picker-value, .ua-switch-input, .ua-uri-tab, .ua-wizard-summary-goto, .ua-wizard-nav[data-wizard-nav-compact="true"] .ua-wizard-nav-step:not([data-wizard-nav-state="current"]), .ua-dashboard-toolbar-control, .ua-dashboard-funnel, .ua-dashboard-view-single, .ua-dashboard-record-action, .ua-dashboard-page-prev, .ua-dashboard-page-next, .ua-dashboard-page-edge, .ua-dashboard-active-filter-chip, .ua-navbar-item-icon-only, .ua-navbar-menu-section-summary, .ua-navbar-menu-back, .ua-navbar-menu-link, .ua-navbar-menu-fullscreen .ua-navbar-menu-link, .ua-footer-built-with, .ua-footer-terms a, .ua-schema-editor-tab, .ua-struct-remove, .ua-struct-drag, .ua-struct-format, .ua-struct-code, .ua-feed-action, .ua-collection-order-edit-toggle, .ua-vote-btn, a.ua-checkout-line-title, .ua-line-remove, .ua-checkout-line-swipe > .ua-checkout-line, .ua-global-toggle-icon, .ua-pdp-preview-close, .ua-pdp-preview-pill, .ua-testmode-close, .ua-quantity-step, .ua-product-carousel .carousel-indicators button, .ua-product-option-pill, .ua-cart-line-remove-btn, .ua-product-filters .ua-dashboard-search, .ua-pf-funnel, .ua-pf-chip, .ua-pf-clear, .ua-product-property-control, .ua-fm-storage-button, .ua-fm-crumb, .ua-file-thin-url, .ua-hva-expand, .ua-hva-modal-close, .ua-dialog-close, .ua-tooltip-trigger, .ua-mp-action, .ua-mp-range, .ua-text-hover-primary, [ua-text-hover="primary"], .btn-hover-primary, .ua-text-hover-accent, [ua-text-hover="accent"], .ua-text-hover-success, [ua-text-hover="success"], .ua-text-hover-info, [ua-text-hover="info"], .ua-text-hover-warning, [ua-text-hover="warning"], .ua-text-hover-error, [ua-text-hover="error"], .btn-text-primary, .btn-underline-primary, .ua-shimmer, .ua-button, .ua-button-glass, .ua-wizard-actions button, .ua-dialog-actions button, .btn, .universe-icon-action, .ua-icon-action, .ua-navigable-lift, .ua-row-frame, .ua-hover-lift, .ua-product-card-link, a.ua-page-preview-link, .ua-collection-order-card, .ua-copy-button, .ua-footer-location-action, .ua-directions-option, .ua-social-link, .ua-recommendation-apply, .ua-error-action, .ua-checkout-icon-btn, .ua-add-card, .ua-wallet-card, .ua-ship-card, .ua-addr-card, .ua-product-card-editable, .ua-pf-apply, .ua-pdp-preview-confirm, .ua-testmode-badge, .ua-motion-restart, .ua-async-notice-retry, .ua-mp-state-retry, .ua-mp-bigplay, .ua-hva-cta, .ua-dashboard-import-drop, .ua-upload-cancel, .ua-file-thin-pick, .ua-hover-glow, .ua-fm-card, .ua-doc-control-frame, .ua-dashboard-filter-pill, .ua-product-option-pill, .ua-pf-check, .ua-file-field-name, .ua-file-field-pick, .ua-row-frame, .ua-fm-row-frame, .ua-fm-card, .ua-collection-order-card, .ua-button-toggle-option, .ua-wallet-card) {
  transition: var(--ua-state-normal-transition);
}
@media screen {
  /* 2. HOVER = FOCUS-VISIBLE — keyboard focus, the forcing class and the listbox cursor (.is-active), always. */
  :where(button, select, textarea, input:not([type="hidden"]), [role="button"], [role="tab"], [role="option"], [role="switch"], [role="checkbox"], [role="radio"]):is(:focus-visible, .ua-state-hover, .is-active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy) {
    border-color: color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-hover-edge-mix), transparent) !important;
    box-shadow: var(--ua-focus-two-tone), var(--ua-state-hover-lift, 0 0 transparent), var(--ua-shimmer-glow) color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-hover-glow-mix), transparent), inset 0 0 0 var(--ua-state-edge-ring) color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-hover-edge-mix), transparent), inset 0 0 0 var(--ua-shimmer-wash-inset) color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-hover-wash-mix), transparent) !important;
    outline-color: transparent;
    transition: var(--ua-shimmer-transition);
  }
  :where(a[href], summary, [role="link"], [role="menuitem"]):where(:not(.ua-button, .ua-button-primary, .ua-button-secondary, .ua-button-ghost, .ua-button-glass, .ua-button-danger, .btn)):is(:focus-visible, .ua-state-hover, .is-active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy) {
    color: var(--ua-state-hover-ink);
    box-shadow: var(--ua-focus-two-tone), var(--ua-state-hover-lift, 0 0 transparent), var(--ua-shimmer-glow) color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-hover-glow-mix), transparent) !important;
    outline-color: transparent;
    transition: var(--ua-shimmer-transition);
  }
  :where(a.ua-avatar, .ua-quick-shots-reference-option, .ua-wizard-summary-goto, .ua-dashboard-toolbar-control, .ua-dashboard-record-action, .ua-dashboard-page-edge, .ua-footer-built-with, .ua-footer-terms a, .ua-vote-btn, a.ua-checkout-line-title, .ua-quantity-step, .ua-pf-clear, .ua-text-hover-primary, [ua-text-hover="primary"], .btn-hover-primary, .ua-text-hover-accent, [ua-text-hover="accent"], .ua-text-hover-success, [ua-text-hover="success"], .ua-text-hover-info, [ua-text-hover="info"], .ua-text-hover-warning, [ua-text-hover="warning"], .ua-text-hover-error, [ua-text-hover="error"], .btn-text-primary, .btn-underline-primary):is(:focus-visible, .ua-state-hover, .is-active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy) {
    color: var(--ua-state-hover-ink);
    box-shadow: var(--ua-focus-two-tone), var(--ua-state-hover-lift, 0 0 transparent), var(--ua-shimmer-glow) color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-hover-glow-mix), transparent) !important;
    outline-color: transparent;
    transition: var(--ua-shimmer-transition);
  }
  :where(.ua-button-toggle-option, .ua-navbar-item, .ua-navbar-menu .ua-navbar-item, .ua-row-action, .ua-row-action-danger, .ua-fm-crumb):is(:focus-visible, .ua-state-hover, .is-active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy) {
    color: var(--ua-state-hover-ink);
    box-shadow: var(--ua-focus-two-tone), var(--ua-state-hover-lift, 0 0 transparent), var(--ua-shimmer-glow) color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-hover-glow-mix), transparent) !important;
    outline-color: transparent;
    transition: var(--ua-shimmer-transition);
  }
  :where(.ua-shimmer-dense, .ua-button-toggle-cycle, .ua-tab, .nav-link:not(.ua-navbar-item), .ua-fm-toolbar-actions .ua-row-action, .ua-navigable, .ua-navigable-row, .ua-input, .ua-select, .ua-textarea, .ua-form-field input:not(.ua-switch-input), .ua-form-field textarea, .ua-form-field select, .ua-doc-basic-textarea, .ua-doc-simple-editor, .ua-date-picker-meridiem-btn, .ua-date-picker-minute-option, .ua-dashboard-toolbar-action, .ua-navbar-menu-toggle, .ua-navbar-menu-go, .ua-struct-move-up, .ua-struct-move-down, .ua-struct-add, .ua-struct-hatch-toggle, .ua-file-field-pick, .ua-fm-row-frame, .ua-fm-folder, .ua-fm-dialog-select, .ua-doc-tool, .ua-class-placement-button, .ua-class-chip, .ua-date-picker-day, .ua-list-option, .ua-date-picker-jump, .ua-date-picker-jump-option, .ua-color-picker-trigger, .ua-color-picker-hue, .ua-color-picker-alpha, .ua-color-picker-map, .ua-color-picker-preset, .ua-color-picker-value, .ua-switch-input, .ua-uri-tab, .ua-wizard-nav[data-wizard-nav-compact="true"] .ua-wizard-nav-step:not([data-wizard-nav-state="current"]), .ua-dashboard-funnel, .ua-dashboard-view-single, .ua-dashboard-page-prev, .ua-dashboard-page-next, .ua-dashboard-active-filter-chip, .ua-navbar-item-icon-only, .ua-navbar-menu-section-summary, .ua-navbar-menu-back, .ua-navbar-menu-link, .ua-navbar-menu-fullscreen .ua-navbar-menu-link, .ua-schema-editor-tab, .ua-struct-remove, .ua-struct-drag, .ua-struct-format, .ua-struct-code, .ua-feed-action, .ua-collection-order-edit-toggle, .ua-line-remove, .ua-checkout-line-swipe > .ua-checkout-line, .ua-global-toggle-icon, .ua-pdp-preview-close, .ua-pdp-preview-pill, .ua-testmode-close, .ua-product-carousel .carousel-indicators button, .ua-product-option-pill, .ua-cart-line-remove-btn, .ua-product-filters .ua-dashboard-search, .ua-pf-funnel, .ua-pf-chip, .ua-product-property-control, .ua-fm-storage-button, .ua-file-thin-url, .ua-hva-expand, .ua-hva-modal-close, .ua-dialog-close, .ua-tooltip-trigger, .ua-mp-action, .ua-mp-range):is(:focus-visible, .ua-state-hover, .is-active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy),
  .ua-dashboard-filter-pill:has(.ua-dashboard-filter-pill-input:focus-visible):is(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)),
  .ua-product-option-input:focus-visible + .ua-product-option-pill:is(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)),
  .ua-pf-check:has(input:focus-visible):is(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)),
  .ua-file-field-input:focus-visible + .ua-file-field-name:is(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)) {
    border-color: color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-hover-edge-mix), transparent) !important;
    box-shadow: var(--ua-focus-two-tone), var(--ua-state-hover-lift, 0 0 transparent), var(--ua-shimmer-glow) color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-hover-glow-mix), transparent), inset 0 0 0 var(--ua-state-edge-ring) color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-hover-edge-mix), transparent), inset 0 0 0 var(--ua-shimmer-wash-inset) color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-hover-wash-mix), transparent) !important;
    outline-color: transparent;
    transition: var(--ua-shimmer-transition);
  }
  :where(.ua-shimmer, .ua-button, .ua-button-glass, .ua-wizard-actions button, .ua-dialog-actions button, .btn, .universe-icon-action, .ua-icon-action, .ua-navigable-lift, .ua-row-frame, .ua-hover-lift, .ua-product-card-link, a.ua-page-preview-link, .ua-collection-order-card, .ua-copy-button, .ua-footer-location-action, .ua-directions-option, .ua-social-link, .ua-recommendation-apply, .ua-error-action, .ua-checkout-icon-btn, .ua-add-card, .ua-wallet-card, .ua-ship-card, .ua-addr-card, .ua-product-card-editable, .ua-pf-apply, .ua-pdp-preview-confirm, .ua-testmode-badge, .ua-motion-restart, .ua-async-notice-retry, .ua-mp-state-retry, .ua-mp-bigplay, .ua-hva-cta, .ua-dashboard-import-drop, .ua-upload-cancel, .ua-file-thin-pick, .ua-hover-glow, .ua-fm-card):is(:focus-visible, .ua-state-hover, .is-active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy) {
    border-color: color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-hover-edge-mix), transparent) !important;
    box-shadow: var(--ua-focus-two-tone), var(--ua-state-hover-lift, 0 0 transparent), var(--ua-shimmer-glow) color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-hover-glow-mix), transparent), inset 0 0 0 var(--ua-state-edge-ring) color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-hover-edge-mix), transparent), inset 0 0 0 var(--ua-shimmer-wash-inset) color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-hover-wash-mix), transparent) !important;
    outline-color: transparent;
    transition: var(--ua-shimmer-transition);
  }
  :where(.ua-button-toggle-option, .ua-navbar-item, .ua-row-action, .ua-row-action-danger, .ua-date-picker-jump, .ua-uri-tab, .ua-navbar-menu-fullscreen .ua-navbar-menu-link, .ua-footer-built-with, .ua-struct-remove, .ua-vote-btn, a.ua-checkout-line-title, .ua-line-remove, .ua-product-option-pill, .ua-cart-line-remove-btn, .ua-pf-clear, .ua-fm-crumb, .ua-text-hover-primary, [ua-text-hover="primary"], .btn-hover-primary, .ua-text-hover-accent, [ua-text-hover="accent"], .ua-text-hover-success, [ua-text-hover="success"], .ua-text-hover-info, [ua-text-hover="info"], .ua-text-hover-warning, [ua-text-hover="warning"], .ua-text-hover-error, [ua-text-hover="error"], .btn-text-primary, .btn-underline-primary, .ua-button-glass, .universe-icon-action, .ua-icon-action, .ua-social-link, .ua-recommendation-apply):is(:focus-visible, .ua-state-hover, .is-active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy),
  .ua-product-option-input:focus-visible + .ua-product-option-pill:is(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)) {
    color: var(--ua-state-hover-ink) !important;
  }
  :where(.ua-navbar-menu .ua-navbar-item, .ua-row-action, .ua-row-action-danger, .ua-navigable-row, .ua-dashboard-toolbar-action, .ua-navbar-menu-toggle, .ua-doc-tool, .ua-class-placement-button, .ua-class-chip, .ua-uri-tab, .ua-wizard-summary-goto, .ua-dashboard-record-action, .ua-dashboard-page-prev, .ua-dashboard-page-next, .ua-dashboard-page-edge, .ua-dashboard-active-filter-chip, .ua-navbar-item-icon-only, .ua-navbar-menu-section-summary, .ua-navbar-menu-back, .ua-schema-editor-tab, .ua-vote-btn, .ua-global-toggle-icon, .ua-quantity-step, .ua-product-option-pill, .ua-fm-storage-button, .ua-fm-crumb, .ua-hva-expand, .ua-dialog-close, .ua-tooltip-trigger, .ua-mp-action, .btn-text-primary, .btn-underline-primary, .ua-button-glass, .universe-icon-action, .ua-icon-action, .ua-row-frame, .ua-copy-button, .ua-footer-location-action, .ua-directions-option, .ua-social-link, .ua-error-action, .ua-checkout-icon-btn, .ua-add-card, .ua-pf-apply, .ua-testmode-badge, .ua-motion-restart, .ua-mp-bigplay, .ua-dashboard-import-drop, .ua-upload-cancel, .ua-file-thin-pick):is(:focus-visible, .ua-state-hover, .is-active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy),
  .ua-product-option-input:focus-visible + .ua-product-option-pill:is(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)) {
    background: var(--ua-state-hover-fill) !important;
  }
  :where(.btn):is(:focus-visible, .ua-state-hover, .is-active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy) {
    filter: var(--ua-state-hover-filter) !important;
  }
  :where(.ua-footer-built-with, .ua-footer-terms a, a.ua-checkout-line-title):is(:focus-visible, .ua-state-hover, .is-active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy) {
    text-decoration: var(--ua-state-hover-underline) !important;
  }
  /* 3. ACTIVE — selected / current / pressed / expanded / checked / pressing: one look, and it stays on. */
  :where(a[href], summary, [role="link"], [role="menuitem"]):where(:not(.ua-button, .ua-button-primary, .ua-button-secondary, .ua-button-ghost, .ua-button-glass, .ua-button-danger, .btn)):is(.active, .is-selected, .selected, [aria-current]:not([aria-current="false"]), [aria-pressed="true"], [aria-selected="true"], [aria-expanded="true"], :checked, :active, .ua-state-active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy),
  :where(a.ua-avatar, .ua-quick-shots-reference-option, .ua-wizard-summary-goto, .ua-dashboard-toolbar-control, .ua-dashboard-record-action, .ua-dashboard-page-edge, .ua-footer-built-with, .ua-footer-terms a, .ua-vote-btn, a.ua-checkout-line-title, .ua-quantity-step, .ua-pf-clear, .ua-text-hover-primary, [ua-text-hover="primary"], .btn-hover-primary, .ua-text-hover-accent, [ua-text-hover="accent"], .ua-text-hover-success, [ua-text-hover="success"], .ua-text-hover-info, [ua-text-hover="info"], .ua-text-hover-warning, [ua-text-hover="warning"], .ua-text-hover-error, [ua-text-hover="error"], .btn-text-primary, .btn-underline-primary):is(.active, .is-selected, .selected, [aria-current]:not([aria-current="false"]), [aria-pressed="true"], [aria-selected="true"], [aria-expanded="true"], :checked, :active, .ua-state-active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy) {
    color: var(--ua-state-active-ink);
    box-shadow: var(--ua-state-active-lift, 0 0 transparent), var(--ua-shimmer-glow) color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-hover-glow-mix), transparent) !important;
    outline-color: transparent;
    transition: var(--ua-shimmer-transition);
  }
  :where(.ua-button-toggle-option, .ua-navbar-item, .ua-navbar-menu .ua-navbar-item, .ua-row-action, .ua-row-action-danger, .ua-fm-crumb):is(.active, .is-selected, .selected, [aria-current]:not([aria-current="false"]), [aria-pressed="true"], [aria-selected="true"], [aria-expanded="true"], :checked, :active, .ua-state-active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy),
  .ua-button-toggle-option:has(:checked):is(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, [aria-busy="true"], .ua-state-busy) {
    color: var(--ua-state-active-ink);
    box-shadow: var(--ua-state-active-lift, 0 0 transparent), var(--ua-shimmer-glow) color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-hover-glow-mix), transparent) !important;
    outline-color: transparent;
    transition: var(--ua-shimmer-transition);
  }
  :where(button, select, textarea, input:not([type="hidden"]), [role="button"], [role="tab"], [role="option"], [role="switch"], [role="checkbox"], [role="radio"]):is(.active, .is-selected, .selected, [aria-current]:not([aria-current="false"]), [aria-pressed="true"], [aria-selected="true"], [aria-expanded="true"], :checked, :active, .ua-state-active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy),
  :where(.ua-shimmer-dense, .ua-button-toggle-cycle, .ua-tab, .nav-link:not(.ua-navbar-item), .ua-fm-toolbar-actions .ua-row-action, .ua-navigable, .ua-navigable-row, .ua-input, .ua-select, .ua-textarea, .ua-form-field input:not(.ua-switch-input), .ua-form-field textarea, .ua-form-field select, .ua-doc-basic-textarea, .ua-doc-simple-editor, .ua-date-picker-meridiem-btn, .ua-date-picker-minute-option, .ua-dashboard-toolbar-action, .ua-navbar-menu-toggle, .ua-navbar-menu-go, .ua-struct-move-up, .ua-struct-move-down, .ua-struct-add, .ua-struct-hatch-toggle, .ua-file-field-pick, .ua-fm-row-frame, .ua-fm-folder, .ua-fm-dialog-select, .ua-doc-tool, .ua-class-placement-button, .ua-class-chip, .ua-date-picker-day, .ua-list-option, .ua-date-picker-jump, .ua-date-picker-jump-option, .ua-color-picker-trigger, .ua-color-picker-hue, .ua-color-picker-alpha, .ua-color-picker-map, .ua-color-picker-preset, .ua-color-picker-value, .ua-switch-input, .ua-uri-tab, .ua-wizard-nav[data-wizard-nav-compact="true"] .ua-wizard-nav-step:not([data-wizard-nav-state="current"]), .ua-dashboard-funnel, .ua-dashboard-view-single, .ua-dashboard-page-prev, .ua-dashboard-page-next, .ua-dashboard-active-filter-chip, .ua-navbar-item-icon-only, .ua-navbar-menu-section-summary, .ua-navbar-menu-back, .ua-navbar-menu-link, .ua-navbar-menu-fullscreen .ua-navbar-menu-link, .ua-schema-editor-tab, .ua-struct-remove, .ua-struct-drag, .ua-struct-format, .ua-struct-code, .ua-feed-action, .ua-collection-order-edit-toggle, .ua-line-remove, .ua-checkout-line-swipe > .ua-checkout-line, .ua-global-toggle-icon, .ua-pdp-preview-close, .ua-pdp-preview-pill, .ua-testmode-close, .ua-product-carousel .carousel-indicators button, .ua-product-option-pill, .ua-cart-line-remove-btn, .ua-product-filters .ua-dashboard-search, .ua-pf-funnel, .ua-pf-chip, .ua-product-property-control, .ua-fm-storage-button, .ua-file-thin-url, .ua-hva-expand, .ua-hva-modal-close, .ua-dialog-close, .ua-tooltip-trigger, .ua-mp-action, .ua-mp-range):is(.active, .is-selected, .selected, [aria-current]:not([aria-current="false"]), [aria-pressed="true"], [aria-selected="true"], [aria-expanded="true"], :checked, :active, .ua-state-active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy),
  .ua-dashboard-filter-pill:has(.ua-dashboard-filter-pill-input:checked):is(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, [aria-busy="true"], .ua-state-busy),
  .ua-product-option-input:checked + .ua-product-option-pill:is(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, [aria-busy="true"], .ua-state-busy),
  .ua-pf-check:has(input:checked):is(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, [aria-busy="true"], .ua-state-busy),
  .ua-fm-row-frame.is-selected:is(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for]):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, [aria-busy="true"], .ua-state-busy),
  .ua-fm-card.is-selected:is(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for]):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, [aria-busy="true"], .ua-state-busy),
  .ua-wallet-card[data-selected="1"]:is(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for]):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, [aria-busy="true"], .ua-state-busy) {
    border-color: color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-active-edge-mix), transparent) !important;
    box-shadow: var(--ua-state-active-lift, 0 0 transparent), var(--ua-shimmer-glow) color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-hover-glow-mix), transparent), inset 0 0 0 var(--ua-state-edge-ring) color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-active-edge-mix), transparent), inset 0 0 0 1px color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-active-ring-mix), transparent), inset 0 0 0 var(--ua-shimmer-wash-inset) color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-active-wash-mix), transparent) !important;
    transition: var(--ua-shimmer-transition);
  }
  :where(.ua-shimmer, .ua-button, .ua-button-glass, .ua-wizard-actions button, .ua-dialog-actions button, .btn, .universe-icon-action, .ua-icon-action, .ua-navigable-lift, .ua-row-frame, .ua-hover-lift, .ua-product-card-link, a.ua-page-preview-link, .ua-collection-order-card, .ua-copy-button, .ua-footer-location-action, .ua-directions-option, .ua-social-link, .ua-recommendation-apply, .ua-error-action, .ua-checkout-icon-btn, .ua-add-card, .ua-wallet-card, .ua-ship-card, .ua-addr-card, .ua-product-card-editable, .ua-pf-apply, .ua-pdp-preview-confirm, .ua-testmode-badge, .ua-motion-restart, .ua-async-notice-retry, .ua-mp-state-retry, .ua-mp-bigplay, .ua-hva-cta, .ua-dashboard-import-drop, .ua-upload-cancel, .ua-file-thin-pick, .ua-hover-glow, .ua-fm-card):is(.active, .is-selected, .selected, [aria-current]:not([aria-current="false"]), [aria-pressed="true"], [aria-selected="true"], [aria-expanded="true"], :checked, :active, .ua-state-active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy) {
    border-color: color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-active-edge-mix), transparent) !important;
    box-shadow: var(--ua-state-active-lift, 0 0 transparent), var(--ua-shimmer-glow) color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-hover-glow-mix), transparent), inset 0 0 0 var(--ua-state-edge-ring) color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-active-edge-mix), transparent), inset 0 0 0 1px color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-active-ring-mix), transparent), inset 0 0 0 var(--ua-shimmer-wash-inset) color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-active-wash-mix), transparent) !important;
    transition: var(--ua-shimmer-transition);
  }
  :where(.ua-tab, .nav-link:not(.ua-navbar-item), .ua-navbar-item, .ua-row-action, .ua-date-picker-meridiem-btn, .ua-date-picker-minute-option, .ua-date-picker-day, .ua-list-option, .ua-date-picker-jump, .ua-date-picker-jump-option, .ua-uri-tab, .ua-struct-format, .ua-collection-order-edit-toggle, .ua-product-option-pill, .ua-mp-action):is(.active, .is-selected, .selected, [aria-current]:not([aria-current="false"]), [aria-pressed="true"], [aria-selected="true"], [aria-expanded="true"], :checked, :active, .ua-state-active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy),
  .ua-product-option-input:checked + .ua-product-option-pill:is(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)) {
    color: var(--ua-state-active-ink) !important;
  }
  :where(.ua-button-toggle-option, .ua-navbar-menu .ua-navbar-item, .ua-row-action, .ua-date-picker-meridiem-btn, .ua-date-picker-minute-option, .ua-fm-row-frame, .ua-class-placement-button, .ua-class-chip, .ua-date-picker-day, .ua-list-option, .ua-date-picker-jump-option, .ua-uri-tab, .ua-schema-editor-tab, .ua-struct-format, .ua-collection-order-edit-toggle, .ua-pdp-preview-pill, .ua-product-option-pill, .ua-fm-storage-button):is(.active, .is-selected, .selected, [aria-current]:not([aria-current="false"]), [aria-pressed="true"], [aria-selected="true"], [aria-expanded="true"], :checked, :active, .ua-state-active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy),
  .ua-button-toggle-option:has(:checked):is(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)),
  .ua-fm-row-frame.is-selected:is(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for]),
  .ua-product-option-input:checked + .ua-product-option-pill:is(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)) {
    background: var(--ua-state-active-fill) !important;
  }
  /* ACTIVE + HOVER/FOCUS: a bordered control keeps its edge; a borderless action keeps its ink. */
  :where(a[href], summary, [role="link"], [role="menuitem"]):where(:not(.ua-button, .ua-button-primary, .ua-button-secondary, .ua-button-ghost, .ua-button-glass, .ua-button-danger, .btn)):is(.active, .is-selected, .selected, [aria-current]:not([aria-current="false"]), [aria-pressed="true"], [aria-selected="true"], [aria-expanded="true"], :checked, .ua-state-active):is(:focus-visible, .ua-state-hover, .is-active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy),
  :where(a.ua-avatar, .ua-quick-shots-reference-option, .ua-wizard-summary-goto, .ua-dashboard-toolbar-control, .ua-dashboard-record-action, .ua-dashboard-page-edge, .ua-footer-built-with, .ua-footer-terms a, .ua-vote-btn, a.ua-checkout-line-title, .ua-quantity-step, .ua-pf-clear, .ua-text-hover-primary, [ua-text-hover="primary"], .btn-hover-primary, .ua-text-hover-accent, [ua-text-hover="accent"], .ua-text-hover-success, [ua-text-hover="success"], .ua-text-hover-info, [ua-text-hover="info"], .ua-text-hover-warning, [ua-text-hover="warning"], .ua-text-hover-error, [ua-text-hover="error"], .btn-text-primary, .btn-underline-primary):is(.active, .is-selected, .selected, [aria-current]:not([aria-current="false"]), [aria-pressed="true"], [aria-selected="true"], [aria-expanded="true"], :checked, .ua-state-active):is(:focus-visible, .ua-state-hover, .is-active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy) {
    color: var(--ua-state-active-ink);
    box-shadow: var(--ua-focus-two-tone), var(--ua-state-hover-lift, 0 0 transparent), var(--ua-shimmer-glow) color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-hover-glow-mix), transparent) !important;
    outline-color: transparent;
  }
  :where(.ua-button-toggle-option, .ua-navbar-item, .ua-navbar-menu .ua-navbar-item, .ua-row-action, .ua-row-action-danger, .ua-fm-crumb):is(.active, .is-selected, .selected, [aria-current]:not([aria-current="false"]), [aria-pressed="true"], [aria-selected="true"], [aria-expanded="true"], :checked, .ua-state-active):is(:focus-visible, .ua-state-hover, .is-active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy) {
    color: var(--ua-state-active-ink);
    box-shadow: var(--ua-focus-two-tone), var(--ua-state-hover-lift, 0 0 transparent), var(--ua-shimmer-glow) color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-hover-glow-mix), transparent) !important;
    outline-color: transparent;
  }
  :where(button, select, textarea, input:not([type="hidden"]), [role="button"], [role="tab"], [role="option"], [role="switch"], [role="checkbox"], [role="radio"]):is(.active, .is-selected, .selected, [aria-current]:not([aria-current="false"]), [aria-pressed="true"], [aria-selected="true"], [aria-expanded="true"], :checked, .ua-state-active):is(:focus-visible, .ua-state-hover, .is-active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy),
  :where(.ua-shimmer-dense, .ua-button-toggle-cycle, .ua-tab, .nav-link:not(.ua-navbar-item), .ua-fm-toolbar-actions .ua-row-action, .ua-navigable, .ua-navigable-row, .ua-input, .ua-select, .ua-textarea, .ua-form-field input:not(.ua-switch-input), .ua-form-field textarea, .ua-form-field select, .ua-doc-basic-textarea, .ua-doc-simple-editor, .ua-date-picker-meridiem-btn, .ua-date-picker-minute-option, .ua-dashboard-toolbar-action, .ua-navbar-menu-toggle, .ua-navbar-menu-go, .ua-struct-move-up, .ua-struct-move-down, .ua-struct-add, .ua-struct-hatch-toggle, .ua-file-field-pick, .ua-fm-row-frame, .ua-fm-folder, .ua-fm-dialog-select, .ua-doc-tool, .ua-class-placement-button, .ua-class-chip, .ua-date-picker-day, .ua-list-option, .ua-date-picker-jump, .ua-date-picker-jump-option, .ua-color-picker-trigger, .ua-color-picker-hue, .ua-color-picker-alpha, .ua-color-picker-map, .ua-color-picker-preset, .ua-color-picker-value, .ua-switch-input, .ua-uri-tab, .ua-wizard-nav[data-wizard-nav-compact="true"] .ua-wizard-nav-step:not([data-wizard-nav-state="current"]), .ua-dashboard-funnel, .ua-dashboard-view-single, .ua-dashboard-page-prev, .ua-dashboard-page-next, .ua-dashboard-active-filter-chip, .ua-navbar-item-icon-only, .ua-navbar-menu-section-summary, .ua-navbar-menu-back, .ua-navbar-menu-link, .ua-navbar-menu-fullscreen .ua-navbar-menu-link, .ua-schema-editor-tab, .ua-struct-remove, .ua-struct-drag, .ua-struct-format, .ua-struct-code, .ua-feed-action, .ua-collection-order-edit-toggle, .ua-line-remove, .ua-checkout-line-swipe > .ua-checkout-line, .ua-global-toggle-icon, .ua-pdp-preview-close, .ua-pdp-preview-pill, .ua-testmode-close, .ua-product-carousel .carousel-indicators button, .ua-product-option-pill, .ua-cart-line-remove-btn, .ua-product-filters .ua-dashboard-search, .ua-pf-funnel, .ua-pf-chip, .ua-product-property-control, .ua-fm-storage-button, .ua-file-thin-url, .ua-hva-expand, .ua-hva-modal-close, .ua-dialog-close, .ua-tooltip-trigger, .ua-mp-action, .ua-mp-range):is(.active, .is-selected, .selected, [aria-current]:not([aria-current="false"]), [aria-pressed="true"], [aria-selected="true"], [aria-expanded="true"], :checked, .ua-state-active):is(:focus-visible, .ua-state-hover, .is-active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy) {
    border-color: var(--glow-ink, currentColor) !important;
    box-shadow: var(--ua-focus-two-tone), var(--ua-state-hover-lift, 0 0 transparent), var(--ua-shimmer-glow) color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-hover-glow-mix), transparent), inset 0 0 0 1px var(--glow-ink, currentColor), inset 0 0 0 var(--ua-shimmer-wash-inset) color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-active-wash-mix), transparent) !important;
    outline-color: transparent;
  }
  :where(.ua-shimmer, .ua-button, .ua-button-glass, .ua-wizard-actions button, .ua-dialog-actions button, .btn, .universe-icon-action, .ua-icon-action, .ua-navigable-lift, .ua-row-frame, .ua-hover-lift, .ua-product-card-link, a.ua-page-preview-link, .ua-collection-order-card, .ua-copy-button, .ua-footer-location-action, .ua-directions-option, .ua-social-link, .ua-recommendation-apply, .ua-error-action, .ua-checkout-icon-btn, .ua-add-card, .ua-wallet-card, .ua-ship-card, .ua-addr-card, .ua-product-card-editable, .ua-pf-apply, .ua-pdp-preview-confirm, .ua-testmode-badge, .ua-motion-restart, .ua-async-notice-retry, .ua-mp-state-retry, .ua-mp-bigplay, .ua-hva-cta, .ua-dashboard-import-drop, .ua-upload-cancel, .ua-file-thin-pick, .ua-hover-glow, .ua-fm-card):is(.active, .is-selected, .selected, [aria-current]:not([aria-current="false"]), [aria-pressed="true"], [aria-selected="true"], [aria-expanded="true"], :checked, .ua-state-active):is(:focus-visible, .ua-state-hover, .is-active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy) {
    box-shadow: var(--ua-focus-two-tone), var(--ua-state-hover-lift, 0 0 transparent), var(--ua-shimmer-glow) color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-hover-glow-mix), transparent), inset 0 0 0 1px color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-active-ring-mix), transparent), inset 0 0 0 var(--ua-shimmer-wash-inset) color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-active-wash-mix), transparent) !important;
    outline-color: transparent;
  }
  /* 2. HOVER with a real pointer only ([[D350]]): the same look, never stuck after a tap, never mid-press; never on focus-only items. */
  @media (hover: hover) {
    :where(a[href], summary, [role="link"], [role="menuitem"]):where(:not(.ua-button, .ua-button-primary, .ua-button-secondary, .ua-button-ghost, .ua-button-glass, .ua-button-danger, .btn)):is(:hover, :focus-visible):not(.active, .is-selected, .selected, [aria-current]:not([aria-current="false"]), [aria-pressed="true"], [aria-selected="true"], [aria-expanded="true"], :checked, .ua-state-active):not(:active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy),
    :where(a.ua-avatar, .ua-quick-shots-reference-option, .ua-wizard-summary-goto, .ua-dashboard-toolbar-control, .ua-dashboard-record-action, .ua-dashboard-page-edge, .ua-footer-built-with, .ua-footer-terms a, .ua-vote-btn, a.ua-checkout-line-title, .ua-quantity-step, .ua-pf-clear, .ua-text-hover-primary, [ua-text-hover="primary"], .btn-hover-primary, .ua-text-hover-accent, [ua-text-hover="accent"], .ua-text-hover-success, [ua-text-hover="success"], .ua-text-hover-info, [ua-text-hover="info"], .ua-text-hover-warning, [ua-text-hover="warning"], .ua-text-hover-error, [ua-text-hover="error"], .btn-text-primary, .btn-underline-primary):is(:hover, :focus-visible):not(.active, .is-selected, .selected, [aria-current]:not([aria-current="false"]), [aria-pressed="true"], [aria-selected="true"], [aria-expanded="true"], :checked, .ua-state-active):not(:active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy) {
      color: var(--ua-state-hover-ink);
      box-shadow: var(--ua-focus-two-tone), var(--ua-state-hover-lift, 0 0 transparent), var(--ua-shimmer-glow) color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-hover-glow-mix), transparent) !important;
      outline-color: transparent;
      transition: var(--ua-shimmer-transition);
    }
    :where(.ua-button-toggle-option, .ua-navbar-item, .ua-navbar-menu .ua-navbar-item, .ua-row-action, .ua-row-action-danger, .ua-fm-crumb):is(:hover, :focus-visible):not(.active, .is-selected, .selected, [aria-current]:not([aria-current="false"]), [aria-pressed="true"], [aria-selected="true"], [aria-expanded="true"], :checked, .ua-state-active):not(:active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy) {
      color: var(--ua-state-hover-ink);
      box-shadow: var(--ua-focus-two-tone), var(--ua-state-hover-lift, 0 0 transparent), var(--ua-shimmer-glow) color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-hover-glow-mix), transparent) !important;
      outline-color: transparent;
      transition: var(--ua-shimmer-transition);
    }
    :where(button, select, textarea, input:not([type="hidden"]), [role="button"], [role="tab"], [role="option"], [role="switch"], [role="checkbox"], [role="radio"]):is(:hover, :focus-visible):not(.active, .is-selected, .selected, [aria-current]:not([aria-current="false"]), [aria-pressed="true"], [aria-selected="true"], [aria-expanded="true"], :checked, .ua-state-active):not(:active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy),
    :where(.ua-shimmer-dense, .ua-button-toggle-cycle, .ua-tab, .nav-link:not(.ua-navbar-item), .ua-fm-toolbar-actions .ua-row-action, .ua-navigable, .ua-navigable-row, .ua-input, .ua-select, .ua-textarea, .ua-form-field input:not(.ua-switch-input), .ua-form-field textarea, .ua-form-field select, .ua-doc-basic-textarea, .ua-doc-simple-editor, .ua-date-picker-meridiem-btn, .ua-date-picker-minute-option, .ua-dashboard-toolbar-action, .ua-navbar-menu-toggle, .ua-navbar-menu-go, .ua-struct-move-up, .ua-struct-move-down, .ua-struct-add, .ua-struct-hatch-toggle, .ua-file-field-pick, .ua-fm-row-frame, .ua-fm-folder, .ua-fm-dialog-select, .ua-doc-tool, .ua-class-placement-button, .ua-class-chip, .ua-date-picker-day, .ua-list-option, .ua-date-picker-jump, .ua-date-picker-jump-option, .ua-color-picker-trigger, .ua-color-picker-hue, .ua-color-picker-alpha, .ua-color-picker-map, .ua-color-picker-preset, .ua-color-picker-value, .ua-switch-input, .ua-uri-tab, .ua-wizard-nav[data-wizard-nav-compact="true"] .ua-wizard-nav-step:not([data-wizard-nav-state="current"]), .ua-dashboard-funnel, .ua-dashboard-view-single, .ua-dashboard-page-prev, .ua-dashboard-page-next, .ua-dashboard-active-filter-chip, .ua-navbar-item-icon-only, .ua-navbar-menu-section-summary, .ua-navbar-menu-back, .ua-navbar-menu-link, .ua-navbar-menu-fullscreen .ua-navbar-menu-link, .ua-schema-editor-tab, .ua-struct-remove, .ua-struct-drag, .ua-struct-format, .ua-struct-code, .ua-feed-action, .ua-collection-order-edit-toggle, .ua-line-remove, .ua-checkout-line-swipe > .ua-checkout-line, .ua-global-toggle-icon, .ua-pdp-preview-close, .ua-pdp-preview-pill, .ua-testmode-close, .ua-product-carousel .carousel-indicators button, .ua-product-option-pill, .ua-cart-line-remove-btn, .ua-product-filters .ua-dashboard-search, .ua-pf-funnel, .ua-pf-chip, .ua-product-property-control, .ua-fm-storage-button, .ua-file-thin-url, .ua-hva-expand, .ua-hva-modal-close, .ua-dialog-close, .ua-tooltip-trigger, .ua-mp-action, .ua-mp-range):is(:hover, :focus-visible):not(.active, .is-selected, .selected, [aria-current]:not([aria-current="false"]), [aria-pressed="true"], [aria-selected="true"], [aria-expanded="true"], :checked, .ua-state-active):not(:active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy),
    .ua-product-option-pill:hover:is(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for]) {
      border-color: color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-hover-edge-mix), transparent) !important;
      box-shadow: var(--ua-focus-two-tone), var(--ua-state-hover-lift, 0 0 transparent), var(--ua-shimmer-glow) color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-hover-glow-mix), transparent), inset 0 0 0 var(--ua-state-edge-ring) color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-hover-edge-mix), transparent), inset 0 0 0 var(--ua-shimmer-wash-inset) color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-hover-wash-mix), transparent) !important;
      outline-color: transparent;
      transition: var(--ua-shimmer-transition);
    }
    :where(.ua-shimmer, .ua-button, .ua-button-glass, .ua-wizard-actions button, .ua-dialog-actions button, .btn, .universe-icon-action, .ua-icon-action, .ua-navigable-lift, .ua-row-frame, .ua-hover-lift, .ua-product-card-link, a.ua-page-preview-link, .ua-collection-order-card, .ua-copy-button, .ua-footer-location-action, .ua-directions-option, .ua-social-link, .ua-recommendation-apply, .ua-error-action, .ua-checkout-icon-btn, .ua-add-card, .ua-wallet-card, .ua-ship-card, .ua-addr-card, .ua-product-card-editable, .ua-pf-apply, .ua-pdp-preview-confirm, .ua-testmode-badge, .ua-motion-restart, .ua-async-notice-retry, .ua-mp-state-retry, .ua-mp-bigplay, .ua-hva-cta, .ua-dashboard-import-drop, .ua-upload-cancel, .ua-file-thin-pick, .ua-hover-glow, .ua-fm-card):is(:hover, :focus-visible):not(.active, .is-selected, .selected, [aria-current]:not([aria-current="false"]), [aria-pressed="true"], [aria-selected="true"], [aria-expanded="true"], :checked, .ua-state-active):not(:active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy),
    .ua-collection-order-card[data-collection-route]:hover:is(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for]) {
      border-color: color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-hover-edge-mix), transparent) !important;
      box-shadow: var(--ua-focus-two-tone), var(--ua-state-hover-lift, 0 0 transparent), var(--ua-shimmer-glow) color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-hover-glow-mix), transparent), inset 0 0 0 var(--ua-state-edge-ring) color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-hover-edge-mix), transparent), inset 0 0 0 var(--ua-shimmer-wash-inset) color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-hover-wash-mix), transparent) !important;
      outline-color: transparent;
      transition: var(--ua-shimmer-transition);
    }
    :where(.ua-button-toggle-option, .ua-navbar-item, .ua-row-action, .ua-row-action-danger, .ua-date-picker-jump, .ua-uri-tab, .ua-navbar-menu-fullscreen .ua-navbar-menu-link, .ua-footer-built-with, .ua-struct-remove, .ua-vote-btn, a.ua-checkout-line-title, .ua-line-remove, .ua-product-option-pill, .ua-cart-line-remove-btn, .ua-pf-clear, .ua-fm-crumb, .ua-text-hover-primary, [ua-text-hover="primary"], .btn-hover-primary, .ua-text-hover-accent, [ua-text-hover="accent"], .ua-text-hover-success, [ua-text-hover="success"], .ua-text-hover-info, [ua-text-hover="info"], .ua-text-hover-warning, [ua-text-hover="warning"], .ua-text-hover-error, [ua-text-hover="error"], .btn-text-primary, .btn-underline-primary, .ua-button-glass, .universe-icon-action, .ua-icon-action, .ua-social-link, .ua-recommendation-apply):hover:where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy),
    .ua-product-option-pill:hover:is(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for]) {
      color: var(--ua-state-hover-ink) !important;
    }
    :where(.ua-navbar-menu .ua-navbar-item, .ua-row-action, .ua-row-action-danger, .ua-navigable-row, .ua-dashboard-toolbar-action, .ua-navbar-menu-toggle, .ua-doc-tool, .ua-class-placement-button, .ua-class-chip, .ua-uri-tab, .ua-wizard-summary-goto, .ua-dashboard-record-action, .ua-dashboard-page-prev, .ua-dashboard-page-next, .ua-dashboard-page-edge, .ua-dashboard-active-filter-chip, .ua-navbar-item-icon-only, .ua-navbar-menu-section-summary, .ua-navbar-menu-back, .ua-schema-editor-tab, .ua-vote-btn, .ua-global-toggle-icon, .ua-quantity-step, .ua-product-option-pill, .ua-fm-storage-button, .ua-fm-crumb, .ua-hva-expand, .ua-dialog-close, .ua-tooltip-trigger, .ua-mp-action, .btn-text-primary, .btn-underline-primary, .ua-button-glass, .universe-icon-action, .ua-icon-action, .ua-row-frame, .ua-copy-button, .ua-footer-location-action, .ua-directions-option, .ua-social-link, .ua-error-action, .ua-checkout-icon-btn, .ua-add-card, .ua-pf-apply, .ua-testmode-badge, .ua-motion-restart, .ua-mp-bigplay, .ua-dashboard-import-drop, .ua-upload-cancel, .ua-file-thin-pick):hover:where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy),
    .ua-product-option-pill:hover:is(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for]) {
      background: var(--ua-state-hover-fill) !important;
    }
    :where(.btn):hover:where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy) {
      filter: var(--ua-state-hover-filter) !important;
    }
    :where(.ua-footer-built-with, .ua-footer-terms a, a.ua-checkout-line-title):hover:where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy) {
      text-decoration: var(--ua-state-hover-underline) !important;
    }
    :where(a[href], summary, [role="link"], [role="menuitem"]):where(:not(.ua-button, .ua-button-primary, .ua-button-secondary, .ua-button-ghost, .ua-button-glass, .ua-button-danger, .btn)):is(.active, .is-selected, .selected, [aria-current]:not([aria-current="false"]), [aria-pressed="true"], [aria-selected="true"], [aria-expanded="true"], :checked, .ua-state-active):is(:hover, :focus-visible):not(:active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy),
    :where(a.ua-avatar, .ua-quick-shots-reference-option, .ua-wizard-summary-goto, .ua-dashboard-toolbar-control, .ua-dashboard-record-action, .ua-dashboard-page-edge, .ua-footer-built-with, .ua-footer-terms a, .ua-vote-btn, a.ua-checkout-line-title, .ua-quantity-step, .ua-pf-clear, .ua-text-hover-primary, [ua-text-hover="primary"], .btn-hover-primary, .ua-text-hover-accent, [ua-text-hover="accent"], .ua-text-hover-success, [ua-text-hover="success"], .ua-text-hover-info, [ua-text-hover="info"], .ua-text-hover-warning, [ua-text-hover="warning"], .ua-text-hover-error, [ua-text-hover="error"], .btn-text-primary, .btn-underline-primary):is(.active, .is-selected, .selected, [aria-current]:not([aria-current="false"]), [aria-pressed="true"], [aria-selected="true"], [aria-expanded="true"], :checked, .ua-state-active):is(:hover, :focus-visible):not(:active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy) {
      color: var(--ua-state-active-ink);
      box-shadow: var(--ua-focus-two-tone), var(--ua-state-hover-lift, 0 0 transparent), var(--ua-shimmer-glow) color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-hover-glow-mix), transparent) !important;
      outline-color: transparent;
    }
    :where(.ua-button-toggle-option, .ua-navbar-item, .ua-navbar-menu .ua-navbar-item, .ua-row-action, .ua-row-action-danger, .ua-fm-crumb):is(.active, .is-selected, .selected, [aria-current]:not([aria-current="false"]), [aria-pressed="true"], [aria-selected="true"], [aria-expanded="true"], :checked, .ua-state-active):is(:hover, :focus-visible):not(:active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy) {
      color: var(--ua-state-active-ink);
      box-shadow: var(--ua-focus-two-tone), var(--ua-state-hover-lift, 0 0 transparent), var(--ua-shimmer-glow) color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-hover-glow-mix), transparent) !important;
      outline-color: transparent;
    }
    :where(button, select, textarea, input:not([type="hidden"]), [role="button"], [role="tab"], [role="option"], [role="switch"], [role="checkbox"], [role="radio"]):is(.active, .is-selected, .selected, [aria-current]:not([aria-current="false"]), [aria-pressed="true"], [aria-selected="true"], [aria-expanded="true"], :checked, .ua-state-active):is(:hover, :focus-visible):not(:active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy),
    :where(.ua-shimmer-dense, .ua-button-toggle-cycle, .ua-tab, .nav-link:not(.ua-navbar-item), .ua-fm-toolbar-actions .ua-row-action, .ua-navigable, .ua-navigable-row, .ua-input, .ua-select, .ua-textarea, .ua-form-field input:not(.ua-switch-input), .ua-form-field textarea, .ua-form-field select, .ua-doc-basic-textarea, .ua-doc-simple-editor, .ua-date-picker-meridiem-btn, .ua-date-picker-minute-option, .ua-dashboard-toolbar-action, .ua-navbar-menu-toggle, .ua-navbar-menu-go, .ua-struct-move-up, .ua-struct-move-down, .ua-struct-add, .ua-struct-hatch-toggle, .ua-file-field-pick, .ua-fm-row-frame, .ua-fm-folder, .ua-fm-dialog-select, .ua-doc-tool, .ua-class-placement-button, .ua-class-chip, .ua-date-picker-day, .ua-list-option, .ua-date-picker-jump, .ua-date-picker-jump-option, .ua-color-picker-trigger, .ua-color-picker-hue, .ua-color-picker-alpha, .ua-color-picker-map, .ua-color-picker-preset, .ua-color-picker-value, .ua-switch-input, .ua-uri-tab, .ua-wizard-nav[data-wizard-nav-compact="true"] .ua-wizard-nav-step:not([data-wizard-nav-state="current"]), .ua-dashboard-funnel, .ua-dashboard-view-single, .ua-dashboard-page-prev, .ua-dashboard-page-next, .ua-dashboard-active-filter-chip, .ua-navbar-item-icon-only, .ua-navbar-menu-section-summary, .ua-navbar-menu-back, .ua-navbar-menu-link, .ua-navbar-menu-fullscreen .ua-navbar-menu-link, .ua-schema-editor-tab, .ua-struct-remove, .ua-struct-drag, .ua-struct-format, .ua-struct-code, .ua-feed-action, .ua-collection-order-edit-toggle, .ua-line-remove, .ua-checkout-line-swipe > .ua-checkout-line, .ua-global-toggle-icon, .ua-pdp-preview-close, .ua-pdp-preview-pill, .ua-testmode-close, .ua-product-carousel .carousel-indicators button, .ua-product-option-pill, .ua-cart-line-remove-btn, .ua-product-filters .ua-dashboard-search, .ua-pf-funnel, .ua-pf-chip, .ua-product-property-control, .ua-fm-storage-button, .ua-file-thin-url, .ua-hva-expand, .ua-hva-modal-close, .ua-dialog-close, .ua-tooltip-trigger, .ua-mp-action, .ua-mp-range):is(.active, .is-selected, .selected, [aria-current]:not([aria-current="false"]), [aria-pressed="true"], [aria-selected="true"], [aria-expanded="true"], :checked, .ua-state-active):is(:hover, :focus-visible):not(:active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy) {
      border-color: var(--glow-ink, currentColor) !important;
      box-shadow: var(--ua-focus-two-tone), var(--ua-state-hover-lift, 0 0 transparent), var(--ua-shimmer-glow) color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-hover-glow-mix), transparent), inset 0 0 0 1px var(--glow-ink, currentColor), inset 0 0 0 var(--ua-shimmer-wash-inset) color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-active-wash-mix), transparent) !important;
      outline-color: transparent;
    }
    :where(.ua-shimmer, .ua-button, .ua-button-glass, .ua-wizard-actions button, .ua-dialog-actions button, .btn, .universe-icon-action, .ua-icon-action, .ua-navigable-lift, .ua-row-frame, .ua-hover-lift, .ua-product-card-link, a.ua-page-preview-link, .ua-collection-order-card, .ua-copy-button, .ua-footer-location-action, .ua-directions-option, .ua-social-link, .ua-recommendation-apply, .ua-error-action, .ua-checkout-icon-btn, .ua-add-card, .ua-wallet-card, .ua-ship-card, .ua-addr-card, .ua-product-card-editable, .ua-pf-apply, .ua-pdp-preview-confirm, .ua-testmode-badge, .ua-motion-restart, .ua-async-notice-retry, .ua-mp-state-retry, .ua-mp-bigplay, .ua-hva-cta, .ua-dashboard-import-drop, .ua-upload-cancel, .ua-file-thin-pick, .ua-hover-glow, .ua-fm-card):is(.active, .is-selected, .selected, [aria-current]:not([aria-current="false"]), [aria-pressed="true"], [aria-selected="true"], [aria-expanded="true"], :checked, .ua-state-active):is(:hover, :focus-visible):not(:active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy) {
      box-shadow: var(--ua-focus-two-tone), var(--ua-state-hover-lift, 0 0 transparent), var(--ua-shimmer-glow) color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-hover-glow-mix), transparent), inset 0 0 0 1px color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-active-ring-mix), transparent), inset 0 0 0 var(--ua-shimmer-wash-inset) color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-active-wash-mix), transparent) !important;
      outline-color: transparent;
    }
  }
  /* Own movement, and the one small float, only under no-preference: reduce keeps the look, not the motion. A declared lift is emitted after the float so it wins. */
  @media (prefers-reduced-motion: no-preference) {
    :where(button, select, textarea, input:not([type="hidden"]), [role="button"], [role="tab"], [role="option"], [role="switch"], [role="checkbox"], [role="radio"]):is(:focus-visible, .ua-state-hover, .is-active):not(input, select, textarea, [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"]):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy),
    :where(a[href], summary, [role="link"], [role="menuitem"]):where(:not(.ua-button, .ua-button-primary, .ua-button-secondary, .ua-button-ghost, .ua-button-glass, .ua-button-danger, .btn)):is(:focus-visible, .ua-state-hover, .is-active):not(input, select, textarea, [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"]):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy),
    :where(.ua-button-toggle-option, .ua-navbar-item, .ua-navbar-menu .ua-navbar-item, .ua-row-action, .ua-row-action-danger, a.ua-avatar, .ua-quick-shots-reference-option, .ua-wizard-summary-goto, .ua-dashboard-toolbar-control, .ua-dashboard-record-action, .ua-dashboard-page-edge, .ua-footer-built-with, .ua-footer-terms a, a.ua-checkout-line-title, .ua-quantity-step, .ua-pf-clear, .ua-fm-crumb, .ua-text-hover-primary, [ua-text-hover="primary"], .btn-hover-primary, .ua-text-hover-accent, [ua-text-hover="accent"], .ua-text-hover-success, [ua-text-hover="success"], .ua-text-hover-info, [ua-text-hover="info"], .ua-text-hover-warning, [ua-text-hover="warning"], .ua-text-hover-error, [ua-text-hover="error"], .btn-text-primary, .btn-underline-primary):is(:focus-visible, .ua-state-hover, .is-active):not(input, select, textarea, [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"]):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy),
    :where(.ua-shimmer-dense, .ua-button-toggle-cycle, .ua-tab, .nav-link:not(.ua-navbar-item), .ua-fm-toolbar-actions .ua-row-action, .ua-navigable, .ua-navigable-row, .ua-input, .ua-select, .ua-textarea, .ua-form-field input:not(.ua-switch-input), .ua-form-field textarea, .ua-form-field select, .ua-doc-basic-textarea, .ua-doc-simple-editor, .ua-date-picker-meridiem-btn, .ua-date-picker-minute-option, .ua-dashboard-toolbar-action, .ua-navbar-menu-toggle, .ua-navbar-menu-go, .ua-struct-move-up, .ua-struct-move-down, .ua-struct-add, .ua-struct-hatch-toggle, .ua-file-field-pick, .ua-fm-row-frame, .ua-fm-folder, .ua-fm-dialog-select, .ua-doc-tool, .ua-class-placement-button, .ua-class-chip, .ua-date-picker-day, .ua-list-option, .ua-date-picker-jump, .ua-date-picker-jump-option, .ua-color-picker-trigger, .ua-color-picker-hue, .ua-color-picker-alpha, .ua-color-picker-map, .ua-color-picker-preset, .ua-color-picker-value, .ua-switch-input, .ua-uri-tab, .ua-wizard-nav[data-wizard-nav-compact="true"] .ua-wizard-nav-step:not([data-wizard-nav-state="current"]), .ua-dashboard-funnel, .ua-dashboard-view-single, .ua-dashboard-page-prev, .ua-dashboard-page-next, .ua-dashboard-active-filter-chip, .ua-navbar-item-icon-only, .ua-navbar-menu-section-summary, .ua-navbar-menu-link, .ua-navbar-menu-fullscreen .ua-navbar-menu-link, .ua-schema-editor-tab, .ua-struct-remove, .ua-struct-drag, .ua-struct-format, .ua-struct-code, .ua-collection-order-edit-toggle, .ua-line-remove, .ua-checkout-line-swipe > .ua-checkout-line, .ua-global-toggle-icon, .ua-pdp-preview-close, .ua-pdp-preview-pill, .ua-testmode-close, .ua-product-carousel .carousel-indicators button, .ua-product-option-pill, .ua-cart-line-remove-btn, .ua-product-filters .ua-dashboard-search, .ua-pf-funnel, .ua-pf-chip, .ua-product-property-control, .ua-fm-storage-button, .ua-file-thin-url, .ua-hva-expand, .ua-hva-modal-close, .ua-dialog-close, .ua-tooltip-trigger, .ua-mp-action, .ua-mp-range):is(:focus-visible, .ua-state-hover, .is-active):not(input, select, textarea, [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"]):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy),
    :where(.ua-shimmer, .ua-button, .ua-button-glass, .ua-wizard-actions button, .ua-dialog-actions button, .btn, .universe-icon-action, .ua-icon-action, .ua-copy-button, .ua-recommendation-apply, .ua-error-action, .ua-checkout-icon-btn, .ua-add-card, .ua-ship-card, .ua-addr-card, .ua-product-card-editable, .ua-pf-apply, .ua-pdp-preview-confirm, .ua-testmode-badge, .ua-motion-restart, .ua-async-notice-retry, .ua-mp-state-retry, .ua-mp-bigplay, .ua-hva-cta, .ua-dashboard-import-drop, .ua-upload-cancel, .ua-file-thin-pick, .ua-hover-glow, .ua-fm-card):is(:focus-visible, .ua-state-hover, .is-active):not(input, select, textarea, [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"]):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy) {
      transform: translateY(-0.08rem) !important;
    }
    :where(.ua-navbar-menu-back, .ua-feed-action, .ua-vote-btn, .ua-navigable-lift, .ua-row-frame, .ua-hover-lift, .ua-product-card-link, a.ua-page-preview-link, .ua-collection-order-card, .ua-footer-location-action, .ua-directions-option, .ua-social-link, .ua-wallet-card):is(:focus-visible, .ua-state-hover, .is-active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy) {
      transform: var(--ua-state-hover-transform) !important;
    }
    :where(.ua-wallet-card):is(.active, .is-selected, .selected, [aria-current]:not([aria-current="false"]), [aria-pressed="true"], [aria-selected="true"], [aria-expanded="true"], :checked, .ua-state-active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy),
    .ua-wallet-card[data-selected="1"]:is(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for]) {
      transform: var(--ua-state-active-transform) !important;
    }
    @media (hover: hover) {
      :where(button, select, textarea, input:not([type="hidden"]), [role="button"], [role="tab"], [role="option"], [role="switch"], [role="checkbox"], [role="radio"]):hover:not(input, select, textarea, [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"]):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy),
      :where(a[href], summary, [role="link"], [role="menuitem"]):where(:not(.ua-button, .ua-button-primary, .ua-button-secondary, .ua-button-ghost, .ua-button-glass, .ua-button-danger, .btn)):hover:not(input, select, textarea, [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"]):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy),
      :where(.ua-button-toggle-option, .ua-navbar-item, .ua-navbar-menu .ua-navbar-item, .ua-row-action, .ua-row-action-danger, a.ua-avatar, .ua-quick-shots-reference-option, .ua-wizard-summary-goto, .ua-dashboard-toolbar-control, .ua-dashboard-record-action, .ua-dashboard-page-edge, .ua-footer-built-with, .ua-footer-terms a, a.ua-checkout-line-title, .ua-quantity-step, .ua-pf-clear, .ua-fm-crumb, .ua-text-hover-primary, [ua-text-hover="primary"], .btn-hover-primary, .ua-text-hover-accent, [ua-text-hover="accent"], .ua-text-hover-success, [ua-text-hover="success"], .ua-text-hover-info, [ua-text-hover="info"], .ua-text-hover-warning, [ua-text-hover="warning"], .ua-text-hover-error, [ua-text-hover="error"], .btn-text-primary, .btn-underline-primary):hover:not(input, select, textarea, [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"]):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy),
      :where(.ua-shimmer-dense, .ua-button-toggle-cycle, .ua-tab, .nav-link:not(.ua-navbar-item), .ua-fm-toolbar-actions .ua-row-action, .ua-navigable, .ua-navigable-row, .ua-input, .ua-select, .ua-textarea, .ua-form-field input:not(.ua-switch-input), .ua-form-field textarea, .ua-form-field select, .ua-doc-basic-textarea, .ua-doc-simple-editor, .ua-date-picker-meridiem-btn, .ua-date-picker-minute-option, .ua-dashboard-toolbar-action, .ua-navbar-menu-toggle, .ua-navbar-menu-go, .ua-struct-move-up, .ua-struct-move-down, .ua-struct-add, .ua-struct-hatch-toggle, .ua-file-field-pick, .ua-fm-row-frame, .ua-fm-folder, .ua-fm-dialog-select, .ua-doc-tool, .ua-class-placement-button, .ua-class-chip, .ua-date-picker-day, .ua-list-option, .ua-date-picker-jump, .ua-date-picker-jump-option, .ua-color-picker-trigger, .ua-color-picker-hue, .ua-color-picker-alpha, .ua-color-picker-map, .ua-color-picker-preset, .ua-color-picker-value, .ua-switch-input, .ua-uri-tab, .ua-wizard-nav[data-wizard-nav-compact="true"] .ua-wizard-nav-step:not([data-wizard-nav-state="current"]), .ua-dashboard-funnel, .ua-dashboard-view-single, .ua-dashboard-page-prev, .ua-dashboard-page-next, .ua-dashboard-active-filter-chip, .ua-navbar-item-icon-only, .ua-navbar-menu-section-summary, .ua-navbar-menu-link, .ua-navbar-menu-fullscreen .ua-navbar-menu-link, .ua-schema-editor-tab, .ua-struct-remove, .ua-struct-drag, .ua-struct-format, .ua-struct-code, .ua-collection-order-edit-toggle, .ua-line-remove, .ua-checkout-line-swipe > .ua-checkout-line, .ua-global-toggle-icon, .ua-pdp-preview-close, .ua-pdp-preview-pill, .ua-testmode-close, .ua-product-carousel .carousel-indicators button, .ua-product-option-pill, .ua-cart-line-remove-btn, .ua-product-filters .ua-dashboard-search, .ua-pf-funnel, .ua-pf-chip, .ua-product-property-control, .ua-fm-storage-button, .ua-file-thin-url, .ua-hva-expand, .ua-hva-modal-close, .ua-dialog-close, .ua-tooltip-trigger, .ua-mp-action, .ua-mp-range):hover:not(input, select, textarea, [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"]):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy),
      :where(.ua-shimmer, .ua-button, .ua-button-glass, .ua-wizard-actions button, .ua-dialog-actions button, .btn, .universe-icon-action, .ua-icon-action, .ua-copy-button, .ua-recommendation-apply, .ua-error-action, .ua-checkout-icon-btn, .ua-add-card, .ua-ship-card, .ua-addr-card, .ua-product-card-editable, .ua-pf-apply, .ua-pdp-preview-confirm, .ua-testmode-badge, .ua-motion-restart, .ua-async-notice-retry, .ua-mp-state-retry, .ua-mp-bigplay, .ua-hva-cta, .ua-dashboard-import-drop, .ua-upload-cancel, .ua-file-thin-pick, .ua-hover-glow, .ua-fm-card):hover:not(input, select, textarea, [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"]):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy) {
        transform: translateY(-0.08rem) !important;
      }
      :where(.ua-navbar-menu-back, .ua-feed-action, .ua-vote-btn, .ua-navigable-lift, .ua-row-frame, .ua-hover-lift, .ua-product-card-link, a.ua-page-preview-link, .ua-collection-order-card, .ua-footer-location-action, .ua-directions-option, .ua-social-link, .ua-wallet-card):hover:where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy),
      .ua-collection-order-card[data-collection-route]:hover:is(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for]) {
        transform: var(--ua-state-hover-transform) !important;
      }
    }
    :where(.ua-button, .ua-checkout-icon-btn, .ua-add-card, .ua-pdp-preview-confirm, .ua-testmode-badge):active:where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy) {
      transform: var(--ua-state-press-transform) !important;
    }
  }
  /* CHILD LAYERS — a part of the control moves with its state (keyboard focus always, the pointer under (hover: hover)). */
  :where(.ua-navbar-item):is(:focus-visible, .ua-state-hover, .is-active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy)::after {
    opacity: 1;
  }
  :where(.ua-navbar-menu-go):is(:focus-visible, .ua-state-hover, .is-active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy) .ua-navbar-menu-link-chevron {
    color: var(--ua-state-hover-ink, var(--universe-color-text));
  }
  :where(.ua-color-picker-hue):is(:focus-visible, .ua-state-hover, .is-active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy)::-webkit-slider-thumb {
    border-color: color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-hover-edge-mix), transparent) !important;
  }
  :where(.ua-color-picker-alpha):is(:focus-visible, .ua-state-hover, .is-active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy)::-webkit-slider-thumb {
    border-color: color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-hover-edge-mix), transparent) !important;
  }
  :where(.ua-wizard-nav[data-wizard-nav-compact="true"] .ua-wizard-nav-step:not([data-wizard-nav-state="current"])):is(:focus-visible, .ua-state-hover, .is-active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy) > .ua-wizard-nav-label {
    opacity: 1;
  }
  :where(.ua-dashboard-active-filter-chip):is(:focus-visible, .ua-state-hover, .is-active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy) .ua-dashboard-chip-x {
    opacity: 1;
  }
  @media (hover: hover) {
    :where(.ua-navbar-item):hover:where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy)::after {
      opacity: 1;
    }
    :where(.ua-navbar-menu-go):hover:where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy) .ua-navbar-menu-link-chevron {
      color: var(--ua-state-hover-ink, var(--universe-color-text));
    }
    :where(.ua-color-picker-hue):hover:where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy)::-webkit-slider-thumb {
      border-color: color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-hover-edge-mix), transparent) !important;
    }
    :where(.ua-color-picker-alpha):hover:where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy)::-webkit-slider-thumb {
      border-color: color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-hover-edge-mix), transparent) !important;
    }
    :where(.ua-wizard-nav[data-wizard-nav-compact="true"] .ua-wizard-nav-step:not([data-wizard-nav-state="current"])):hover:where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy) > .ua-wizard-nav-label {
      opacity: 1;
    }
    :where(.ua-dashboard-active-filter-chip):hover:where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy) .ua-dashboard-chip-x {
      opacity: 1;
    }
  }
  @media (prefers-reduced-motion: no-preference) {
    :where(.ua-navbar-item):is(:focus-visible, .ua-state-hover, .is-active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy)::after {
      transform: scaleX(1);
    }
    :where(.ua-navbar-menu-go):is(:focus-visible, .ua-state-hover, .is-active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy) .ua-navbar-menu-link-chevron {
      transform: translateX(0.25rem);
    }
    @media (hover: hover) {
      :where(.ua-navbar-item):hover:where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy)::after {
        transform: scaleX(1);
      }
      :where(.ua-navbar-menu-go):hover:where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy) .ua-navbar-menu-link-chevron {
        transform: translateX(0.25rem);
      }
    }
  }
  /* 4. BUSY — optional: edge (+ glow on glow controls) while an action runs; the spinner ::after shows it. */
  :where(a[href], summary, [role="link"], [role="menuitem"]):where(:not(.ua-button, .ua-button-primary, .ua-button-secondary, .ua-button-ghost, .ua-button-glass, .ua-button-danger, .btn)):is([aria-busy="true"], .ua-state-busy):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href])),
  :where(a.ua-avatar, .ua-quick-shots-reference-option, .ua-wizard-summary-goto, .ua-dashboard-toolbar-control, .ua-dashboard-record-action, .ua-dashboard-page-edge, .ua-footer-built-with, .ua-footer-terms a, .ua-vote-btn, a.ua-checkout-line-title, .ua-quantity-step, .ua-pf-clear, .ua-text-hover-primary, [ua-text-hover="primary"], .btn-hover-primary, .ua-text-hover-accent, [ua-text-hover="accent"], .ua-text-hover-success, [ua-text-hover="success"], .ua-text-hover-info, [ua-text-hover="info"], .ua-text-hover-warning, [ua-text-hover="warning"], .ua-text-hover-error, [ua-text-hover="error"], .btn-text-primary, .btn-underline-primary):is([aria-busy="true"], .ua-state-busy):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href])) {
    box-shadow: var(--ua-focus-two-tone), var(--ua-shimmer-glow) color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-busy-glow-mix), transparent) !important;
  }
  :where(.ua-button-toggle-option, .ua-navbar-item, .ua-navbar-menu .ua-navbar-item, .ua-row-action, .ua-row-action-danger, .ua-fm-crumb):is([aria-busy="true"], .ua-state-busy):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href])) {
    box-shadow: var(--ua-focus-two-tone), var(--ua-shimmer-glow) color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-busy-glow-mix), transparent) !important;
  }
  :where(button, select, textarea, input:not([type="hidden"]), [role="button"], [role="tab"], [role="option"], [role="switch"], [role="checkbox"], [role="radio"]):is([aria-busy="true"], .ua-state-busy):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href])),
  :where(.ua-shimmer-dense, .ua-button-toggle-cycle, .ua-tab, .nav-link:not(.ua-navbar-item), .ua-fm-toolbar-actions .ua-row-action, .ua-navigable, .ua-navigable-row, .ua-input, .ua-select, .ua-textarea, .ua-form-field input:not(.ua-switch-input), .ua-form-field textarea, .ua-form-field select, .ua-doc-basic-textarea, .ua-doc-simple-editor, .ua-date-picker-meridiem-btn, .ua-date-picker-minute-option, .ua-dashboard-toolbar-action, .ua-navbar-menu-toggle, .ua-navbar-menu-go, .ua-struct-move-up, .ua-struct-move-down, .ua-struct-add, .ua-struct-hatch-toggle, .ua-file-field-pick, .ua-fm-row-frame, .ua-fm-folder, .ua-fm-dialog-select, .ua-doc-tool, .ua-class-placement-button, .ua-class-chip, .ua-date-picker-day, .ua-list-option, .ua-date-picker-jump, .ua-date-picker-jump-option, .ua-color-picker-trigger, .ua-color-picker-hue, .ua-color-picker-alpha, .ua-color-picker-map, .ua-color-picker-preset, .ua-color-picker-value, .ua-switch-input, .ua-uri-tab, .ua-wizard-nav[data-wizard-nav-compact="true"] .ua-wizard-nav-step:not([data-wizard-nav-state="current"]), .ua-dashboard-funnel, .ua-dashboard-view-single, .ua-dashboard-page-prev, .ua-dashboard-page-next, .ua-dashboard-active-filter-chip, .ua-navbar-item-icon-only, .ua-navbar-menu-section-summary, .ua-navbar-menu-back, .ua-navbar-menu-link, .ua-navbar-menu-fullscreen .ua-navbar-menu-link, .ua-schema-editor-tab, .ua-struct-remove, .ua-struct-drag, .ua-struct-format, .ua-struct-code, .ua-feed-action, .ua-collection-order-edit-toggle, .ua-line-remove, .ua-checkout-line-swipe > .ua-checkout-line, .ua-global-toggle-icon, .ua-pdp-preview-close, .ua-pdp-preview-pill, .ua-testmode-close, .ua-product-carousel .carousel-indicators button, .ua-product-option-pill, .ua-cart-line-remove-btn, .ua-product-filters .ua-dashboard-search, .ua-pf-funnel, .ua-pf-chip, .ua-product-property-control, .ua-fm-storage-button, .ua-file-thin-url, .ua-hva-expand, .ua-hva-modal-close, .ua-dialog-close, .ua-tooltip-trigger, .ua-mp-action, .ua-mp-range):is([aria-busy="true"], .ua-state-busy):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href])) {
    border-color: color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-busy-edge-mix), transparent) !important;
    box-shadow: var(--ua-focus-two-tone), inset 0 0 0 var(--ua-state-edge-ring) color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-busy-edge-mix), transparent), inset 0 0 0 var(--ua-shimmer-wash-inset) color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-busy-wash-mix), transparent) !important;
  }
  :where(.ua-shimmer, .ua-button, .ua-button-glass, .ua-wizard-actions button, .ua-dialog-actions button, .btn, .universe-icon-action, .ua-icon-action, .ua-navigable-lift, .ua-row-frame, .ua-hover-lift, .ua-product-card-link, a.ua-page-preview-link, .ua-collection-order-card, .ua-copy-button, .ua-footer-location-action, .ua-directions-option, .ua-social-link, .ua-recommendation-apply, .ua-error-action, .ua-checkout-icon-btn, .ua-add-card, .ua-wallet-card, .ua-ship-card, .ua-addr-card, .ua-product-card-editable, .ua-pf-apply, .ua-pdp-preview-confirm, .ua-testmode-badge, .ua-motion-restart, .ua-async-notice-retry, .ua-mp-state-retry, .ua-mp-bigplay, .ua-hva-cta, .ua-dashboard-import-drop, .ua-upload-cancel, .ua-file-thin-pick, .ua-hover-glow, .ua-fm-card):is([aria-busy="true"], .ua-state-busy):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href])) {
    border-color: color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-busy-edge-mix), transparent) !important;
    box-shadow: var(--ua-focus-two-tone), var(--ua-shimmer-glow) color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-busy-glow-mix), transparent), inset 0 0 0 var(--ua-state-edge-ring) color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-busy-edge-mix), transparent), inset 0 0 0 var(--ua-shimmer-wash-inset) color-mix(in srgb, var(--glow-ink, currentColor) var(--ua-state-busy-wash-mix), transparent) !important;
  }
  /* Forced colours: shadows drop and colours are forced, so the edge takes the system's state colours. */
  @media (forced-colors: active) {
    :where(button, select, textarea, input:not([type="hidden"]), [role="button"], [role="tab"], [role="option"], [role="switch"], [role="checkbox"], [role="radio"]):is(:hover, :focus-visible, .ua-state-hover, .is-active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy),
    :where(.ua-shimmer-dense, .ua-button-toggle-cycle, .ua-tab, .nav-link:not(.ua-navbar-item), .ua-fm-toolbar-actions .ua-row-action, .ua-navigable, .ua-navigable-row, .ua-input, .ua-select, .ua-textarea, .ua-form-field input:not(.ua-switch-input), .ua-form-field textarea, .ua-form-field select, .ua-doc-basic-textarea, .ua-doc-simple-editor, .ua-date-picker-meridiem-btn, .ua-date-picker-minute-option, .ua-dashboard-toolbar-action, .ua-navbar-menu-toggle, .ua-navbar-menu-go, .ua-struct-move-up, .ua-struct-move-down, .ua-struct-add, .ua-struct-hatch-toggle, .ua-file-field-pick, .ua-fm-row-frame, .ua-fm-folder, .ua-fm-dialog-select, .ua-doc-tool, .ua-class-placement-button, .ua-class-chip, .ua-date-picker-day, .ua-list-option, .ua-date-picker-jump, .ua-date-picker-jump-option, .ua-color-picker-trigger, .ua-color-picker-hue, .ua-color-picker-alpha, .ua-color-picker-map, .ua-color-picker-preset, .ua-color-picker-value, .ua-switch-input, .ua-uri-tab, .ua-wizard-nav[data-wizard-nav-compact="true"] .ua-wizard-nav-step:not([data-wizard-nav-state="current"]), .ua-dashboard-funnel, .ua-dashboard-view-single, .ua-dashboard-page-prev, .ua-dashboard-page-next, .ua-dashboard-active-filter-chip, .ua-navbar-item-icon-only, .ua-navbar-menu-section-summary, .ua-navbar-menu-back, .ua-navbar-menu-link, .ua-navbar-menu-fullscreen .ua-navbar-menu-link, .ua-schema-editor-tab, .ua-struct-remove, .ua-struct-drag, .ua-struct-format, .ua-struct-code, .ua-feed-action, .ua-collection-order-edit-toggle, .ua-line-remove, .ua-checkout-line-swipe > .ua-checkout-line, .ua-global-toggle-icon, .ua-pdp-preview-close, .ua-pdp-preview-pill, .ua-testmode-close, .ua-product-carousel .carousel-indicators button, .ua-product-option-pill, .ua-cart-line-remove-btn, .ua-product-filters .ua-dashboard-search, .ua-pf-funnel, .ua-pf-chip, .ua-product-property-control, .ua-fm-storage-button, .ua-file-thin-url, .ua-hva-expand, .ua-hva-modal-close, .ua-dialog-close, .ua-tooltip-trigger, .ua-mp-action, .ua-mp-range):is(:hover, :focus-visible, .ua-state-hover, .is-active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy),
    :where(.ua-shimmer, .ua-button, .ua-button-glass, .ua-wizard-actions button, .ua-dialog-actions button, .btn, .universe-icon-action, .ua-icon-action, .ua-navigable-lift, .ua-row-frame, .ua-hover-lift, .ua-product-card-link, a.ua-page-preview-link, .ua-collection-order-card, .ua-copy-button, .ua-footer-location-action, .ua-directions-option, .ua-social-link, .ua-recommendation-apply, .ua-error-action, .ua-checkout-icon-btn, .ua-add-card, .ua-wallet-card, .ua-ship-card, .ua-addr-card, .ua-product-card-editable, .ua-pf-apply, .ua-pdp-preview-confirm, .ua-testmode-badge, .ua-motion-restart, .ua-async-notice-retry, .ua-mp-state-retry, .ua-mp-bigplay, .ua-hva-cta, .ua-dashboard-import-drop, .ua-upload-cancel, .ua-file-thin-pick, .ua-hover-glow, .ua-fm-card):is(:hover, :focus-visible, .ua-state-hover, .is-active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy),
    :where(a[href], summary, [role="link"], [role="menuitem"]):where(:not(.ua-button, .ua-button-primary, .ua-button-secondary, .ua-button-ghost, .ua-button-glass, .ua-button-danger, .btn)):is(:hover, :focus-visible, .ua-state-hover, .is-active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy),
    :where(a.ua-avatar, .ua-quick-shots-reference-option, .ua-wizard-summary-goto, .ua-dashboard-toolbar-control, .ua-dashboard-record-action, .ua-dashboard-page-edge, .ua-footer-built-with, .ua-footer-terms a, .ua-vote-btn, a.ua-checkout-line-title, .ua-quantity-step, .ua-pf-clear, .ua-text-hover-primary, [ua-text-hover="primary"], .btn-hover-primary, .ua-text-hover-accent, [ua-text-hover="accent"], .ua-text-hover-success, [ua-text-hover="success"], .ua-text-hover-info, [ua-text-hover="info"], .ua-text-hover-warning, [ua-text-hover="warning"], .ua-text-hover-error, [ua-text-hover="error"], .btn-text-primary, .btn-underline-primary):is(:hover, :focus-visible, .ua-state-hover, .is-active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy),
    :where(.ua-button-toggle-option, .ua-navbar-item, .ua-navbar-menu .ua-navbar-item, .ua-row-action, .ua-row-action-danger, .ua-fm-crumb):is(:hover, :focus-visible, .ua-state-hover, .is-active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy),
    .ua-dashboard-filter-pill:has(.ua-dashboard-filter-pill-input:focus-visible):is(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)),
    .ua-product-option-input:focus-visible + .ua-product-option-pill:is(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)),
    .ua-pf-check:has(input:focus-visible):is(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)),
    .ua-file-field-input:focus-visible + .ua-file-field-name:is(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)),
    .ua-product-option-pill:hover:is(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for]),
    .ua-collection-order-card[data-collection-route]:hover:is(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for]) {
      border-color: var(--ua-state-hover-forced) !important;
      outline-color: var(--ua-state-hover-forced);
    }
    :where(button, select, textarea, input:not([type="hidden"]), [role="button"], [role="tab"], [role="option"], [role="switch"], [role="checkbox"], [role="radio"]):is(.active, .is-selected, .selected, [aria-current]:not([aria-current="false"]), [aria-pressed="true"], [aria-selected="true"], [aria-expanded="true"], :checked, .ua-state-active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy),
    :where(.ua-shimmer-dense, .ua-button-toggle-cycle, .ua-tab, .nav-link:not(.ua-navbar-item), .ua-fm-toolbar-actions .ua-row-action, .ua-navigable, .ua-navigable-row, .ua-input, .ua-select, .ua-textarea, .ua-form-field input:not(.ua-switch-input), .ua-form-field textarea, .ua-form-field select, .ua-doc-basic-textarea, .ua-doc-simple-editor, .ua-date-picker-meridiem-btn, .ua-date-picker-minute-option, .ua-dashboard-toolbar-action, .ua-navbar-menu-toggle, .ua-navbar-menu-go, .ua-struct-move-up, .ua-struct-move-down, .ua-struct-add, .ua-struct-hatch-toggle, .ua-file-field-pick, .ua-fm-row-frame, .ua-fm-folder, .ua-fm-dialog-select, .ua-doc-tool, .ua-class-placement-button, .ua-class-chip, .ua-date-picker-day, .ua-list-option, .ua-date-picker-jump, .ua-date-picker-jump-option, .ua-color-picker-trigger, .ua-color-picker-hue, .ua-color-picker-alpha, .ua-color-picker-map, .ua-color-picker-preset, .ua-color-picker-value, .ua-switch-input, .ua-uri-tab, .ua-wizard-nav[data-wizard-nav-compact="true"] .ua-wizard-nav-step:not([data-wizard-nav-state="current"]), .ua-dashboard-funnel, .ua-dashboard-view-single, .ua-dashboard-page-prev, .ua-dashboard-page-next, .ua-dashboard-active-filter-chip, .ua-navbar-item-icon-only, .ua-navbar-menu-section-summary, .ua-navbar-menu-back, .ua-navbar-menu-link, .ua-navbar-menu-fullscreen .ua-navbar-menu-link, .ua-schema-editor-tab, .ua-struct-remove, .ua-struct-drag, .ua-struct-format, .ua-struct-code, .ua-feed-action, .ua-collection-order-edit-toggle, .ua-line-remove, .ua-checkout-line-swipe > .ua-checkout-line, .ua-global-toggle-icon, .ua-pdp-preview-close, .ua-pdp-preview-pill, .ua-testmode-close, .ua-product-carousel .carousel-indicators button, .ua-product-option-pill, .ua-cart-line-remove-btn, .ua-product-filters .ua-dashboard-search, .ua-pf-funnel, .ua-pf-chip, .ua-product-property-control, .ua-fm-storage-button, .ua-file-thin-url, .ua-hva-expand, .ua-hva-modal-close, .ua-dialog-close, .ua-tooltip-trigger, .ua-mp-action, .ua-mp-range):is(.active, .is-selected, .selected, [aria-current]:not([aria-current="false"]), [aria-pressed="true"], [aria-selected="true"], [aria-expanded="true"], :checked, .ua-state-active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy),
    :where(.ua-shimmer, .ua-button, .ua-button-glass, .ua-wizard-actions button, .ua-dialog-actions button, .btn, .universe-icon-action, .ua-icon-action, .ua-navigable-lift, .ua-row-frame, .ua-hover-lift, .ua-product-card-link, a.ua-page-preview-link, .ua-collection-order-card, .ua-copy-button, .ua-footer-location-action, .ua-directions-option, .ua-social-link, .ua-recommendation-apply, .ua-error-action, .ua-checkout-icon-btn, .ua-add-card, .ua-wallet-card, .ua-ship-card, .ua-addr-card, .ua-product-card-editable, .ua-pf-apply, .ua-pdp-preview-confirm, .ua-testmode-badge, .ua-motion-restart, .ua-async-notice-retry, .ua-mp-state-retry, .ua-mp-bigplay, .ua-hva-cta, .ua-dashboard-import-drop, .ua-upload-cancel, .ua-file-thin-pick, .ua-hover-glow, .ua-fm-card):is(.active, .is-selected, .selected, [aria-current]:not([aria-current="false"]), [aria-pressed="true"], [aria-selected="true"], [aria-expanded="true"], :checked, .ua-state-active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy),
    :where(a[href], summary, [role="link"], [role="menuitem"]):where(:not(.ua-button, .ua-button-primary, .ua-button-secondary, .ua-button-ghost, .ua-button-glass, .ua-button-danger, .btn)):is(.active, .is-selected, .selected, [aria-current]:not([aria-current="false"]), [aria-pressed="true"], [aria-selected="true"], [aria-expanded="true"], :checked, .ua-state-active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy),
    :where(a.ua-avatar, .ua-quick-shots-reference-option, .ua-wizard-summary-goto, .ua-dashboard-toolbar-control, .ua-dashboard-record-action, .ua-dashboard-page-edge, .ua-footer-built-with, .ua-footer-terms a, .ua-vote-btn, a.ua-checkout-line-title, .ua-quantity-step, .ua-pf-clear, .ua-text-hover-primary, [ua-text-hover="primary"], .btn-hover-primary, .ua-text-hover-accent, [ua-text-hover="accent"], .ua-text-hover-success, [ua-text-hover="success"], .ua-text-hover-info, [ua-text-hover="info"], .ua-text-hover-warning, [ua-text-hover="warning"], .ua-text-hover-error, [ua-text-hover="error"], .btn-text-primary, .btn-underline-primary):is(.active, .is-selected, .selected, [aria-current]:not([aria-current="false"]), [aria-pressed="true"], [aria-selected="true"], [aria-expanded="true"], :checked, .ua-state-active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy),
    :where(.ua-button-toggle-option, .ua-navbar-item, .ua-navbar-menu .ua-navbar-item, .ua-row-action, .ua-row-action-danger, .ua-fm-crumb):is(.active, .is-selected, .selected, [aria-current]:not([aria-current="false"]), [aria-pressed="true"], [aria-selected="true"], [aria-expanded="true"], :checked, .ua-state-active):where(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(.ua-state-base-only):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, a:not([href]), [aria-busy="true"], .ua-state-busy),
    .ua-dashboard-filter-pill:has(.ua-dashboard-filter-pill-input:checked):is(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, [aria-busy="true"], .ua-state-busy),
    .ua-product-option-input:checked + .ua-product-option-pill:is(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, [aria-busy="true"], .ua-state-busy),
    .ua-pf-check:has(input:checked):is(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, [aria-busy="true"], .ua-state-busy),
    .ua-fm-row-frame.is-selected:is(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for]):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, [aria-busy="true"], .ua-state-busy),
    .ua-fm-card.is-selected:is(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for]):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, [aria-busy="true"], .ua-state-busy),
    .ua-wallet-card[data-selected="1"]:is(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for]):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, [aria-busy="true"], .ua-state-busy),
    .ua-button-toggle-option:has(:checked):is(a[href], area[href], button, summary, select, textarea, input:not([type="hidden"]), [role="button"], [role="link"], [role="tab"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="switch"], [role="checkbox"], [role="radio"], [role="treeitem"], [role="combobox"], [role="slider"], [role="spinbutton"], [role="textbox"], [role="searchbox"], [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], label[for], label:has(input:not([type="hidden"]), select, textarea)):not(:disabled, [aria-disabled="true"], .disabled, [inert], [inert] *, [aria-busy="true"], .ua-state-busy) {
      border-color: var(--ua-state-active-forced) !important;
    }
  }
  /* Danger glows danger: a filled danger control's text is its on-danger ink, so its glow ink is set to danger. */
  :is(.ua-button-danger, .btn-danger, .ua-row-action-danger, [data-tone="danger"]) {
    --glow-ink: var(--ua-state-danger-ink);
  }
  /* A field in a validation state glows in that state's ink (error / success), not its text colour. */
  .ua-control[data-ua-control-error="true"] .ua-doc-control-frame {
    --glow-ink: var(--ua-control-error);
  }
  .ua-control[data-ua-control-valid="true"] .ua-doc-control-frame {
    --glow-ink: var(--ua-control-success);
  }
}
/* @generated interaction-states:end */

.ua-header-description,
.ua-footer-description,
.ua-waitlist-subtext {
  display: grid;
  gap: 0.45rem;
}

.ua-header-description > *,
.ua-footer-description > *,
.ua-waitlist-subtext > * {
  margin-block: 0;
}

.ua-button-icon {
  display: inline-grid;
  place-items: center;
  flex: 0 0 auto;
  inline-size: 1.15em;
  block-size: 1.15em;
  color: currentColor;
}

.ua-button-icon svg {
  display: block;
  inline-size: 100%;
  block-size: 100%;
  overflow: visible;
}

.ua-button.ua-button-icon {
  inline-size: 2.5rem;
  min-inline-size: 2.5rem;
  block-size: 2.5rem;
  min-block-size: 2.5rem;
  padding-inline: 0;
  border-radius: 999rem;
}

/* Shared "working" state — one platform-wide pending affordance keyed on the semantic aria-busy
   attribute. Any button/[role=button] (and .ua-button) whose aria-busy is set gets a centered spinner,
   its label hidden, pointer events off. Reaches both the shared element and bespoke buttons (e.g. the
   accounts login actions) because this foundation stylesheet is inlined everywhere. rem/em units only. */
@keyframes ua-busy-spin { to { transform: rotate(360deg); } }

button[aria-busy="true"],
[role="button"][aria-busy="true"],
.ua-button[aria-busy="true"] {
  position: relative;
  pointer-events: none;
  cursor: progress;
  /* hides bare-text labels (e.g. accounts "Continue") through the text fill, never by emptying `color`: the busy edge
     and glow are drawn in the control's own ink (currentColor / its --glow-ink), so busy keeps danger danger. */
  -webkit-text-fill-color: var(--ua-state-busy-label, transparent) !important;
}
button[aria-busy="true"] > *,
[role="button"][aria-busy="true"] > *,
.ua-button[aria-busy="true"] > * { visibility: hidden; }   /* hides wrapped icon+label spans (ua.button) */

button[aria-busy="true"]::after,
[role="button"][aria-busy="true"]::after,
.ua-button[aria-busy="true"]::after {
  content: "";
  position: absolute;
  inset-block-start: 50%;
  inset-inline-start: 50%;
  inline-size: 1.15em; block-size: 1.15em;
  margin-block-start: -0.575em; margin-inline-start: -0.575em;
  border-radius: 999rem;
  border: 0.14em solid color-mix(in srgb, var(--ua-busy-ink, var(--universe-color-text)) 26%, transparent);
  border-block-start-color: var(--ua-busy-ink, var(--universe-color-text));
  animation: ua-busy-spin 0.7s linear infinite;
}
.ua-button-primary[aria-busy="true"] { --ua-busy-ink: var(--universe-color-background); }  /* dark spinner on primary */

@media (prefers-reduced-motion: reduce) {
  button[aria-busy="true"]::after,
  [role="button"][aria-busy="true"]::after,
  .ua-button[aria-busy="true"]::after {
    animation: none;                          /* static ring, still clearly "working" */
    border-color: color-mix(in srgb, var(--ua-busy-ink, var(--universe-color-text)) 45%, transparent);
    border-block-start-color: var(--ua-busy-ink, var(--universe-color-text));
  }
}

/* Quiet route-progress hairline — the "it's working" cue for NAVIGATION (in-app fragment swaps + full
   page navigations). A 2px (0.125rem) brand-toned line pinned to the top edge of the viewport. It is
   the counterpart to the in-control aria-busy spinner: actions get the in-button spinner, navigations
   get this thin top line. It is NOT a scrim — it never covers the page, never dims the art, never
   blocks input (pointer-events:none). The controller (ua.interaction-feedback client) only reveals it
   after a ~120ms threshold, so an instant action never flashes it. rem/em units only. */
.ua-route-progress {
  position: fixed;
  inset-block-start: 0;
  inset-inline: 0;
  block-size: 0.125rem;
  z-index: 2147483300;                        /* above control chrome (control-surface-backdrop 2147483200, auto-tooltip 2147483000), BELOW every dialog: JS-hydrated dialogs are z 2147483400+ inline (uaDialogStack in ua.content.interactions.js), and the SSR/no-JS dialog base is 2147483646/647 (ua.interaction.css) — so this hairline paints under the dialog in both cases */
  transform: scaleX(0);
  transform-origin: 0 50%;
  opacity: 0;
  pointer-events: none;                        /* never blocks input — it is a cue, not a scrim */
  background: linear-gradient(90deg,
    color-mix(in srgb, var(--universe-color-primary) 35%, transparent),
    var(--universe-color-primary));
  transition: opacity 0.18s ease;
}
.ua-route-progress[data-ua-route-progress="active"] {
  opacity: 1;
  animation: ua-route-progress-indeterminate 1.4s ease-in-out infinite;
}
.ua-route-progress[data-ua-route-progress="done"] {
  opacity: 0;
  transform: scaleX(1);                        /* snap to full, then fade out */
  animation: none;
  transition: opacity 0.34s ease, transform 0.2s ease;
}
@keyframes ua-route-progress-indeterminate {
  0%   { transform: scaleX(0); }
  55%  { transform: scaleX(0.7); }
  100% { transform: scaleX(0.92); }
}
@media (prefers-reduced-motion: reduce) {
  /* No indeterminate slide under reduced motion — a simple, steady state instead (still clearly "working"). */
  .ua-route-progress[data-ua-route-progress="active"] {
    animation: none;
    transform: scaleX(1);
    opacity: 0.85;
  }
  .ua-route-progress[data-ua-route-progress="done"] {
    transition: opacity 0.2s ease;
  }
}

.ua-skip-navigation {
  position: fixed;
  inset-block-start: 0.75rem;
  inset-inline-start: 0.75rem;
  z-index: 9999;
  transition: inset-block-start var(--ua-motion-micro) var(--ua-motion-ease-soft);
}

/* Off-screen until it holds focus: a position, not a state look (the reveal is where it sits, not how it paints). */
.ua-skip-navigation:not(:focus) {
  inset-block-start: -10rem;
}

.ua-lazy-container {
  content-visibility: auto;
  contain-intrinsic-size: 1px 24rem;
}

.ua-cookie-blocker {
  display: grid;
  gap: 0.75rem;
  border: 1px solid var(--universe-line);
  border-radius: var(--universe-radius-card, 0.5rem);
  padding: 1rem;
  background: color-mix(in srgb, var(--universe-color-surface) 88%, transparent);
}

.ua-shadow-soft { box-shadow: 0 0.45rem 1.2rem color-mix(in srgb, var(--universe-color-background) 18%, transparent); }
.ua-shadow-panel { box-shadow: var(--universe-shadow-panel); }
.ua-shadow-strong { box-shadow: 0 1.5rem 4rem color-mix(in srgb, var(--universe-color-background) 42%, transparent); }
/* ── THE FOUNDATION MOTION CLASSES, ON TOKENS (D035 / MP-086) ────────────────
   These used to spell 140ms / 180ms / 220ms inline and were then switched off
   by a `@media (prefers-reduced-motion: reduce) { animation: none !important }`
   kill list further down this file. That shape is advisory: it protects the
   classes somebody remembered to add to the list, and silently fails for the
   next one. It also had a real bug — the kill list forced `transform: none` on
   `.ua-skip-navigation`, which parks the skip link ON SCREEN for exactly the
   people most likely to be using it.

   Now every time here is var(--ua-motion-*), and those tokens are 0ms under
   prefers-reduced-motion (element-runtime.css). Instant, still functional,
   nothing to remember. The kill list is gone because there is nothing left for
   it to kill. */
.ua-transition-subtle { transition: transform var(--ua-motion-micro) var(--ua-motion-ease-soft), opacity var(--ua-motion-micro) var(--ua-motion-ease-soft), box-shadow var(--ua-motion-micro) var(--ua-motion-ease-soft); }
.ua-transition-smooth { transition: transform var(--ua-motion-base) var(--ua-motion-ease-soft), opacity var(--ua-motion-base) var(--ua-motion-ease-soft), box-shadow var(--ua-motion-base) var(--ua-motion-ease-soft); }
.ua-enter-fade { animation: ua-enter-fade var(--ua-motion-fast) var(--ua-motion-ease-soft) both; }
.ua-enter-rise { animation: ua-enter-rise var(--ua-motion-fast) var(--ua-motion-ease-soft) both; }
.ua-enter-scale { animation: ua-enter-scale var(--ua-motion-fast) var(--ua-motion-ease-soft) both; }
/* A hover state has no duration of its own to zero, so these two are the one
   case that still needs the query — and they are written the other way round:
   the motion EXISTS only under no-preference rather than being added and then
   revoked. */
@media (prefers-reduced-motion: no-preference) {

}
.ua-fill { width: 100%; inline-size: 100%; }
.ua-align-start { align-self: start; justify-self: start; }
.ua-align-center { align-self: center; justify-self: center; }
.ua-align-end { align-self: end; justify-self: end; }
.ua-align-stretch { align-self: stretch; justify-self: stretch; }
.ua-justify-start { justify-content: flex-start; justify-items: start; }
.ua-justify-center { justify-content: center; justify-items: center; }
.ua-justify-end { justify-content: flex-end; justify-items: end; }
.ua-justify-between { justify-content: space-between; }
.ua-text-left { text-align: left; }
.ua-text-center { text-align: center; }
.ua-text-right { text-align: right; }
.ua-text-balance { text-wrap: balance; }
.ua-grid-row {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: clamp(0.75rem, 2vw, 1.25rem);
  align-items: stretch;
  min-width: 0;
}
.ua-grid-row > * { grid-column: 1 / -1; min-width: 0; }
.ua-grid-continue { min-width: 0; }
.ua-col-full { grid-column: 1 / -1; }
.ua-col-1 { grid-column: span 1; }
.ua-col-2 { grid-column: span 2; }
.ua-col-3 { grid-column: span 3; }
.ua-col-4 { grid-column: span 4; }
.ua-col-5 { grid-column: span 5; }
.ua-col-6 { grid-column: span 6; }
.ua-col-7 { grid-column: span 7; }
.ua-col-8 { grid-column: span 8; }
.ua-col-9 { grid-column: span 9; }
.ua-col-10 { grid-column: span 10; }
.ua-col-11 { grid-column: span 11; }
.ua-col-12 { grid-column: 1 / -1; }
.ua-p-0 { padding: 0; }
.ua-p-1 { padding: 0.5rem; }
.ua-p-2 { padding: 0.85rem; }
.ua-p-3 { padding: 1.15rem; }
.ua-p-4 { padding: 1.6rem; }
.ua-px-3 { padding-inline: 1.15rem; }
.ua-py-3 { padding-block: 1.15rem; }
.ua-m-0 { margin: 0; }
.ua-my-2 { margin-block: 0.85rem; }
.ua-mx-auto { margin-inline: auto; }
.ua-text-display { font-size: clamp(2rem, 5vw, 4.5rem); line-height: 0.98; font-weight: var(--universe-font-weight-display-strong); }
.ua-text-heading { font-size: clamp(1.35rem, 3vw, 2.25rem); line-height: 1.05; font-weight: var(--universe-font-weight-display-strong); }
.ua-text-body { font-size: var(--universe-font-size-base, 1rem); line-height: var(--universe-font-line-height-body, 1.5); }
.ua-text-small { font-size: 0.875rem; line-height: 1.42; }
.ua-text-emphasis { font-weight: var(--universe-font-weight-display-strong); color: var(--universe-color-primary-strong); }
.ua-border { border: 1px solid var(--universe-line); }
.ua-border-none { border: 0; }
.ua-border-top { border-block-start: 1px solid var(--universe-line); }
.ua-border-right { border-inline-end: 1px solid var(--universe-line); }
.ua-border-bottom { border-block-end: 1px solid var(--universe-line); }
.ua-border-left { border-inline-start: 1px solid var(--universe-line); }
.ua-border-gradient {
  border: 1px solid transparent;
  background:
    linear-gradient(var(--universe-color-surface), var(--universe-color-surface)) padding-box,
    linear-gradient(135deg, var(--universe-color-primary-strong), color-mix(in srgb, var(--universe-color-primary) 18%, transparent), var(--universe-color-focus)) border-box;
}
.ua-rounded-none { border-radius: 0; }
.ua-rounded { border-radius: var(--universe-radius-card, 0.5rem); }
.ua-rounded-pill { border-radius: 999rem; }
.ua-bg-none { background: transparent; }
.ua-bg-surface { background: var(--universe-color-surface); }
.ua-bg-soft { background: color-mix(in srgb, var(--universe-color-surface) 76%, transparent); }
.ua-bg-primary-soft { background: color-mix(in srgb, var(--universe-color-primary) 18%, transparent); }
.ua-bg-success-soft { background: color-mix(in srgb, var(--universe-color-success) 16%, transparent); }
.ua-bg-danger-soft { background: color-mix(in srgb, var(--universe-color-danger) 16%, transparent); }
.ua-opacity-75 { opacity: 0.75; }
.ua-opacity-50 { opacity: 0.5; }

@keyframes ua-enter-fade {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes ua-enter-rise {
  from { opacity: 0; transform: translateY(0.35rem); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes ua-enter-scale {
  from { opacity: 0; transform: scale(0.985); }
  to { opacity: 1; transform: scale(1); }
}

@media (max-width: 42rem) {
  .ua-layout-columns {
    grid-template-columns: 1fr;
  }
  .ua-col-mobile-1 { grid-column: span 1; }
  .ua-col-mobile-2 { grid-column: span 2; }
  .ua-col-mobile-3 { grid-column: span 3; }
  .ua-col-mobile-4 { grid-column: span 4; }
  .ua-col-mobile-5 { grid-column: span 5; }
  .ua-col-mobile-6 { grid-column: span 6; }
  .ua-col-mobile-7 { grid-column: span 7; }
  .ua-col-mobile-8 { grid-column: span 8; }
  .ua-col-mobile-9 { grid-column: span 9; }
  .ua-col-mobile-10 { grid-column: span 10; }
  .ua-col-mobile-11 { grid-column: span 11; }
  .ua-col-mobile-12 { grid-column: 1 / -1; }
}

@media (min-width: 42.01rem) {
  .ua-col-tablet-1 { grid-column: span 1; }
  .ua-col-tablet-2 { grid-column: span 2; }
  .ua-col-tablet-3 { grid-column: span 3; }
  .ua-col-tablet-4 { grid-column: span 4; }
  .ua-col-tablet-5 { grid-column: span 5; }
  .ua-col-tablet-6 { grid-column: span 6; }
  .ua-col-tablet-7 { grid-column: span 7; }
  .ua-col-tablet-8 { grid-column: span 8; }
  .ua-col-tablet-9 { grid-column: span 9; }
  .ua-col-tablet-10 { grid-column: span 10; }
  .ua-col-tablet-11 { grid-column: span 11; }
  .ua-col-tablet-12 { grid-column: 1 / -1; }
}

@media (min-width: 64rem) {
  .ua-col-desktop-1 { grid-column: span 1; }
  .ua-col-desktop-2 { grid-column: span 2; }
  .ua-col-desktop-3 { grid-column: span 3; }
  .ua-col-desktop-4 { grid-column: span 4; }
  .ua-col-desktop-5 { grid-column: span 5; }
  .ua-col-desktop-6 { grid-column: span 6; }
  .ua-col-desktop-7 { grid-column: span 7; }
  .ua-col-desktop-8 { grid-column: span 8; }
  .ua-col-desktop-9 { grid-column: span 9; }
  .ua-col-desktop-10 { grid-column: span 10; }
  .ua-col-desktop-11 { grid-column: span 11; }
  .ua-col-desktop-12 { grid-column: 1 / -1; }
}

/* The reduced-motion kill list that used to sit here is DELETED, not moved.
   Every class it named now takes its timing from a motion token, and those
   tokens are 0ms under prefers-reduced-motion — so the motion is already gone
   before this block would have run. A kill list is a list somebody has to keep
   up to date; a token that reads zero is not. (It also carried a bug: forcing
   `transform: none` on .ua-skip-navigation parked the skip link on screen for
   the very people most likely to be using it.) */

/* ============================================================================
   THE AVATAR, AND PRESENCE ([[platform D202]] / [[platform D191]])

   ONE avatar element, one profile image owned by the person's Universe account.
   Before this, five surfaces drew their own circle and the EGT* studio's held
   the hardcoded letter "P" — an avatar of nobody, attached to no account, that
   did nothing when clicked.

   ★ THE STATE THAT MUST STAY LEGIBLE: "no photo set" is a DIFFERENT FACT from
   "here is my photo", and D202 rule 3 asks for them to look different. The
   initial tile is deliberately flat and tinted rather than photographic, so a
   person can tell at a glance that they have not set an image yet — a tinted
   circle that passes for an unreadable thumbnail would hide the one thing this
   state is for.

   ★ AND THERE IS NO :hover STATE HERE ON PURPOSE. A <span> avatar is not a
   control ([[platform D205]] rule 3: anything whose only affordance is hover is
   broken on a phone). The <a> form gets the affordance, because it has somewhere
   to go.
   ============================================================================ */
.ua-avatar {
  --ua-avatar-size: 2rem;
  display: inline-grid;
  place-items: center;
  inline-size: var(--ua-avatar-size);
  block-size: var(--ua-avatar-size);
  flex: 0 0 auto;
  border-radius: var(--universe-radius-pill, 100rem);
  overflow: hidden;
  background: color-mix(in srgb, var(--universe-color-text) 10%, transparent);
  font-size: calc(var(--ua-avatar-size) * 0.4);
  font-weight: var(--universe-font-weight-display, 700);
  line-height: 1;
  text-decoration: none;
  user-select: none;
}
.ua-avatar[data-ua-avatar-size="small"] { --ua-avatar-size: 1.5rem; }
.ua-avatar[data-ua-avatar-size="large"] { --ua-avatar-size: 3rem; }
.ua-avatar-image {
  inline-size: 100%;
  block-size: 100%;
  object-fit: cover;
  display: block;
}
/* THE "NO PHOTO SET" STATE — flat, tinted, unmistakably not a photograph. */
.ua-avatar[data-ua-avatar="initial"] {
  background: color-mix(in srgb, var(--universe-color-primary) 22%, transparent);
  color: var(--universe-color-text);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--universe-color-primary) 45%, transparent);
}
.ua-avatar-initial {
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.01em;
  /* ★ FOUND IN CHROME, NOT IN A TEST. A two-letter initial whose first character is a WIDE glyph — a
     CJK name, an emoji, anything outside the Basic Multilingual Plane — is wider than the circle, and
     with the default `white-space` it WRAPPED: measured 32x38 inside a 48x48 avatar, one letter per
     line, on the very name the shared builder exists to get right. Latin initials never overflow, so
     nothing went red and nothing would have. */
  white-space: nowrap;
}
/* The overflow counter ("+3") is a count, not a person: no identity tint. */
.ua-avatar[data-ua-avatar="overflow"] {
  background: color-mix(in srgb, var(--universe-color-text) 14%, transparent);
  color: var(--universe-color-muted, var(--universe-color-text));
  font-size: calc(var(--ua-avatar-size) * 0.34);
}
/* An avatar that IS a control gets a control's affordances — and only then. */
a.ua-avatar { cursor: pointer; }

/* PRESENCE — the strip of people who are here WITH you.

   ★ There is no rule for an EMPTY presence strip, because an empty one is never
   rendered: presenceStrip() returns null when the viewer is alone. That is the
   ruling, given twice — "I already know who I am", and "you may not need to say
   'only you are logged in'". Alone means NOTHING AT ALL, not a hidden element
   still holding its place in the header. */
.ua-presence {
  display: inline-flex;
  align-items: center;
}
/* Faces overlap so a row of five costs about the width of three. The negative
   start-margin is logical, so it reverses correctly in a right-to-left script. */
.ua-presence .ua-avatar + .ua-avatar {
  margin-inline-start: -0.4rem;
}
.ua-presence .ua-avatar {
  box-shadow: 0 0 0 2px var(--universe-color-background);
}
.ua-presence .ua-avatar[data-ua-avatar="initial"] {
  box-shadow: 0 0 0 2px var(--universe-color-background),
              inset 0 0 0 1px color-mix(in srgb, var(--universe-color-primary) 45%, transparent);
}

:where(.dashboard-context-shortcut,button.dashboard-widget-gallery-chip,.dashboard-wizard-error-jump,.dashboard-search-clear,.dashboard-search input,.dashboard-segment,.dashboard-filter-choice,.dashboard-filter-field input,.dashboard-sort-field,.dashboard-filter-chip,.dashboard-chip-reset,.dashboard-pagination-button,.account-preference-control input,.account-preference-control select,.superadmin-brand-back,.accounts-icon-action,.accounts-text-action,.dashboard-context-group-toggle,.hustle-input,.superadmin-tax-tab,.account-receipt-review-comment-box,.account-receipt-export-format,.elements-studio-preset,.elements-studio-editor-tab,.dashboard-inline-status-action,.ua-dashboard-item a,.dashboard-card a,.dashboard-discovery-card a,.operator-note-card a,.account-subscription-card-title,.account-subscription-plan-link,.hustle-product-name-link,.account-order-ref-link,.store-order-ref-link,.account-receipt-ref-link,button.dashboard-view-tab,.dashboard-context-link,.dashboard-context-switch-cta,.dashboard-logout-action,.dashboard-profile-prompt-go,.dashboard-profile-prompt-dismiss,button.dashboard-home-widget-option,.dashboard-create-resource-row,.account-consent-option-card,.account-overview-link-card,.account-profile-record-card,.superadmin-overview-card,.superadmin-credential-type-link,.account-receipt-comment-save,.dashboard-context-card,.dashboard-context-card.identity-choice,.elements-studio-sample,.elements-studio-card,.dashboard-placeholder-link,.website-start-photograph-choice):not(.ua-state-base-only){--ua-state-edge-ring:0px}:where(.dashboard-context-shortcut){--ua-state-hover-fill:var(--ua-glass-text-led)}:where(button.dashboard-widget-gallery-chip){--ua-state-hover-ink:var(--ua-shell-ink);--ua-state-hover-fill:var(--ua-glass-text-led);--ua-state-active-ink:var(--ua-shell-ink);--ua-state-active-fill:var(--ua-glass-text-led)}:where(.dashboard-search-clear){--ua-state-hover-ink:var(--ua-shell-ink);--ua-state-hover-fill:var(--ua-glass-text-led)}:where(.dashboard-segment){--ua-state-hover-ink:var(--ua-shell-ink);--ua-state-hover-fill:var(--ua-glass-text-led);--ua-state-active-ink:var(--ua-shell-ink);--ua-state-active-fill:var(--ua-glass-text-led)}:where(.dashboard-filter-choice){--ua-state-hover-ink:var(--ua-shell-ink);--ua-state-hover-fill:var(--ua-glass-text-led);--ua-state-active-ink:var(--ua-shell-ink);--ua-state-active-fill:var(--ua-glass-text-led)}:where(.dashboard-sort-field){--ua-state-hover-ink:var(--ua-shell-ink);--ua-state-hover-fill:var(--ua-glass-text-led);--ua-state-active-ink:var(--ua-shell-ink);--ua-state-active-fill:var(--ua-glass-text-led)}:where(.dashboard-filter-chip){--ua-state-hover-ink:var(--ua-shell-ink);--ua-state-hover-fill:var(--ua-glass-text-led)}:where(.dashboard-chip-reset){--ua-state-hover-ink:var(--ua-shell-ink);--ua-state-hover-fill:var(--ua-glass-text-led)}:where(.dashboard-pagination-button){--ua-state-hover-ink:var(--ua-shell-ink);--ua-state-hover-fill:var(--ua-glass-text-led)}:where(.superadmin-brand-back){--ua-state-hover-ink:var(--ua-shell-ink)}:where(.accounts-text-action){--ua-state-hover-fill:var(--ua-glass-text-led)}:where(.dashboard-context-group-toggle){--ua-state-hover-fill:var(--ua-glass-text-led)}:where(.superadmin-tax-tab){--ua-state-hover-ink:var(--universe-color-text);--ua-state-hover-fill:var(--ua-glass-text-led);--ua-state-active-ink:var(--universe-color-text);--ua-state-active-fill:var(--ua-glass-text-led)}:where(.account-receipt-export-format){--ua-state-hover-fill:var(--ua-glass-text-led);--ua-state-hover-transform:translateY(-1px)}:where(.elements-studio-preset){--ua-state-active-fill:var(--ua-glass-text-led);--ua-state-active-ink:var(--universe-color-text)}:where(.elements-studio-editor-tab){--ua-state-active-fill:var(--ua-glass-text-led)}:where(.operator-note-card a){--ua-state-hover-underline:underline}:where(.account-subscription-card-title){--ua-state-hover-underline:underline}:where(.account-subscription-plan-link){--ua-state-hover-underline:underline}:where(.hustle-product-name-link){--ua-state-hover-underline:underline}:where(.account-order-ref-link){--ua-state-hover-underline:underline}:where(.store-order-ref-link){--ua-state-hover-underline:underline}:where(.account-receipt-ref-link){--ua-state-hover-underline:underline}:where(button.dashboard-view-tab){--ua-state-hover-ink:var(--ua-shell-ink);--ua-state-hover-fill:var(--ua-glass-text-led);--ua-state-active-ink:var(--ua-shell-ink);--ua-state-active-fill:var(--ua-glass-text-led)}:where(.dashboard-context-link){--ua-state-hover-ink:var(--ua-shell-ink);--ua-state-hover-fill:var(--ua-glass-art-led);--ua-state-hover-lift:var(--universe-elev-2-shadow);--ua-state-hover-transform:translateY(-1px)}:where(.dashboard-context-switch-cta){--ua-state-hover-filter:brightness(1.06);--ua-state-hover-transform:translateY(-1px);--ua-state-hover-lift:0 0.5rem 1.4rem color-mix(in srgb,var(--universe-color-background) 32%,transparent)}:where(.dashboard-logout-action){--ua-state-hover-ink:var(--ua-shell-ink);--ua-state-hover-fill:var(--ua-glass-text-led);--ua-state-busy-opacity:0.6}:where(.dashboard-profile-prompt-go){--ua-state-hover-fill:var(--ua-glass-text-led)}:where(.dashboard-profile-prompt-dismiss){--ua-state-hover-ink:var(--ua-shell-ink);--ua-state-hover-fill:var(--ua-glass-text-led)}:where(button.dashboard-home-widget-option){--ua-state-hover-fill:var(--ua-glass-text-led)}:where(.dashboard-create-resource-row){--ua-state-hover-fill:var(--ua-glass-text-led)}:where(.account-consent-option-card){--ua-state-hover-fill:var(--ua-glass-text-led)}:where(.account-overview-link-card){--ua-state-hover-fill:var(--ua-glass-text-led)}:where(.account-profile-record-card){--ua-state-active-fill:var(--ua-glass-text-led)}:where(.account-receipt-comment-save){--ua-state-hover-transform:translateY(-1px);--ua-state-hover-lift:0 0.25rem 0.75rem color-mix(in srgb,var(--ua-shell-gold) 55%,transparent)}:where(.dashboard-context-card){--ua-state-hover-fill:var(--ua-glass-text-led);--ua-state-active-fill:var(--ua-glass-text-led)}:where(.dashboard-context-card.identity-choice){--ua-state-hover-fill:var(--ua-glass-text-led)}:where(.elements-studio-card){--ua-state-active-fill:var(--ua-glass-text-led)}:where(.dashboard-placeholder-link){--ua-state-hover-fill:var(--ua-glass-text-led)}:where(.dashboard-context-shortcut,button.dashboard-widget-gallery-chip,.dashboard-wizard-error-jump,.dashboard-search-clear,.dashboard-search input,.dashboard-segment,.dashboard-filter-choice,.dashboard-filter-field input,.dashboard-sort-field,.dashboard-filter-chip,.dashboard-chip-reset,.dashboard-pagination-button,.account-preference-control input,.account-preference-control select,.superadmin-brand-back,.accounts-icon-action,.accounts-text-action,.dashboard-context-group-toggle,.hustle-input,.superadmin-tax-tab,.account-receipt-review-comment-box,.account-receipt-export-format,.elements-studio-preset,.elements-studio-editor-tab,.dashboard-inline-status-action,.ua-dashboard-item a,.dashboard-card a,.dashboard-discovery-card a,.operator-note-card a,.account-subscription-card-title,.account-subscription-plan-link,.hustle-product-name-link,.account-order-ref-link,.store-order-ref-link,.account-receipt-ref-link,button.dashboard-view-tab,.dashboard-context-link,.dashboard-context-switch-cta,.dashboard-logout-action,.dashboard-profile-prompt-go,.dashboard-profile-prompt-dismiss,button.dashboard-home-widget-option,.dashboard-create-resource-row,.account-consent-option-card,.account-overview-link-card,.account-profile-record-card,.superadmin-overview-card,.superadmin-credential-type-link,.account-receipt-comment-save,.dashboard-context-card,.dashboard-context-card.identity-choice,.elements-studio-sample,.elements-studio-card,.dashboard-placeholder-link,.website-start-photograph-choice,.account-consent-option-card,.superadmin-tax-tab,.account-profile-record-card){transition:var(--ua-state-normal-transition)}@media screen{:where(.dashboard-segment,.superadmin-brand-back,.dashboard-context-group-toggle,.superadmin-tax-tab,.dashboard-inline-status-action,.ua-dashboard-item a,.dashboard-card a,.dashboard-discovery-card a,.operator-note-card a,.account-subscription-card-title,.account-subscription-plan-link,.hustle-product-name-link,.account-order-ref-link,.store-order-ref-link,.account-receipt-ref-link):is(:focus-visible,.ua-state-hover,.is-active):where(a[href],area[href],button,summary,select,textarea,input:not([type="hidden"]),[role="button"],[role="link"],[role="tab"],[role="option"],[role="menuitem"],[role="menuitemcheckbox"],[role="menuitemradio"],[role="switch"],[role="checkbox"],[role="radio"],[role="treeitem"],[role="combobox"],[role="slider"],[role="spinbutton"],[role="textbox"],[role="searchbox"],[contenteditable=""],[contenteditable="true"],[contenteditable="plaintext-only"],label[for],label:has(input:not([type="hidden"]),select,textarea)):not(.ua-state-base-only):not(:disabled,[aria-disabled="true"],.disabled,[inert],[inert] *,a:not([href]),[aria-busy="true"],.ua-state-busy){color:var(--ua-state-hover-ink);box-shadow:var(--ua-focus-two-tone),var(--ua-state-hover-lift,0 0 transparent),var(--ua-shimmer-glow) color-mix(in srgb,var(--glow-ink,currentColor) var(--ua-state-hover-glow-mix),transparent) !important;outline-color:transparent;transition:var(--ua-shimmer-transition)}:where(.dashboard-context-shortcut,button.dashboard-widget-gallery-chip,.dashboard-wizard-error-jump,.dashboard-search-clear,.dashboard-search input,.dashboard-filter-choice,.dashboard-filter-field input,.dashboard-sort-field,.dashboard-filter-chip,.dashboard-chip-reset,.dashboard-pagination-button,.account-preference-control input,.account-preference-control select,.accounts-icon-action,.accounts-text-action,.hustle-input,.account-receipt-review-comment-box,.account-receipt-export-format,.elements-studio-preset,.elements-studio-editor-tab):is(:focus-visible,.ua-state-hover,.is-active):where(a[href],area[href],button,summary,select,textarea,input:not([type="hidden"]),[role="button"],[role="link"],[role="tab"],[role="option"],[role="menuitem"],[role="menuitemcheckbox"],[role="menuitemradio"],[role="switch"],[role="checkbox"],[role="radio"],[role="treeitem"],[role="combobox"],[role="slider"],[role="spinbutton"],[role="textbox"],[role="searchbox"],[contenteditable=""],[contenteditable="true"],[contenteditable="plaintext-only"],label[for],label:has(input:not([type="hidden"]),select,textarea)):not(.ua-state-base-only):not(:disabled,[aria-disabled="true"],.disabled,[inert],[inert] *,a:not([href]),[aria-busy="true"],.ua-state-busy){border-color:color-mix(in srgb,var(--glow-ink,currentColor) var(--ua-state-hover-edge-mix),transparent) !important;box-shadow:var(--ua-focus-two-tone),var(--ua-state-hover-lift,0 0 transparent),var(--ua-shimmer-glow) color-mix(in srgb,var(--glow-ink,currentColor) var(--ua-state-hover-glow-mix),transparent),inset 0 0 0 var(--ua-state-edge-ring) color-mix(in srgb,var(--glow-ink,currentColor) var(--ua-state-hover-edge-mix),transparent),inset 0 0 0 var(--ua-shimmer-wash-inset) color-mix(in srgb,var(--glow-ink,currentColor) var(--ua-state-hover-wash-mix),transparent) !important;outline-color:transparent;transition:var(--ua-shimmer-transition)}:where(button.dashboard-view-tab,.dashboard-context-link,.dashboard-context-switch-cta,.dashboard-logout-action,.dashboard-profile-prompt-go,.dashboard-profile-prompt-dismiss,button.dashboard-home-widget-option,.dashboard-create-resource-row,.account-consent-option-card,.account-overview-link-card,.account-profile-record-card,.superadmin-overview-card,.superadmin-credential-type-link,.account-receipt-comment-save,.dashboard-context-card,.dashboard-context-card.identity-choice,.elements-studio-sample,.elements-studio-card,.dashboard-placeholder-link,.website-start-photograph-choice):is(:focus-visible,.ua-state-hover,.is-active):where(a[href],area[href],button,summary,select,textarea,input:not([type="hidden"]),[role="button"],[role="link"],[role="tab"],[role="option"],[role="menuitem"],[role="menuitemcheckbox"],[role="menuitemradio"],[role="switch"],[role="checkbox"],[role="radio"],[role="treeitem"],[role="combobox"],[role="slider"],[role="spinbutton"],[role="textbox"],[role="searchbox"],[contenteditable=""],[contenteditable="true"],[contenteditable="plaintext-only"],label[for],label:has(input:not([type="hidden"]),select,textarea)):not(.ua-state-base-only):not(:disabled,[aria-disabled="true"],.disabled,[inert],[inert] *,a:not([href]),[aria-busy="true"],.ua-state-busy){border-color:color-mix(in srgb,var(--glow-ink,currentColor) var(--ua-state-hover-edge-mix),transparent) !important;box-shadow:var(--ua-focus-two-tone),var(--ua-state-hover-lift,0 0 transparent),var(--ua-shimmer-glow) color-mix(in srgb,var(--glow-ink,currentColor) var(--ua-state-hover-glow-mix),transparent),inset 0 0 0 var(--ua-state-edge-ring) color-mix(in srgb,var(--glow-ink,currentColor) var(--ua-state-hover-edge-mix),transparent),inset 0 0 0 var(--ua-shimmer-wash-inset) color-mix(in srgb,var(--glow-ink,currentColor) var(--ua-state-hover-wash-mix),transparent) !important;outline-color:transparent;transition:var(--ua-shimmer-transition)}:where(button.dashboard-widget-gallery-chip,.dashboard-search-clear,.dashboard-segment,.dashboard-filter-choice,.dashboard-sort-field,.dashboard-filter-chip,.dashboard-chip-reset,.dashboard-pagination-button,.superadmin-brand-back,.superadmin-tax-tab,button.dashboard-view-tab,.dashboard-context-link,.dashboard-logout-action,.dashboard-profile-prompt-dismiss):is(:focus-visible,.ua-state-hover,.is-active):where(a[href],area[href],button,summary,select,textarea,input:not([type="hidden"]),[role="button"],[role="link"],[role="tab"],[role="option"],[role="menuitem"],[role="menuitemcheckbox"],[role="menuitemradio"],[role="switch"],[role="checkbox"],[role="radio"],[role="treeitem"],[role="combobox"],[role="slider"],[role="spinbutton"],[role="textbox"],[role="searchbox"],[contenteditable=""],[contenteditable="true"],[contenteditable="plaintext-only"],label[for],label:has(input:not([type="hidden"]),select,textarea)):not(.ua-state-base-only):not(:disabled,[aria-disabled="true"],.disabled,[inert],[inert] *,a:not([href]),[aria-busy="true"],.ua-state-busy){color:var(--ua-state-hover-ink) !important}:where(.dashboard-context-shortcut,button.dashboard-widget-gallery-chip,.dashboard-search-clear,.dashboard-segment,.dashboard-filter-choice,.dashboard-sort-field,.dashboard-filter-chip,.dashboard-chip-reset,.dashboard-pagination-button,.accounts-text-action,.dashboard-context-group-toggle,.superadmin-tax-tab,.account-receipt-export-format,button.dashboard-view-tab,.dashboard-context-link,.dashboard-logout-action,.dashboard-profile-prompt-go,.dashboard-profile-prompt-dismiss,button.dashboard-home-widget-option,.dashboard-create-resource-row,.account-consent-option-card,.account-overview-link-card,.dashboard-context-card,.dashboard-context-card.identity-choice,.dashboard-placeholder-link):is(:focus-visible,.ua-state-hover,.is-active):where(a[href],area[href],button,summary,select,textarea,input:not([type="hidden"]),[role="button"],[role="link"],[role="tab"],[role="option"],[role="menuitem"],[role="menuitemcheckbox"],[role="menuitemradio"],[role="switch"],[role="checkbox"],[role="radio"],[role="treeitem"],[role="combobox"],[role="slider"],[role="spinbutton"],[role="textbox"],[role="searchbox"],[contenteditable=""],[contenteditable="true"],[contenteditable="plaintext-only"],label[for],label:has(input:not([type="hidden"]),select,textarea)):not(.ua-state-base-only):not(:disabled,[aria-disabled="true"],.disabled,[inert],[inert] *,a:not([href]),[aria-busy="true"],.ua-state-busy){background:var(--ua-state-hover-fill) !important}:where(.dashboard-context-switch-cta):is(:focus-visible,.ua-state-hover,.is-active):where(a[href],area[href],button,summary,select,textarea,input:not([type="hidden"]),[role="button"],[role="link"],[role="tab"],[role="option"],[role="menuitem"],[role="menuitemcheckbox"],[role="menuitemradio"],[role="switch"],[role="checkbox"],[role="radio"],[role="treeitem"],[role="combobox"],[role="slider"],[role="spinbutton"],[role="textbox"],[role="searchbox"],[contenteditable=""],[contenteditable="true"],[contenteditable="plaintext-only"],label[for],label:has(input:not([type="hidden"]),select,textarea)):not(.ua-state-base-only):not(:disabled,[aria-disabled="true"],.disabled,[inert],[inert] *,a:not([href]),[aria-busy="true"],.ua-state-busy){filter:var(--ua-state-hover-filter) !important}:where(.operator-note-card a,.account-subscription-card-title,.account-subscription-plan-link,.hustle-product-name-link,.account-order-ref-link,.store-order-ref-link,.account-receipt-ref-link):is(:focus-visible,.ua-state-hover,.is-active):where(a[href],area[href],button,summary,select,textarea,input:not([type="hidden"]),[role="button"],[role="link"],[role="tab"],[role="option"],[role="menuitem"],[role="menuitemcheckbox"],[role="menuitemradio"],[role="switch"],[role="checkbox"],[role="radio"],[role="treeitem"],[role="combobox"],[role="slider"],[role="spinbutton"],[role="textbox"],[role="searchbox"],[contenteditable=""],[contenteditable="true"],[contenteditable="plaintext-only"],label[for],label:has(input:not([type="hidden"]),select,textarea)):not(.ua-state-base-only):not(:disabled,[aria-disabled="true"],.disabled,[inert],[inert] *,a:not([href]),[aria-busy="true"],.ua-state-busy){text-decoration:var(--ua-state-hover-underline) !important}:where(.dashboard-segment,.superadmin-brand-back,.dashboard-context-group-toggle,.superadmin-tax-tab,.dashboard-inline-status-action,.ua-dashboard-item a,.dashboard-card a,.dashboard-discovery-card a,.operator-note-card a,.account-subscription-card-title,.account-subscription-plan-link,.hustle-product-name-link,.account-order-ref-link,.store-order-ref-link,.account-receipt-ref-link):is(.active,.is-selected,.selected,[aria-current]:not([aria-current="false"]),[aria-pressed="true"],[aria-selected="true"],[aria-expanded="true"],:checked,:active,.ua-state-active):where(a[href],area[href],button,summary,select,textarea,input:not([type="hidden"]),[role="button"],[role="link"],[role="tab"],[role="option"],[role="menuitem"],[role="menuitemcheckbox"],[role="menuitemradio"],[role="switch"],[role="checkbox"],[role="radio"],[role="treeitem"],[role="combobox"],[role="slider"],[role="spinbutton"],[role="textbox"],[role="searchbox"],[contenteditable=""],[contenteditable="true"],[contenteditable="plaintext-only"],label[for],label:has(input:not([type="hidden"]),select,textarea)):not(.ua-state-base-only):not(:disabled,[aria-disabled="true"],.disabled,[inert],[inert] *,a:not([href]),[aria-busy="true"],.ua-state-busy),.superadmin-tax-tab.is-current:is(a[href],area[href],button,summary,select,textarea,input:not([type="hidden"]),[role="button"],[role="link"],[role="tab"],[role="option"],[role="menuitem"],[role="menuitemcheckbox"],[role="menuitemradio"],[role="switch"],[role="checkbox"],[role="radio"],[role="treeitem"],[role="combobox"],[role="slider"],[role="spinbutton"],[role="textbox"],[role="searchbox"],[contenteditable=""],[contenteditable="true"],[contenteditable="plaintext-only"],label[for]):not(:disabled,[aria-disabled="true"],.disabled,[inert],[inert] *,[aria-busy="true"],.ua-state-busy){color:var(--ua-state-active-ink);box-shadow:var(--ua-state-active-lift,0 0 transparent),var(--ua-shimmer-glow) color-mix(in srgb,var(--glow-ink,currentColor) var(--ua-state-hover-glow-mix),transparent) !important;outline-color:transparent;transition:var(--ua-shimmer-transition)}:where(.dashboard-context-shortcut,button.dashboard-widget-gallery-chip,.dashboard-wizard-error-jump,.dashboard-search-clear,.dashboard-search input,.dashboard-filter-choice,.dashboard-filter-field input,.dashboard-sort-field,.dashboard-filter-chip,.dashboard-chip-reset,.dashboard-pagination-button,.account-preference-control input,.account-preference-control select,.accounts-icon-action,.accounts-text-action,.hustle-input,.account-receipt-review-comment-box,.account-receipt-export-format,.elements-studio-preset,.elements-studio-editor-tab):is(.active,.is-selected,.selected,[aria-current]:not([aria-current="false"]),[aria-pressed="true"],[aria-selected="true"],[aria-expanded="true"],:checked,:active,.ua-state-active):where(a[href],area[href],button,summary,select,textarea,input:not([type="hidden"]),[role="button"],[role="link"],[role="tab"],[role="option"],[role="menuitem"],[role="menuitemcheckbox"],[role="menuitemradio"],[role="switch"],[role="checkbox"],[role="radio"],[role="treeitem"],[role="combobox"],[role="slider"],[role="spinbutton"],[role="textbox"],[role="searchbox"],[contenteditable=""],[contenteditable="true"],[contenteditable="plaintext-only"],label[for],label:has(input:not([type="hidden"]),select,textarea)):not(.ua-state-base-only):not(:disabled,[aria-disabled="true"],.disabled,[inert],[inert] *,a:not([href]),[aria-busy="true"],.ua-state-busy),.account-consent-option-card[data-selected="true"]:is(a[href],area[href],button,summary,select,textarea,input:not([type="hidden"]),[role="button"],[role="link"],[role="tab"],[role="option"],[role="menuitem"],[role="menuitemcheckbox"],[role="menuitemradio"],[role="switch"],[role="checkbox"],[role="radio"],[role="treeitem"],[role="combobox"],[role="slider"],[role="spinbutton"],[role="textbox"],[role="searchbox"],[contenteditable=""],[contenteditable="true"],[contenteditable="plaintext-only"],label[for]):not(:disabled,[aria-disabled="true"],.disabled,[inert],[inert] *,[aria-busy="true"],.ua-state-busy),.account-profile-record-card.active:is(a[href],area[href],button,summary,select,textarea,input:not([type="hidden"]),[role="button"],[role="link"],[role="tab"],[role="option"],[role="menuitem"],[role="menuitemcheckbox"],[role="menuitemradio"],[role="switch"],[role="checkbox"],[role="radio"],[role="treeitem"],[role="combobox"],[role="slider"],[role="spinbutton"],[role="textbox"],[role="searchbox"],[contenteditable=""],[contenteditable="true"],[contenteditable="plaintext-only"],label[for]):not(:disabled,[aria-disabled="true"],.disabled,[inert],[inert] *,[aria-busy="true"],.ua-state-busy){border-color:color-mix(in srgb,var(--glow-ink,currentColor) var(--ua-state-active-edge-mix),transparent) !important;box-shadow:var(--ua-state-active-lift,0 0 transparent),var(--ua-shimmer-glow) color-mix(in srgb,var(--glow-ink,currentColor) var(--ua-state-hover-glow-mix),transparent),inset 0 0 0 var(--ua-state-edge-ring) color-mix(in srgb,var(--glow-ink,currentColor) var(--ua-state-active-edge-mix),transparent),inset 0 0 0 1px color-mix(in srgb,var(--glow-ink,currentColor) var(--ua-state-active-ring-mix),transparent),inset 0 0 0 var(--ua-shimmer-wash-inset) color-mix(in srgb,var(--glow-ink,currentColor) var(--ua-state-active-wash-mix),transparent) !important;transition:var(--ua-shimmer-transition)}:where(button.dashboard-view-tab,.dashboard-context-link,.dashboard-context-switch-cta,.dashboard-logout-action,.dashboard-profile-prompt-go,.dashboard-profile-prompt-dismiss,button.dashboard-home-widget-option,.dashboard-create-resource-row,.account-consent-option-card,.account-overview-link-card,.account-profile-record-card,.superadmin-overview-card,.superadmin-credential-type-link,.account-receipt-comment-save,.dashboard-context-card,.dashboard-context-card.identity-choice,.elements-studio-sample,.elements-studio-card,.dashboard-placeholder-link,.website-start-photograph-choice):is(.active,.is-selected,.selected,[aria-current]:not([aria-current="false"]),[aria-pressed="true"],[aria-selected="true"],[aria-expanded="true"],:checked,:active,.ua-state-active):where(a[href],area[href],button,summary,select,textarea,input:not([type="hidden"]),[role="button"],[role="link"],[role="tab"],[role="option"],[role="menuitem"],[role="menuitemcheckbox"],[role="menuitemradio"],[role="switch"],[role="checkbox"],[role="radio"],[role="treeitem"],[role="combobox"],[role="slider"],[role="spinbutton"],[role="textbox"],[role="searchbox"],[contenteditable=""],[contenteditable="true"],[contenteditable="plaintext-only"],label[for],label:has(input:not([type="hidden"]),select,textarea)):not(.ua-state-base-only):not(:disabled,[aria-disabled="true"],.disabled,[inert],[inert] *,a:not([href]),[aria-busy="true"],.ua-state-busy){border-color:color-mix(in srgb,var(--glow-ink,currentColor) var(--ua-state-active-edge-mix),transparent) !important;box-shadow:var(--ua-state-active-lift,0 0 transparent),var(--ua-shimmer-glow) color-mix(in srgb,var(--glow-ink,currentColor) var(--ua-state-hover-glow-mix),transparent),inset 0 0 0 var(--ua-state-edge-ring) color-mix(in srgb,var(--glow-ink,currentColor) var(--ua-state-active-edge-mix),transparent),inset 0 0 0 1px color-mix(in srgb,var(--glow-ink,currentColor) var(--ua-state-active-ring-mix),transparent),inset 0 0 0 var(--ua-shimmer-wash-inset) color-mix(in srgb,var(--glow-ink,currentColor) var(--ua-state-active-wash-mix),transparent) !important;transition:var(--ua-shimmer-transition)}:where(button.dashboard-widget-gallery-chip,.dashboard-segment,.dashboard-filter-choice,.dashboard-sort-field,.superadmin-tax-tab,.elements-studio-preset,button.dashboard-view-tab):is(.active,.is-selected,.selected,[aria-current]:not([aria-current="false"]),[aria-pressed="true"],[aria-selected="true"],[aria-expanded="true"],:checked,:active,.ua-state-active):where(a[href],area[href],button,summary,select,textarea,input:not([type="hidden"]),[role="button"],[role="link"],[role="tab"],[role="option"],[role="menuitem"],[role="menuitemcheckbox"],[role="menuitemradio"],[role="switch"],[role="checkbox"],[role="radio"],[role="treeitem"],[role="combobox"],[role="slider"],[role="spinbutton"],[role="textbox"],[role="searchbox"],[contenteditable=""],[contenteditable="true"],[contenteditable="plaintext-only"],label[for],label:has(input:not([type="hidden"]),select,textarea)):not(.ua-state-base-only):not(:disabled,[aria-disabled="true"],.disabled,[inert],[inert] *,a:not([href]),[aria-busy="true"],.ua-state-busy),.superadmin-tax-tab.is-current:is(a[href],area[href],button,summary,select,textarea,input:not([type="hidden"]),[role="button"],[role="link"],[role="tab"],[role="option"],[role="menuitem"],[role="menuitemcheckbox"],[role="menuitemradio"],[role="switch"],[role="checkbox"],[role="radio"],[role="treeitem"],[role="combobox"],[role="slider"],[role="spinbutton"],[role="textbox"],[role="searchbox"],[contenteditable=""],[contenteditable="true"],[contenteditable="plaintext-only"],label[for]){color:var(--ua-state-active-ink) !important}:where(button.dashboard-widget-gallery-chip,.dashboard-segment,.dashboard-filter-choice,.dashboard-sort-field,.superadmin-tax-tab,.elements-studio-preset,.elements-studio-editor-tab,button.dashboard-view-tab,.account-profile-record-card,.dashboard-context-card,.elements-studio-card):is(.active,.is-selected,.selected,[aria-current]:not([aria-current="false"]),[aria-pressed="true"],[aria-selected="true"],[aria-expanded="true"],:checked,:active,.ua-state-active):where(a[href],area[href],button,summary,select,textarea,input:not([type="hidden"]),[role="button"],[role="link"],[role="tab"],[role="option"],[role="menuitem"],[role="menuitemcheckbox"],[role="menuitemradio"],[role="switch"],[role="checkbox"],[role="radio"],[role="treeitem"],[role="combobox"],[role="slider"],[role="spinbutton"],[role="textbox"],[role="searchbox"],[contenteditable=""],[contenteditable="true"],[contenteditable="plaintext-only"],label[for],label:has(input:not([type="hidden"]),select,textarea)):not(.ua-state-base-only):not(:disabled,[aria-disabled="true"],.disabled,[inert],[inert] *,a:not([href]),[aria-busy="true"],.ua-state-busy),.superadmin-tax-tab.is-current:is(a[href],area[href],button,summary,select,textarea,input:not([type="hidden"]),[role="button"],[role="link"],[role="tab"],[role="option"],[role="menuitem"],[role="menuitemcheckbox"],[role="menuitemradio"],[role="switch"],[role="checkbox"],[role="radio"],[role="treeitem"],[role="combobox"],[role="slider"],[role="spinbutton"],[role="textbox"],[role="searchbox"],[contenteditable=""],[contenteditable="true"],[contenteditable="plaintext-only"],label[for]),.account-profile-record-card.active:is(a[href],area[href],button,summary,select,textarea,input:not([type="hidden"]),[role="button"],[role="link"],[role="tab"],[role="option"],[role="menuitem"],[role="menuitemcheckbox"],[role="menuitemradio"],[role="switch"],[role="checkbox"],[role="radio"],[role="treeitem"],[role="combobox"],[role="slider"],[role="spinbutton"],[role="textbox"],[role="searchbox"],[contenteditable=""],[contenteditable="true"],[contenteditable="plaintext-only"],label[for]){background:var(--ua-state-active-fill) !important}:where(.dashboard-segment,.superadmin-brand-back,.dashboard-context-group-toggle,.superadmin-tax-tab,.dashboard-inline-status-action,.ua-dashboard-item a,.dashboard-card a,.dashboard-discovery-card a,.operator-note-card a,.account-subscription-card-title,.account-subscription-plan-link,.hustle-product-name-link,.account-order-ref-link,.store-order-ref-link,.account-receipt-ref-link):is(.active,.is-selected,.selected,[aria-current]:not([aria-current="false"]),[aria-pressed="true"],[aria-selected="true"],[aria-expanded="true"],:checked,.ua-state-active):is(:focus-visible,.ua-state-hover,.is-active):where(a[href],area[href],button,summary,select,textarea,input:not([type="hidden"]),[role="button"],[role="link"],[role="tab"],[role="option"],[role="menuitem"],[role="menuitemcheckbox"],[role="menuitemradio"],[role="switch"],[role="checkbox"],[role="radio"],[role="treeitem"],[role="combobox"],[role="slider"],[role="spinbutton"],[role="textbox"],[role="searchbox"],[contenteditable=""],[contenteditable="true"],[contenteditable="plaintext-only"],label[for],label:has(input:not([type="hidden"]),select,textarea)):not(.ua-state-base-only):not(:disabled,[aria-disabled="true"],.disabled,[inert],[inert] *,a:not([href]),[aria-busy="true"],.ua-state-busy){color:var(--ua-state-active-ink);box-shadow:var(--ua-focus-two-tone),var(--ua-state-hover-lift,0 0 transparent),var(--ua-shimmer-glow) color-mix(in srgb,var(--glow-ink,currentColor) var(--ua-state-hover-glow-mix),transparent) !important;outline-color:transparent}:where(.dashboard-context-shortcut,button.dashboard-widget-gallery-chip,.dashboard-wizard-error-jump,.dashboard-search-clear,.dashboard-search input,.dashboard-filter-choice,.dashboard-filter-field input,.dashboard-sort-field,.dashboard-filter-chip,.dashboard-chip-reset,.dashboard-pagination-button,.account-preference-control input,.account-preference-control select,.accounts-icon-action,.accounts-text-action,.hustle-input,.account-receipt-review-comment-box,.account-receipt-export-format,.elements-studio-preset,.elements-studio-editor-tab):is(.active,.is-selected,.selected,[aria-current]:not([aria-current="false"]),[aria-pressed="true"],[aria-selected="true"],[aria-expanded="true"],:checked,.ua-state-active):is(:focus-visible,.ua-state-hover,.is-active):where(a[href],area[href],button,summary,select,textarea,input:not([type="hidden"]),[role="button"],[role="link"],[role="tab"],[role="option"],[role="menuitem"],[role="menuitemcheckbox"],[role="menuitemradio"],[role="switch"],[role="checkbox"],[role="radio"],[role="treeitem"],[role="combobox"],[role="slider"],[role="spinbutton"],[role="textbox"],[role="searchbox"],[contenteditable=""],[contenteditable="true"],[contenteditable="plaintext-only"],label[for],label:has(input:not([type="hidden"]),select,textarea)):not(.ua-state-base-only):not(:disabled,[aria-disabled="true"],.disabled,[inert],[inert] *,a:not([href]),[aria-busy="true"],.ua-state-busy){border-color:var(--glow-ink,currentColor) !important;box-shadow:var(--ua-focus-two-tone),var(--ua-state-hover-lift,0 0 transparent),var(--ua-shimmer-glow) color-mix(in srgb,var(--glow-ink,currentColor) var(--ua-state-hover-glow-mix),transparent),inset 0 0 0 1px var(--glow-ink,currentColor),inset 0 0 0 var(--ua-shimmer-wash-inset) color-mix(in srgb,var(--glow-ink,currentColor) var(--ua-state-active-wash-mix),transparent) !important;outline-color:transparent}:where(button.dashboard-view-tab,.dashboard-context-link,.dashboard-context-switch-cta,.dashboard-logout-action,.dashboard-profile-prompt-go,.dashboard-profile-prompt-dismiss,button.dashboard-home-widget-option,.dashboard-create-resource-row,.account-consent-option-card,.account-overview-link-card,.account-profile-record-card,.superadmin-overview-card,.superadmin-credential-type-link,.account-receipt-comment-save,.dashboard-context-card,.dashboard-context-card.identity-choice,.elements-studio-sample,.elements-studio-card,.dashboard-placeholder-link,.website-start-photograph-choice):is(.active,.is-selected,.selected,[aria-current]:not([aria-current="false"]),[aria-pressed="true"],[aria-selected="true"],[aria-expanded="true"],:checked,.ua-state-active):is(:focus-visible,.ua-state-hover,.is-active):where(a[href],area[href],button,summary,select,textarea,input:not([type="hidden"]),[role="button"],[role="link"],[role="tab"],[role="option"],[role="menuitem"],[role="menuitemcheckbox"],[role="menuitemradio"],[role="switch"],[role="checkbox"],[role="radio"],[role="treeitem"],[role="combobox"],[role="slider"],[role="spinbutton"],[role="textbox"],[role="searchbox"],[contenteditable=""],[contenteditable="true"],[contenteditable="plaintext-only"],label[for],label:has(input:not([type="hidden"]),select,textarea)):not(.ua-state-base-only):not(:disabled,[aria-disabled="true"],.disabled,[inert],[inert] *,a:not([href]),[aria-busy="true"],.ua-state-busy){box-shadow:var(--ua-focus-two-tone),var(--ua-state-hover-lift,0 0 transparent),var(--ua-shimmer-glow) color-mix(in srgb,var(--glow-ink,currentColor) var(--ua-state-hover-glow-mix),transparent),inset 0 0 0 1px color-mix(in srgb,var(--glow-ink,currentColor) var(--ua-state-active-ring-mix),transparent),inset 0 0 0 var(--ua-shimmer-wash-inset) color-mix(in srgb,var(--glow-ink,currentColor) var(--ua-state-active-wash-mix),transparent) !important;outline-color:transparent}@media (hover:hover){:where(.dashboard-segment,.superadmin-brand-back,.dashboard-context-group-toggle,.superadmin-tax-tab,.dashboard-inline-status-action,.ua-dashboard-item a,.dashboard-card a,.dashboard-discovery-card a,.operator-note-card a,.account-subscription-card-title,.account-subscription-plan-link,.hustle-product-name-link,.account-order-ref-link,.store-order-ref-link,.account-receipt-ref-link):is(:hover,:focus-visible):not(.active,.is-selected,.selected,[aria-current]:not([aria-current="false"]),[aria-pressed="true"],[aria-selected="true"],[aria-expanded="true"],:checked,.ua-state-active):not(:active):where(a[href],area[href],button,summary,select,textarea,input:not([type="hidden"]),[role="button"],[role="link"],[role="tab"],[role="option"],[role="menuitem"],[role="menuitemcheckbox"],[role="menuitemradio"],[role="switch"],[role="checkbox"],[role="radio"],[role="treeitem"],[role="combobox"],[role="slider"],[role="spinbutton"],[role="textbox"],[role="searchbox"],[contenteditable=""],[contenteditable="true"],[contenteditable="plaintext-only"],label[for],label:has(input:not([type="hidden"]),select,textarea)):not(.ua-state-base-only):not(:disabled,[aria-disabled="true"],.disabled,[inert],[inert] *,a:not([href]),[aria-busy="true"],.ua-state-busy){color:var(--ua-state-hover-ink);box-shadow:var(--ua-focus-two-tone),var(--ua-state-hover-lift,0 0 transparent),var(--ua-shimmer-glow) color-mix(in srgb,var(--glow-ink,currentColor) var(--ua-state-hover-glow-mix),transparent) !important;outline-color:transparent;transition:var(--ua-shimmer-transition)}:where(.dashboard-context-shortcut,button.dashboard-widget-gallery-chip,.dashboard-wizard-error-jump,.dashboard-search-clear,.dashboard-search input,.dashboard-filter-choice,.dashboard-filter-field input,.dashboard-sort-field,.dashboard-filter-chip,.dashboard-chip-reset,.dashboard-pagination-button,.account-preference-control input,.account-preference-control select,.accounts-icon-action,.accounts-text-action,.hustle-input,.account-receipt-review-comment-box,.account-receipt-export-format,.elements-studio-preset,.elements-studio-editor-tab):is(:hover,:focus-visible):not(.active,.is-selected,.selected,[aria-current]:not([aria-current="false"]),[aria-pressed="true"],[aria-selected="true"],[aria-expanded="true"],:checked,.ua-state-active):not(:active):where(a[href],area[href],button,summary,select,textarea,input:not([type="hidden"]),[role="button"],[role="link"],[role="tab"],[role="option"],[role="menuitem"],[role="menuitemcheckbox"],[role="menuitemradio"],[role="switch"],[role="checkbox"],[role="radio"],[role="treeitem"],[role="combobox"],[role="slider"],[role="spinbutton"],[role="textbox"],[role="searchbox"],[contenteditable=""],[contenteditable="true"],[contenteditable="plaintext-only"],label[for],label:has(input:not([type="hidden"]),select,textarea)):not(.ua-state-base-only):not(:disabled,[aria-disabled="true"],.disabled,[inert],[inert] *,a:not([href]),[aria-busy="true"],.ua-state-busy){border-color:color-mix(in srgb,var(--glow-ink,currentColor) var(--ua-state-hover-edge-mix),transparent) !important;box-shadow:var(--ua-focus-two-tone),var(--ua-state-hover-lift,0 0 transparent),var(--ua-shimmer-glow) color-mix(in srgb,var(--glow-ink,currentColor) var(--ua-state-hover-glow-mix),transparent),inset 0 0 0 var(--ua-state-edge-ring) color-mix(in srgb,var(--glow-ink,currentColor) var(--ua-state-hover-edge-mix),transparent),inset 0 0 0 var(--ua-shimmer-wash-inset) color-mix(in srgb,var(--glow-ink,currentColor) var(--ua-state-hover-wash-mix),transparent) !important;outline-color:transparent;transition:var(--ua-shimmer-transition)}:where(button.dashboard-view-tab,.dashboard-context-link,.dashboard-context-switch-cta,.dashboard-logout-action,.dashboard-profile-prompt-go,.dashboard-profile-prompt-dismiss,button.dashboard-home-widget-option,.dashboard-create-resource-row,.account-consent-option-card,.account-overview-link-card,.account-profile-record-card,.superadmin-overview-card,.superadmin-credential-type-link,.account-receipt-comment-save,.dashboard-context-card,.dashboard-context-card.identity-choice,.elements-studio-sample,.elements-studio-card,.dashboard-placeholder-link,.website-start-photograph-choice):is(:hover,:focus-visible):not(.active,.is-selected,.selected,[aria-current]:not([aria-current="false"]),[aria-pressed="true"],[aria-selected="true"],[aria-expanded="true"],:checked,.ua-state-active):not(:active):where(a[href],area[href],button,summary,select,textarea,input:not([type="hidden"]),[role="button"],[role="link"],[role="tab"],[role="option"],[role="menuitem"],[role="menuitemcheckbox"],[role="menuitemradio"],[role="switch"],[role="checkbox"],[role="radio"],[role="treeitem"],[role="combobox"],[role="slider"],[role="spinbutton"],[role="textbox"],[role="searchbox"],[contenteditable=""],[contenteditable="true"],[contenteditable="plaintext-only"],label[for],label:has(input:not([type="hidden"]),select,textarea)):not(.ua-state-base-only):not(:disabled,[aria-disabled="true"],.disabled,[inert],[inert] *,a:not([href]),[aria-busy="true"],.ua-state-busy){border-color:color-mix(in srgb,var(--glow-ink,currentColor) var(--ua-state-hover-edge-mix),transparent) !important;box-shadow:var(--ua-focus-two-tone),var(--ua-state-hover-lift,0 0 transparent),var(--ua-shimmer-glow) color-mix(in srgb,var(--glow-ink,currentColor) var(--ua-state-hover-glow-mix),transparent),inset 0 0 0 var(--ua-state-edge-ring) color-mix(in srgb,var(--glow-ink,currentColor) var(--ua-state-hover-edge-mix),transparent),inset 0 0 0 var(--ua-shimmer-wash-inset) color-mix(in srgb,var(--glow-ink,currentColor) var(--ua-state-hover-wash-mix),transparent) !important;outline-color:transparent;transition:var(--ua-shimmer-transition)}:where(button.dashboard-widget-gallery-chip,.dashboard-search-clear,.dashboard-segment,.dashboard-filter-choice,.dashboard-sort-field,.dashboard-filter-chip,.dashboard-chip-reset,.dashboard-pagination-button,.superadmin-brand-back,.superadmin-tax-tab,button.dashboard-view-tab,.dashboard-context-link,.dashboard-logout-action,.dashboard-profile-prompt-dismiss):hover:where(a[href],area[href],button,summary,select,textarea,input:not([type="hidden"]),[role="button"],[role="link"],[role="tab"],[role="option"],[role="menuitem"],[role="menuitemcheckbox"],[role="menuitemradio"],[role="switch"],[role="checkbox"],[role="radio"],[role="treeitem"],[role="combobox"],[role="slider"],[role="spinbutton"],[role="textbox"],[role="searchbox"],[contenteditable=""],[contenteditable="true"],[contenteditable="plaintext-only"],label[for],label:has(input:not([type="hidden"]),select,textarea)):not(.ua-state-base-only):not(:disabled,[aria-disabled="true"],.disabled,[inert],[inert] *,a:not([href]),[aria-busy="true"],.ua-state-busy){color:var(--ua-state-hover-ink) !important}:where(.dashboard-context-shortcut,button.dashboard-widget-gallery-chip,.dashboard-search-clear,.dashboard-segment,.dashboard-filter-choice,.dashboard-sort-field,.dashboard-filter-chip,.dashboard-chip-reset,.dashboard-pagination-button,.accounts-text-action,.dashboard-context-group-toggle,.superadmin-tax-tab,.account-receipt-export-format,button.dashboard-view-tab,.dashboard-context-link,.dashboard-logout-action,.dashboard-profile-prompt-go,.dashboard-profile-prompt-dismiss,button.dashboard-home-widget-option,.dashboard-create-resource-row,.account-consent-option-card,.account-overview-link-card,.dashboard-context-card,.dashboard-context-card.identity-choice,.dashboard-placeholder-link):hover:where(a[href],area[href],button,summary,select,textarea,input:not([type="hidden"]),[role="button"],[role="link"],[role="tab"],[role="option"],[role="menuitem"],[role="menuitemcheckbox"],[role="menuitemradio"],[role="switch"],[role="checkbox"],[role="radio"],[role="treeitem"],[role="combobox"],[role="slider"],[role="spinbutton"],[role="textbox"],[role="searchbox"],[contenteditable=""],[contenteditable="true"],[contenteditable="plaintext-only"],label[for],label:has(input:not([type="hidden"]),select,textarea)):not(.ua-state-base-only):not(:disabled,[aria-disabled="true"],.disabled,[inert],[inert] *,a:not([href]),[aria-busy="true"],.ua-state-busy){background:var(--ua-state-hover-fill) !important}:where(.dashboard-context-switch-cta):hover:where(a[href],area[href],button,summary,select,textarea,input:not([type="hidden"]),[role="button"],[role="link"],[role="tab"],[role="option"],[role="menuitem"],[role="menuitemcheckbox"],[role="menuitemradio"],[role="switch"],[role="checkbox"],[role="radio"],[role="treeitem"],[role="combobox"],[role="slider"],[role="spinbutton"],[role="textbox"],[role="searchbox"],[contenteditable=""],[contenteditable="true"],[contenteditable="plaintext-only"],label[for],label:has(input:not([type="hidden"]),select,textarea)):not(.ua-state-base-only):not(:disabled,[aria-disabled="true"],.disabled,[inert],[inert] *,a:not([href]),[aria-busy="true"],.ua-state-busy){filter:var(--ua-state-hover-filter) !important}:where(.operator-note-card a,.account-subscription-card-title,.account-subscription-plan-link,.hustle-product-name-link,.account-order-ref-link,.store-order-ref-link,.account-receipt-ref-link):hover:where(a[href],area[href],button,summary,select,textarea,input:not([type="hidden"]),[role="button"],[role="link"],[role="tab"],[role="option"],[role="menuitem"],[role="menuitemcheckbox"],[role="menuitemradio"],[role="switch"],[role="checkbox"],[role="radio"],[role="treeitem"],[role="combobox"],[role="slider"],[role="spinbutton"],[role="textbox"],[role="searchbox"],[contenteditable=""],[contenteditable="true"],[contenteditable="plaintext-only"],label[for],label:has(input:not([type="hidden"]),select,textarea)):not(.ua-state-base-only):not(:disabled,[aria-disabled="true"],.disabled,[inert],[inert] *,a:not([href]),[aria-busy="true"],.ua-state-busy){text-decoration:var(--ua-state-hover-underline) !important}:where(.dashboard-segment,.superadmin-brand-back,.dashboard-context-group-toggle,.superadmin-tax-tab,.dashboard-inline-status-action,.ua-dashboard-item a,.dashboard-card a,.dashboard-discovery-card a,.operator-note-card a,.account-subscription-card-title,.account-subscription-plan-link,.hustle-product-name-link,.account-order-ref-link,.store-order-ref-link,.account-receipt-ref-link):is(.active,.is-selected,.selected,[aria-current]:not([aria-current="false"]),[aria-pressed="true"],[aria-selected="true"],[aria-expanded="true"],:checked,.ua-state-active):is(:hover,:focus-visible):not(:active):where(a[href],area[href],button,summary,select,textarea,input:not([type="hidden"]),[role="button"],[role="link"],[role="tab"],[role="option"],[role="menuitem"],[role="menuitemcheckbox"],[role="menuitemradio"],[role="switch"],[role="checkbox"],[role="radio"],[role="treeitem"],[role="combobox"],[role="slider"],[role="spinbutton"],[role="textbox"],[role="searchbox"],[contenteditable=""],[contenteditable="true"],[contenteditable="plaintext-only"],label[for],label:has(input:not([type="hidden"]),select,textarea)):not(.ua-state-base-only):not(:disabled,[aria-disabled="true"],.disabled,[inert],[inert] *,a:not([href]),[aria-busy="true"],.ua-state-busy){color:var(--ua-state-active-ink);box-shadow:var(--ua-focus-two-tone),var(--ua-state-hover-lift,0 0 transparent),var(--ua-shimmer-glow) color-mix(in srgb,var(--glow-ink,currentColor) var(--ua-state-hover-glow-mix),transparent) !important;outline-color:transparent}:where(.dashboard-context-shortcut,button.dashboard-widget-gallery-chip,.dashboard-wizard-error-jump,.dashboard-search-clear,.dashboard-search input,.dashboard-filter-choice,.dashboard-filter-field input,.dashboard-sort-field,.dashboard-filter-chip,.dashboard-chip-reset,.dashboard-pagination-button,.account-preference-control input,.account-preference-control select,.accounts-icon-action,.accounts-text-action,.hustle-input,.account-receipt-review-comment-box,.account-receipt-export-format,.elements-studio-preset,.elements-studio-editor-tab):is(.active,.is-selected,.selected,[aria-current]:not([aria-current="false"]),[aria-pressed="true"],[aria-selected="true"],[aria-expanded="true"],:checked,.ua-state-active):is(:hover,:focus-visible):not(:active):where(a[href],area[href],button,summary,select,textarea,input:not([type="hidden"]),[role="button"],[role="link"],[role="tab"],[role="option"],[role="menuitem"],[role="menuitemcheckbox"],[role="menuitemradio"],[role="switch"],[role="checkbox"],[role="radio"],[role="treeitem"],[role="combobox"],[role="slider"],[role="spinbutton"],[role="textbox"],[role="searchbox"],[contenteditable=""],[contenteditable="true"],[contenteditable="plaintext-only"],label[for],label:has(input:not([type="hidden"]),select,textarea)):not(.ua-state-base-only):not(:disabled,[aria-disabled="true"],.disabled,[inert],[inert] *,a:not([href]),[aria-busy="true"],.ua-state-busy){border-color:var(--glow-ink,currentColor) !important;box-shadow:var(--ua-focus-two-tone),var(--ua-state-hover-lift,0 0 transparent),var(--ua-shimmer-glow) color-mix(in srgb,var(--glow-ink,currentColor) var(--ua-state-hover-glow-mix),transparent),inset 0 0 0 1px var(--glow-ink,currentColor),inset 0 0 0 var(--ua-shimmer-wash-inset) color-mix(in srgb,var(--glow-ink,currentColor) var(--ua-state-active-wash-mix),transparent) !important;outline-color:transparent}:where(button.dashboard-view-tab,.dashboard-context-link,.dashboard-context-switch-cta,.dashboard-logout-action,.dashboard-profile-prompt-go,.dashboard-profile-prompt-dismiss,button.dashboard-home-widget-option,.dashboard-create-resource-row,.account-consent-option-card,.account-overview-link-card,.account-profile-record-card,.superadmin-overview-card,.superadmin-credential-type-link,.account-receipt-comment-save,.dashboard-context-card,.dashboard-context-card.identity-choice,.elements-studio-sample,.elements-studio-card,.dashboard-placeholder-link,.website-start-photograph-choice):is(.active,.is-selected,.selected,[aria-current]:not([aria-current="false"]),[aria-pressed="true"],[aria-selected="true"],[aria-expanded="true"],:checked,.ua-state-active):is(:hover,:focus-visible):not(:active):where(a[href],area[href],button,summary,select,textarea,input:not([type="hidden"]),[role="button"],[role="link"],[role="tab"],[role="option"],[role="menuitem"],[role="menuitemcheckbox"],[role="menuitemradio"],[role="switch"],[role="checkbox"],[role="radio"],[role="treeitem"],[role="combobox"],[role="slider"],[role="spinbutton"],[role="textbox"],[role="searchbox"],[contenteditable=""],[contenteditable="true"],[contenteditable="plaintext-only"],label[for],label:has(input:not([type="hidden"]),select,textarea)):not(.ua-state-base-only):not(:disabled,[aria-disabled="true"],.disabled,[inert],[inert] *,a:not([href]),[aria-busy="true"],.ua-state-busy){box-shadow:var(--ua-focus-two-tone),var(--ua-state-hover-lift,0 0 transparent),var(--ua-shimmer-glow) color-mix(in srgb,var(--glow-ink,currentColor) var(--ua-state-hover-glow-mix),transparent),inset 0 0 0 1px color-mix(in srgb,var(--glow-ink,currentColor) var(--ua-state-active-ring-mix),transparent),inset 0 0 0 var(--ua-shimmer-wash-inset) color-mix(in srgb,var(--glow-ink,currentColor) var(--ua-state-active-wash-mix),transparent) !important;outline-color:transparent}}@media (prefers-reduced-motion:no-preference){:where(.dashboard-segment,.superadmin-brand-back,.dashboard-context-group-toggle,.superadmin-tax-tab,.dashboard-inline-status-action,.ua-dashboard-item a,.dashboard-card a,.dashboard-discovery-card a,.operator-note-card a,.account-subscription-card-title,.account-subscription-plan-link,.hustle-product-name-link,.account-order-ref-link,.store-order-ref-link,.account-receipt-ref-link):is(:focus-visible,.ua-state-hover,.is-active):not(input,select,textarea,[role="textbox"],[role="searchbox"],[contenteditable=""],[contenteditable="true"],[contenteditable="plaintext-only"]):where(a[href],area[href],button,summary,select,textarea,input:not([type="hidden"]),[role="button"],[role="link"],[role="tab"],[role="option"],[role="menuitem"],[role="menuitemcheckbox"],[role="menuitemradio"],[role="switch"],[role="checkbox"],[role="radio"],[role="treeitem"],[role="combobox"],[role="slider"],[role="spinbutton"],[role="textbox"],[role="searchbox"],[contenteditable=""],[contenteditable="true"],[contenteditable="plaintext-only"],label[for],label:has(input:not([type="hidden"]),select,textarea)):not(.ua-state-base-only):not(:disabled,[aria-disabled="true"],.disabled,[inert],[inert] *,a:not([href]),[aria-busy="true"],.ua-state-busy),:where(.dashboard-context-shortcut,button.dashboard-widget-gallery-chip,.dashboard-wizard-error-jump,.dashboard-search-clear,.dashboard-search input,.dashboard-filter-choice,.dashboard-filter-field input,.dashboard-sort-field,.dashboard-filter-chip,.dashboard-chip-reset,.dashboard-pagination-button,.account-preference-control input,.account-preference-control select,.accounts-icon-action,.accounts-text-action,.hustle-input,.account-receipt-review-comment-box,.elements-studio-preset,.elements-studio-editor-tab):is(:focus-visible,.ua-state-hover,.is-active):not(input,select,textarea,[role="textbox"],[role="searchbox"],[contenteditable=""],[contenteditable="true"],[contenteditable="plaintext-only"]):where(a[href],area[href],button,summary,select,textarea,input:not([type="hidden"]),[role="button"],[role="link"],[role="tab"],[role="option"],[role="menuitem"],[role="menuitemcheckbox"],[role="menuitemradio"],[role="switch"],[role="checkbox"],[role="radio"],[role="treeitem"],[role="combobox"],[role="slider"],[role="spinbutton"],[role="textbox"],[role="searchbox"],[contenteditable=""],[contenteditable="true"],[contenteditable="plaintext-only"],label[for],label:has(input:not([type="hidden"]),select,textarea)):not(.ua-state-base-only):not(:disabled,[aria-disabled="true"],.disabled,[inert],[inert] *,a:not([href]),[aria-busy="true"],.ua-state-busy),:where(button.dashboard-view-tab,.dashboard-logout-action,.dashboard-profile-prompt-go,.dashboard-profile-prompt-dismiss,button.dashboard-home-widget-option,.dashboard-create-resource-row,.account-consent-option-card,.account-overview-link-card,.account-profile-record-card,.superadmin-overview-card,.superadmin-credential-type-link,.dashboard-context-card,.dashboard-context-card.identity-choice,.elements-studio-sample,.elements-studio-card,.dashboard-placeholder-link,.website-start-photograph-choice):is(:focus-visible,.ua-state-hover,.is-active):not(input,select,textarea,[role="textbox"],[role="searchbox"],[contenteditable=""],[contenteditable="true"],[contenteditable="plaintext-only"]):where(a[href],area[href],button,summary,select,textarea,input:not([type="hidden"]),[role="button"],[role="link"],[role="tab"],[role="option"],[role="menuitem"],[role="menuitemcheckbox"],[role="menuitemradio"],[role="switch"],[role="checkbox"],[role="radio"],[role="treeitem"],[role="combobox"],[role="slider"],[role="spinbutton"],[role="textbox"],[role="searchbox"],[contenteditable=""],[contenteditable="true"],[contenteditable="plaintext-only"],label[for],label:has(input:not([type="hidden"]),select,textarea)):not(.ua-state-base-only):not(:disabled,[aria-disabled="true"],.disabled,[inert],[inert] *,a:not([href]),[aria-busy="true"],.ua-state-busy){transform:translateY(-0.08rem) !important}:where(.account-receipt-export-format,.dashboard-context-link,.dashboard-context-switch-cta,.account-receipt-comment-save):is(:focus-visible,.ua-state-hover,.is-active):where(a[href],area[href],button,summary,select,textarea,input:not([type="hidden"]),[role="button"],[role="link"],[role="tab"],[role="option"],[role="menuitem"],[role="menuitemcheckbox"],[role="menuitemradio"],[role="switch"],[role="checkbox"],[role="radio"],[role="treeitem"],[role="combobox"],[role="slider"],[role="spinbutton"],[role="textbox"],[role="searchbox"],[contenteditable=""],[contenteditable="true"],[contenteditable="plaintext-only"],label[for],label:has(input:not([type="hidden"]),select,textarea)):not(.ua-state-base-only):not(:disabled,[aria-disabled="true"],.disabled,[inert],[inert] *,a:not([href]),[aria-busy="true"],.ua-state-busy){transform:var(--ua-state-hover-transform) !important}@media (hover:hover){:where(.dashboard-segment,.superadmin-brand-back,.dashboard-context-group-toggle,.superadmin-tax-tab,.dashboard-inline-status-action,.ua-dashboard-item a,.dashboard-card a,.dashboard-discovery-card a,.operator-note-card a,.account-subscription-card-title,.account-subscription-plan-link,.hustle-product-name-link,.account-order-ref-link,.store-order-ref-link,.account-receipt-ref-link):hover:not(input,select,textarea,[role="textbox"],[role="searchbox"],[contenteditable=""],[contenteditable="true"],[contenteditable="plaintext-only"]):where(a[href],area[href],button,summary,select,textarea,input:not([type="hidden"]),[role="button"],[role="link"],[role="tab"],[role="option"],[role="menuitem"],[role="menuitemcheckbox"],[role="menuitemradio"],[role="switch"],[role="checkbox"],[role="radio"],[role="treeitem"],[role="combobox"],[role="slider"],[role="spinbutton"],[role="textbox"],[role="searchbox"],[contenteditable=""],[contenteditable="true"],[contenteditable="plaintext-only"],label[for],label:has(input:not([type="hidden"]),select,textarea)):not(.ua-state-base-only):not(:disabled,[aria-disabled="true"],.disabled,[inert],[inert] *,a:not([href]),[aria-busy="true"],.ua-state-busy),:where(.dashboard-context-shortcut,button.dashboard-widget-gallery-chip,.dashboard-wizard-error-jump,.dashboard-search-clear,.dashboard-search input,.dashboard-filter-choice,.dashboard-filter-field input,.dashboard-sort-field,.dashboard-filter-chip,.dashboard-chip-reset,.dashboard-pagination-button,.account-preference-control input,.account-preference-control select,.accounts-icon-action,.accounts-text-action,.hustle-input,.account-receipt-review-comment-box,.elements-studio-preset,.elements-studio-editor-tab):hover:not(input,select,textarea,[role="textbox"],[role="searchbox"],[contenteditable=""],[contenteditable="true"],[contenteditable="plaintext-only"]):where(a[href],area[href],button,summary,select,textarea,input:not([type="hidden"]),[role="button"],[role="link"],[role="tab"],[role="option"],[role="menuitem"],[role="menuitemcheckbox"],[role="menuitemradio"],[role="switch"],[role="checkbox"],[role="radio"],[role="treeitem"],[role="combobox"],[role="slider"],[role="spinbutton"],[role="textbox"],[role="searchbox"],[contenteditable=""],[contenteditable="true"],[contenteditable="plaintext-only"],label[for],label:has(input:not([type="hidden"]),select,textarea)):not(.ua-state-base-only):not(:disabled,[aria-disabled="true"],.disabled,[inert],[inert] *,a:not([href]),[aria-busy="true"],.ua-state-busy),:where(button.dashboard-view-tab,.dashboard-logout-action,.dashboard-profile-prompt-go,.dashboard-profile-prompt-dismiss,button.dashboard-home-widget-option,.dashboard-create-resource-row,.account-consent-option-card,.account-overview-link-card,.account-profile-record-card,.superadmin-overview-card,.superadmin-credential-type-link,.dashboard-context-card,.dashboard-context-card.identity-choice,.elements-studio-sample,.elements-studio-card,.dashboard-placeholder-link,.website-start-photograph-choice):hover:not(input,select,textarea,[role="textbox"],[role="searchbox"],[contenteditable=""],[contenteditable="true"],[contenteditable="plaintext-only"]):where(a[href],area[href],button,summary,select,textarea,input:not([type="hidden"]),[role="button"],[role="link"],[role="tab"],[role="option"],[role="menuitem"],[role="menuitemcheckbox"],[role="menuitemradio"],[role="switch"],[role="checkbox"],[role="radio"],[role="treeitem"],[role="combobox"],[role="slider"],[role="spinbutton"],[role="textbox"],[role="searchbox"],[contenteditable=""],[contenteditable="true"],[contenteditable="plaintext-only"],label[for],label:has(input:not([type="hidden"]),select,textarea)):not(.ua-state-base-only):not(:disabled,[aria-disabled="true"],.disabled,[inert],[inert] *,a:not([href]),[aria-busy="true"],.ua-state-busy){transform:translateY(-0.08rem) !important}:where(.account-receipt-export-format,.dashboard-context-link,.dashboard-context-switch-cta,.account-receipt-comment-save):hover:where(a[href],area[href],button,summary,select,textarea,input:not([type="hidden"]),[role="button"],[role="link"],[role="tab"],[role="option"],[role="menuitem"],[role="menuitemcheckbox"],[role="menuitemradio"],[role="switch"],[role="checkbox"],[role="radio"],[role="treeitem"],[role="combobox"],[role="slider"],[role="spinbutton"],[role="textbox"],[role="searchbox"],[contenteditable=""],[contenteditable="true"],[contenteditable="plaintext-only"],label[for],label:has(input:not([type="hidden"]),select,textarea)):not(.ua-state-base-only):not(:disabled,[aria-disabled="true"],.disabled,[inert],[inert] *,a:not([href]),[aria-busy="true"],.ua-state-busy){transform:var(--ua-state-hover-transform) !important}}}@media (prefers-reduced-motion:no-preference){:where(.dashboard-context-link):is(:focus-visible,.ua-state-hover,.is-active):where(a[href],area[href],button,summary,select,textarea,input:not([type="hidden"]),[role="button"],[role="link"],[role="tab"],[role="option"],[role="menuitem"],[role="menuitemcheckbox"],[role="menuitemradio"],[role="switch"],[role="checkbox"],[role="radio"],[role="treeitem"],[role="combobox"],[role="slider"],[role="spinbutton"],[role="textbox"],[role="searchbox"],[contenteditable=""],[contenteditable="true"],[contenteditable="plaintext-only"],label[for],label:has(input:not([type="hidden"]),select,textarea)):not(.ua-state-base-only):not(:disabled,[aria-disabled="true"],.disabled,[inert],[inert] *,a:not([href]),[aria-busy="true"],.ua-state-busy) .dashboard-context-coin-inner{animation:dashboard-context-coin-flip 2.8s cubic-bezier(0.5,0.05,0.2,1) infinite}:where(.dashboard-context-link):is(:focus-visible,.ua-state-hover,.is-active):where(a[href],area[href],button,summary,select,textarea,input:not([type="hidden"]),[role="button"],[role="link"],[role="tab"],[role="option"],[role="menuitem"],[role="menuitemcheckbox"],[role="menuitemradio"],[role="switch"],[role="checkbox"],[role="radio"],[role="treeitem"],[role="combobox"],[role="slider"],[role="spinbutton"],[role="textbox"],[role="searchbox"],[contenteditable=""],[contenteditable="true"],[contenteditable="plaintext-only"],label[for],label:has(input:not([type="hidden"]),select,textarea)):not(.ua-state-base-only):not(:disabled,[aria-disabled="true"],.disabled,[inert],[inert] *,a:not([href]),[aria-busy="true"],.ua-state-busy) .dashboard-context-coin-arrows .dashboard-context-switch-arrow-top{animation:dashboard-context-arrow-nudge-right 1.4s ease-in-out infinite}:where(.dashboard-context-link):is(:focus-visible,.ua-state-hover,.is-active):where(a[href],area[href],button,summary,select,textarea,input:not([type="hidden"]),[role="button"],[role="link"],[role="tab"],[role="option"],[role="menuitem"],[role="menuitemcheckbox"],[role="menuitemradio"],[role="switch"],[role="checkbox"],[role="radio"],[role="treeitem"],[role="combobox"],[role="slider"],[role="spinbutton"],[role="textbox"],[role="searchbox"],[contenteditable=""],[contenteditable="true"],[contenteditable="plaintext-only"],label[for],label:has(input:not([type="hidden"]),select,textarea)):not(.ua-state-base-only):not(:disabled,[aria-disabled="true"],.disabled,[inert],[inert] *,a:not([href]),[aria-busy="true"],.ua-state-busy) .dashboard-context-coin-arrows .dashboard-context-switch-arrow-bottom{animation:dashboard-context-arrow-nudge-left 1.4s ease-in-out infinite}@media (hover:hover){:where(.dashboard-context-link):hover:where(a[href],area[href],button,summary,select,textarea,input:not([type="hidden"]),[role="button"],[role="link"],[role="tab"],[role="option"],[role="menuitem"],[role="menuitemcheckbox"],[role="menuitemradio"],[role="switch"],[role="checkbox"],[role="radio"],[role="treeitem"],[role="combobox"],[role="slider"],[role="spinbutton"],[role="textbox"],[role="searchbox"],[contenteditable=""],[contenteditable="true"],[contenteditable="plaintext-only"],label[for],label:has(input:not([type="hidden"]),select,textarea)):not(.ua-state-base-only):not(:disabled,[aria-disabled="true"],.disabled,[inert],[inert] *,a:not([href]),[aria-busy="true"],.ua-state-busy) .dashboard-context-coin-inner{animation:dashboard-context-coin-flip 2.8s cubic-bezier(0.5,0.05,0.2,1) infinite}:where(.dashboard-context-link):hover:where(a[href],area[href],button,summary,select,textarea,input:not([type="hidden"]),[role="button"],[role="link"],[role="tab"],[role="option"],[role="menuitem"],[role="menuitemcheckbox"],[role="menuitemradio"],[role="switch"],[role="checkbox"],[role="radio"],[role="treeitem"],[role="combobox"],[role="slider"],[role="spinbutton"],[role="textbox"],[role="searchbox"],[contenteditable=""],[contenteditable="true"],[contenteditable="plaintext-only"],label[for],label:has(input:not([type="hidden"]),select,textarea)):not(.ua-state-base-only):not(:disabled,[aria-disabled="true"],.disabled,[inert],[inert] *,a:not([href]),[aria-busy="true"],.ua-state-busy) .dashboard-context-coin-arrows .dashboard-context-switch-arrow-top{animation:dashboard-context-arrow-nudge-right 1.4s ease-in-out infinite}:where(.dashboard-context-link):hover:where(a[href],area[href],button,summary,select,textarea,input:not([type="hidden"]),[role="button"],[role="link"],[role="tab"],[role="option"],[role="menuitem"],[role="menuitemcheckbox"],[role="menuitemradio"],[role="switch"],[role="checkbox"],[role="radio"],[role="treeitem"],[role="combobox"],[role="slider"],[role="spinbutton"],[role="textbox"],[role="searchbox"],[contenteditable=""],[contenteditable="true"],[contenteditable="plaintext-only"],label[for],label:has(input:not([type="hidden"]),select,textarea)):not(.ua-state-base-only):not(:disabled,[aria-disabled="true"],.disabled,[inert],[inert] *,a:not([href]),[aria-busy="true"],.ua-state-busy) .dashboard-context-coin-arrows .dashboard-context-switch-arrow-bottom{animation:dashboard-context-arrow-nudge-left 1.4s ease-in-out infinite}}}@media (prefers-reduced-motion:reduce){:where(.dashboard-context-link):is(:focus-visible,.ua-state-hover,.is-active):where(a[href],area[href],button,summary,select,textarea,input:not([type="hidden"]),[role="button"],[role="link"],[role="tab"],[role="option"],[role="menuitem"],[role="menuitemcheckbox"],[role="menuitemradio"],[role="switch"],[role="checkbox"],[role="radio"],[role="treeitem"],[role="combobox"],[role="slider"],[role="spinbutton"],[role="textbox"],[role="searchbox"],[contenteditable=""],[contenteditable="true"],[contenteditable="plaintext-only"],label[for],label:has(input:not([type="hidden"]),select,textarea)):not(.ua-state-base-only):not(:disabled,[aria-disabled="true"],.disabled,[inert],[inert] *,a:not([href]),[aria-busy="true"],.ua-state-busy) .dashboard-context-coin-front{opacity:0}:where(.dashboard-context-link):is(:focus-visible,.ua-state-hover,.is-active):where(a[href],area[href],button,summary,select,textarea,input:not([type="hidden"]),[role="button"],[role="link"],[role="tab"],[role="option"],[role="menuitem"],[role="menuitemcheckbox"],[role="menuitemradio"],[role="switch"],[role="checkbox"],[role="radio"],[role="treeitem"],[role="combobox"],[role="slider"],[role="spinbutton"],[role="textbox"],[role="searchbox"],[contenteditable=""],[contenteditable="true"],[contenteditable="plaintext-only"],label[for],label:has(input:not([type="hidden"]),select,textarea)):not(.ua-state-base-only):not(:disabled,[aria-disabled="true"],.disabled,[inert],[inert] *,a:not([href]),[aria-busy="true"],.ua-state-busy) .dashboard-context-coin-back{opacity:1}@media (hover:hover){:where(.dashboard-context-link):hover:where(a[href],area[href],button,summary,select,textarea,input:not([type="hidden"]),[role="button"],[role="link"],[role="tab"],[role="option"],[role="menuitem"],[role="menuitemcheckbox"],[role="menuitemradio"],[role="switch"],[role="checkbox"],[role="radio"],[role="treeitem"],[role="combobox"],[role="slider"],[role="spinbutton"],[role="textbox"],[role="searchbox"],[contenteditable=""],[contenteditable="true"],[contenteditable="plaintext-only"],label[for],label:has(input:not([type="hidden"]),select,textarea)):not(.ua-state-base-only):not(:disabled,[aria-disabled="true"],.disabled,[inert],[inert] *,a:not([href]),[aria-busy="true"],.ua-state-busy) .dashboard-context-coin-front{opacity:0}:where(.dashboard-context-link):hover:where(a[href],area[href],button,summary,select,textarea,input:not([type="hidden"]),[role="button"],[role="link"],[role="tab"],[role="option"],[role="menuitem"],[role="menuitemcheckbox"],[role="menuitemradio"],[role="switch"],[role="checkbox"],[role="radio"],[role="treeitem"],[role="combobox"],[role="slider"],[role="spinbutton"],[role="textbox"],[role="searchbox"],[contenteditable=""],[contenteditable="true"],[contenteditable="plaintext-only"],label[for],label:has(input:not([type="hidden"]),select,textarea)):not(.ua-state-base-only):not(:disabled,[aria-disabled="true"],.disabled,[inert],[inert] *,a:not([href]),[aria-busy="true"],.ua-state-busy) .dashboard-context-coin-back{opacity:1}}}:where(.dashboard-segment,.superadmin-brand-back,.dashboard-context-group-toggle,.superadmin-tax-tab,.dashboard-inline-status-action,.ua-dashboard-item a,.dashboard-card a,.dashboard-discovery-card a,.operator-note-card a,.account-subscription-card-title,.account-subscription-plan-link,.hustle-product-name-link,.account-order-ref-link,.store-order-ref-link,.account-receipt-ref-link):is([aria-busy="true"],.ua-state-busy):where(a[href],area[href],button,summary,select,textarea,input:not([type="hidden"]),[role="button"],[role="link"],[role="tab"],[role="option"],[role="menuitem"],[role="menuitemcheckbox"],[role="menuitemradio"],[role="switch"],[role="checkbox"],[role="radio"],[role="treeitem"],[role="combobox"],[role="slider"],[role="spinbutton"],[role="textbox"],[role="searchbox"],[contenteditable=""],[contenteditable="true"],[contenteditable="plaintext-only"],label[for],label:has(input:not([type="hidden"]),select,textarea)):not(.ua-state-base-only):not(:disabled,[aria-disabled="true"],.disabled,[inert],[inert] *,a:not([href])){box-shadow:var(--ua-focus-two-tone),var(--ua-shimmer-glow) color-mix(in srgb,var(--glow-ink,currentColor) var(--ua-state-busy-glow-mix),transparent) !important}:where(.dashboard-context-shortcut,button.dashboard-widget-gallery-chip,.dashboard-wizard-error-jump,.dashboard-search-clear,.dashboard-search input,.dashboard-filter-choice,.dashboard-filter-field input,.dashboard-sort-field,.dashboard-filter-chip,.dashboard-chip-reset,.dashboard-pagination-button,.account-preference-control input,.account-preference-control select,.accounts-icon-action,.accounts-text-action,.hustle-input,.account-receipt-review-comment-box,.account-receipt-export-format,.elements-studio-preset,.elements-studio-editor-tab):is([aria-busy="true"],.ua-state-busy):where(a[href],area[href],button,summary,select,textarea,input:not([type="hidden"]),[role="button"],[role="link"],[role="tab"],[role="option"],[role="menuitem"],[role="menuitemcheckbox"],[role="menuitemradio"],[role="switch"],[role="checkbox"],[role="radio"],[role="treeitem"],[role="combobox"],[role="slider"],[role="spinbutton"],[role="textbox"],[role="searchbox"],[contenteditable=""],[contenteditable="true"],[contenteditable="plaintext-only"],label[for],label:has(input:not([type="hidden"]),select,textarea)):not(.ua-state-base-only):not(:disabled,[aria-disabled="true"],.disabled,[inert],[inert] *,a:not([href])){border-color:color-mix(in srgb,var(--glow-ink,currentColor) var(--ua-state-busy-edge-mix),transparent) !important;box-shadow:var(--ua-focus-two-tone),inset 0 0 0 var(--ua-state-edge-ring) color-mix(in srgb,var(--glow-ink,currentColor) var(--ua-state-busy-edge-mix),transparent),inset 0 0 0 var(--ua-shimmer-wash-inset) color-mix(in srgb,var(--glow-ink,currentColor) var(--ua-state-busy-wash-mix),transparent) !important}:where(button.dashboard-view-tab,.dashboard-context-link,.dashboard-context-switch-cta,.dashboard-logout-action,.dashboard-profile-prompt-go,.dashboard-profile-prompt-dismiss,button.dashboard-home-widget-option,.dashboard-create-resource-row,.account-consent-option-card,.account-overview-link-card,.account-profile-record-card,.superadmin-overview-card,.superadmin-credential-type-link,.account-receipt-comment-save,.dashboard-context-card,.dashboard-context-card.identity-choice,.elements-studio-sample,.elements-studio-card,.dashboard-placeholder-link,.website-start-photograph-choice):is([aria-busy="true"],.ua-state-busy):where(a[href],area[href],button,summary,select,textarea,input:not([type="hidden"]),[role="button"],[role="link"],[role="tab"],[role="option"],[role="menuitem"],[role="menuitemcheckbox"],[role="menuitemradio"],[role="switch"],[role="checkbox"],[role="radio"],[role="treeitem"],[role="combobox"],[role="slider"],[role="spinbutton"],[role="textbox"],[role="searchbox"],[contenteditable=""],[contenteditable="true"],[contenteditable="plaintext-only"],label[for],label:has(input:not([type="hidden"]),select,textarea)):not(.ua-state-base-only):not(:disabled,[aria-disabled="true"],.disabled,[inert],[inert] *,a:not([href])){border-color:color-mix(in srgb,var(--glow-ink,currentColor) var(--ua-state-busy-edge-mix),transparent) !important;box-shadow:var(--ua-focus-two-tone),var(--ua-shimmer-glow) color-mix(in srgb,var(--glow-ink,currentColor) var(--ua-state-busy-glow-mix),transparent),inset 0 0 0 var(--ua-state-edge-ring) color-mix(in srgb,var(--glow-ink,currentColor) var(--ua-state-busy-edge-mix),transparent),inset 0 0 0 var(--ua-shimmer-wash-inset) color-mix(in srgb,var(--glow-ink,currentColor) var(--ua-state-busy-wash-mix),transparent) !important}:where(.dashboard-logout-action):is([aria-busy="true"],.ua-state-busy):where(a[href],area[href],button,summary,select,textarea,input:not([type="hidden"]),[role="button"],[role="link"],[role="tab"],[role="option"],[role="menuitem"],[role="menuitemcheckbox"],[role="menuitemradio"],[role="switch"],[role="checkbox"],[role="radio"],[role="treeitem"],[role="combobox"],[role="slider"],[role="spinbutton"],[role="textbox"],[role="searchbox"],[contenteditable=""],[contenteditable="true"],[contenteditable="plaintext-only"],label[for],label:has(input:not([type="hidden"]),select,textarea)):not(.ua-state-base-only):not(:disabled,[aria-disabled="true"],.disabled,[inert],[inert] *,a:not([href])){opacity:var(--ua-state-busy-opacity) !important}@media (forced-colors:active){:where(.dashboard-context-shortcut,button.dashboard-widget-gallery-chip,.dashboard-wizard-error-jump,.dashboard-search-clear,.dashboard-search input,.dashboard-filter-choice,.dashboard-filter-field input,.dashboard-sort-field,.dashboard-filter-chip,.dashboard-chip-reset,.dashboard-pagination-button,.account-preference-control input,.account-preference-control select,.accounts-icon-action,.accounts-text-action,.hustle-input,.account-receipt-review-comment-box,.account-receipt-export-format,.elements-studio-preset,.elements-studio-editor-tab):is(:hover,:focus-visible,.ua-state-hover,.is-active):where(a[href],area[href],button,summary,select,textarea,input:not([type="hidden"]),[role="button"],[role="link"],[role="tab"],[role="option"],[role="menuitem"],[role="menuitemcheckbox"],[role="menuitemradio"],[role="switch"],[role="checkbox"],[role="radio"],[role="treeitem"],[role="combobox"],[role="slider"],[role="spinbutton"],[role="textbox"],[role="searchbox"],[contenteditable=""],[contenteditable="true"],[contenteditable="plaintext-only"],label[for],label:has(input:not([type="hidden"]),select,textarea)):not(.ua-state-base-only):not(:disabled,[aria-disabled="true"],.disabled,[inert],[inert] *,a:not([href]),[aria-busy="true"],.ua-state-busy),:where(button.dashboard-view-tab,.dashboard-context-link,.dashboard-context-switch-cta,.dashboard-logout-action,.dashboard-profile-prompt-go,.dashboard-profile-prompt-dismiss,button.dashboard-home-widget-option,.dashboard-create-resource-row,.account-consent-option-card,.account-overview-link-card,.account-profile-record-card,.superadmin-overview-card,.superadmin-credential-type-link,.account-receipt-comment-save,.dashboard-context-card,.dashboard-context-card.identity-choice,.elements-studio-sample,.elements-studio-card,.dashboard-placeholder-link,.website-start-photograph-choice):is(:hover,:focus-visible,.ua-state-hover,.is-active):where(a[href],area[href],button,summary,select,textarea,input:not([type="hidden"]),[role="button"],[role="link"],[role="tab"],[role="option"],[role="menuitem"],[role="menuitemcheckbox"],[role="menuitemradio"],[role="switch"],[role="checkbox"],[role="radio"],[role="treeitem"],[role="combobox"],[role="slider"],[role="spinbutton"],[role="textbox"],[role="searchbox"],[contenteditable=""],[contenteditable="true"],[contenteditable="plaintext-only"],label[for],label:has(input:not([type="hidden"]),select,textarea)):not(.ua-state-base-only):not(:disabled,[aria-disabled="true"],.disabled,[inert],[inert] *,a:not([href]),[aria-busy="true"],.ua-state-busy),:where(.dashboard-segment,.superadmin-brand-back,.dashboard-context-group-toggle,.superadmin-tax-tab,.dashboard-inline-status-action,.ua-dashboard-item a,.dashboard-card a,.dashboard-discovery-card a,.operator-note-card a,.account-subscription-card-title,.account-subscription-plan-link,.hustle-product-name-link,.account-order-ref-link,.store-order-ref-link,.account-receipt-ref-link):is(:hover,:focus-visible,.ua-state-hover,.is-active):where(a[href],area[href],button,summary,select,textarea,input:not([type="hidden"]),[role="button"],[role="link"],[role="tab"],[role="option"],[role="menuitem"],[role="menuitemcheckbox"],[role="menuitemradio"],[role="switch"],[role="checkbox"],[role="radio"],[role="treeitem"],[role="combobox"],[role="slider"],[role="spinbutton"],[role="textbox"],[role="searchbox"],[contenteditable=""],[contenteditable="true"],[contenteditable="plaintext-only"],label[for],label:has(input:not([type="hidden"]),select,textarea)):not(.ua-state-base-only):not(:disabled,[aria-disabled="true"],.disabled,[inert],[inert] *,a:not([href]),[aria-busy="true"],.ua-state-busy){border-color:var(--ua-state-hover-forced) !important;outline-color:var(--ua-state-hover-forced)}:where(.dashboard-context-shortcut,button.dashboard-widget-gallery-chip,.dashboard-wizard-error-jump,.dashboard-search-clear,.dashboard-search input,.dashboard-filter-choice,.dashboard-filter-field input,.dashboard-sort-field,.dashboard-filter-chip,.dashboard-chip-reset,.dashboard-pagination-button,.account-preference-control input,.account-preference-control select,.accounts-icon-action,.accounts-text-action,.hustle-input,.account-receipt-review-comment-box,.account-receipt-export-format,.elements-studio-preset,.elements-studio-editor-tab):is(.active,.is-selected,.selected,[aria-current]:not([aria-current="false"]),[aria-pressed="true"],[aria-selected="true"],[aria-expanded="true"],:checked,.ua-state-active):where(a[href],area[href],button,summary,select,textarea,input:not([type="hidden"]),[role="button"],[role="link"],[role="tab"],[role="option"],[role="menuitem"],[role="menuitemcheckbox"],[role="menuitemradio"],[role="switch"],[role="checkbox"],[role="radio"],[role="treeitem"],[role="combobox"],[role="slider"],[role="spinbutton"],[role="textbox"],[role="searchbox"],[contenteditable=""],[contenteditable="true"],[contenteditable="plaintext-only"],label[for],label:has(input:not([type="hidden"]),select,textarea)):not(.ua-state-base-only):not(:disabled,[aria-disabled="true"],.disabled,[inert],[inert] *,a:not([href]),[aria-busy="true"],.ua-state-busy),:where(button.dashboard-view-tab,.dashboard-context-link,.dashboard-context-switch-cta,.dashboard-logout-action,.dashboard-profile-prompt-go,.dashboard-profile-prompt-dismiss,button.dashboard-home-widget-option,.dashboard-create-resource-row,.account-consent-option-card,.account-overview-link-card,.account-profile-record-card,.superadmin-overview-card,.superadmin-credential-type-link,.account-receipt-comment-save,.dashboard-context-card,.dashboard-context-card.identity-choice,.elements-studio-sample,.elements-studio-card,.dashboard-placeholder-link,.website-start-photograph-choice):is(.active,.is-selected,.selected,[aria-current]:not([aria-current="false"]),[aria-pressed="true"],[aria-selected="true"],[aria-expanded="true"],:checked,.ua-state-active):where(a[href],area[href],button,summary,select,textarea,input:not([type="hidden"]),[role="button"],[role="link"],[role="tab"],[role="option"],[role="menuitem"],[role="menuitemcheckbox"],[role="menuitemradio"],[role="switch"],[role="checkbox"],[role="radio"],[role="treeitem"],[role="combobox"],[role="slider"],[role="spinbutton"],[role="textbox"],[role="searchbox"],[contenteditable=""],[contenteditable="true"],[contenteditable="plaintext-only"],label[for],label:has(input:not([type="hidden"]),select,textarea)):not(.ua-state-base-only):not(:disabled,[aria-disabled="true"],.disabled,[inert],[inert] *,a:not([href]),[aria-busy="true"],.ua-state-busy),:where(.dashboard-segment,.superadmin-brand-back,.dashboard-context-group-toggle,.superadmin-tax-tab,.dashboard-inline-status-action,.ua-dashboard-item a,.dashboard-card a,.dashboard-discovery-card a,.operator-note-card a,.account-subscription-card-title,.account-subscription-plan-link,.hustle-product-name-link,.account-order-ref-link,.store-order-ref-link,.account-receipt-ref-link):is(.active,.is-selected,.selected,[aria-current]:not([aria-current="false"]),[aria-pressed="true"],[aria-selected="true"],[aria-expanded="true"],:checked,.ua-state-active):where(a[href],area[href],button,summary,select,textarea,input:not([type="hidden"]),[role="button"],[role="link"],[role="tab"],[role="option"],[role="menuitem"],[role="menuitemcheckbox"],[role="menuitemradio"],[role="switch"],[role="checkbox"],[role="radio"],[role="treeitem"],[role="combobox"],[role="slider"],[role="spinbutton"],[role="textbox"],[role="searchbox"],[contenteditable=""],[contenteditable="true"],[contenteditable="plaintext-only"],label[for],label:has(input:not([type="hidden"]),select,textarea)):not(.ua-state-base-only):not(:disabled,[aria-disabled="true"],.disabled,[inert],[inert] *,a:not([href]),[aria-busy="true"],.ua-state-busy),.account-consent-option-card[data-selected="true"]:is(a[href],area[href],button,summary,select,textarea,input:not([type="hidden"]),[role="button"],[role="link"],[role="tab"],[role="option"],[role="menuitem"],[role="menuitemcheckbox"],[role="menuitemradio"],[role="switch"],[role="checkbox"],[role="radio"],[role="treeitem"],[role="combobox"],[role="slider"],[role="spinbutton"],[role="textbox"],[role="searchbox"],[contenteditable=""],[contenteditable="true"],[contenteditable="plaintext-only"],label[for]):not(:disabled,[aria-disabled="true"],.disabled,[inert],[inert] *,[aria-busy="true"],.ua-state-busy),.account-profile-record-card.active:is(a[href],area[href],button,summary,select,textarea,input:not([type="hidden"]),[role="button"],[role="link"],[role="tab"],[role="option"],[role="menuitem"],[role="menuitemcheckbox"],[role="menuitemradio"],[role="switch"],[role="checkbox"],[role="radio"],[role="treeitem"],[role="combobox"],[role="slider"],[role="spinbutton"],[role="textbox"],[role="searchbox"],[contenteditable=""],[contenteditable="true"],[contenteditable="plaintext-only"],label[for]):not(:disabled,[aria-disabled="true"],.disabled,[inert],[inert] *,[aria-busy="true"],.ua-state-busy),.superadmin-tax-tab.is-current:is(a[href],area[href],button,summary,select,textarea,input:not([type="hidden"]),[role="button"],[role="link"],[role="tab"],[role="option"],[role="menuitem"],[role="menuitemcheckbox"],[role="menuitemradio"],[role="switch"],[role="checkbox"],[role="radio"],[role="treeitem"],[role="combobox"],[role="slider"],[role="spinbutton"],[role="textbox"],[role="searchbox"],[contenteditable=""],[contenteditable="true"],[contenteditable="plaintext-only"],label[for]):not(:disabled,[aria-disabled="true"],.disabled,[inert],[inert] *,[aria-busy="true"],.ua-state-busy){border-color:var(--ua-state-active-forced) !important}}}