/*
  render-blue-corner.css — "Blue Corner" Render layer
  token map aligned to BU-CORE-UIUX-001 §4.1, 2026-07-03
  ===========================================================================
  Fires when data-theme="blue-corner". EXECUTIVE category (owner idea logged
  against the Command Console -- an admin-facing surface -- so this file is
  categorized EXECUTIVE, not ARENA, pending owner confirmation of category).

  SOURCING CLASS: [AUTHORED PROPOSAL -- pending owner approval; no source
  values existed]. Origin: docs\ui\BUP-UI-CONSOLE-VISION-001.md, "Skin idea
  (PROPOSAL -- pending owner confirmation as a catalog entry)" section
  (lines 44-49): "Reuse the ViralDecay console design language recolored in
  'MS' blue/gray: a bright ELECTRIC-BLUE border that OUTLINES panels
  (instead of the cut-off side treatment)... candidate entry for
  BUP-UI-SKIN-002 catalog, values to be extracted from the ViralDecay
  codebase when approved." That doc explicitly states values are "to be
  extracted... when approved" -- no extraction has occurred (cross-product
  reuse of ViralDecay's actual measured tokens was NOT performed here, since
  this bee's scope is BeltUp.Web.Public/BeltUp.Tests/docs only and product
  content stays walled per the same doc's parenthetical). The name "Blue
  Corner" is chosen in-register per the build order ("name it in-register...
  NOT 'MS' anything") -- sports/product vocabulary (a fighter's corner, in
  blue) replacing the internal "MS blue/gray" placeholder name, consistent
  with R-S8-02's vocabulary law.

  Design translation: "electric-blue border that OUTLINES panels" is
  expressed as a FULL 2px outline on all four sides (border, not just
  top/bottom rails) -- a deliberate structural departure from the Cobalt
  Rail's top/bottom-only convention, since the source description explicitly
  contrasts this with "the cut-off side treatment" (i.e., it is NOT the
  Cobalt Rail). This is the one skin in the suite whose panel border
  treatment differs from the shared rail pattern, and it is called out here
  rather than silently applied, per BUP-UI-SKIN-001 L-4 (render files define
  color/typography/motion, not new structure) -- this is treated as an
  allowed color/border-width VALUE difference, not a structural rule change,
  since .bu-panel already accepts border-color/width overrides in the
  existing token contract.

  Contrast check (WCAG AA, BUP-UI-SKIN-001 L-9): text-primary #eef4ff on
  canvas #0a0d12 = ~17.6:1. text-secondary #a8b8d4 on canvas = ~9.3:1 --
  passes 4.5:1 minimum.
  ===========================================================================
*/

:root[data-theme="blue-corner"] {
  --theme-bg-canvas: #0a0d12;
  --theme-bg-surface: rgba(200, 220, 255, 0.04);
  --theme-bg-frosted: var(--theme-bg-surface); /* alias — dialect has no distinct frosted-fill token; §4.1 requires this name, value derived from bg-surface */
  --theme-bg-card: rgba(200, 220, 255, 0.07);
  --theme-x-bg-sunken: #0a0d12;
  --theme-border-inactive: rgba(60, 140, 255, 0.35);
  --theme-border-active: #2f8cff;

  --theme-text-main: #eef4ff;
  --theme-x-text-secondary: #a8b8d4;
  --theme-text-muted: #7c8aa0;
  --theme-x-text-inverse: #0a0d12;
  --theme-x-text-disabled: #454e5c;

  --theme-accent-primary: #2f8cff;
  --theme-accent-secondary: var(--theme-accent-primary); /* alias — no distinct secondary accent hue exists in sources; §4.1 requires this name */
  --theme-x-accent-hover: #5ca6ff;
  --theme-x-accent-active: #1f6fd6;
  --theme-x-accent-disabled: rgba(47, 140, 255, 0.35);
  --theme-x-accent-text: #0a0d12;
  --theme-x-focus-ring: #5ca6ff;

  --theme-state-healthy: #4dd68a;
  --theme-state-warning: #ffca3a;
  --theme-state-error: #ff5c5c;
  --theme-x-state-info: #2f8cff;

  --theme-x-elevation-1: 0 1px 2px rgba(0, 0, 0, 0.4);
  --theme-x-elevation-2: 0 0 0 1px rgba(47, 140, 255, 0.25), 0 15px 35px rgba(0, 0, 0, 0.35);
  --theme-x-elevation-3: 0 0 22px rgba(47, 140, 255, 0.5);
  --theme-accent-glow: 0 0 22px rgba(47, 140, 255, 0.5); /* derived — same glow value as --theme-x-elevation-3 (measured/authored glow shadow); §4.1 requires this name */
  --theme-accent-glow-secondary: 0 0 22px rgba(47, 140, 255, 0.5); /* derived — no distinct secondary glow exists in sources; aliased to primary glow value */
  --theme-x-glass-tint: rgba(200, 220, 255, 0.04);
  --theme-backdrop-blur: 20px;

  --theme-x-font-family-base: var(--structure-font-family);
  --theme-x-font-size-sm: 0.875rem;
  --theme-x-font-size-base: 1rem;
  --theme-x-font-size-lg: 1.25rem;
  --theme-x-font-size-xl: 1.75rem;
  --theme-x-line-height-base: 1.5;
  --theme-x-space-unit: 0.5rem;
}

/* Structural selector list mirrors render-greyscale-skeleton.css / render-fight-night.css
   1:1 (R-S7-10 / D-S07-FW-01: structure never forks per skin — value-only skin). */
:root[data-theme="blue-corner"] body {
  background-color: var(--theme-bg-canvas);
  color: var(--theme-text-main);
}

:root[data-theme="blue-corner"] a {
  color: var(--theme-text-main);
}

:root[data-theme="blue-corner"] h1,
:root[data-theme="blue-corner"] h2,
:root[data-theme="blue-corner"] h3,
:root[data-theme="blue-corner"] h4,
:root[data-theme="blue-corner"] h5,
:root[data-theme="blue-corner"] h6 {
  color: var(--theme-text-main);
}

:root[data-theme="blue-corner"] p,
:root[data-theme="blue-corner"] li {
  color: var(--theme-x-text-secondary);
}

/* Full 2px outline on all four sides — the "electric-blue border that
   OUTLINES panels (instead of the cut-off side treatment)" from
   BUP-UI-CONSOLE-VISION-001 line 46. This intentionally replaces the shared
   Cobalt-Rail top/bottom-only pattern every other skin in the suite uses;
   see header note above. */
:root[data-theme="blue-corner"] .bu-panel {
  background-color: var(--theme-bg-surface);
  border: 2px solid var(--theme-border-active);
  box-shadow: var(--theme-x-elevation-2);
  backdrop-filter: blur(var(--theme-backdrop-blur));
  -webkit-backdrop-filter: blur(var(--theme-backdrop-blur));
  color: var(--theme-text-main);
}

:root[data-theme="blue-corner"] .bu-rail {
  background-color: rgba(10, 13, 18, 0.9);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border-bottom: 1px solid var(--theme-border-inactive);
  color: var(--theme-text-main);
}

:root[data-theme="blue-corner"] .bu-soffit {
  border-top: 1px solid var(--theme-border-inactive);
  color: var(--theme-text-muted);
  font-size: var(--structure-text-sm, 0.875rem);
}

:root[data-theme="blue-corner"] .bu-soffit a {
  color: var(--theme-text-muted);
}

:root[data-theme="blue-corner"] .bu-soffit a:hover {
  color: var(--theme-text-main);
}

:root[data-theme="blue-corner"] .bu-brick {
  color: var(--theme-x-text-secondary);
}

:root[data-theme="blue-corner"] .bu-badge-tag {
  background-color: var(--theme-bg-card);
  border: 1px solid var(--theme-border-active);
  color: var(--theme-text-main);
}

:root[data-theme="blue-corner"] .bu-control {
  background-color: var(--theme-bg-surface);
  border-color: var(--theme-border-active);
  color: var(--theme-text-main);
}

:root[data-theme="blue-corner"] .bu-control:hover {
  background-color: var(--theme-x-accent-hover);
  color: var(--theme-x-text-inverse);
}

:root[data-theme="blue-corner"] .bu-control:focus-visible {
  outline: 2px solid var(--theme-x-focus-ring);
  outline-offset: 2px;
}

:root[data-theme="blue-corner"] .bu-btn {
  background-color: rgba(200, 220, 255, 0.08);
  border-top: 2px solid var(--theme-border-active);
  border-bottom: 2px solid var(--theme-border-active);
  border-left-color: transparent;
  border-right-color: transparent;
  color: var(--theme-x-accent-text);
}

:root[data-theme="blue-corner"] .bu-btn:hover {
  background-color: rgba(200, 220, 255, 0.14);
  border-top-color: var(--theme-x-accent-hover);
  border-bottom-color: var(--theme-x-accent-hover);
}

:root[data-theme="blue-corner"] .bu-btn:disabled {
  background-color: rgba(200, 220, 255, 0.03);
  border-top-color: var(--theme-x-accent-disabled);
  border-bottom-color: var(--theme-x-accent-disabled);
  color: var(--theme-x-text-disabled);
}

:root[data-theme="blue-corner"] .bu-btn-secondary {
  background-color: transparent;
  border-color: var(--theme-border-active);
  color: var(--theme-text-main);
}

:root[data-theme="blue-corner"] .bu-btn-secondary:hover {
  border-color: var(--theme-x-accent-hover);
  color: var(--theme-x-accent-hover);
}

/* PG-035 demo skin switcher active-selection state (D-S07-SKIN-02 switcher UI). */
:root[data-theme="blue-corner"] .bu-btn-secondary.is-active {
  background-color: var(--theme-accent-primary);
  border-color: var(--theme-accent-primary);
  color: var(--theme-x-accent-text);
}

:root[data-theme="blue-corner"] .bu-btn:focus-visible,
:root[data-theme="blue-corner"] .bu-btn-secondary:focus-visible {
  outline: 2px solid var(--theme-x-focus-ring);
  outline-offset: 2px;
}

:root[data-theme="blue-corner"] .bu-gate {
  background-color: var(--theme-x-glass-tint);
  backdrop-filter: blur(var(--theme-backdrop-blur));
}

/* Brand lockup accent: the "UP" half of BELT|UP carries the accent hue, the
   rest inherits .bu-nav-brand's text colour. Uniform across every skin per
   D-S07-SKIN-02 (no partial-skin fallthrough) — added 2026-08-21 when an audit
   found this styled in only 2 of 20 skins. Uses the standard accent token, NOT
   the lighter hover tone. */
:root[data-theme="blue-corner"] .bu-nav-brand span {
  color: var(--theme-accent-primary);
}

/* --- Footer band -----------------------------------------------------------
   Ported 2026-08-21 to close a partial-skin fallthrough: this family was
   coloured in only 1 of 20 Public skins, so the footer rendered untinted and
   dividerless in every other skin (D-S07-SKIN-02). Token-for-token identical to
   render-greyscale-skeleton.css — no new values invented; each token resolves
   to this skin's own palette. */
:root[data-theme="blue-corner"] .bu-footer {
  border-top: 2px solid var(--theme-border-inactive);
  background-color: var(--theme-bg-surface);
}

:root[data-theme="blue-corner"] .bu-footer-heading {
  color: var(--theme-text-main);
}

:root[data-theme="blue-corner"] .bu-footer-copyright {
  border-top: 1px solid var(--theme-border-inactive);
  color: var(--theme-text-muted);
}

:root[data-theme="blue-corner"] .bu-footer-lab-link {
  color: var(--theme-text-muted);
}

:root[data-theme="blue-corner"] .bu-link-stealth {
  color: var(--theme-text-muted);
}

:root[data-theme="blue-corner"] .bu-link-stealth:hover {
  color: var(--theme-text-main);
}

/* ==== #234 CONSTRUCTION FAMILY BEGIN ==== (ENCLOSURE, family 3 of 8) ====
   Skin "blue-corner" belongs to the ENCLOSURE construction family. Colour variants of one
   family share this construction and differ only in the variables above. */
/* family variables: derived from this skin's own palette; contrast pairs verified >= 4.5:1 (fill/ink), >= 3:1 (edge, focus) against the canvas */
:root[data-theme="blue-corner"] {
  --fam-edge: #2f8cff;
  --fam-hi: #a8d1ff;
  --fam-hov: #a8d1ff;
  --fam-fill: #2f8cff;
  --fam-ink: #0a0d12;
  --fam-deep: #123e7a;
  --fam-focus: #a8d1ff;
  --fam-glow: color-mix(in srgb, #2f8cff 55%, transparent);
  --theme-text-muted: #808ea3; /* AA repair (>= 4.7:1 on canvas, surface and card), hue kept semantic */
}

/* ===========================================================================
   CONSTRUCTION FAMILY 3 of 8 — ENCLOSURE  [#234 / R-0823-01 / R-0823-02]
   Reference: enclosure.html ("four-sided enclosure, skewed plate").
   Frame strategy: FOUR separate light bars (top, bottom, left, right) that
   stand off the plate and stop short of the corners, each with a bright inner
   core; the plate behind the text is SKEWED a few degrees, so the frame and
   the plate disagree on purpose.
   Light source: the bars (core + bloom). Palette: dark, one hue.
   Type: ultra-light display weight, labels in boxed, very wide-tracked tabs.
   [PILLAR-1: Fogg prompt/ability -- the plate is the only filled shape, so the
   eye lands on the content; the bars only signal "this is one object".]
   =========================================================================== */
:root[data-theme="blue-corner"] body {
  overflow-x: clip;
  background-image: radial-gradient(90% 55% at 50% -5%, color-mix(in srgb, var(--fam-deep) 60%, transparent), transparent 62%);
  background-repeat: no-repeat;
}
:root[data-theme="blue-corner"] .bu-panel {
  border: 0;
  border-radius: 0;
  isolation: isolate;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
:root[data-theme="blue-corner"] .bu-panel:not(.bu-drawer):not(.bu-slideout-content):not(.bu-report-widget-panel) { margin: 8px; }
/* the skewed plate (behind content, inside the panel's stacking context) */
:root[data-theme="blue-corner"] .bu-panel::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  transform: skewX(-3deg);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0) 55%),
    linear-gradient(var(--theme-bg-surface), var(--theme-bg-surface)),
    var(--theme-bg-canvas);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--fam-edge) 24%, transparent), inset 0 0 50px -24px var(--fam-edge);
}
/* the four bars: gaps at every corner, a 1px bright core inside the long sides */
:root[data-theme="blue-corner"] .bu-panel::after {
  content: "";
  position: absolute;
  inset: -8px;
  pointer-events: none;
  background-image:
    linear-gradient(90deg, transparent 0 9%, var(--fam-edge) 9% 91%, transparent 91%),
    linear-gradient(90deg, transparent 0 9%, var(--fam-edge) 9% 91%, transparent 91%),
    linear-gradient(180deg, transparent 0 13%, var(--fam-edge) 13% 87%, transparent 87%),
    linear-gradient(180deg, transparent 0 13%, var(--fam-edge) 13% 87%, transparent 87%),
    linear-gradient(90deg, transparent 0 22%, var(--fam-hi) 22% 78%, transparent 78%),
    linear-gradient(90deg, transparent 0 22%, var(--fam-hi) 22% 78%, transparent 78%);
  background-repeat: no-repeat;
  background-size: 100% 3px, 100% 3px, 3px 100%, 3px 100%, 100% 1px, 100% 1px;
  background-position: 0 0, 0 100%, 0 0, 100% 0, 0 1px, 0 calc(100% - 1px);
  filter: drop-shadow(0 0 7px var(--fam-glow));
}
:root[data-theme="blue-corner"] h1, :root[data-theme="blue-corner"] h2, :root[data-theme="blue-corner"] h3 { font-weight: 200; letter-spacing: 0.03em; overflow-wrap: break-word; }
:root[data-theme="blue-corner"] .bu-panel h2, :root[data-theme="blue-corner"] .bu-panel h3, :root[data-theme="blue-corner"] .bu-panel-title, :root[data-theme="blue-corner"] .bu-panel-headline,
:root[data-theme="blue-corner"] .bu-metric-value, :root[data-theme="blue-corner"] .bu-gauge-value { text-shadow: 0 0 22px color-mix(in srgb, var(--fam-edge) 70%, transparent); }
/* label box: boxed, very wide tracking */
:root[data-theme="blue-corner"] .bu-panel-sublabel, :root[data-theme="blue-corner"] .bu-badge-tag, :root[data-theme="blue-corner"] .bu-metric-label, :root[data-theme="blue-corner"] .bu-panel-footnote {
  text-transform: uppercase;
  letter-spacing: 0.3em;
  font-size: var(--structure-text-xs, 0.75rem);
  font-weight: 400;
}
:root[data-theme="blue-corner"] .bu-badge-tag, :root[data-theme="blue-corner"] .bu-panel-sublabel { background: transparent; border: 0; border-radius: 0; box-shadow: inset 0 0 0 1px var(--fam-edge); padding: 0.4rem 0.9rem; color: var(--fam-hi); }
:root[data-theme="blue-corner"] .bu-metric { border-bottom: 1px solid color-mix(in srgb, var(--fam-edge) 26%, transparent); }
:root[data-theme="blue-corner"] .bu-rail {
  border-bottom: 0;
  background-image: linear-gradient(90deg, transparent 0 6%, var(--fam-edge) 6% 94%, transparent 94%);
  background-size: 100% 2px;
  background-position: 0 100%;
  background-repeat: no-repeat;
}
:root[data-theme="blue-corner"] .bu-nav-links a:hover, :root[data-theme="blue-corner"] .bu-nav-links a.active { color: var(--fam-hi); text-shadow: 0 0 12px var(--fam-glow); }
/* controls carry the same side-bar motif at button scale */
:root[data-theme="blue-corner"] .bu-btn {
  background: var(--fam-fill);
  border: 1px solid var(--fam-fill);
  border-radius: 0;
  color: var(--fam-ink);
  font-weight: 500;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  box-shadow: inset 3px 0 0 var(--fam-hi), inset -3px 0 0 var(--fam-hi), 0 0 16px -4px var(--fam-glow);
}
:root[data-theme="blue-corner"] .bu-btn:hover { background: var(--fam-hov); border-color: var(--fam-hov); color: var(--fam-ink); box-shadow: inset 3px 0 0 #fff, inset -3px 0 0 #fff, 0 0 22px -2px var(--fam-glow); }
:root[data-theme="blue-corner"] .bu-btn-secondary {
  background: transparent;
  border: 1px solid var(--fam-edge);
  border-radius: 0;
  color: var(--fam-hi);
  letter-spacing: 0.12em;
  text-transform: uppercase;
  box-shadow: inset 3px 0 0 var(--fam-edge), inset -3px 0 0 var(--fam-edge);
}
:root[data-theme="blue-corner"] .bu-btn-secondary:hover { background: color-mix(in srgb, var(--fam-edge) 16%, transparent); color: var(--fam-hi); border-color: var(--fam-hi); }
:root[data-theme="blue-corner"] .bu-btn-secondary.is-active { background: var(--fam-fill); border-color: var(--fam-fill); color: var(--fam-ink); }
:root[data-theme="blue-corner"] .bu-control, :root[data-theme="blue-corner"] .bu-field input[type="text"], :root[data-theme="blue-corner"] .bu-field input[type="email"], :root[data-theme="blue-corner"] .bu-field input[type="tel"],
:root[data-theme="blue-corner"] .bu-field input[type="password"], :root[data-theme="blue-corner"] .bu-field input[type="number"], :root[data-theme="blue-corner"] .bu-field select, :root[data-theme="blue-corner"] .bu-field textarea,
:root[data-theme="blue-corner"] input.bu-input, :root[data-theme="blue-corner"] select.bu-input, :root[data-theme="blue-corner"] textarea.bu-input {
  background: color-mix(in srgb, var(--theme-bg-canvas) 80%, var(--theme-bg-card));
  border: 1px solid var(--fam-edge);
  border-radius: 0;
  color: var(--theme-text-main);
  box-shadow: inset 3px 0 0 var(--fam-edge);
}
:root[data-theme="blue-corner"] .bu-control:hover, :root[data-theme="blue-corner"] .bu-field input:hover, :root[data-theme="blue-corner"] .bu-field select:hover, :root[data-theme="blue-corner"] .bu-field textarea:hover { border-color: var(--fam-hi); color: var(--theme-text-main); background: color-mix(in srgb, var(--theme-bg-canvas) 80%, var(--theme-bg-card)); }
:root[data-theme="blue-corner"] .bu-table th, :root[data-theme="blue-corner"] .bu-table td { border-bottom: 1px solid color-mix(in srgb, var(--fam-edge) 26%, transparent); }
:root[data-theme="blue-corner"] .bu-table th { text-transform: uppercase; letter-spacing: 0.16em; font-weight: 400; }

/* Narrow viewports (#234 D2): the skew and the -8px bars would poke past the page edge
   (measured +14px at 375). The slant is drawn as a clipped parallelogram INSIDE the panel
   box (no transform, so nothing can overflow) and the bars tuck in to 3px. */
@media (max-width: 640px) {
  :root[data-theme="blue-corner"] .bu-panel::before { transform: none; clip-path: polygon(2.5% 0, 100% 0, 97.5% 100%, 0 100%); }
  :root[data-theme="blue-corner"] .bu-panel::after { inset: -4px; }
}

/* --- shared floors every family honours (state tokens, focus, option list) --- */
:root[data-theme="blue-corner"] .bu-field select option,
:root[data-theme="blue-corner"] select.bu-input option {
  background-color: var(--theme-bg-canvas);
  color: var(--theme-text-main);
}
:root[data-theme="blue-corner"] .bu-btn:focus-visible,
:root[data-theme="blue-corner"] .bu-btn-secondary:focus-visible,
:root[data-theme="blue-corner"] .bu-control:focus-visible,
:root[data-theme="blue-corner"] .bu-field input:focus-visible,
:root[data-theme="blue-corner"] .bu-field select:focus-visible,
:root[data-theme="blue-corner"] .bu-field textarea:focus-visible,
:root[data-theme="blue-corner"] .bu-input:focus-visible,
:root[data-theme="blue-corner"] .bu-nav-links a:focus-visible,
:root[data-theme="blue-corner"] .bu-tab-btn:focus-visible {
  outline: 2px solid var(--fam-focus);
  outline-offset: 2px;
}
:root[data-theme="blue-corner"] .bu-btn:disabled,
:root[data-theme="blue-corner"] .bu-btn-secondary:disabled {
  background: transparent;
  border-color: var(--theme-x-accent-disabled);
  color: var(--theme-x-text-disabled);
  box-shadow: none;
  filter: none;
}
:root[data-theme="blue-corner"] .bu-status-dot.is-healthy { background: var(--theme-state-healthy); }
:root[data-theme="blue-corner"] .bu-status-dot.is-warning,
:root[data-theme="blue-corner"] .bu-status-dot.is-alert { background: var(--theme-state-warning); }
:root[data-theme="blue-corner"] .bu-status-dot.is-error { background: var(--theme-state-error); }
:root[data-theme="blue-corner"] .bu-field-error { color: var(--theme-state-error); }
/* --- overlay / scroll-container panels (Admin drawers, slide-outs, the report widget) ---
   A family frame is drawn on pseudo-elements and a plate that would scroll away with the
   content, and some panel margins would leave a closed drawer peeking in. Overlay panels
   therefore get a solid attached fill, one plain outline, no pseudo frame, no clip. */
:root[data-theme="blue-corner"] .bu-drawer, :root[data-theme="blue-corner"] .bu-slideout-content, :root[data-theme="blue-corner"] .bu-report-widget-panel {
  clip-path: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  background-color: var(--theme-bg-canvas);
  background-image: linear-gradient(var(--theme-bg-surface), var(--theme-bg-surface));
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: 0 0;
  border: 1px solid var(--fam-edge);
  box-shadow: none;
  isolation: auto;
}
:root[data-theme="blue-corner"] .bu-drawer::before, :root[data-theme="blue-corner"] .bu-drawer::after,
:root[data-theme="blue-corner"] .bu-slideout-content::before, :root[data-theme="blue-corner"] .bu-slideout-content::after,
:root[data-theme="blue-corner"] .bu-report-widget-panel::before, :root[data-theme="blue-corner"] .bu-report-widget-panel::after { content: none; }

@media (prefers-reduced-motion: reduce) {
  :root[data-theme="blue-corner"] .bu-btn, :root[data-theme="blue-corner"] .bu-btn-secondary { transition: none; transform: none; }
}
:root[data-reduced-motion="true"][data-theme="blue-corner"] .bu-btn,
:root[data-reduced-motion="true"][data-theme="blue-corner"] .bu-btn-secondary { transition: none; transform: none; }
/* ==== #234 CONSTRUCTION FAMILY END ==== */