@layer tokens {
  :root {
    --nero-assoluto: #000;
    --nero-profondo: #0a0a0a;
    --nero-carbon: #111;
    --nero-soft: #1a1a1a;
    --grigio-alluminio: #c8c8c8;
    --grigio-medio: #616161;
    --grigio-scuro: #2a2a2a;
    --grigio-chiaro: #9e9e9e;
    --grigio-ghost: #e8e8e8;
    --grigio-10: #e8e8e8;
    --bianco-puro: #fff;
    --bianco-caldo: #fafafa;
    --bianco-ghiaccio: #f5f5f5;
    --avorio-caldo: #f5e5c7;
    --avorio-chiaro: #faf3e6;
    --avorio-medio: #e8d5b0;
    --avorio-scuro: #d7c39a;
    --giallo-ferrari: #ffc72c;
    --giallo-hover: #e6b326;
    --rosso-corsa: #dc0000;
    --rosso-hover: #b50000;
    --arancio-warm: #d4622b;
    --verde-racing: #00a651;
    --verde-hover: #008f47;
    --verde-racing-light: #00c966;
    --giallo-ferrari-light: #ffd85c;
    --rosso-corsa-light: #f33;
    --arancio-ambra: #b45309;
    --status-active: #00c853;
    --status-warning: #ffb300;
    --status-danger: #ff1744;
    --status-info: #448aff;
    --signal-info: var(--status-info);
    --signal-success: var(--mn-success);
    --stage-1: var(--mn-accent);
    --stage-2: var(--mn-accent);
    --stage-3: #4ea8de;
    --stage-4: #0891b2;
    --stage-5: var(--mn-text-muted);
    --stage-6: var(--arancio-warm);
    --stage-7: var(--mn-border);
    --stage-completed: var(--mn-success);
    --stage-onhold: var(--mn-text-muted);
    --stage-withdrawn: var(--mn-border);
    --stage-1-label: "Stage 1";
    --stage-2-label: "Stage 2";
    --stage-3-label: "Stage 3";
    --stage-4-label: "Stage 4";
    --stage-5-label: "Stage 5";
    --stage-6-label: "Stage 6";
    --stage-7-label: "Stage 7";
    --state-active: var(--mn-success);
    --state-planned: #f59e0b;
    --state-closed: var(--mn-text-muted);
    --activity-active: var(--state-active);
    --activity-planned: var(--state-planned);
    --activity-closed: var(--state-closed);
    --signal-ok: var(--mn-success);
    --signal-warning: var(--mn-accent);
    --signal-danger: var(--mn-error);
    --today-line: #4ea8de;
    --chart-default: var(--mn-accent);
    --chart-axis: var(--mn-text-muted);
    --chart-label: var(--mn-text-tertiary);
    --chart-muted: var(--mn-text-muted);
    --chart-bar: #4ea8de;
    --severity-critical-fg: #fca5a5;
    --severity-critical-bg: #7f1d1d;
    --severity-high-fg: #fed7aa;
    --severity-high-bg: #7c2d12;
    --severity-warning-fg: #fde68a;
    --severity-warning-bg: #78350f;
    --severity-resourcing-fg: #bfdbfe;
    --severity-resourcing-bg: #1e3a5f;
    --superficie-1: var(--mn-surface);
    --superficie-2: var(--mn-surface-raised);
    --superficie-3: var(--mn-surface-sunken);
    --bordo: var(--mn-border);
    --bianco: var(--mn-text);
    --mn-accent: #ffc72c;
    --mn-accent-text: #111;
    --mn-line-height: 1.6;
    --mn-surface: #111;
    --mn-surface-raised: #1a1a1a;
    --mn-surface-sunken: #0a0a0a;
    --mn-surface-input: var(--mn-surface-raised);
    --mn-surface-overlay: color-mix(in srgb, var(--mn-text-inverse) 82%, transparent);
    --mn-surface-hover: #ffffff0a;
    --mn-text: #fafafa;
    --mn-text-muted: var(--mn-text-tertiary);
    --mn-text-tertiary: #9e9e9e;
    --mn-text-disabled: var(--mn-text-muted);
    --mn-text-inverse: #000;
    --mn-border: #2a2a2a;
    --mn-border-subtle: #ffffff12;
    --mn-border-strong: var(--mn-text-tertiary);
    --mn-border-focus: var(--mn-accent);
    --mn-border-error: var(--mn-error);
    --mn-hover-bg: #ffffff0f;
    --mn-active-bg: #ffffff1f;
    --mn-focus-ring: var(--mn-accent);
    --mn-focus-ring-offset: var(--mn-surface);
    --mn-error: #dc0000;
    --mn-danger-text: var(--bianco-puro);
    --mn-success: #00a651;
    --mn-warning: var(--mn-accent);
    --mn-info: var(--status-info);
    --mn-error-bg: color-mix(in srgb, var(--mn-error) 16%, transparent);
    --mn-success-bg: color-mix(in srgb, var(--mn-success) 16%, transparent);
    --mn-warning-bg: color-mix(in srgb, var(--mn-warning) 16%, transparent);
    --mn-info-bg: color-mix(in srgb, var(--mn-info) 16%, transparent);
    --mn-backdrop: #0006;
    --mn-scrim: #000000b8;
    --scope-local: #4ea8de;
    --scope-team: #7c3aed;
    --scope-global: var(--mn-accent);
    --role-1: #4ea8de;
    --role-2: #c2662d;
    --role-3: #8b5cf6;
    --role-4: #0891b2;
    --role-5: #4f46e5;
    --role-6: #2dd4bf;
    --role-7: #6366f1;
    --role-8: #38bdf8;
    --role-9: #e879f9;
    --role-10: #78716c;
    --role-11: #f87171;
    --role-12: #fb923c;
    --role-13: #06b6d4;
    --role-14: #9ca3af;
    --mn-cb-blue: #0072b2;
    --mn-cb-blue-dark: #005f94;
    --mn-cb-orange: #d55e00;
    --mn-cb-green: #009e73;
    --mn-cb-yellow: #e69f00;
    --mn-surface-nero-1: var(--mn-surface-raised);
    --mn-surface-nero-2: var(--mn-surface);
    --mn-surface-nero-3: var(--mn-surface-sunken);
    --mn-surface-avorio-1: #e8e3da;
    --mn-surface-avorio-2: #ddd8cf;
    --mn-surface-avorio-3: #d8d4cc;
    --mn-surface-avorio-4: #cec9c0;
    --mn-surface-avorio-5: #c4bfb6;
    --mn-surface-avorio-6: #ccc7be;
    --mn-metal-1: #6a6a68;
    --mn-metal-2: #5a5a58;
    --mn-metal-3: #4a4a48;
    --mn-metal-4: #3a3a38;
    --mn-metal-dial-hi: #3a3a3a;
    --mn-metal-dial-lo: var(--mn-surface-raised);
    --mn-metal-slider: #2a2a2a;
    --viola-chart: #8b5cf6;
    --verde-bandiera: #006341;
    --nero-1: var(--mn-surface-sunken);
    --nero-2: var(--mn-surface-raised);
    --nero-3: var(--mn-surface);
    --grigio-1: var(--mn-text-tertiary);
    --grigio-2: var(--mn-text-muted);
    --grigio-3: var(--mn-border-strong);
    --grigio-4: var(--mn-border);
    --bianco-1: var(--mn-text);
    --bianco-2: var(--mn-text);
    --giallo: var(--mn-accent);
    --rosso: var(--mn-error);
    --verde: var(--mn-success);
    --arancio: var(--arancio-warm);
    --arancio-corsa: var(--arancio-warm);
    --mn-accent-hover: #e6b326;
    --avorio-1: var(--avorio-chiaro);
    --avorio-2: var(--avorio-medio);
    --avorio-3: var(--avorio-scuro);
    --testo-primario: var(--mn-text);
    --testo-secondario: var(--mn-text-muted);
    --sfondo: var(--mn-surface-sunken);
    --superficie-card: var(--mn-surface-raised);
    --superficie-input: var(--mn-surface-input);
    --backdrop: var(--mn-backdrop);
    --grigio-30: #ffffff14;
    --signal-ok-dim: color-mix(in srgb, var(--signal-ok)    8%,  transparent);
    --signal-danger-bg: color-mix(in srgb, var(--signal-danger) 10%, transparent);
    --mn-accent-bg: color-mix(in srgb, var(--mn-accent)    8%,  transparent);
    --mn-accent-border: color-mix(in srgb, var(--mn-accent)    20%, transparent);
    --mn-pair-1-bg: #dc0000;
    --mn-pair-1-text: #fff;
    --mn-pair-2-bg: #ffc72c;
    --mn-pair-2-text: #111;
    --mn-pair-3-bg: #4ea8de;
    --mn-pair-3-text: #111;
    --mn-pair-4-bg: #0891b2;
    --mn-pair-4-text: #111;
    --mn-pair-5-bg: #d4622b;
    --mn-pair-5-text: #111;
    --mn-pair-6-bg: #00a651;
    --mn-pair-6-text: #111;
    --mn-pair-7-bg: #6b7280;
    --mn-pair-7-text: #fff;
    --mn-pair-8-bg: #374151;
    --mn-pair-8-text: #ccc;
    --mn-pair-9-bg: #7c3aed;
    --mn-pair-9-text: #fff;
    --mn-pair-10-bg: #f59e0b;
    --mn-pair-10-text: #111;
    --mn-pair-11-bg: #10b981;
    --mn-pair-11-text: #111;
    --mn-pair-12-bg: #4f46e5;
    --mn-pair-12-text: #fff;
    --mn-a11y-space-scale: 1;
    --mn-a11y-font-scale: 1;
    --font-display: "Outfit", sans-serif;
    --font-body: "Inter", sans-serif;
    --font-mono: "Barlow Condensed", "Roboto Condensed", "DIN Condensed", sans-serif;
    --font-dyslexic: "OpenDyslexic", "Comic Sans MS", sans-serif;
    --text-watermark: calc(clamp(4rem, 10vw, 10rem) * var(--mn-a11y-font-scale));
    --text-hero: calc(clamp(2.5rem, 5vw, 4.5rem) * var(--mn-a11y-font-scale));
    --text-xxl: calc(clamp(1.75rem, 3vw, 2.5rem) * var(--mn-a11y-font-scale));
    --text-xl: calc(clamp(1.25rem, 2vw, 1.75rem) * var(--mn-a11y-font-scale));
    --text-h1: calc(clamp(1.75rem, 3vw, 2.5rem) * var(--mn-a11y-font-scale));
    --text-h2: calc(clamp(1.25rem, 2vw, 1.75rem) * var(--mn-a11y-font-scale));
    --text-h3: calc(1.125rem * var(--mn-a11y-font-scale));
    --text-large: calc(1.125rem * var(--mn-a11y-font-scale));
    --text-body: calc(1rem    * var(--mn-a11y-font-scale));
    --text-base: calc(1rem    * var(--mn-a11y-font-scale));
    --text-small: calc(.875rem * var(--mn-a11y-font-scale));
    --text-caption: calc(.875rem * var(--mn-a11y-font-scale));
    --text-micro: calc(.75rem * var(--mn-a11y-font-scale));
    --text-nano: calc(.625rem * var(--mn-a11y-font-scale));
    --space-2xs: calc(.125rem * var(--mn-a11y-space-scale));
    --space-xxs: calc(.125rem * var(--mn-a11y-space-scale));
    --space-xs: calc(.25rem  * var(--mn-a11y-space-scale));
    --space-sm: calc(.5rem   * var(--mn-a11y-space-scale));
    --space-md: calc(1rem     * var(--mn-a11y-space-scale));
    --space-lg: calc(1.5rem   * var(--mn-a11y-space-scale));
    --space-xl: calc(2rem     * var(--mn-a11y-space-scale));
    --space-xxl: calc(3rem     * var(--mn-a11y-space-scale));
    --space-2xl: calc(3rem     * var(--mn-a11y-space-scale));
    --space-3xl: calc(4rem     * var(--mn-a11y-space-scale));
    --space-4xl: calc(6rem     * var(--mn-a11y-space-scale));
    --space-5xl: calc(8rem     * var(--mn-a11y-space-scale));
    --radius-xs: .1875rem;
    --radius-sm: .375rem;
    --radius-md: .75rem;
    --radius-lg: 1rem;
    --radius-xl: 1.5rem;
    --radius-full: 9999px;
    --radius-pill: 9999px;
    --shadow-sm: 0 1px 4px #0000000f;
    --shadow-md: 0 4px 16px #0000001a;
    --shadow-lg: 0 8px 32px #00000024;
    --shadow-card: 0 2px 20px #00000014;
    --shadow-elevated: 0 8px 40px #0000001f;
    --shadow-deep: 0 16px 64px #0003;
    --shadow-heavy: 0 24px 80px #00000080;
    --ease-out: cubic-bezier(.16, 1, .3, 1);
    --ease-in: cubic-bezier(.7, 0, .84, 0);
    --ease-in-out: cubic-bezier(.45, 0, .55, 1);
    --duration-fast: .12s;
    --duration-sm: .2s;
    --duration-md: .4s;
    --duration-lg: .6s;
    --z-dropdown: 1000;
    --z-tooltip: 1100;
    --z-modal: 1200;
    --z-toast: 1300;
    --content-width: 1200px;
    --content-narrow: 800px;
  }

  @media (max-width: 640px) {
    :root {
      --space-5xl: calc(3rem * var(--mn-a11y-space-scale, 1));
      --space-4xl: calc(2rem * var(--mn-a11y-space-scale, 1));
      --space-3xl: calc(1.5rem * var(--mn-a11y-space-scale, 1));
      --space-2xl: calc(1.5rem * var(--mn-a11y-space-scale, 1));
      --space-xxl: calc(1.5rem * var(--mn-a11y-space-scale, 1));
      --space-xl: calc(1.25rem * var(--mn-a11y-space-scale, 1));
      --space-lg: calc(1rem * var(--mn-a11y-space-scale, 1));
      --content-width: 100%;
      --content-narrow: 100%;
      --text-hero: clamp(calc(1.75rem * var(--mn-a11y-font-scale, 1)), 6vw, 2.5rem);
      --text-xxl: clamp(calc(1.25rem * var(--mn-a11y-font-scale, 1)), 4vw, 1.75rem);
      --text-h1: clamp(calc(1.25rem * var(--mn-a11y-font-scale, 1)), 4vw, 1.75rem);
    }
  }

  @media (min-width: 641px) and (max-width: 1024px) {
    :root {
      --space-5xl: calc(5rem * var(--mn-a11y-space-scale, 1));
      --space-4xl: calc(3.5rem * var(--mn-a11y-space-scale, 1));
      --space-3xl: calc(2.5rem * var(--mn-a11y-space-scale, 1));
      --space-2xl: calc(2rem * var(--mn-a11y-space-scale, 1));
      --space-xxl: calc(2rem * var(--mn-a11y-space-scale, 1));
      --content-width: 100%;
      --content-narrow: 100%;
    }
  }
}

@layer base {
  *, :before, :after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
  }

  html {
    scroll-behavior: smooth;
    -webkit-font-smoothing: antialiased;
  }

  body {
    font-family: var(--font-body);
    font-size: var(--text-body);
    color: var(--mn-text);
    background: var(--mn-surface);
    line-height: 1.6;
  }

  img {
    max-width: 100%;
    display: block;
  }

  a {
    color: inherit;
    text-decoration: none;
  }

  .mn-section-dark {
    background: var(--mn-surface-sunken);
    color: var(--mn-text);
    padding: var(--space-5xl) var(--space-xl);
    position: relative;
    overflow: hidden;
  }

  .mn-section-light {
    background: var(--mn-surface);
    color: var(--mn-text);
    padding: var(--space-5xl) var(--space-xl);
    position: relative;
  }

  .mn-section-accent {
    background: var(--arancio-warm);
    color: var(--mn-text);
    padding: var(--space-5xl) var(--space-xl);
    position: relative;
  }

  .mn-section-ivory {
    background: var(--avorio-chiaro);
    color: var(--mn-text-inverse);
    padding: var(--space-5xl) var(--space-xl);
    position: relative;
  }

  .mn-container {
    max-width: var(--content-width);
    margin: 0 auto;
  }

  .mn-container--narrow {
    max-width: var(--content-narrow);
    margin: 0 auto;
  }

  .mn-title-hero {
    font-family: var(--font-display);
    font-size: var(--text-hero);
    text-transform: uppercase;
    letter-spacing: .02em;
    text-align: center;
    font-weight: 700;
    line-height: 1.1;
  }

  .mn-title-section {
    font-family: var(--font-display);
    font-size: var(--text-h1);
    text-transform: uppercase;
    letter-spacing: .03em;
    text-align: center;
    font-weight: 700;
    line-height: 1.2;
  }

  .mn-title-sub {
    font-family: var(--font-display);
    font-size: var(--text-h2);
    text-transform: uppercase;
    letter-spacing: .02em;
    font-weight: 600;
    line-height: 1.3;
  }

  .mn-label {
    font-family: var(--font-display);
    font-size: var(--text-caption);
    text-transform: uppercase;
    letter-spacing: .08em;
    font-weight: 600;
    line-height: 1.4;
  }

  .mn-body {
    font-family: var(--font-body);
    font-size: var(--text-body);
    text-align: center;
    max-width: 640px;
    margin: 0 auto;
    font-weight: 400;
    line-height: 1.7;
  }

  .mn-section-dark .mn-body {
    color: var(--mn-border-strong);
  }

  .mn-section-light .mn-body, .mn-section-ivory .mn-body {
    color: var(--mn-text-muted);
  }

  .mn-caption {
    font-family: var(--font-body);
    font-size: var(--text-caption);
    color: var(--mn-text-muted);
    text-align: center;
    line-height: 1.6;
  }

  .mn-micro {
    font-family: var(--font-body);
    font-size: var(--text-micro);
    color: var(--mn-text-muted);
    letter-spacing: .02em;
  }

  .mn-section-number {
    font-family: var(--font-body);
    font-size: var(--text-micro);
    text-transform: uppercase;
    letter-spacing: .2em;
    color: var(--mn-text-muted);
    margin-bottom: var(--space-sm);
    font-weight: 400;
  }

  .mn-section-dark .mn-section-number {
    color: var(--mn-text-muted);
  }

  .mn-section-ivory .mn-section-number {
    color: var(--avorio-scuro);
  }

  .mn-watermark {
    font-family: var(--font-display);
    font-size: var(--text-watermark);
    text-transform: uppercase;
    color: var(--mn-border-strong);
    text-align: center;
    letter-spacing: -.02em;
    padding: var(--space-2xl) 0 var(--space-lg);
    -webkit-user-select: none;
    user-select: none;
    font-weight: 800;
    line-height: .95;
  }

  .mn-section-dark .mn-watermark {
    color: var(--mn-border);
  }

  .mn-section-accent .mn-watermark {
    color: var(--mn-hover-bg);
  }

  .mn-launch-inner {
    background: linear-gradient(135deg, var(--arancio-warm), var(--rosso-corsa));
  }

  .mn-section-ivory .mn-watermark {
    color: var(--avorio-medio);
  }

  :focus-visible {
    outline: 2px solid var(--mn-accent);
    outline-offset: 2px;
  }

  :focus:not(:focus-visible) {
    outline: none;
  }

  :is(.mn-btn:focus-visible, .mn-machined-btn:focus-visible, .mn-segmented__item:focus-visible, .mn-btn-cluster__item:focus-visible), :is(.mn-tag:focus-visible, .mn-dot:focus-visible) {
    outline: 2px solid var(--mn-accent);
    outline-offset: 2px;
  }

  .mn-input:focus-visible {
    border-color: var(--mn-accent);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--mn-accent) 30%, transparent);
    outline: none;
  }

  .mn-icon-btn:focus-visible {
    outline: 2px solid var(--mn-accent);
    outline-offset: 2px;
  }

  .mn-toggle:focus-within .mn-toggle__track {
    outline: 2px solid var(--mn-accent);
    outline-offset: 2px;
  }

  .mn-a11y-toggle:focus-visible {
    outline: 2px solid var(--mn-accent);
    outline-offset: 2px;
  }

  .mn-accordion__header:focus-visible {
    outline: 2px solid var(--mn-accent);
    outline-offset: -2px;
  }

  .mn-skip-link {
    top: -100%;
    left: var(--space-md);
    padding: var(--space-sm) var(--space-lg);
    background: var(--mn-accent);
    color: var(--mn-text-inverse);
    font-family: var(--font-display);
    font-size: var(--text-caption);
    text-transform: uppercase;
    letter-spacing: .06em;
    z-index: 10000;
    border-radius: 0 0 var(--radius-sm) var(--radius-sm);
    transition: top var(--duration-sm) var(--ease-out);
    font-weight: 600;
    position: absolute;
  }

  .mn-skip-link:focus {
    top: 0;
  }

  .mn-section-dark .mn-micro {
    color: var(--mn-text-muted);
  }

  .mn-text-giallo {
    color: var(--mn-accent);
  }

  body.mn-avorio .mn-text-subtle {
    color: var(--mn-text-muted);
  }

  .mn-dot {
    background-clip: content-box;
    min-width: 24px;
    min-height: 24px;
    margin: -7px;
    padding: 7px;
  }

  .mn-sr-only {
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }

  .mn-live-region {
    clip: rect(0,0,0,0);
    width: 1px;
    height: 1px;
    position: absolute;
    overflow: hidden;
  }

  html.mn-reduced-motion *, html.mn-reduced-motion :before, html.mn-reduced-motion :after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }

  @media (prefers-reduced-motion: reduce) {
    *, :before, :after {
      scroll-behavior: auto !important;
      transition-duration: .01ms !important;
      animation-duration: .01ms !important;
      animation-iteration-count: 1 !important;
    }
  }

  html.mn-high-contrast {
    --grigio-chiaro: silver;
    --grigio-medio: gray;
    filter: contrast(1.15);
  }

  @media (prefers-contrast: more) {
    html {
      --grigio-chiaro: silver;
      --grigio-medio: gray;
      filter: contrast(1.15);
    }
  }

  html.mn-no-focus-ring :focus-visible {
    box-shadow: none !important;
    outline: none !important;
  }

  body.mn-a11y-large-text {
    --mn-a11y-font-scale: 1.2;
  }

  body.mn-a11y-high-spacing {
    --mn-a11y-space-scale: 1.3;
  }

  body.mn-a11y-dyslexia-font {
    --font-body: var(--font-dyslexic);
    --font-display: var(--font-dyslexic);
  }

  body.mn-a11y-high-contrast {
    --mn-surface: #000;
    --mn-surface-raised: #111;
    --mn-surface-sunken: #000;
    --mn-text: #fff;
    --mn-text-muted: #e0e0e0;
    --mn-border: #fff;
    --mn-border-subtle: var(--mn-hover-bg);
    background: var(--mn-surface) !important;
    color: var(--mn-text) !important;
  }

  body.mn-a11y-focus :focus-visible {
    outline-offset: 3px !important;
    outline-width: 3px !important;
  }

  body.mn-a11y-reduced-motion *, body.mn-a11y-reduced-motion :before, body.mn-a11y-reduced-motion :after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }

  @media (forced-colors: active) {
    .mn-btn {
      border: 2px solid buttontext;
    }

    .mn-btn:focus-visible {
      outline-offset: 2px;
      outline: 2px solid highlight;
    }

    .mn-status__dot {
      forced-color-adjust: none;
    }

    .mn-gauge__glass {
      display: none;
    }

    .mn-toast, .mn-modal {
      border: 2px solid canvastext;
    }

    .mn-progress__fill {
      forced-color-adjust: none;
    }
  }
}

@layer components {
  .mn-btn {
    justify-content: center;
    align-items: center;
    gap: var(--space-sm);
    padding: var(--space-md) var(--space-2xl);
    font-family: var(--font-display);
    font-size: var(--text-caption);
    text-transform: uppercase;
    letter-spacing: .1em;
    border: 1.5px solid var(--mn-text-inverse);
    border-radius: var(--mn-btn-radius, var(--radius-sm));
    background: var(--mn-text-inverse);
    color: var(--mn-text);
    cursor: pointer;
    transition: all var(--duration-sm) var(--ease-out);
    font-weight: 500;
    text-decoration: none;
    display: inline-flex;
  }

  .mn-btn:hover {
    background: var(--mn-border);
    border-color: var(--mn-border);
    transform: translateY(-1px);
  }

  .mn-btn:active {
    transition-duration: 80ms;
    transform: translateY(1px);
    box-shadow: inset 0 2px 4px #0003;
  }

  .mn-btn:disabled, .mn-btn--disabled {
    opacity: .4;
    cursor: not-allowed;
    pointer-events: none;
  }

  .mn-btn--ghost {
    color: var(--mn-text-inverse);
    background: none;
  }

  .mn-btn--ghost:hover {
    background: var(--mn-text-inverse);
    color: var(--mn-text);
  }

  .mn-btn--ghost:active {
    background: var(--mn-surface);
  }

  .mn-btn--ghost-light {
    border-color: var(--mn-hover-bg);
    color: var(--mn-text);
    background: none;
  }

  .mn-btn--ghost-light:hover {
    background: var(--mn-surface);
    color: var(--mn-text-inverse);
    border-color: var(--mn-text);
  }

  .mn-btn--ghost-light:active {
    background: var(--mn-border-subtle);
    transform: translateY(1px);
  }

  .mn-btn--accent {
    background: var(--mn-accent);
    border-color: var(--mn-accent);
    color: var(--mn-text-inverse);
  }

  .mn-btn--accent:hover {
    background: var(--mn-accent-hover, var(--mn-accent));
    border-color: var(--mn-accent-hover, var(--mn-accent));
    filter: brightness(1.15);
  }

  .mn-btn--accent:active {
    background: var(--mn-accent);
    border-color: var(--mn-accent);
    transform: translateY(1px);
  }

  .mn-btn--white {
    background: var(--mn-surface);
    border-color: var(--mn-text);
    color: var(--mn-text-inverse);
  }

  .mn-btn--white:hover {
    background: var(--mn-surface);
    border-color: var(--mn-text);
  }

  .mn-btn--white:active {
    background: var(--mn-border-subtle);
    transform: translateY(1px);
  }

  .mn-btn--sm {
    padding: var(--space-sm) var(--space-lg);
    font-size: var(--text-micro);
  }

  .mn-stat-row {
    gap: var(--space-2xl);
    flex-wrap: wrap;
    justify-content: center;
    display: flex;
  }

  .mn-stat {
    text-align: center;
  }

  .mn-stat__value {
    font-family: var(--font-display);
    letter-spacing: -.02em;
    font-size: clamp(2rem, 4vw, 3.5rem);
    font-weight: 700;
    line-height: 1;
  }

  .mn-section-dark .mn-stat__value {
    color: var(--mn-text);
  }

  .mn-stat__unit {
    font-family: var(--font-body);
    font-size: var(--text-caption);
    color: var(--mn-text-tertiary);
    margin-top: var(--space-xs);
    font-weight: 400;
  }

  .mn-stat__label {
    font-family: var(--font-display);
    font-size: var(--text-micro);
    text-transform: uppercase;
    letter-spacing: .1em;
    color: var(--mn-text-muted);
    margin-top: var(--space-sm);
    font-weight: 500;
  }

  .mn-section-dark .mn-stat__label {
    color: var(--mn-text-tertiary);
  }

  .mn-video-card {
    background: var(--mn-surface-sunken);
    border-radius: var(--radius-xl);
    aspect-ratio: 16 / 9;
    cursor: pointer;
    border: 1px solid var(--mn-border);
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
    overflow: hidden;
  }

  .mn-video-card__play {
    background: var(--mn-hover-bg);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    width: 64px;
    height: 64px;
    transition: all var(--duration-md) var(--ease-out);
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .mn-video-card__play:after {
    content: "";
    border-top: 10px solid #0000;
    border-bottom: 10px solid #0000;
    border-left: 16px solid var(--mn-text);
    width: 0;
    height: 0;
    margin-left: 3px;
  }

  .mn-video-card:hover .mn-video-card__play {
    background: var(--mn-hover-bg);
    transform: scale(1.1);
  }

  .mn-video-card__label {
    bottom: var(--space-lg);
    font-family: var(--font-display);
    font-size: var(--text-micro);
    text-transform: uppercase;
    letter-spacing: .1em;
    color: var(--mn-text);
    font-weight: 500;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
  }

  body.mn-avorio .mn-btn {
    background: var(--mn-text);
    border-color: var(--mn-text);
    color: var(--mn-surface);
  }

  body.mn-avorio .mn-btn:hover {
    background: var(--mn-text-tertiary);
    border-color: var(--mn-text-tertiary);
  }

  body.mn-avorio .mn-btn--ghost {
    border-color: var(--mn-text);
    color: var(--mn-text);
    background: none;
  }

  body.mn-avorio .mn-btn--ghost:hover {
    background: var(--mn-text);
    color: var(--mn-surface);
  }

  body.mn-avorio .mn-btn--ghost-light {
    border-color: var(--mn-border);
    color: var(--mn-text);
    background: none;
  }

  body.mn-avorio .mn-btn--ghost-light:hover {
    background: var(--mn-hover-bg);
    border-color: var(--mn-text);
  }

  body.mn-avorio .mn-btn--accent {
    background: var(--mn-accent);
    border-color: var(--mn-accent);
    color: var(--mn-accent-text);
  }

  body.mn-avorio .mn-btn--accent:hover {
    background: var(--mn-accent-hover);
    border-color: var(--mn-accent-hover);
  }

  body.mn-avorio .mn-btn--white {
    background: var(--mn-surface);
    border-color: var(--mn-border);
    color: var(--mn-text);
  }

  body.mn-avorio .mn-btn:active {
    background: var(--mn-text);
    box-shadow: inset 0 3px 8px #00000059;
  }

  body.mn-avorio .mn-btn[aria-pressed="true"], body.mn-avorio .mn-btn[aria-selected="true"] {
    background: var(--mn-text);
    color: var(--mn-surface);
    box-shadow: inset 0 2px 6px #0000004d;
  }

  body.mn-avorio .mn-btn--ghost:active {
    color: var(--mn-text);
    background: #0000002e;
    box-shadow: inset 0 2px 4px #00000026;
  }

  body.mn-avorio .mn-btn--ghost[aria-pressed="true"], body.mn-avorio .mn-btn--ghost[aria-selected="true"] {
    color: var(--mn-text);
    border-color: var(--mn-text);
    background: #00000024;
  }

  body.mn-avorio .mn-btn--ghost-light:active {
    background: #0000001f;
    box-shadow: inset 0 1px 3px #0000001a;
  }

  .mn-divider-gold {
    background: var(--mn-accent);
    border: none;
    width: 100%;
    height: 6px;
    margin: 0;
    padding: 0;
  }

  .mn-divider-gold--thin {
    height: 3px;
  }

  .mn-divider-gold--accent {
    width: 60px;
    height: 4px;
    margin: var(--space-lg) auto;
    border-radius: var(--radius-pill);
  }

  .mn-section-ivory .mn-divider-gold--accent {
    background: var(--avorio-scuro);
  }

  .mn-tag {
    align-items: center;
    gap: var(--space-xs);
    padding: var(--space-xs) var(--space-md);
    border-radius: var(--radius-sm);
    font-family: var(--font-display);
    font-size: var(--text-micro);
    text-transform: uppercase;
    letter-spacing: .06em;
    white-space: nowrap;
    transition: all var(--duration-sm) var(--ease-out);
    cursor: default;
    border: 1px solid;
    font-weight: 500;
    display: inline-flex;
  }

  .mn-tag:hover, .mn-tag--active {
    background: var(--mn-text-inverse);
    color: var(--mn-text);
    border-color: var(--mn-text-inverse);
  }

  .mn-tag--light {
    border-color: var(--mn-hover-bg);
    color: var(--mn-text);
  }

  .mn-tag--light:hover, .mn-tag--light.mn-tag--active {
    background: var(--mn-surface);
    color: var(--mn-text-inverse);
    border-color: var(--mn-text);
  }

  .mn-tag--sm {
    font-size: .6rem;
  }

  .mn-tag--xs {
    padding: 2px 8px;
    font-size: .55rem;
  }

  .mn-tag-group {
    gap: var(--space-sm);
    flex-wrap: wrap;
    display: flex;
  }

  .mn-card {
    background: var(--mn-surface);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-card);
    transition: transform var(--duration-md) var(--ease-out),
              box-shadow var(--duration-md) var(--ease-out);
    overflow: hidden;
  }

  .mn-card:hover {
    box-shadow: var(--shadow-elevated);
    transform: translateY(-4px);
  }

  .mn-card-dark {
    background: var(--mn-surface);
    border-radius: var(--radius-lg);
    color: var(--mn-text);
    box-shadow: 0 4px 16px #0000004d,
    0 1px 4px #0003,
    inset 0 1px 0 var(--mn-hover-bg);
    transition: transform var(--duration-md) var(--ease-out),
              box-shadow var(--duration-md) var(--ease-out);
    overflow: hidden;
  }

  .mn-card-dark:hover {
    box-shadow: 0 16px 48px #00000080,
    0 6px 16px #0000004d,
    inset 0 1px 0 var(--mn-hover-bg);
    transform: translateY(-4px);
  }

  .mn-card__image {
    aspect-ratio: 16 / 10;
    background: var(--mn-surface-sunken);
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
    position: relative;
    overflow: hidden;
  }

  .mn-card__content {
    padding: var(--space-lg) var(--space-xl);
  }

  .mn-card__title {
    font-family: var(--font-display);
    font-size: var(--text-h3);
    text-transform: uppercase;
    letter-spacing: .03em;
    margin-bottom: var(--space-sm);
    font-weight: 600;
  }

  .mn-card__text {
    font-size: var(--text-caption);
    color: var(--mn-text-muted);
    line-height: 1.6;
  }

  .mn-card-dark .mn-card__text {
    color: var(--mn-text-tertiary);
  }

  .mn-grid-2 {
    gap: var(--space-lg);
    grid-template-columns: repeat(2, 1fr);
    display: grid;
  }

  .mn-grid-3 {
    gap: var(--space-lg);
    grid-template-columns: repeat(3, 1fr);
    display: grid;
  }

  .mn-grid-4 {
    gap: var(--space-lg);
    grid-template-columns: repeat(4, 1fr);
    display: grid;
  }

  @media (max-width: 768px) {
    .mn-grid-2, .mn-grid-3, .mn-grid-4 {
      grid-template-columns: 1fr;
    }
  }

  @media (min-width: 769px) and (max-width: 1024px) {
    .mn-grid-3, .mn-grid-4 {
      grid-template-columns: repeat(2, 1fr);
    }
  }

  .mn-footer {
    background: var(--mn-text-inverse);
    color: var(--mn-text-tertiary);
    padding: var(--space-4xl) var(--space-xl) var(--space-2xl);
  }

  .mn-footer__grid {
    max-width: var(--content-width);
    gap: var(--space-2xl);
    grid-template-columns: repeat(4, 1fr);
    margin: 0 auto;
    display: grid;
  }

  .mn-footer__title {
    font-family: var(--font-display);
    font-size: var(--text-micro);
    text-transform: uppercase;
    letter-spacing: .1em;
    color: var(--mn-text);
    margin-bottom: var(--space-lg);
    font-weight: 600;
  }

  .mn-footer__links {
    gap: var(--space-sm);
    flex-direction: column;
    list-style: none;
    display: flex;
  }

  .mn-footer__link {
    font-size: var(--text-caption);
    color: var(--mn-text-muted);
    transition: color var(--duration-sm) var(--ease-out);
  }

  .mn-footer__link:hover {
    color: var(--mn-text);
  }

  .mn-footer__bottom {
    max-width: var(--content-width);
    margin: var(--space-2xl) auto 0;
    padding-top: var(--space-lg);
    border-top: 1px solid var(--mn-border);
    font-size: var(--text-micro);
    color: var(--mn-text-muted);
    text-align: center;
  }

  @media (max-width: 768px) {
    .mn-footer__grid {
      grid-template-columns: repeat(2, 1fr);
    }
  }

  .mn-input {
    font-family: var(--font-body);
    font-size: var(--text-caption);
    padding: var(--space-md) var(--space-lg);
    border: 1.5px solid var(--mn-border-subtle);
    background: var(--mn-surface);
    color: var(--mn-text-inverse);
    width: 100%;
    transition: border-color var(--duration-sm) var(--ease-out);
    border-radius: 0;
    outline: none;
  }

  .mn-input:focus {
    border-color: var(--mn-text-inverse);
  }

  .mn-input::placeholder {
    color: var(--mn-text-tertiary);
  }

  .mn-section-dark .mn-input {
    background: var(--mn-surface);
    border-color: var(--mn-border);
    color: var(--mn-text);
  }

  .mn-section-dark .mn-input:focus {
    border-color: var(--mn-accent);
  }

  .mn-input-group {
    gap: 0;
    display: flex;
  }

  .mn-input-group .mn-input {
    flex: 1;
  }

  .mn-input-group .mn-btn {
    border-radius: 0;
  }

  .mn-annotation {
    align-items: center;
    gap: var(--space-xs);
    flex-direction: column;
    display: flex;
    position: relative;
  }

  .mn-annotation__line {
    background: var(--mn-border-strong);
    width: 1px;
    height: 40px;
  }

  .mn-section-dark .mn-annotation__line {
    background: var(--mn-border);
  }

  .mn-badge {
    min-width: 22px;
    height: 22px;
    padding: 0 var(--space-sm);
    border-radius: var(--radius-pill);
    font-family: var(--font-display);
    font-size: var(--text-nano);
    background: var(--mn-error);
    color: var(--mn-text);
    justify-content: center;
    align-items: center;
    font-weight: 600;
    display: inline-flex;
  }

  .mn-badge--gold {
    background: var(--mn-accent);
    color: var(--mn-text-inverse);
  }

  .mn-badge--green {
    background: var(--verde-racing);
  }

  .mn-icon-btn {
    border: 1.5px solid var(--mn-border-strong);
    width: 40px;
    height: 40px;
    color: var(--mn-border-strong);
    cursor: pointer;
    transition: all var(--duration-sm) var(--ease-out);
    background: none;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    font-size: 1rem;
    display: flex;
  }

  .mn-icon-btn:hover {
    background: var(--mn-text-inverse);
    border-color: var(--mn-text-inverse);
    color: var(--mn-text);
  }

  .mn-section-dark .mn-icon-btn {
    border-color: var(--mn-border);
    color: var(--mn-text-muted);
  }

  .mn-section-dark .mn-icon-btn:hover {
    background: var(--mn-surface);
    border-color: var(--mn-text);
    color: var(--mn-text-inverse);
  }

  .mn-accordion {
    border-top: 1px solid var(--mn-border-subtle);
  }

  .mn-accordion__item {
    border-bottom: 1px solid var(--mn-border-subtle);
  }

  .mn-section-dark .mn-accordion, .mn-section-dark .mn-accordion__item {
    border-color: var(--mn-border);
  }

  .mn-accordion__header {
    width: 100%;
    padding: var(--space-lg) 0;
    font-family: var(--font-display);
    font-size: var(--text-body);
    text-transform: uppercase;
    letter-spacing: .04em;
    color: inherit;
    cursor: pointer;
    transition: color var(--duration-sm);
    background: none;
    border: none;
    justify-content: space-between;
    align-items: center;
    font-weight: 600;
    display: flex;
  }

  .mn-accordion__header:hover {
    color: var(--mn-accent);
  }

  .mn-accordion__chevron {
    transition: transform var(--duration-md) var(--ease-out);
    font-size: 1.25rem;
  }

  .mn-accordion__item--open .mn-accordion__chevron {
    transform: rotate(180deg);
  }

  .mn-accordion__body {
    padding: 0 0 var(--space-lg);
    font-size: var(--text-caption);
    color: var(--mn-text-muted);
    line-height: 1.7;
  }

  .mn-dots {
    gap: var(--space-sm);
    padding: var(--space-lg) 0;
    justify-content: center;
    display: flex;
  }

  .mn-dot {
    background: var(--mn-border-strong);
    cursor: pointer;
    width: 10px;
    height: 10px;
    transition: all var(--duration-sm) var(--ease-out);
    border: none;
    border-radius: 50%;
  }

  .mn-dot--active {
    background: var(--mn-text-inverse);
  }

  .mn-section-dark .mn-dot {
    background: var(--mn-border);
  }

  .mn-section-dark .mn-dot--active {
    background: var(--mn-surface);
  }

  .mn-table-wrap {
    border-radius: var(--radius-lg);
    border: 1px solid var(--mn-border-subtle);
    overflow: hidden;
  }

  .mn-section-dark .mn-table-wrap {
    border-color: var(--mn-border);
  }

  .mn-table {
    border-collapse: collapse;
    width: 100%;
    font-size: var(--text-caption);
  }

  .mn-table thead {
    background: var(--mn-text-inverse);
    color: var(--mn-text);
  }

  .mn-section-dark .mn-table thead {
    background: var(--mn-border);
  }

  .mn-table th {
    font-family: var(--font-display);
    text-transform: uppercase;
    letter-spacing: .06em;
    font-weight: 600;
    font-size: var(--text-micro);
    padding: var(--space-md) var(--space-lg);
    text-align: left;
  }

  .mn-table td {
    padding: var(--space-md) var(--space-lg);
    border-bottom: 1px solid var(--mn-border-subtle);
  }

  .mn-section-dark .mn-table td {
    border-color: var(--mn-border);
  }

  .mn-table tbody tr {
    transition: background var(--duration-sm) var(--ease-out);
  }

  .mn-table tbody tr:hover {
    background: var(--mn-hover-bg);
  }

  .mn-section-dark .mn-table tbody tr:hover {
    background: var(--mn-surface);
  }

  .mn-table tbody tr:last-child td {
    border-bottom: none;
  }

  .mn-table__cell-primary {
    color: var(--mn-text);
    font-weight: 600;
  }

  .mn-table__cell-secondary {
    color: var(--mn-text-muted);
  }

  .mn-table__cell-id {
    color: var(--mn-text-muted);
    font-family: var(--font-display);
    font-size: var(--text-micro);
  }

  .mn-table__cell-value {
    color: var(--mn-text);
    font-family: var(--font-display);
    font-weight: 600;
  }

  .mn-status {
    align-items: center;
    gap: var(--space-xs);
    font-family: var(--font-display);
    font-size: var(--text-micro);
    text-transform: uppercase;
    letter-spacing: .06em;
    font-weight: 500;
    display: inline-flex;
  }

  .mn-status__dot {
    border-radius: 50%;
    width: 8px;
    height: 8px;
  }

  .mn-status--active .mn-status__dot {
    background: var(--status-active);
    box-shadow: 0 0 6px var(--status-active);
  }

  .mn-status--warning .mn-status__dot {
    background: var(--status-warning);
    box-shadow: 0 0 6px var(--status-warning);
  }

  .mn-status--danger .mn-status__dot {
    background: var(--status-danger);
    box-shadow: 0 0 6px var(--status-danger);
  }

  .mn-status--info .mn-status__dot {
    background: var(--status-info);
    box-shadow: 0 0 6px var(--status-info);
  }

  .mn-status--sm {
    font-size: .6rem;
  }

  .mn-progress {
    background: var(--mn-border);
    border-radius: var(--radius-pill);
    width: 100%;
    height: 4px;
    overflow: hidden;
  }

  .mn-progress__fill {
    border-radius: var(--radius-pill);
    height: 100%;
    transition: width var(--duration-lg) var(--ease-out);
  }

  .mn-progress__fill--green {
    background: var(--verde-racing);
  }

  .mn-progress__fill--yellow {
    background: var(--mn-accent);
  }

  .mn-progress__fill--red {
    background: var(--mn-error);
  }

  .mn-progress__fill--blue {
    background: var(--status-info);
  }

  .mn-nav {
    z-index: 1000;
    -webkit-backdrop-filter: blur(20px) saturate(180%);
    padding: 0 var(--space-xl);
    border-bottom: 1px solid var(--mn-hover-bg);
    background: #000000d9;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
  }

  .mn-nav__inner {
    max-width: var(--content-width);
    justify-content: space-between;
    align-items: center;
    height: 56px;
    margin: 0 auto;
    display: flex;
  }

  .mn-nav__brand {
    font-family: var(--font-display);
    font-size: var(--text-h3);
    color: var(--mn-text);
    text-transform: uppercase;
    letter-spacing: .05em;
    align-items: center;
    gap: var(--space-sm);
    font-weight: 700;
    display: flex;
  }

  .mn-nav__brand-accent {
    color: var(--mn-accent);
  }

  .mn-nav__logo {
    filter: drop-shadow(0 0 4px #ffc72c33);
    flex-shrink: 0;
  }

  .mn-nav__links {
    gap: var(--space-xl);
    list-style: none;
    display: flex;
  }

  .mn-nav__link {
    font-family: var(--font-display);
    font-size: var(--text-micro);
    text-transform: uppercase;
    letter-spacing: .1em;
    color: var(--mn-text-tertiary);
    transition: color var(--duration-sm) var(--ease-out);
    font-weight: 500;
  }

  .mn-nav__link:hover, .mn-nav__link--active {
    color: var(--mn-text);
  }

  .mn-source-cards {
    gap: var(--space-md);
    flex-direction: column;
    display: flex;
  }

  .mn-source-cards--grid {
    gap: var(--space-md);
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    display: grid;
  }

  .mn-source-card {
    background: var(--mn-surface);
    border: 1px solid var(--mn-border);
    border-radius: var(--radius-md);
    padding: var(--space-md) var(--space-lg);
    cursor: pointer;
    transition: border-color var(--duration-md) ease-out,
      box-shadow var(--duration-md) ease-out;
  }

  .mn-source-card:hover {
    border-color: var(--mn-accent);
    box-shadow: var(--shadow-card);
  }

  .mn-source-card:focus-visible {
    outline: 2px solid var(--mn-accent);
    outline-offset: 2px;
  }

  .mn-source-card:active {
    border-color: var(--mn-accent);
  }

  .mn-source-card__header {
    margin-bottom: var(--space-xs);
    justify-content: space-between;
    align-items: center;
    gap: var(--space-sm);
    display: flex;
  }

  .mn-source-card__badge {
    border-radius: var(--radius-pill);
    background: color-mix(in srgb, var(--mn-accent) 15%, transparent);
    color: var(--mn-accent);
    text-transform: uppercase;
    letter-spacing: .04em;
    padding: 2px 8px;
    font-size: .6875rem;
    font-weight: 600;
  }

  .mn-source-card__score {
    white-space: nowrap;
    font-size: .75rem;
    font-weight: 700;
  }

  .mn-source-card__score--high {
    color: var(--signal-ok);
  }

  .mn-source-card__score--mid {
    color: var(--signal-warning);
  }

  .mn-source-card__score--low {
    color: var(--signal-danger);
  }

  .mn-source-card__title {
    color: var(--mn-text);
    margin: 0 0 var(--space-xs);
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: .9375rem;
    font-weight: 600;
    line-height: 1.4;
    display: -webkit-box;
    overflow: hidden;
  }

  .mn-source-card__excerpt {
    color: var(--mn-text-muted);
    margin: 0 0 var(--space-sm);
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    font-size: .8125rem;
    line-height: 1.55;
    display: -webkit-box;
    overflow: hidden;
  }

  .mn-source-card__footer {
    margin-top: var(--space-sm);
    justify-content: space-between;
    align-items: center;
    gap: var(--space-sm);
    flex-wrap: wrap;
    display: flex;
  }

  .mn-source-card__source {
    color: var(--mn-text-muted);
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 60%;
    font-size: .75rem;
    overflow: hidden;
  }

  .mn-source-card__source:before {
    content: "▸ ";
  }

  .mn-source-card__date {
    color: var(--mn-text-muted);
    flex-shrink: 0;
    font-size: .75rem;
  }

  .mn-source-card__action {
    margin-top: var(--space-sm);
    font-size: .8125rem;
  }

  .mn-source-cards__show-more {
    text-align: center;
    width: 100%;
    color: var(--mn-accent);
    border: 1px dashed var(--mn-border);
    padding: var(--space-sm);
    cursor: pointer;
    border-radius: var(--radius-sm);
    transition: background var(--duration-md) ease-out;
    background: none;
    font-size: .875rem;
  }

  .mn-source-cards__show-more:hover {
    background: var(--mn-surface);
  }

  .mn-source-cards__show-more:focus-visible {
    outline: 2px solid var(--mn-accent);
    outline-offset: 2px;
  }

  body.mn-avorio .mn-source-card {
    background: var(--mn-surface-raised);
  }

  body.mn-nero .mn-source-card:hover {
    box-shadow: var(--shadow-md);
  }

  @media (max-width: 640px) {
    .mn-source-cards--grid {
      grid-template-columns: 1fr;
    }

    .mn-source-card {
      padding: var(--space-sm) var(--space-md);
    }
  }

  .mn-swot {
    grid-template-rows: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 2px;
    min-height: 320px;
    display: grid;
  }

  .mn-swot__quadrant {
    background: var(--mn-surface);
    border: 1px solid var(--mn-border);
    padding: var(--space-md);
    gap: var(--space-sm);
    flex-direction: column;
    min-height: 140px;
    display: flex;
  }

  .mn-swot__quadrant--strengths {
    border-radius: var(--radius-md) 0 0 0;
  }

  .mn-swot__quadrant--weaknesses {
    border-radius: 0 var(--radius-md) 0 0;
  }

  .mn-swot__quadrant--opportunities {
    border-radius: 0 0 0 var(--radius-md);
  }

  .mn-swot__quadrant--threats {
    border-radius: 0 0 var(--radius-md) 0;
  }

  .mn-swot__header {
    align-items: center;
    gap: var(--space-sm);
    margin-bottom: var(--space-xs);
    padding-bottom: var(--space-xs);
    border-bottom: 1px solid var(--mn-border);
    display: flex;
  }

  .mn-swot__icon {
    border-radius: var(--radius-sm);
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    font-size: .875rem;
    font-weight: 800;
    display: flex;
  }

  .mn-swot__title {
    color: var(--mn-text);
    font-size: .875rem;
    font-weight: 600;
  }

  .mn-swot__quadrant--strengths .mn-swot__icon {
    background: color-mix(in srgb, var(--signal-ok) 20%, transparent);
    color: var(--signal-ok);
  }

  .mn-swot__quadrant--weaknesses .mn-swot__icon {
    background: color-mix(in srgb, var(--signal-danger) 15%, transparent);
    color: var(--signal-danger);
  }

  .mn-swot__quadrant--opportunities .mn-swot__icon {
    background: color-mix(in srgb, var(--mn-accent) 15%, transparent);
    color: var(--mn-accent);
  }

  .mn-swot__quadrant--threats .mn-swot__icon {
    background: color-mix(in srgb, var(--signal-warning) 18%, transparent);
    color: var(--signal-warning);
  }

  .mn-swot__list {
    flex-direction: column;
    flex: 1;
    gap: 4px;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
  }

  .mn-swot__item {
    align-items: flex-start;
    gap: var(--space-xs);
    border-radius: var(--radius-sm);
    padding: 4px 6px;
    transition: background .15s, opacity .2s;
    display: flex;
  }

  .mn-swot__item:hover {
    background: color-mix(in srgb, var(--mn-text) 8%, transparent);
  }

  .mn-swot__item--removing {
    opacity: 0;
    pointer-events: none;
  }

  .mn-swot__text {
    color: var(--mn-text);
    flex: 1;
    font-size: .8125rem;
    line-height: 1.4;
  }

  .mn-swot__remove {
    opacity: 0;
    color: var(--mn-text-muted);
    cursor: pointer;
    border-radius: var(--radius-sm);
    background: none;
    border: none;
    flex-shrink: 0;
    padding: 0 4px;
    font-size: .875rem;
    line-height: 1;
    transition: opacity .15s;
  }

  .mn-swot__item:hover .mn-swot__remove {
    opacity: 1;
  }

  .mn-swot__remove:focus-visible {
    opacity: 1;
    outline: 2px solid var(--mn-accent);
    outline-offset: 1px;
  }

  .mn-swot__add {
    border: 1px dashed var(--mn-border);
    color: var(--mn-accent);
    border-radius: var(--radius-sm);
    cursor: pointer;
    background: none;
    align-self: flex-start;
    margin-top: auto;
    padding: 3px 10px;
    font-size: .75rem;
    transition: background .15s;
  }

  .mn-swot__add:hover {
    background: color-mix(in srgb, var(--mn-text) 8%, transparent);
  }

  .mn-swot__add:focus-visible {
    outline: 2px solid var(--mn-accent);
    outline-offset: 1px;
  }

  .mn-swot__input-wrap {
    gap: var(--space-xs);
    margin-top: var(--space-xs);
    display: flex;
  }

  .mn-swot__input-wrap[hidden] {
    display: none;
  }

  .mn-swot__input {
    flex: 1;
    font-size: .8125rem;
  }

  .mn-swot__confirm {
    background: var(--mn-accent);
    color: var(--mn-accent-text);
    border-radius: var(--radius-sm);
    cursor: pointer;
    border: none;
    padding: 4px 8px;
    font-size: .875rem;
  }

  .mn-swot__confirm:focus-visible {
    outline: 2px solid var(--mn-accent);
    outline-offset: 2px;
  }

  @media (max-width: 640px) {
    .mn-swot {
      grid-template-columns: 1fr;
    }

    .mn-swot__quadrant--strengths {
      border-radius: var(--radius-md) var(--radius-md) 0 0;
    }

    .mn-swot__quadrant--weaknesses, .mn-swot__quadrant--opportunities {
      border-radius: 0;
    }

    .mn-swot__quadrant--threats {
      border-radius: 0 0 var(--radius-md) var(--radius-md);
    }
  }

  .mn-token-meter {
    padding: var(--space-md);
    border: 1px solid var(--mn-border);
    border-radius: var(--radius-md);
    background: var(--mn-surface);
    font-family: var(--font-body);
  }

  .mn-token-meter__header {
    margin-bottom: var(--space-sm);
    justify-content: space-between;
    align-items: baseline;
    display: flex;
  }

  .mn-token-meter__title {
    font-size: var(--text-sm);
    color: var(--mn-text);
    font-weight: 600;
  }

  .mn-token-meter__cost {
    font-family: var(--font-mono);
    font-size: var(--text-micro);
    color: var(--mn-accent);
    letter-spacing: .02em;
  }

  .mn-token-meter__bar {
    border-radius: var(--radius-sm);
    background: color-mix(in srgb, var(--mn-border) 30%, transparent);
    height: 10px;
    display: flex;
    overflow: hidden;
  }

  .mn-token-meter__seg {
    min-width: 0;
    height: 100%;
    transition: width .4s;
  }

  .mn-token-meter--no-anim .mn-token-meter__seg, .mn-token-meter--no-anim .mn-token-meter__seg--cached {
    transition: none;
  }

  .mn-token-meter__seg--prompt {
    background: color-mix(in srgb, var(--mn-text-muted) 40%, transparent);
    border-radius: var(--radius-sm) 0 0 var(--radius-sm);
    position: relative;
  }

  .mn-token-meter__seg--cached {
    background: color-mix(in srgb, var(--signal-ok) 50%, transparent);
    border-radius: var(--radius-sm) 0 0 var(--radius-sm);
    height: 100%;
    transition: width .4s;
    position: absolute;
    top: 0;
    left: 0;
  }

  .mn-token-meter__seg--completion {
    background: var(--mn-accent);
  }

  .mn-token-meter__breakdown {
    gap: var(--space-xs) var(--space-sm);
    margin-top: var(--space-sm);
    grid-template-columns: auto 1fr auto auto;
    align-items: center;
    display: grid;
  }

  .mn-token-meter__swatch {
    border-radius: var(--radius-full);
    width: 8px;
    height: 8px;
    display: inline-block;
  }

  .mn-token-meter__swatch--prompt {
    background: color-mix(in srgb, var(--mn-text-muted) 40%, transparent);
  }

  .mn-token-meter__swatch--completion {
    background: var(--mn-accent);
  }

  .mn-token-meter__swatch--cached {
    background: color-mix(in srgb, var(--signal-ok) 50%, transparent);
  }

  .mn-token-meter__label {
    font-size: var(--text-micro);
    color: var(--mn-text-muted);
  }

  .mn-token-meter__count {
    font-family: var(--font-mono);
    font-size: var(--text-micro);
    color: var(--mn-text);
    text-align: right;
  }

  .mn-token-meter__pct {
    font-family: var(--font-mono);
    font-size: var(--text-micro);
    color: var(--mn-text-muted);
    text-align: right;
    min-width: 3.5em;
  }

  body.mn-avorio .mn-token-meter__bar {
    background: color-mix(in srgb, var(--mn-border) 20%, transparent);
  }

  .mn-stream {
    font-family: var(--font-body);
    color: var(--mn-text);
    word-break: break-word;
    line-height: 1.6;
    position: relative;
  }

  .mn-stream__content {
    display: inline;
  }

  .mn-stream__bold {
    font-weight: 600;
  }

  .mn-stream__code {
    font-family: var(--font-mono);
    font-size: var(--text-sm);
    background: color-mix(in srgb, var(--mn-accent) 10%, transparent);
    padding: var(--space-xs) var(--space-sm);
    border-radius: var(--radius-sm);
    vertical-align: baseline;
  }

  .mn-stream__cite {
    all: unset;
    font-family: var(--font-mono);
    font-size: var(--text-micro);
    color: var(--mn-accent);
    cursor: pointer;
    vertical-align: baseline;
    border-radius: var(--radius-sm);
    padding: 0 2px;
    text-decoration: none;
    display: inline;
  }

  .mn-stream__cite:hover {
    text-decoration: underline;
  }

  .mn-stream__cite:focus-visible {
    outline: 2px solid var(--mn-accent);
    outline-offset: 2px;
  }

  @keyframes mn-cursor-blink {
    0%, 100% {
      opacity: 1;
    }

    50% {
      opacity: 0;
    }
  }

  .mn-stream__cursor {
    color: var(--mn-accent);
    -webkit-user-select: none;
    user-select: none;
    margin-inline-start: 1px;
    font-weight: 300;
    animation: 1s step-end infinite mn-cursor-blink;
  }

  .mn-stream--done .mn-stream__cursor {
    display: none;
  }

  .mn-kpi {
    border: 1px solid var(--mn-border);
    border-radius: var(--radius-md);
    background: var(--mn-surface);
    width: 100%;
    overflow-x: auto;
  }

  .mn-kpi__table {
    border-collapse: collapse;
    width: 100%;
  }

  .mn-kpi__th {
    padding: var(--space-sm) var(--space-md);
    text-align: left;
    font-family: var(--font-display);
    font-size: var(--text-micro);
    color: var(--mn-text-muted);
    text-transform: uppercase;
    letter-spacing: .06em;
    border-bottom: 1px solid var(--mn-border);
    white-space: nowrap;
    font-weight: 600;
  }

  .mn-kpi__row {
    cursor: pointer;
    border-bottom: 1px solid var(--mn-border);
    transition: background var(--duration-sm) var(--ease-out);
  }

  .mn-kpi__row:last-child {
    border-bottom: none;
  }

  .mn-kpi__row:hover {
    background: color-mix(in srgb, var(--mn-text) 5%, transparent);
  }

  .mn-kpi__row:focus-visible {
    outline: 2px solid var(--mn-accent);
    outline-offset: -2px;
  }

  .mn-kpi__td {
    padding: var(--space-sm) var(--space-md);
    font-size: var(--text-sm);
    color: var(--mn-text);
    vertical-align: middle;
  }

  .mn-kpi__label {
    font-weight: 500;
  }

  .mn-kpi__unit {
    font-size: var(--text-micro);
    color: var(--mn-text-muted);
    margin-left: var(--space-xs);
  }

  .mn-kpi__value {
    font-family: var(--font-mono);
    white-space: nowrap;
  }

  .mn-kpi__delta--pos {
    color: var(--signal-ok);
    font-family: var(--font-mono);
    white-space: nowrap;
  }

  .mn-kpi__delta--neg {
    color: var(--signal-danger);
    font-family: var(--font-mono);
    white-space: nowrap;
  }

  .mn-kpi__trend {
    width: 60px;
    min-width: 60px;
  }

  .mn-kpi__trend canvas {
    display: block;
  }

  .mn-kpi__status-dot {
    vertical-align: middle;
    width: 8px;
    height: 8px;
    margin-right: var(--space-xs);
    border-radius: 50%;
    display: inline-block;
  }

  .mn-kpi__status-dot--green {
    background: var(--signal-ok);
  }

  .mn-kpi__status-dot--yellow {
    background: var(--signal-warning);
  }

  .mn-kpi__status-dot--red {
    background: var(--signal-danger);
  }

  .mn-kpi__status-dot--neutral {
    background: var(--mn-text-muted);
  }

  @media (max-width: 640px) {
    .mn-kpi__trend, .mn-kpi__th:nth-child(5) {
      display: none;
    }

    .mn-kpi__th, .mn-kpi__td {
      padding: var(--space-xs) var(--space-sm);
      font-size: var(--text-micro);
    }
  }

  .mn-cohort {
    border: 1px solid var(--mn-border);
    border-radius: var(--radius-md);
    background: var(--mn-surface);
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
  }

  .mn-cohort__table {
    border-collapse: collapse;
    white-space: nowrap;
    width: 100%;
    font-family: var(--font-mono);
  }

  .mn-cohort__th {
    padding: var(--space-xs) var(--space-sm);
    border-bottom: 1px solid var(--mn-border);
    font-size: var(--text-micro);
    color: var(--mn-text-muted);
    text-align: center;
    background: var(--mn-surface);
    z-index: 2;
    font-weight: 600;
    position: sticky;
    top: 0;
  }

  .mn-cohort__th:first-child {
    text-align: left;
  }

  .mn-cohort__row {
    border-bottom: 1px solid var(--mn-border);
  }

  .mn-cohort__row:last-child {
    border-bottom: none;
  }

  .mn-cohort__cell-label {
    text-align: left;
    padding: var(--space-xs) var(--space-sm);
    font-weight: 500;
    font-size: var(--text-sm);
    color: var(--mn-text);
    background: var(--mn-surface);
    z-index: 1;
    border-right: 1px solid var(--mn-border);
    white-space: nowrap;
    position: sticky;
    left: 0;
  }

  .mn-cohort__size {
    font-size: var(--text-micro);
    color: var(--mn-text-muted);
    font-weight: 400;
  }

  .mn-cohort__cell {
    text-align: center;
    font-size: var(--text-micro);
    font-family: var(--font-mono);
    cursor: default;
    min-width: 56px;
    padding: 4px 8px;
    transition: background-color .3s;
  }

  .mn-cohort__cell:hover {
    outline: 2px solid var(--mn-accent);
    outline-offset: -1px;
  }

  .mn-cohort__cell--base {
    font-weight: 600;
  }

  .mn-cohort__cell--empty {
    color: var(--mn-text-muted);
    background: var(--mn-surface);
  }

  .mn-high-contrast .mn-cohort__cell {
    outline: 1px solid var(--mn-border);
    outline-offset: -1px;
  }

  .mn-high-contrast .mn-cohort__cell:hover {
    outline-width: 2px;
  }

  .mn-reduced-motion .mn-cohort__cell {
    transition: none;
  }

  .mn-cost-breakdown {
    border: 1px solid var(--mn-border);
    border-radius: var(--radius-md, 8px);
    background: var(--mn-surface);
    overflow: hidden;
  }

  .mn-cost-breakdown__header {
    padding: var(--space-md, 16px) var(--space-lg, 24px);
    border-bottom: 1px solid var(--mn-border);
    justify-content: space-between;
    align-items: center;
    gap: var(--space-md, 16px);
    display: flex;
  }

  .mn-cost-breakdown__title-group {
    align-items: baseline;
    gap: var(--space-sm, 8px);
    flex-wrap: wrap;
    display: flex;
  }

  .mn-cost-breakdown__title {
    font-size: var(--text-lg, 1.125rem);
    color: var(--mn-text);
    margin: 0;
    font-weight: 600;
  }

  .mn-cost-breakdown__period {
    font-size: var(--text-micro, .75rem);
    border-radius: var(--radius-pill);
    background: color-mix(in srgb, var(--mn-text) 6%, transparent);
    color: var(--mn-text-muted);
    padding: 2px 10px;
  }

  .mn-cost-breakdown__total {
    color: var(--mn-accent);
    white-space: nowrap;
    font-size: 1.5rem;
    font-weight: 700;
  }

  .mn-cost-breakdown__table-wrap {
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
  }

  .mn-cost-breakdown__table {
    border-collapse: collapse;
    font-variant-numeric: tabular-nums;
    width: 100%;
  }

  .mn-cost-breakdown__th {
    font-size: var(--text-micro, .75rem);
    text-transform: uppercase;
    letter-spacing: .06em;
    color: var(--mn-text-muted);
    background: color-mix(in srgb, var(--mn-text) 3%, transparent);
    text-align: left;
    white-space: nowrap;
    -webkit-user-select: none;
    user-select: none;
    padding: 8px 12px;
    font-weight: 500;
    position: relative;
  }

  .mn-cost-breakdown__th.num {
    text-align: right;
  }

  .mn-cost-breakdown__th.sortable {
    cursor: pointer;
  }

  .mn-cost-breakdown__th.sortable:hover {
    color: var(--mn-text);
  }

  .mn-cost-breakdown__th.sortable:after {
    content: "↕";
    opacity: .3;
    margin-left: 4px;
    font-size: .7em;
  }

  .mn-cost-breakdown__th[aria-sort="ascending"]:after {
    content: "▲";
    opacity: 1;
  }

  .mn-cost-breakdown__th[aria-sort="descending"]:after {
    content: "▼";
    opacity: 1;
  }

  .mn-cost-breakdown__cell {
    font-size: var(--text-sm, .875rem);
    color: var(--mn-text);
    border-bottom: 1px solid color-mix(in srgb, var(--mn-border) 50%, transparent);
    vertical-align: middle;
    padding: 10px 12px;
  }

  .mn-cost-breakdown__cell.num {
    text-align: right;
    font-variant-numeric: tabular-nums;
  }

  .mn-cost-breakdown__table tbody tr:hover {
    background: color-mix(in srgb, var(--mn-text) 3%, transparent);
    cursor: pointer;
  }

  .mn-cost-breakdown__model {
    font-size: var(--text-micro, .75rem);
    border-radius: var(--radius-pill);
    white-space: nowrap;
    padding: 2px 8px;
    font-weight: 500;
    display: inline-block;
  }

  .mn-cost-breakdown__model[data-model="sonnet"] {
    background: color-mix(in srgb, var(--mn-accent) 18%, transparent);
    color: var(--mn-accent);
  }

  .mn-cost-breakdown__model[data-model="haiku"] {
    background: color-mix(in srgb, var(--signal-info) 18%, transparent);
    color: var(--signal-info);
  }

  .mn-cost-breakdown__model[data-model="opus"] {
    background: color-mix(in srgb, var(--signal-warning) 18%, transparent);
    color: var(--signal-warning);
  }

  .mn-cost-breakdown__model[data-model="other"] {
    background: color-mix(in srgb, var(--mn-text) 8%, transparent);
    color: var(--mn-text-muted);
    border: 1px solid var(--mn-border);
  }

  .mn-cost-breakdown__cached--high {
    color: var(--signal-ok);
    font-weight: 600;
  }

  .mn-cost-breakdown__cached--mid {
    color: var(--signal-warning);
  }

  .mn-cost-breakdown__cached--low {
    color: var(--mn-text-muted);
  }

  .mn-cost-breakdown__delta--up {
    color: var(--signal-danger);
    font-weight: 600;
  }

  .mn-cost-breakdown__delta--down {
    color: var(--signal-ok);
    font-weight: 600;
  }

  .mn-cost-breakdown__budget-label {
    font-size: var(--text-micro, .75rem);
    color: var(--mn-text-muted);
  }

  .mn-cost-breakdown__budget-bar {
    background: var(--mn-border);
    border-radius: var(--radius-xs);
    height: 4px;
    margin-top: 4px;
    display: block;
    overflow: hidden;
  }

  .mn-cost-breakdown__budget-fill {
    background: var(--signal-ok);
    border-radius: var(--radius-xs);
    height: 100%;
    transition: width .3s;
    display: block;
  }

  .mn-cost-breakdown__budget-fill.mn-cost-breakdown__budget--alert {
    background: var(--signal-danger);
  }

  .mn-cost-breakdown__tag {
    font-size: var(--text-micro, .75rem);
    border-radius: var(--radius-pill);
    background: color-mix(in srgb, var(--mn-accent) 10%, transparent);
    color: var(--mn-text-muted);
    white-space: nowrap;
    margin-right: 4px;
    padding: 1px 7px;
    display: inline-block;
  }

  .mn-cost-breakdown__footer-row .mn-cost-breakdown__cell {
    border-top: 2px solid var(--mn-border);
    background: color-mix(in srgb, var(--mn-text) 2%, transparent);
    border-bottom: none;
    font-weight: 600;
  }

  body.mn-avorio .mn-cost-breakdown__header {
    background: color-mix(in srgb, var(--mn-surface) 95%, var(--mn-text));
  }

  body.mn-avorio .mn-cost-breakdown__footer-row .mn-cost-breakdown__cell {
    background: color-mix(in srgb, var(--mn-surface) 92%, var(--mn-text));
  }

  @media (max-width: 640px) {
    .mn-cost-breakdown__th.hide-mobile, .mn-cost-breakdown__cell.hide-mobile {
      display: none;
    }

    .mn-cost-breakdown__header {
      padding: var(--space-sm, 8px) var(--space-md, 16px);
      flex-direction: column;
      align-items: flex-start;
    }

    .mn-cost-breakdown__total {
      font-size: 1.25rem;
    }

    .mn-cost-breakdown__cell {
      font-size: var(--text-micro, .75rem);
      padding: 8px;
    }

    .mn-cost-breakdown__th {
      padding: 6px 8px;
    }
  }

  .mn-bmc {
    grid-template: "kp ka vp cr cs" 1fr
                   "kp kr vp ch cs" 1fr
                   "co co co rs rs"
                   / 1fr 1fr 1.4fr 1fr 1fr;
    gap: 2px;
    min-height: 520px;
    display: grid;
  }

  .mn-bmc__block {
    background: var(--mn-surface);
    border: 1px solid var(--mn-border);
    padding: var(--space-md);
    gap: var(--space-sm);
    flex-direction: column;
    min-height: 120px;
    display: flex;
    overflow: hidden;
  }

  .mn-bmc__block--kp {
    grid-area: kp;
  }

  .mn-bmc__block--ka {
    grid-area: ka;
  }

  .mn-bmc__block--kr {
    grid-area: kr;
  }

  .mn-bmc__block--vp {
    grid-area: vp;
  }

  .mn-bmc__block--cr {
    grid-area: cr;
  }

  .mn-bmc__block--ch {
    grid-area: ch;
  }

  .mn-bmc__block--cs {
    grid-area: cs;
  }

  .mn-bmc__block--co {
    grid-area: co;
  }

  .mn-bmc__block--rs {
    grid-area: rs;
  }

  .mn-bmc__block--vp {
    background: color-mix(in srgb, var(--mn-accent) 5%, var(--mn-surface));
    border-color: color-mix(in srgb, var(--mn-accent) 30%, var(--mn-border));
  }

  .mn-bmc__block--co {
    border-top: 3px solid var(--signal-danger);
  }

  .mn-bmc__block--rs {
    border-top: 3px solid var(--signal-ok);
  }

  .mn-bmc__block--kp {
    border-radius: var(--radius-md) 0 0 0;
  }

  .mn-bmc__block--cs {
    border-radius: 0 var(--radius-md) 0 0;
  }

  .mn-bmc__block--co {
    border-radius: 0 0 0 var(--radius-md);
  }

  .mn-bmc__block--rs {
    border-radius: 0 0 var(--radius-md) 0;
  }

  .mn-bmc__header {
    align-items: center;
    gap: var(--space-sm);
    margin-bottom: var(--space-xs);
    padding-bottom: var(--space-xs);
    border-bottom: 1px solid var(--mn-border);
    display: flex;
  }

  .mn-bmc__icon {
    border-radius: var(--radius-sm);
    width: 28px;
    height: 28px;
    font-size: .6875rem;
    font-weight: 700;
    font-family: var(--font-mono, monospace);
    letter-spacing: -.02em;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .mn-bmc__title {
    font-weight: 600;
    font-size: var(--text-sm);
    color: var(--mn-text);
  }

  .mn-bmc__block--kp .mn-bmc__icon {
    background: color-mix(in srgb, var(--signal-info) 20%, transparent);
    color: var(--signal-info);
  }

  .mn-bmc__block--ka .mn-bmc__icon {
    background: color-mix(in srgb, var(--signal-ok) 20%, transparent);
    color: var(--signal-ok);
  }

  .mn-bmc__block--kr .mn-bmc__icon {
    background: color-mix(in srgb, var(--signal-ok) 12%, transparent);
    color: var(--signal-ok);
  }

  .mn-bmc__block--vp .mn-bmc__icon {
    background: color-mix(in srgb, var(--mn-accent) 25%, transparent);
    color: var(--mn-accent);
  }

  .mn-bmc__block--cr .mn-bmc__icon {
    background: color-mix(in srgb, var(--signal-warning) 20%, transparent);
    color: var(--signal-warning);
  }

  .mn-bmc__block--ch .mn-bmc__icon {
    background: color-mix(in srgb, var(--signal-warning) 12%, transparent);
    color: var(--signal-warning);
  }

  .mn-bmc__block--cs .mn-bmc__icon {
    background: color-mix(in srgb, var(--signal-danger) 18%, transparent);
    color: var(--signal-danger);
  }

  .mn-bmc__block--co .mn-bmc__icon, .mn-bmc__block--rs .mn-bmc__icon {
    background: color-mix(in srgb, var(--mn-text) 10%, transparent);
    color: var(--mn-text-muted);
  }

  .mn-bmc__list {
    flex-direction: column;
    flex: 1;
    gap: 4px;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    overflow-y: auto;
  }

  .mn-bmc__item {
    align-items: flex-start;
    gap: var(--space-xs);
    border-radius: var(--radius-sm);
    padding: 4px 6px;
    transition: background .15s, opacity .2s;
    display: flex;
  }

  .mn-bmc__item:hover {
    background: color-mix(in srgb, var(--mn-text) 6%, transparent);
  }

  .mn-bmc__item--removing {
    opacity: 0;
    pointer-events: none;
  }

  .mn-bmc__text {
    color: var(--mn-text);
    flex: 1;
    font-size: .8125rem;
    line-height: 1.4;
  }

  .mn-bmc__remove {
    opacity: 0;
    color: var(--mn-text-muted);
    cursor: pointer;
    border-radius: var(--radius-sm);
    background: none;
    border: none;
    flex-shrink: 0;
    padding: 0 4px;
    font-size: .875rem;
    line-height: 1;
    transition: opacity .15s, color .15s;
  }

  .mn-bmc__item:hover .mn-bmc__remove {
    opacity: 1;
  }

  .mn-bmc__remove:hover {
    color: var(--signal-danger);
  }

  .mn-bmc__remove:focus-visible {
    opacity: 1;
    outline: 2px solid var(--mn-accent);
    outline-offset: 1px;
  }

  .mn-bmc__add {
    border: 1px dashed var(--mn-border);
    color: var(--mn-accent);
    border-radius: var(--radius-sm);
    cursor: pointer;
    background: none;
    align-self: flex-start;
    margin-top: auto;
    padding: 3px 10px;
    font-size: .75rem;
    transition: background .15s;
  }

  .mn-bmc__add:hover {
    background: color-mix(in srgb, var(--mn-accent) 8%, transparent);
  }

  .mn-bmc__add:focus-visible {
    outline: 2px solid var(--mn-accent);
    outline-offset: 1px;
  }

  .mn-bmc__input-wrap {
    gap: var(--space-xs);
    margin-top: var(--space-xs);
    display: flex;
  }

  .mn-bmc__input-wrap[hidden] {
    display: none;
  }

  .mn-bmc__input {
    flex: 1;
    font-size: .8125rem;
  }

  .mn-bmc__confirm {
    background: var(--mn-accent);
    color: var(--mn-accent-text);
    border-radius: var(--radius-sm);
    cursor: pointer;
    border: none;
    padding: 4px 8px;
    font-size: .875rem;
  }

  .mn-bmc__confirm:focus-visible {
    outline: 2px solid var(--mn-accent);
    outline-offset: 2px;
  }

  @media (max-width: 1024px) {
    .mn-bmc {
      grid-template: "kp vp"
                     "ka vp"
                     "kr cr"
                     "ch cs"
                     "co rs"
                     / 1fr 1fr;
      min-height: auto;
    }

    .mn-bmc__block--kp {
      border-radius: var(--radius-md) 0 0 0;
    }

    .mn-bmc__block--vp {
      border-radius: 0 var(--radius-md) 0 0;
    }

    .mn-bmc__block--cs {
      border-radius: 0;
    }

    .mn-bmc__block--co {
      border-radius: 0 0 0 var(--radius-md);
    }

    .mn-bmc__block--rs {
      border-radius: 0 0 var(--radius-md) 0;
    }
  }

  @media (max-width: 640px) {
    .mn-bmc {
      padding: var(--space-xs);
      grid-template-columns: 1fr;
      grid-template-areas: "vp"
                           "kp"
                           "ka"
                           "kr"
                           "cr"
                           "ch"
                           "cs"
                           "co"
                           "rs";
    }

    .mn-bmc__block {
      padding: var(--space-sm);
      border-radius: 0;
      min-height: 80px;
    }

    .mn-bmc__block:first-child {
      border-radius: var(--radius-md) var(--radius-md) 0 0;
    }

    .mn-bmc__block:last-child {
      border-radius: 0 0 var(--radius-md) var(--radius-md);
    }
  }

  .mn-user-table__toolbar {
    padding: var(--space-sm) 0 var(--space-md);
    justify-content: space-between;
    align-items: center;
    gap: var(--space-md);
    display: flex;
  }

  .mn-user-table__search {
    width: 240px;
    padding: var(--space-xs) var(--space-sm);
    font: 500 var(--text-sm) var(--font-body);
    color: var(--mn-text);
    background: var(--mn-surface);
    border: 1px solid var(--mn-border);
    border-radius: var(--radius-md);
    transition: border-color var(--duration-sm) var(--ease-out), box-shadow var(--duration-sm) var(--ease-out);
    outline: none;
  }

  .mn-user-table__search::placeholder {
    color: var(--mn-text-muted);
    opacity: .6;
  }

  .mn-user-table__search:focus {
    border-color: var(--mn-accent);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--mn-accent) 20%, transparent);
  }

  .mn-user-table__count {
    font-size: var(--text-micro);
    color: var(--mn-text-muted);
    background: color-mix(in srgb, var(--mn-text) 6%, transparent);
    padding: 2px var(--space-sm);
    border-radius: var(--radius-pill);
    white-space: nowrap;
  }

  .mn-user-table__wrap {
    border: 1px solid var(--mn-border);
    border-radius: var(--radius-md);
    overflow-x: auto;
  }

  .mn-user-table {
    border-collapse: collapse;
    table-layout: auto;
    width: 100%;
  }

  .mn-user-table__th {
    font-size: var(--text-micro);
    font-family: var(--font-body);
    text-transform: uppercase;
    letter-spacing: .05em;
    color: var(--mn-text-muted);
    text-align: left;
    border-bottom: 1px solid var(--mn-border);
    background: color-mix(in srgb, var(--mn-text) 3%, transparent);
    white-space: nowrap;
    -webkit-user-select: none;
    user-select: none;
    padding: 10px 16px;
    font-weight: 500;
  }

  .mn-user-table__th--check {
    text-align: center;
    width: 40px;
  }

  .mn-user-table__th--actions {
    width: 100px;
  }

  .mn-user-table__row {
    border-bottom: 1px solid color-mix(in srgb, var(--mn-border) 50%, transparent);
    cursor: pointer;
    transition: background var(--duration-sm) var(--ease-out);
  }

  .mn-user-table__row:hover {
    background: color-mix(in srgb, var(--mn-text) 4%, transparent);
  }

  .mn-user-table__row:focus-visible {
    outline: 2px solid var(--mn-accent);
    outline-offset: -2px;
  }

  .mn-user-table__td {
    font-size: var(--text-sm);
    font-family: var(--font-body);
    color: var(--mn-text);
    vertical-align: middle;
    padding: 12px 16px;
  }

  .mn-user-table__td--check {
    text-align: center;
    width: 40px;
  }

  .mn-user-table__avatar {
    border-radius: var(--radius-full);
    object-fit: cover;
    flex-shrink: 0;
    width: 40px;
    height: 40px;
  }

  .mn-user-table__avatar--initials {
    font-size: .875rem;
    font-weight: 600;
    font-family: var(--font-body);
    color: var(--mn-accent-text);
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .mn-user-table__avatar--initials[data-color="0"] {
    background: var(--mn-pair-1-bg);
    color: var(--mn-pair-1-text);
  }

  .mn-user-table__avatar--initials[data-color="1"] {
    background: var(--mn-pair-3-bg);
    color: var(--mn-pair-3-text);
  }

  .mn-user-table__avatar--initials[data-color="2"] {
    background: var(--mn-pair-6-bg);
    color: var(--mn-pair-6-text);
  }

  .mn-user-table__avatar--initials[data-color="3"] {
    background: var(--mn-pair-9-bg);
    color: var(--mn-pair-9-text);
  }

  .mn-user-table__avatar--initials[data-color="4"] {
    background: var(--mn-pair-2-bg);
    color: var(--mn-pair-2-text);
  }

  .mn-user-table__avatar--initials[data-color="5"] {
    background: var(--mn-pair-12-bg);
    color: var(--mn-pair-12-text);
  }

  .mn-user-table__identity {
    align-items: center;
    gap: var(--space-sm);
    display: flex;
  }

  .mn-user-table__name-group {
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    display: flex;
  }

  .mn-user-table__name {
    font-weight: 600;
    font-size: var(--text-sm);
    color: var(--mn-text);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }

  .mn-user-table__email {
    font-size: var(--text-micro);
    color: var(--mn-text-muted);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }

  .mn-user-table__status {
    padding: 2px var(--space-sm);
    font-size: var(--text-micro);
    border-radius: var(--radius-pill);
    white-space: nowrap;
    font-weight: 500;
    display: inline-block;
  }

  .mn-user-table__status--active {
    background: color-mix(in srgb, var(--signal-ok) 15%, transparent);
    color: var(--signal-ok);
  }

  .mn-user-table__status--inactive {
    background: color-mix(in srgb, var(--mn-text-muted) 12%, transparent);
    color: var(--mn-text-muted);
  }

  .mn-user-table__status--suspended {
    background: color-mix(in srgb, var(--signal-danger) 15%, transparent);
    color: var(--signal-danger);
  }

  .mn-user-table__status--invited {
    background: color-mix(in srgb, var(--signal-info) 15%, transparent);
    color: var(--signal-info);
  }

  .mn-user-table__role {
    padding: 2px var(--space-sm);
    font-size: var(--text-micro);
    border: 1px solid var(--mn-border);
    border-radius: var(--radius-pill);
    color: var(--mn-text-muted);
    text-transform: capitalize;
    white-space: nowrap;
    font-weight: 500;
    display: inline-block;
  }

  .mn-user-table__team {
    padding: 2px var(--space-xs);
    font-size: var(--text-micro);
    background: color-mix(in srgb, var(--mn-accent) 10%, transparent);
    color: var(--mn-text);
    border-radius: var(--radius-sm);
    margin-right: var(--space-2xs);
    white-space: nowrap;
    display: inline-block;
  }

  .mn-user-table__team--more {
    background: color-mix(in srgb, var(--mn-text) 8%, transparent);
    color: var(--mn-text-muted);
  }

  .mn-user-table__empty {
    color: var(--mn-text-muted);
  }

  .mn-user-table__actions {
    gap: var(--space-xs);
    opacity: 0;
    transition: opacity var(--duration-sm) var(--ease-out);
    display: flex;
  }

  .mn-user-table__row:hover .mn-user-table__actions, .mn-user-table__row:focus-within .mn-user-table__actions {
    opacity: 1;
  }

  .mn-user-table__action {
    border-radius: var(--radius-full);
    width: 28px;
    height: 28px;
    color: var(--mn-text-muted);
    font-size: var(--text-sm);
    cursor: pointer;
    transition: color var(--duration-sm) var(--ease-out), background var(--duration-sm) var(--ease-out);
    background: none;
    border: none;
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }

  .mn-user-table__action:hover {
    color: var(--mn-text);
    background: color-mix(in srgb, var(--mn-text) 8%, transparent);
  }

  .mn-user-table__action:focus-visible {
    outline: 2px solid var(--mn-accent);
    outline-offset: 2px;
  }

  .mn-user-table__action--danger:hover {
    color: var(--signal-danger);
    background: color-mix(in srgb, var(--signal-danger) 10%, transparent);
  }

  .mn-user-table__check, .mn-user-table__check-all {
    width: 16px;
    height: 16px;
    accent-color: var(--mn-accent);
    cursor: pointer;
  }

  .mn-user-table__td--last {
    font-size: var(--text-micro);
    color: var(--mn-text-muted);
    white-space: nowrap;
  }

  body.mn-avorio .mn-user-table__wrap {
    border-color: var(--avorio-scuro);
  }

  body.mn-avorio .mn-user-table__th {
    background: var(--avorio-chiaro);
    border-bottom-color: var(--avorio-scuro);
  }

  body.mn-avorio .mn-user-table__row:hover {
    background: var(--avorio-chiaro);
  }

  body.mn-avorio .mn-user-table__search {
    background: var(--mn-surface);
    border-color: var(--avorio-scuro);
  }

  @media (max-width: 640px) {
    .mn-user-table__th--teams, .mn-user-table__td--teams {
      display: none;
    }

    .mn-user-table__td, .mn-user-table__th {
      padding: 8px 10px;
    }

    .mn-user-table__search {
      width: 100%;
    }

    .mn-user-table__toolbar {
      flex-wrap: wrap;
    }

    .mn-user-table__actions {
      opacity: 1;
    }
  }

  .mn-section-card {
    background: var(--mn-surface-raised);
    border: 1px solid var(--mn-border);
    border-radius: var(--radius-md);
    overflow: hidden;
  }

  .mn-section-card--flat {
    background: none;
    border: none;
    border-radius: 0;
  }

  .mn-section-card__header {
    padding: var(--space-md) var(--space-lg);
    border-bottom: 1px solid var(--mn-border);
    justify-content: space-between;
    align-items: center;
    min-height: 44px;
    display: flex;
  }

  .mn-section-card--flat .mn-section-card__header {
    border-bottom-color: #0000;
    padding-left: 0;
    padding-right: 0;
  }

  .mn-section-card__title {
    color: var(--mn-text);
    margin: 0;
    font-size: 13px;
    font-weight: 600;
  }

  .mn-section-card__action {
    color: var(--mn-accent);
    opacity: .8;
    cursor: pointer;
    background: none;
    border: none;
    font-size: 12px;
    text-decoration: none;
  }

  .mn-section-card__action:hover {
    opacity: 1;
  }

  .mn-section-card__body {
    padding: var(--space-lg);
  }

  .mn-section-card--no-padding .mn-section-card__body {
    padding: 0;
  }

  .mn-theme-picker {
    grid-template-columns: repeat(2, 1fr);
    gap: .75rem;
    padding: .5rem 0;
    display: grid;
  }

  .mn-theme-picker--compact {
    grid-template-columns: 1fr;
    gap: .5rem;
  }

  .mn-theme-picker__card {
    border: 2px solid var(--mn-border);
    border-radius: var(--radius-sm, 4px);
    cursor: pointer;
    background: var(--mn-surface-raised);
    padding: .625rem;
    transition: border-color .15s;
  }

  .mn-theme-picker__card:hover {
    border-color: var(--mn-text-muted);
  }

  .mn-theme-picker__card:focus-visible {
    outline: 2px solid var(--mn-accent);
    outline-offset: 2px;
  }

  .mn-theme-picker__card--active {
    border-color: var(--mn-accent);
  }

  .mn-theme-picker__header {
    align-items: center;
    gap: .5rem;
    margin-bottom: .5rem;
    display: flex;
  }

  .mn-theme-picker__radio {
    border: 2px solid var(--mn-text-muted);
    border-radius: 50%;
    flex-shrink: 0;
    width: 14px;
    height: 14px;
    position: relative;
  }

  .mn-theme-picker__card--active .mn-theme-picker__radio {
    border-color: var(--mn-accent);
  }

  .mn-theme-picker__card--active .mn-theme-picker__radio:after {
    content: "";
    background: var(--mn-accent);
    border-radius: 50%;
    width: 6px;
    height: 6px;
    position: absolute;
    top: 2px;
    left: 2px;
  }

  .mn-theme-picker__name {
    color: var(--mn-text);
    font-size: .8125rem;
    font-weight: 600;
  }

  .mn-theme-picker__preview {
    border-radius: var(--radius-sm, 4px);
    min-height: 3.5rem;
    padding: .5rem;
  }

  .mn-theme-picker__preview-card {
    border-radius: var(--radius-sm, 3px);
    flex-direction: column;
    gap: .25rem;
    padding: .375rem .5rem;
    display: flex;
  }

  .mn-theme-picker__preview-label {
    border-radius: 2px;
    width: 40%;
    height: 4px;
  }

  .mn-theme-picker__preview-input {
    background: none;
    border: 1px solid;
    border-radius: 2px;
    height: 10px;
  }

  .mn-theme-picker__dots {
    justify-content: center;
    gap: .375rem;
    margin-top: .125rem;
    display: flex;
  }

  .mn-theme-picker__dot {
    border-radius: 50%;
    width: 8px;
    height: 8px;
  }

  .mn-theme-picker--compact .mn-theme-picker__preview {
    min-height: 2.5rem;
    padding: .375rem;
  }

  .mn-theme-picker--compact .mn-theme-picker__header {
    margin-bottom: .375rem;
  }

  .mn-header-shell {
    align-items: center;
    gap: var(--mn-space-xs, .5rem);
    border-bottom: 1px solid color-mix(in srgb, var(--mn-border) 82%, transparent);
    background: color-mix(in srgb, var(--mn-surface-raised) 95%, var(--mn-accent) 5%);
    min-height: 4.5rem;
    padding: .625rem 1rem;
    display: flex;
  }

  .mn-header-shell__brand {
    color: var(--mn-text);
    font-family: var(--font-display, sans-serif);
    white-space: nowrap;
    align-items: center;
    gap: .625rem;
    font-size: 1rem;
    font-weight: 700;
    text-decoration: none;
    display: inline-flex;
  }

  .mn-header-shell__brand-logo {
    object-fit: contain;
    flex: none;
    width: 1.75rem;
    height: 1.75rem;
    display: block;
  }

  .mn-header-shell__actions {
    border: 1px solid color-mix(in srgb, var(--mn-border) 84%, transparent);
    border-radius: var(--radius-md, .875rem);
    background: color-mix(in srgb, var(--mn-surface) 92%, transparent);
    box-shadow: inset 0 1px 0 color-mix(in srgb, var(--mn-text) 4%, transparent);
    align-items: center;
    gap: .25rem;
    padding: .375rem;
    display: inline-flex;
  }

  .mn-header-shell__action {
    border-radius: var(--radius-sm, .625rem);
    min-width: 3rem;
    min-height: 3rem;
    color: var(--mn-text-muted);
    cursor: pointer;
    white-space: nowrap;
    background: none;
    border: none;
    justify-content: center;
    align-items: center;
    gap: .5rem;
    padding: 0 .875rem;
    transition: background .15s, color .15s, transform .15s;
    display: inline-flex;
  }

  .mn-header-shell__action:hover {
    background: color-mix(in srgb, var(--mn-surface-raised) 88%, var(--mn-accent) 12%);
    color: var(--mn-text);
  }

  .mn-header-shell__action:focus-visible {
    outline: 2px solid var(--mn-accent);
    outline-offset: 2px;
  }

  .mn-header-shell__action--active {
    background: color-mix(in srgb, var(--mn-accent) 18%, transparent);
    color: var(--mn-accent);
  }

  .mn-header-shell__icon svg {
    width: 1.25rem;
    height: 1.25rem;
  }

  .mn-header-shell__spacer {
    flex: auto;
    min-width: .75rem;
  }

  .mn-header-shell__search {
    border: 1px solid color-mix(in srgb, var(--mn-border) 84%, transparent);
    border-radius: var(--radius-md, .875rem);
    background: color-mix(in srgb, var(--mn-surface) 94%, transparent);
    min-width: 16rem;
    min-height: 3.25rem;
    box-shadow: inset 0 1px 0 color-mix(in srgb, var(--mn-text) 4%, transparent);
    flex-wrap: wrap;
    flex: 34rem;
    align-items: center;
    gap: .75rem;
    padding: .5rem .875rem;
    display: inline-flex;
  }

  .mn-header-shell__search-input {
    min-width: 8rem;
    color: var(--mn-text);
    background: none;
    border: none;
    outline: none;
    flex: 14rem;
    min-height: 2rem;
    font-size: 1rem;
  }

  .mn-header-shell__search-input::placeholder {
    color: color-mix(in srgb, var(--mn-text-muted) 80%, transparent);
  }

  .mn-header-shell__shortcut {
    border: 1px solid color-mix(in srgb, var(--mn-border) 86%, transparent);
    border-radius: var(--radius-xs, .5rem);
    color: var(--mn-text-muted);
    padding: .25rem .5rem;
    font-size: .8125rem;
  }

  .mn-header-shell__filters {
    flex-wrap: wrap;
    align-items: flex-start;
    gap: .75rem;
    margin-left: auto;
    display: inline-flex;
  }

  .mn-header-shell__filter-group {
    border: 0;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: .375rem;
    min-width: 0;
    margin: 0;
    padding: 0;
    display: inline-flex;
  }

  .mn-header-shell__filter-group legend {
    width: 100%;
    color: var(--mn-text-muted);
    letter-spacing: .08em;
    text-transform: uppercase;
    font-size: .75rem;
  }

  .mn-header-shell__filter-option {
    border: 1px solid color-mix(in srgb, var(--mn-border) 84%, transparent);
    min-height: 2.25rem;
    color: var(--mn-text);
    border-radius: var(--radius-pill, 999px);
    cursor: pointer;
    background: none;
    padding: 0 .75rem;
  }

  .mn-header-shell__filter-option.is-selected {
    color: var(--mn-accent);
    border-color: color-mix(in srgb, var(--mn-accent) 55%, transparent);
    background: color-mix(in srgb, var(--mn-accent) 12%, transparent);
  }

  .mn-header-shell__theme {
    border-left: 1px solid color-mix(in srgb, var(--mn-border) 84%, transparent);
    align-items: center;
    padding-left: .875rem;
    display: inline-flex;
  }

  .mn-header-shell__profile {
    align-items: center;
    display: inline-flex;
  }

  .mn-header-shell__profile .mn-profile-trigger {
    border-radius: 999px;
    width: 2.625rem;
    height: 2.625rem;
  }

  .mn-header-shell__divider {
    background: color-mix(in srgb, var(--mn-border) 72%, transparent);
    align-self: stretch;
    width: 1px;
  }

  .mn-kanban {
    gap: var(--space-md);
    padding: var(--space-md);
    -webkit-overflow-scrolling: touch;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    display: grid;
    overflow-x: auto;
  }

  .mn-kanban__column {
    background: color-mix(in srgb, var(--mn-text) 3%, transparent);
    border-radius: var(--radius-md);
    padding: var(--space-md);
    flex-direction: column;
    min-height: 200px;
    display: flex;
  }

  .mn-kanban__column-header {
    font-size: var(--text-caption);
    color: var(--mn-text);
    margin-bottom: var(--space-md);
    -webkit-user-select: none;
    user-select: none;
    justify-content: space-between;
    align-items: center;
    font-weight: 600;
    display: flex;
  }

  .mn-kanban__column-count {
    min-width: 20px;
    height: 20px;
    padding: 0 var(--space-xs);
    font-size: var(--text-micro);
    color: var(--mn-text-muted);
    background: color-mix(in srgb, var(--mn-text) 8%, transparent);
    border-radius: var(--radius-pill);
    justify-content: center;
    align-items: center;
    font-weight: 600;
    display: inline-flex;
  }

  .mn-kanban__cards {
    gap: var(--space-sm);
    flex-direction: column;
    flex: 1;
    min-height: 44px;
    display: flex;
  }

  .mn-kanban__card {
    background: var(--mn-surface);
    border: 1px solid var(--mn-border);
    border-radius: var(--radius-md);
    padding: var(--space-md);
    cursor: grab;
    transition: box-shadow var(--duration-sm) var(--ease-out),
              opacity var(--duration-sm) var(--ease-out);
    min-height: 44px;
  }

  .mn-kanban__card:hover {
    box-shadow: 0 2px 8px color-mix(in srgb, var(--mn-text) 10%, transparent);
  }

  .mn-kanban__card:focus-visible {
    outline: 2px solid var(--mn-accent);
    outline-offset: 2px;
  }

  .mn-kanban__card--dragging {
    opacity: .5;
    cursor: grabbing;
  }

  .mn-kanban__card--ghost {
    border: 2px dashed var(--mn-accent);
    background: color-mix(in srgb, var(--mn-accent) 5%, transparent);
    min-height: 44px;
  }

  .mn-kanban__card-title {
    font-weight: 600;
    font-size: var(--text-base);
    color: var(--mn-text);
    margin-bottom: var(--space-xs);
  }

  .mn-kanban__card-subtitle {
    font-size: var(--text-caption);
    color: var(--mn-text-muted);
    margin-bottom: var(--space-sm);
  }

  .mn-kanban__card-tags {
    gap: var(--space-xs);
    margin-bottom: var(--space-sm);
    flex-wrap: wrap;
    display: flex;
  }

  .mn-kanban__card-tag {
    padding: 2px var(--space-sm);
    font-size: var(--text-micro);
    color: var(--mn-accent);
    background: color-mix(in srgb, var(--mn-accent) 10%, transparent);
    border-radius: var(--radius-pill);
    font-weight: 500;
    display: inline-block;
  }

  .mn-kanban__card-priority {
    width: 8px;
    height: 8px;
    margin-right: var(--space-xs);
    vertical-align: middle;
    border-radius: 50%;
    display: inline-block;
  }

  .mn-kanban__card-priority--low {
    background: var(--mn-success);
  }

  .mn-kanban__card-priority--medium {
    background: var(--mn-warning);
  }

  .mn-kanban__card-priority--high {
    background: var(--mn-error);
  }

  .mn-kanban__card-priority--critical {
    background: var(--mn-error);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--mn-error) 30%, transparent);
  }

  .mn-kanban__drop-zone {
    border: 2px dashed var(--mn-accent);
    border-radius: var(--radius-md);
    background: color-mix(in srgb, var(--mn-accent) 5%, transparent);
    min-height: 44px;
    transition: background var(--duration-sm) var(--ease-out);
  }

  .mn-kanban--empty {
    min-height: 120px;
    color: var(--mn-text-muted);
    font-size: var(--text-caption);
    justify-content: center;
    align-items: center;
    font-style: italic;
    display: flex;
  }

  body.mn-avorio .mn-kanban__column {
    background: color-mix(in srgb, var(--mn-surface) 92%, var(--mn-text));
  }

  body.mn-avorio .mn-kanban__card {
    box-shadow: 0 1px 3px color-mix(in srgb, var(--mn-text) 12%, transparent);
  }

  @media (prefers-reduced-motion: reduce) {
    .mn-kanban__card, .mn-kanban__drop-zone {
      transition: none;
    }
  }

  @media (max-width: 768px) {
    .mn-kanban {
      grid-template-columns: 1fr;
    }
  }

  .mn-voice {
    align-items: center;
    gap: var(--space-sm);
    display: inline-flex;
    position: relative;
  }

  .mn-voice__btn {
    width: 44px;
    height: 44px;
    color: var(--mn-text-muted);
    cursor: pointer;
    transition: color var(--duration-sm) var(--ease-out),
              box-shadow var(--duration-sm) var(--ease-out);
    background: none;
    border: none;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    padding: 0;
    display: inline-flex;
  }

  .mn-voice__btn:hover {
    color: var(--mn-accent);
  }

  .mn-voice__btn:focus-visible {
    outline: 2px solid var(--mn-accent);
    outline-offset: 2px;
  }

  .mn-voice__btn svg {
    width: 20px;
    height: 20px;
  }

  .mn-voice--listening .mn-voice__btn {
    color: var(--mn-error);
    animation: 1.5s ease-in-out infinite mn-voice-pulse;
  }

  .mn-voice--processing .mn-voice__btn {
    color: var(--mn-info);
    animation: 1s linear infinite mn-voice-spin;
  }

  .mn-voice--error .mn-voice__btn {
    color: var(--mn-error);
    opacity: .5;
    cursor: not-allowed;
  }

  .mn-voice__waveform {
    align-items: center;
    gap: 2px;
    height: 24px;
    display: flex;
  }

  .mn-voice__waveform-bar {
    background: var(--mn-accent);
    width: 3px;
    min-height: 4px;
    animation: mn-voice-wave var(--duration-md) ease-in-out infinite alternate;
    border-radius: 1px;
  }

  .mn-voice__waveform-bar:nth-child(2) {
    animation-delay: .1s;
  }

  .mn-voice__waveform-bar:nth-child(3) {
    animation-delay: .2s;
  }

  .mn-voice__waveform-bar:nth-child(4) {
    animation-delay: .3s;
  }

  .mn-voice__waveform-bar:nth-child(5) {
    animation-delay: .15s;
  }

  .mn-voice__transcript {
    font-size: var(--text-caption);
    color: var(--mn-text-muted);
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 200px;
    font-style: italic;
    overflow: hidden;
  }

  @keyframes mn-voice-pulse {
    0%, 100% {
      box-shadow: 0 0 0 0 color-mix(in srgb, var(--mn-error) 40%, transparent);
    }

    50% {
      box-shadow: 0 0 0 8px #0000;
    }
  }

  @keyframes mn-voice-spin {
    from {
      transform: rotate(0);
    }

    to {
      transform: rotate(360deg);
    }
  }

  @keyframes mn-voice-wave {
    from {
      height: 4px;
    }

    to {
      height: 20px;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .mn-voice--listening .mn-voice__btn, .mn-voice--processing .mn-voice__btn {
      animation: none;
    }

    .mn-voice__waveform-bar {
      height: 12px;
      animation: none;
    }
  }

  .mn-header {
    padding: 0 var(--mn-space-md, 1rem);
    background: var(--mn-surface-raised);
    border-bottom: 1px solid var(--mn-border);
    align-items: center;
    gap: var(--mn-space-sm, .5rem);
    height: 48px;
    display: flex;
  }

  .mn-header__zone {
    align-items: center;
    gap: .5rem;
    display: flex;
  }

  .mn-header__zone--left {
    flex: none;
  }

  .mn-header__zone--center {
    flex: auto;
    justify-content: center;
  }

  .mn-header__zone--right {
    flex: none;
  }

  .mn-header__brand {
    font-family: var(--font-display, sans-serif);
    text-transform: uppercase;
    letter-spacing: .1em;
    color: var(--mn-accent);
    margin-right: var(--mn-space-sm, .5rem);
    align-items: center;
    gap: .5rem;
    font-size: .8125rem;
    font-weight: 700;
    text-decoration: none;
    display: flex;
  }

  .mn-header__brand-logo svg {
    width: 1.25rem;
    height: 1.25rem;
  }

  .mn-header__btn {
    color: var(--mn-text-muted);
    border-radius: var(--radius-sm, 4px);
    cursor: pointer;
    background: none;
    border: none;
    align-items: center;
    gap: .375rem;
    min-height: 2rem;
    padding: .375rem .75rem;
    font-size: .8125rem;
    transition: color .15s, background .15s;
    display: inline-flex;
  }

  .mn-header__btn:hover {
    color: var(--mn-text);
    background: var(--mn-hover-bg);
  }

  .mn-header__btn--active {
    color: var(--mn-accent);
  }

  .mn-header__btn:focus-visible {
    outline: 2px solid var(--mn-accent);
    outline-offset: 2px;
  }

  .mn-header__btn-icon svg {
    width: 1rem;
    height: 1rem;
  }

  .mn-header__sep {
    background: var(--mn-border);
    flex-shrink: 0;
    width: 1px;
    height: 1.25rem;
  }

  .mn-header__search {
    align-items: center;
    gap: .5rem;
    width: 100%;
    max-width: 400px;
    display: flex;
  }

  .mn-header__search-input {
    background: var(--mn-surface);
    border: 1px solid var(--mn-border);
    border-radius: var(--radius-sm, 4px);
    color: var(--mn-text);
    flex: 1;
    padding: .375rem .75rem;
    font-size: .8125rem;
  }

  .mn-header__search-input::placeholder {
    color: var(--mn-text-muted);
  }

  .mn-header__search-input:focus-visible {
    outline: 2px solid var(--mn-accent);
    outline-offset: -1px;
  }

  .mn-header__shortcut {
    color: var(--mn-text-muted);
    border: 1px solid var(--mn-border);
    border-radius: 3px;
    flex-shrink: 0;
    padding: .125rem .375rem;
    font-size: .6875rem;
  }

  .mn-header__filter-btn, .mn-header__profile {
    flex-shrink: 0;
  }

  .mn-tags-field {
    border: 1px solid var(--mn-border);
    border-radius: var(--radius-md);
    background: var(--mn-surface-input);
    cursor: text;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    min-height: 40px;
    padding: 6px 10px;
    display: flex;
  }

  .mn-tags-field:focus-within {
    border-color: var(--mn-accent);
  }

  .mn-tags-field__chips {
    display: contents;
  }

  .mn-tags-field__input {
    min-width: 80px;
    color: var(--mn-text);
    font-size: inherit;
    background: none;
    border: none;
    outline: none;
    flex: 1;
  }

  .mn-chip {
    background: var(--mn-accent-bg);
    color: var(--mn-text);
    border: 1px solid var(--mn-accent-border);
    border-radius: var(--radius-pill);
    white-space: nowrap;
    align-items: center;
    gap: 4px;
    padding: 2px 8px;
    font-size: .8rem;
    display: inline-flex;
  }

  .mn-chip__remove {
    all: unset;
    color: inherit;
    opacity: .6;
    cursor: pointer;
    padding: 0 2px;
    line-height: 1;
  }

  .mn-chip__remove:hover {
    opacity: 1;
  }

  .mn-person-field {
    position: relative;
  }

  .mn-person-field__dropdown {
    z-index: var(--z-dropdown);
    background: var(--mn-surface-raised);
    border: 1px solid var(--mn-border);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-elevated);
    max-height: 200px;
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    right: 0;
    overflow-y: auto;
  }

  .mn-person-field__item {
    cursor: pointer;
    align-items: center;
    gap: 10px;
    padding: 8px 12px;
    display: flex;
  }

  .mn-person-field__item:hover {
    background: var(--mn-accent-bg);
  }

  .mn-person__avatar {
    background: var(--mn-accent);
    width: 28px;
    height: 28px;
    color: var(--mn-accent-text);
    text-transform: uppercase;
    border-radius: 50%;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    font: 700 .7rem / 1 sans-serif;
    display: flex;
  }

  .mn-person-field__name {
    font-weight: 500;
  }

  .mn-person-field__email {
    color: var(--mn-text-muted);
    font-size: .75rem;
  }

  @media (max-width: 1024px) {
    .mn-header-shell {
      flex-wrap: wrap;
    }

    .mn-header-shell__search {
      flex-basis: 100%;
      order: 2;
    }
  }

  @media (max-width: 640px) {
    .mn-header-shell {
      gap: .5rem;
      padding-inline: .75rem;
    }

    .mn-header-shell__brand span:last-child, .mn-header-shell__shortcut {
      display: none;
    }

    .mn-header-shell__filters {
      width: 100%;
      margin-left: 0;
    }
  }
}

@layer controls {
  .mn-ctrl-cruise {
    align-items: center;
    gap: var(--space-sm);
    flex-direction: column;
    display: flex;
  }

  .mn-ctrl-cruise__housing {
    background: linear-gradient(135deg, var(--mn-surface-raised) 0%, var(--mn-surface) 100%);
    border-radius: var(--radius-xl);
    border: 1px solid var(--mn-border);
    cursor: pointer;
    width: 40px;
    height: 100px;
    position: relative;
    box-shadow: inset 0 2px 8px #0006, 0 4px 12px #0000004d;
  }

  .mn-ctrl-cruise__knob {
    border-radius: var(--radius-md);
    width: 32px;
    height: 28px;
    box-shadow: 0 2px 8px #00000080, inset 0 1px 0 var(--mn-hover-bg);
    transition: top .2s var(--ease-out);
    background: linear-gradient(#888 0%, #666 40%, #555 100%);
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
  }

  .mn-ctrl-cruise__marks {
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    padding: 10px 0;
    display: flex;
    position: absolute;
    top: 0;
    right: -40px;
  }

  .mn-ctrl-cruise__mark {
    font-family: var(--font-mono);
    font-size: var(--text-nano);
    color: var(--mn-text-muted);
    text-transform: uppercase;
    letter-spacing: .06em;
    transition: color .2s;
  }

  .mn-ctrl-cruise__mark--active {
    color: var(--mn-accent);
    font-weight: 600;
  }

  .mn-ctrl-cruise__label {
    font-family: var(--font-mono);
    font-size: var(--text-nano);
    color: var(--mn-text-muted);
    text-transform: uppercase;
    letter-spacing: .08em;
  }

  .mn-ctrl-manettino {
    --mn-ctrl-manettino-tint: var(--mn-error);
    align-items: center;
    gap: var(--space-sm);
    flex-direction: column;
    display: flex;
  }

  .mn-ctrl-manettino__housing {
    width: 120px;
    height: 120px;
    position: relative;
  }

  .mn-ctrl-manettino__knob {
    width: 56px;
    height: 56px;
    box-shadow: 0 4px 16px #00000080, inset 0 2px 4px var(--mn-hover-bg), inset 0 -2px 4px #0000004d;
    cursor: grab;
    transition: transform .15s var(--ease-out);
    background: radial-gradient(circle at 40% 35%, #e02020 0%, #c00000 50%, #900 100%);
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .mn-ctrl-manettino__pointer {
    background: var(--mn-surface);
    border-radius: 1px;
    width: 2px;
    height: 14px;
    position: absolute;
    top: 4px;
    left: 50%;
    transform: translateX(-50%);
  }

  .mn-ctrl-manettino__positions {
    position: absolute;
    inset: 0;
  }

  .mn-ctrl-manettino__pos {
    font-family: var(--font-mono);
    font-size: var(--text-nano);
    color: var(--mn-text-muted);
    text-transform: uppercase;
    letter-spacing: .04em;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    font-weight: 600;
    transition: color .2s;
    position: absolute;
  }

  .mn-ctrl-manettino__pos--active {
    color: var(--mn-error);
  }

  .mn-ctrl-manettino__label {
    font-family: var(--font-mono);
    font-size: var(--text-nano);
    color: var(--mn-text-muted);
    text-transform: uppercase;
    letter-spacing: .08em;
  }

  .mn-ctrl-lever {
    align-items: center;
    gap: var(--space-sm);
    flex-direction: column;
    display: flex;
  }

  .mn-ctrl-lever__track {
    background: linear-gradient(180deg, var(--mn-surface) 0%, var(--mn-surface-raised) 100%);
    border-radius: var(--radius-md);
    border: 1px solid var(--mn-border);
    cursor: pointer;
    width: 48px;
    height: 28px;
    position: relative;
    box-shadow: inset 0 2px 6px #00000080;
  }

  .mn-ctrl-lever__handle {
    width: 24px;
    height: 24px;
    box-shadow: 0 2px 6px #0006, inset 0 1px 0 var(--mn-hover-bg);
    transition: left .2s var(--ease-out);
    background: linear-gradient(#777 0%, #555 40%, #444 100%);
    border-radius: 50%;
    position: absolute;
    top: 2px;
    left: 2px;
  }

  .mn-ctrl-lever--on .mn-ctrl-lever__handle {
    left: 22px;
  }

  .mn-ctrl-lever--on .mn-ctrl-lever__track {
    background: linear-gradient(180deg, var(--mn-surface) 0%, #00a6514d 100%);
    border-color: var(--verde-racing);
  }

  .mn-ctrl-lever__label {
    font-family: var(--font-mono);
    font-size: var(--text-nano);
    color: var(--mn-text-muted);
    text-transform: uppercase;
    letter-spacing: .08em;
  }

  .mn-ctrl-stepped {
    align-items: center;
    gap: var(--space-sm);
    flex-direction: column;
    display: flex;
  }

  .mn-ctrl-stepped__housing {
    background: radial-gradient(circle at 40% 35%, var(--mn-surface-raised) 0%, var(--mn-surface) 100%);
    border: 1px solid var(--mn-border);
    width: 48px;
    height: 48px;
    box-shadow: 0 4px 12px #0006, inset 0 1px 0 var(--mn-hover-bg);
    cursor: pointer;
    border-radius: 50%;
    position: relative;
  }

  .mn-ctrl-stepped__indicator {
    background: var(--mn-border-strong);
    width: 2px;
    height: 10px;
    transition: transform .2s var(--ease-out);
    transform-origin: 50% 20px;
    border-radius: 1px;
    position: absolute;
    top: 4px;
    left: 50%;
    transform: translateX(-50%);
  }

  .mn-ctrl-stepped__marks {
    position: absolute;
    inset: -20px;
  }

  .mn-ctrl-stepped__mark {
    font-family: var(--font-mono);
    font-size: var(--text-nano);
    color: var(--mn-text-muted);
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    transition: color .2s;
    position: absolute;
  }

  .mn-ctrl-stepped__mark--active {
    color: var(--mn-text);
    font-weight: 600;
  }

  .mn-ctrl-stepped__label {
    font-family: var(--font-mono);
    font-size: var(--text-nano);
    color: var(--mn-text-muted);
    text-transform: uppercase;
    letter-spacing: .08em;
  }

  body.mn-avorio .mn-ctrl-cruise__housing {
    background: linear-gradient(135deg, var(--avorio-medio) 0%, var(--avorio-scuro) 100%);
    border-color: var(--avorio-scuro);
  }

  body.mn-avorio .mn-ctrl-cruise__mark--active, body.mn-avorio .mn-ctrl-manettino__pos--active {
    color: var(--mn-error);
  }

  body.mn-avorio .mn-ctrl-lever--on .mn-ctrl-lever__track {
    border-color: var(--mn-error);
  }

  body.mn-avorio .mn-ctrl-stepped__housing {
    background: radial-gradient(circle at 40% 35%, var(--avorio-medio) 0%, var(--avorio-scuro) 100%);
    border-color: var(--avorio-scuro);
  }

  body.mn-avorio .mn-ctrl-stepped__mark--active {
    color: var(--mn-text);
  }

  .mn-theme-rotary__pointer {
    --rotary-center: 70px;
  }

  .mn-machined-btn {
    justify-content: center;
    align-items: center;
    gap: var(--space-sm);
    font-family: var(--font-display);
    font-size: var(--text-micro);
    text-transform: uppercase;
    letter-spacing: .1em;
    color: var(--mn-text);
    border-radius: var(--radius-md);
    cursor: pointer;
    box-shadow: 0 4px 12px #0006,
    0 1px 3px #0000004d,
    inset 0 1px 0 var(--mn-hover-bg),
    inset 0 -1px 0 #0000004d,
    0 0 0 1px var(--mn-hover-bg);
    transition: all var(--duration-sm) var(--ease-out);
    background: linear-gradient(#4a4a48 0%, #3a3a38 40%, #2a2a28 100%);
    border: none;
    padding: 12px 28px;
    font-weight: 600;
    display: inline-flex;
    position: relative;
  }

  .mn-machined-btn:hover {
    box-shadow: 0 6px 18px #00000080,
    0 2px 4px #0000004d,
    inset 0 1px 0 var(--mn-hover-bg),
    inset 0 -1px 0 #0000004d,
    0 0 0 1px var(--mn-hover-bg);
    background: linear-gradient(#555552 0%, #444440 40%, #333330 100%);
    transform: translateY(-1px);
  }

  .mn-machined-btn:active {
    box-shadow: 0 0 2px #0006,
    inset 0 3px 8px #00000080,
    inset 0 1px 2px #0000004d,
    inset 0 -1px 0 var(--mn-hover-bg);
    background: linear-gradient(#222220 0%, #2a2a28 30%, #333330 100%);
    transition-duration: 80ms;
    transform: translateY(2px) scale(.98);
  }

  .mn-machined-btn:disabled, .mn-machined-btn--disabled {
    opacity: .35;
    cursor: not-allowed;
    pointer-events: none;
    box-shadow: 0 1px 4px #0003,
    inset 0 1px 0 var(--mn-hover-bg);
  }

  .mn-machined-btn--pressed {
    box-shadow: inset 0 3px 8px #0009,
    inset 0 1px 2px #0006,
    0 0 0 1px var(--mn-hover-bg);
    background: linear-gradient(#1a1a18 0%, #222220 40%, #2a2a28 100%);
    transform: translateY(1px);
  }

  .mn-machined-btn__indicator {
    background: var(--status-active);
    width: 6px;
    height: 6px;
    box-shadow: 0 0 6px var(--status-active);
    border-radius: 50%;
  }

  .mn-machined-btn--amber .mn-machined-btn__indicator {
    background: var(--mn-accent);
    box-shadow: 0 0 6px var(--mn-accent);
  }

  .mn-machined-btn--off .mn-machined-btn__indicator {
    background: var(--mn-border);
    box-shadow: none;
  }

  .mn-toggle {
    align-items: center;
    gap: var(--space-sm);
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    display: inline-flex;
    position: relative;
  }

  .mn-toggle__track {
    border-radius: var(--radius-pill);
    width: 48px;
    height: 24px;
    box-shadow: inset 0 2px 4px #0009,
    inset 0 0 1px #0006,
    0 1px 0 var(--mn-hover-bg);
    transition: background var(--duration-sm) var(--ease-out);
    background: linear-gradient(#1a1a1a 0%, #2a2a2a 100%);
    position: relative;
  }

  .mn-toggle__thumb {
    width: 20px;
    height: 20px;
    box-shadow: 0 2px 4px #0006,
    inset 0 1px 0 var(--mn-hover-bg);
    transition: all var(--duration-sm) var(--ease-out);
    background: radial-gradient(circle at 40% 35%, #888 0%, #555 60%, #333 100%);
    border-radius: 50%;
    position: absolute;
    top: 2px;
    left: 2px;
  }

  .mn-toggle--on .mn-toggle__track {
    background: linear-gradient(#3a3520 0%, #2a2a22 100%);
  }

  .mn-toggle--on .mn-toggle__thumb {
    background: radial-gradient(circle at 40% 35%, var(--mn-accent) 0%, #b8941e 60%, #8a6f15 100%);
    box-shadow: 0 0 8px #ffc72c66,
    0 2px 4px #0006,
    inset 0 1px 0 var(--mn-hover-bg);
    left: 26px;
  }

  .mn-toggle__label {
    font-family: var(--font-display);
    font-size: var(--text-micro);
    text-transform: uppercase;
    letter-spacing: .08em;
    color: var(--mn-text-tertiary);
    font-weight: 500;
  }

  .mn-toggle--on .mn-toggle__label {
    color: var(--mn-accent);
  }

  .mn-toggle input[type="checkbox"] {
    display: none;
  }

  .mn-a11y-toggle {
    border-radius: var(--radius-pill);
    background: var(--mn-border);
    cursor: pointer;
    width: 44px;
    height: 24px;
    transition: background .2s var(--ease-out);
    border: none;
    padding: 0;
    position: relative;
  }

  .mn-a11y-toggle--on {
    background: var(--mn-accent);
  }

  .mn-a11y-toggle__thumb {
    background: var(--mn-surface);
    width: 18px;
    height: 18px;
    transition: transform .2s var(--ease-out);
    box-shadow: var(--shadow-sm);
    border-radius: 50%;
    position: absolute;
    top: 3px;
    left: 3px;
  }

  .mn-a11y-toggle--on .mn-a11y-toggle__thumb {
    transform: translateX(20px);
  }

  .mn-climate {
    align-items: center;
    gap: var(--space-xl);
    padding: var(--space-lg) var(--space-xl);
    background: linear-gradient(180deg, var(--mn-surface-nero-1), var(--mn-surface-nero-2));
    border-radius: var(--radius-lg);
    box-shadow: inset 0 2px 6px #00000080,
    0 1px 0 var(--mn-hover-bg);
    display: flex;
  }

  .mn-climate__display {
    text-align: center;
    min-width: 80px;
  }

  .mn-climate__temp {
    font-family: var(--font-display);
    color: var(--mn-text);
    font-size: 2rem;
    font-weight: 700;
    line-height: 1;
  }

  .mn-climate__unit {
    font-family: var(--font-body);
    font-size: var(--text-micro);
    color: var(--mn-text-muted);
  }

  .mn-climate__controls {
    gap: var(--space-sm);
    flex-direction: column;
    flex: 1;
    display: flex;
  }

  body.mn-avorio .mn-machined-btn {
    background: linear-gradient(180deg, var(--mn-surface-avorio-3) 0%, var(--mn-surface-avorio-4) 40%, var(--mn-surface-avorio-5) 100%);
    color: var(--mn-text);
    box-shadow: 0 4px 12px #0000001f,
    0 1px 3px #00000014,
    inset 0 1px 0 var(--mn-hover-bg),
    inset 0 -1px 0 #00000014;
  }

  body.mn-avorio .mn-toggle__track {
    background: linear-gradient(180deg, var(--mn-surface-avorio-3), var(--mn-surface-avorio-6));
  }

  body.mn-avorio .mn-segmented {
    background: linear-gradient(180deg, var(--mn-surface-avorio-1), var(--mn-surface-avorio-2));
  }

  body.mn-avorio .mn-segmented__item {
    color: var(--mn-text-muted);
  }

  body.mn-avorio .mn-segmented__item--active {
    background: var(--mn-surface);
    color: var(--mn-text);
  }

  body.mn-avorio .mn-climate {
    background: linear-gradient(180deg, var(--mn-surface-avorio-1), var(--mn-surface-avorio-2));
  }

  body.mn-avorio .mn-climate__temp {
    color: var(--mn-text);
  }

  body.mn-avorio .mn-btn-cluster {
    background: linear-gradient(180deg, var(--mn-surface-avorio-1), var(--mn-surface-avorio-2));
  }

  body.mn-avorio .mn-btn-cluster__item {
    background: linear-gradient(180deg, var(--mn-surface-avorio-3), var(--mn-surface-avorio-6));
    color: var(--mn-text-muted);
  }

  body.mn-nero .mn-machined-btn {
    background: linear-gradient(180deg, var(--mn-surface-nero-1) 0%, var(--mn-surface-nero-2) 40%, var(--mn-surface-nero-3) 100%);
    color: var(--mn-text-tertiary);
    box-shadow: 0 2px 6px #0006, inset 0 1px 0 var(--mn-hover-bg);
  }

  body.mn-nero .mn-toggle__track, body.mn-nero .mn-segmented {
    background: linear-gradient(180deg, var(--mn-surface-nero-2), var(--mn-surface-nero-3));
    border-color: var(--mn-border);
  }

  body.mn-nero .mn-segmented__item {
    color: var(--mn-text-tertiary);
  }

  body.mn-nero .mn-segmented__item--active {
    background: var(--mn-surface-raised);
    color: var(--mn-text);
  }

  body.mn-nero .mn-climate {
    background: linear-gradient(180deg, var(--mn-surface-nero-2), var(--mn-surface-nero-3));
    border-color: var(--mn-border);
  }

  body.mn-nero .mn-climate__temp {
    color: var(--mn-text);
  }

  body.mn-nero .mn-btn-cluster {
    background: linear-gradient(180deg, var(--mn-surface-nero-2), var(--mn-surface-nero-3));
  }

  body.mn-nero .mn-btn-cluster__item {
    background: linear-gradient(180deg, var(--mn-surface-nero-1), var(--mn-surface-nero-2));
    color: var(--mn-text-tertiary);
  }

  body.mn-colorblind .mn-machined-btn {
    box-shadow: 0 4px 12px #0000002e,
    0 1px 3px #0000001a,
    inset 0 1px 0 var(--mn-hover-bg),
    inset 0 -1px 0 #0000001a;
  }

  body.mn-colorblind .mn-machined-btn:active, body.mn-colorblind .mn-machined-btn[aria-pressed="true"] {
    border-color: var(--mn-cb-blue);
    box-shadow: inset 0 2px 4px #0072b24d;
  }

  body.mn-colorblind .mn-toggle__track--on {
    background: var(--mn-cb-blue);
    border-color: var(--mn-cb-blue-dark);
  }

  body.mn-colorblind .mn-segmented__item--active {
    background: var(--mn-cb-blue);
    color: var(--mn-text);
  }

  body.mn-colorblind .mn-climate {
    border: 1px solid #0072b240;
  }

  body.mn-colorblind .mn-btn-cluster__item[aria-pressed="true"], body.mn-colorblind .mn-btn-cluster__item--active {
    background: var(--mn-cb-blue);
    color: var(--mn-text);
    border-color: var(--mn-cb-blue-dark);
  }

  .mn-btn-cluster {
    grid-template-columns: repeat(var(--cluster-cols, 3), 1fr);
    border-radius: var(--radius-lg);
    box-shadow: 0 4px 16px #0006,
    inset 0 1px 0 var(--mn-hover-bg);
    background: linear-gradient(#2a2a2a, #1a1a1a);
    gap: 4px;
    padding: 8px;
    display: inline-grid;
  }

  .mn-btn-cluster__item {
    font-family: var(--font-display);
    font-size: var(--text-nano);
    text-transform: uppercase;
    letter-spacing: .06em;
    color: var(--mn-text-tertiary);
    border-radius: var(--radius-sm);
    cursor: pointer;
    box-shadow: 0 1px 3px #0000004d,
    inset 0 1px 0 var(--mn-hover-bg);
    background: linear-gradient(#3a3a38, #2a2a28);
    border: none;
    justify-content: center;
    align-items: center;
    padding: 10px 14px;
    font-weight: 600;
    transition: all .2s cubic-bezier(.25, .46, .45, .94);
    display: flex;
    position: relative;
    overflow: hidden;
  }

  .mn-btn-cluster__item:after {
    content: "";
    opacity: 0;
    background: radial-gradient(circle, #ffc72c26 0%, #0000 70%);
    transition: opacity .3s;
    position: absolute;
    inset: 0;
  }

  .mn-btn-cluster__item:hover {
    color: var(--mn-text);
    box-shadow: 0 3px 8px #0006,
    inset 0 1px 0 var(--mn-hover-bg);
    background: linear-gradient(#4a4a48, #3a3a38);
    transform: translateY(-1px);
  }

  .mn-btn-cluster__item:hover:after {
    opacity: 1;
  }

  .mn-btn-cluster__item:active {
    background: linear-gradient(#222, #2a2a28);
    transform: translateY(0) scale(.96);
    box-shadow: inset 0 2px 4px #00000080;
  }

  .mn-btn-cluster__item--active {
    color: var(--mn-accent);
    background: linear-gradient(#3a3520, #2a2518);
    box-shadow: 0 2px 6px #0000004d, inset 0 1px #ffc72c1a, 0 0 0 1.5px #ffc72c59, 0 0 12px #ffc72c14;
  }

  .mn-btn-cluster__item--active:after {
    opacity: .6;
  }

  .mn-btn-cluster__item--active .mn-icon svg, .mn-btn-cluster__item--active .mn-icon {
    filter: drop-shadow(0 0 4px #ffc72c66);
  }

  .mn-color-picker {
    align-items: center;
    gap: var(--space-sm);
    flex-direction: column;
    display: flex;
  }

  .mn-color-picker__ring {
    cursor: pointer;
    background: conic-gradient(#dc0000 0deg, #ff8c00 45deg, #ffc72c 90deg, #00a651 135deg, #00bcd4 180deg, #448aff 225deg, #9c27b0 270deg, #e91e63 315deg, #dc0000 360deg);
    border-radius: 50%;
    width: 80px;
    height: 80px;
    position: relative;
    box-shadow: 0 4px 12px #0000004d, inset 0 0 0 3px #00000080;
  }

  .mn-color-picker__center {
    background: var(--mn-surface-raised);
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    inset: 16px;
    box-shadow: inset 0 2px 6px #0009;
  }

  .mn-color-picker__preview {
    width: 24px;
    height: 24px;
    transition: all var(--duration-sm) var(--ease-out);
    border-radius: 50%;
    box-shadow: 0 0 8px;
  }

  .mn-color-picker__label {
    font-family: var(--font-display);
    font-size: var(--text-nano);
    text-transform: uppercase;
    letter-spacing: .1em;
    color: var(--mn-text-tertiary);
    font-weight: 500;
  }

  .mn-color-picker__swatches {
    gap: 4px;
    display: flex;
  }

  .mn-color-picker__swatch {
    cursor: pointer;
    width: 16px;
    height: 16px;
    transition: all var(--duration-sm) var(--ease-out);
    box-shadow: var(--shadow-sm);
    border: 2px solid #0000;
    border-radius: 50%;
  }

  .mn-color-picker__swatch:hover, .mn-color-picker__swatch--active {
    border-color: var(--mn-text);
    transform: scale(1.2);
  }

  .mn-color-picker__preview--gold {
    background: var(--mn-accent);
    box-shadow: 0 0 8px var(--mn-accent);
  }

  .mn-rotary {
    align-items: center;
    gap: var(--space-sm);
    flex-direction: column;
    display: flex;
    position: relative;
  }

  .mn-rotary__housing {
    background: conic-gradient(from 200deg,
    var(--mn-metal-2) 0deg, var(--mn-metal-1) 40deg, var(--mn-metal-2) 80deg,
    var(--mn-metal-3) 120deg, var(--mn-metal-4) 180deg, var(--mn-metal-3) 240deg,
    var(--mn-metal-2) 280deg, var(--mn-metal-1) 320deg, var(--mn-metal-2) 360deg);
    width: 96px;
    height: 96px;
    box-shadow: 0 6px 24px #00000080,
    0 2px 6px #0000004d,
    inset 0 2px 1px var(--mn-hover-bg),
    inset 0 -2px 3px #0000004d,
    0 0 0 1px #0006;
    cursor: pointer;
    border-radius: 50%;
    position: relative;
  }

  .mn-rotary__dial {
    background: radial-gradient(circle at 45% 40%, var(--mn-metal-dial-hi) 0%, var(--mn-metal-dial-lo) 100%);
    box-shadow: inset 0 2px 8px #000c, 0 1px 0 var(--mn-hover-bg);
    border-radius: 50%;
    position: absolute;
    inset: 10px;
  }

  .mn-rotary__pointer {
    background: var(--mn-accent);
    border-radius: var(--radius-xs);
    width: 3px;
    height: 14px;
    box-shadow: 0 0 6px color-mix(in srgb, var(--mn-accent) 50%, transparent);
    transform-origin: 50% calc(50% + 30px);
    transition: transform var(--duration-md) var(--ease-out);
    margin-left: -1.5px;
    position: absolute;
    top: 8px;
    left: 50%;
  }

  .mn-rotary__notches {
    border-radius: 50%;
    position: absolute;
    inset: 0;
  }

  .mn-rotary__notch {
    background: var(--mn-text-muted);
    transform-origin: 50% 44px;
    width: 2px;
    height: 6px;
    margin-left: -1px;
    position: absolute;
    top: 4px;
    left: 50%;
  }

  .mn-rotary__notch--active {
    background: var(--mn-accent);
  }

  .mn-rotary__value {
    font-family: var(--font-display);
    font-size: var(--text-nano);
    color: var(--mn-accent);
    text-transform: uppercase;
    letter-spacing: .08em;
    font-weight: 600;
    position: absolute;
    bottom: -4px;
    left: 50%;
    transform: translateX(-50%);
  }

  .mn-rotary__label {
    font-family: var(--font-display);
    font-size: var(--text-micro);
    text-transform: uppercase;
    letter-spacing: .1em;
    color: var(--mn-text-tertiary);
    font-weight: 600;
  }

  .mn-slider {
    gap: var(--space-xs);
    flex-direction: column;
    width: 100%;
    display: flex;
  }

  .mn-slider__track {
    border-radius: var(--radius-xs);
    background: linear-gradient(90deg, var(--mn-surface-nero-1), var(--mn-metal-slider));
    cursor: pointer;
    height: 6px;
    position: relative;
    box-shadow: inset 0 1px 3px #0009;
  }

  .mn-slider__fill {
    border-radius: var(--radius-xs);
    height: 100%;
    transition: width var(--duration-sm) var(--ease-out);
    position: absolute;
    top: 0;
    left: 0;
  }

  .mn-slider__fill--warm {
    background: linear-gradient(90deg, var(--status-info), var(--mn-accent), var(--mn-error));
  }

  .mn-slider__fill--cool {
    background: linear-gradient(90deg, var(--status-info), var(--verde-racing));
  }

  .mn-slider__fill--mono {
    background: var(--mn-accent);
  }

  .mn-slider__thumb {
    background: radial-gradient(circle at 40% 35%, var(--mn-border-strong) 0%, var(--mn-text-muted) 40%, var(--mn-metal-2) 100%);
    width: 20px;
    height: 20px;
    box-shadow: 0 2px 6px #00000080,
    inset 0 1px 0 var(--mn-hover-bg),
    0 0 0 1px #0000004d;
    cursor: grab;
    transition: transform var(--duration-sm) var(--ease-out);
    border-radius: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
  }

  .mn-slider__thumb:hover {
    transform: translate(-50%, -50%) scale(1.15);
  }

  .mn-slider__labels {
    justify-content: space-between;
    display: flex;
  }

  .mn-slider__label {
    font-family: var(--font-display);
    font-size: var(--text-nano);
    text-transform: uppercase;
    letter-spacing: .08em;
    color: var(--mn-text-muted);
    font-weight: 500;
  }

  .mn-slider__label--active {
    color: var(--mn-accent);
  }

  .mn-segmented {
    border-radius: var(--radius-md);
    box-shadow: inset 0 2px 4px #00000080,
    0 1px 0 var(--mn-hover-bg);
    background: linear-gradient(#1a1a1a, #111);
    gap: 2px;
    padding: 3px;
    display: inline-flex;
    overflow: hidden;
  }

  .mn-segmented__item {
    font-family: var(--font-display);
    font-size: var(--text-micro);
    text-transform: uppercase;
    letter-spacing: .08em;
    color: var(--mn-text-muted);
    border-radius: calc(var(--radius-md) - 3px);
    cursor: pointer;
    transition: all var(--duration-sm) var(--ease-out);
    background: none;
    border: none;
    padding: 8px 20px;
    font-weight: 500;
  }

  .mn-segmented__item:hover {
    color: var(--mn-text-tertiary);
  }

  .mn-segmented__item--active {
    color: var(--mn-text);
    box-shadow: 0 2px 6px #0000004d,
    inset 0 1px 0 var(--mn-hover-bg);
    background: linear-gradient(#444 0%, #333 100%);
  }

  .mn-led {
    align-items: center;
    gap: var(--space-sm);
    display: inline-flex;
  }

  .mn-led__housing {
    width: 24px;
    height: 24px;
    box-shadow: 0 2px 6px #0006,
    inset 0 1px 0 var(--mn-hover-bg),
    inset 0 -1px 0 #0003;
    background: conic-gradient(from 200deg, #5a5a58, #3a3a38, #5a5a58);
    border-radius: 50%;
    position: relative;
  }

  .mn-led__bulb {
    border-radius: 50%;
    position: absolute;
    inset: 4px;
    box-shadow: inset 0 1px 3px #00000080;
  }

  .mn-led--green .mn-led__bulb {
    box-shadow: 0 0 8px #00a65180, inset 0 1px 2px var(--mn-hover-bg);
    background: radial-gradient(circle at 40% 35%, #4ade80, #00a651);
  }

  .mn-led--amber .mn-led__bulb {
    box-shadow: 0 0 8px #ffc72c80, inset 0 1px 2px var(--mn-hover-bg);
    background: radial-gradient(circle at 40% 35%, #ffe066, #ffc72c);
  }

  .mn-led--red .mn-led__bulb {
    box-shadow: 0 0 8px #dc000080, inset 0 1px 2px var(--mn-hover-bg);
    background: radial-gradient(circle at 40% 35%, #ff6b6b, #dc0000);
  }

  .mn-led--off .mn-led__bulb {
    background: radial-gradient(circle at 40% 35%, #333, #1a1a1a);
    box-shadow: inset 0 1px 3px #00000080;
  }

  .mn-led__text {
    font-family: var(--font-display);
    font-size: var(--text-micro);
    text-transform: uppercase;
    letter-spacing: .06em;
    color: var(--mn-text-tertiary);
    font-weight: 500;
  }
}

@layer forms {
  .mn-form-btn {
    justify-content: center;
    align-items: center;
    gap: var(--space-xs);
    font-family: var(--font-display);
    font-size: var(--text-micro);
    text-transform: uppercase;
    letter-spacing: .06em;
    border-radius: var(--mn-form-radius);
    cursor: pointer;
    transition: all var(--mn-form-transition);
    white-space: nowrap;
    border: 1.5px solid #0000;
    padding: 10px 24px;
    font-weight: 600;
    line-height: 1.5;
    display: inline-flex;
  }

  .mn-form-btn:disabled {
    opacity: .4;
    cursor: not-allowed;
    pointer-events: none;
  }

  .mn-form-btn--primary {
    background: var(--mn-accent);
    color: var(--mn-text-inverse);
    border-color: var(--mn-accent);
  }

  .mn-form-btn--primary:hover {
    background: var(--mn-accent-hover);
    border-color: var(--mn-accent-hover);
    box-shadow: 0 4px 12px #ffc72c4d;
  }

  .mn-form-btn--primary:active {
    box-shadow: none;
    transform: translateY(1px);
  }

  .mn-form-btn--secondary {
    color: var(--mn-text);
    border-color: var(--mn-border);
    background: none;
  }

  .mn-form-btn--secondary:hover {
    background: var(--mn-hover-bg);
    border-color: var(--mn-text-muted);
  }

  .mn-form-btn--danger {
    background: var(--mn-error);
    color: var(--mn-danger-text);
    border-color: var(--mn-error);
  }

  .mn-form-btn--danger:hover {
    background: color-mix(in srgb, var(--mn-error) 85%, #000);
    box-shadow: 0 4px 12px #dc00004d;
  }

  .mn-form-btn--ghost {
    color: var(--mn-text-tertiary);
    background: none;
    border-color: #0000;
    padding: 10px 16px;
  }

  .mn-form-btn--ghost:hover {
    background: var(--mn-hover-bg);
    color: var(--mn-text);
  }

  .mn-form-btn--success {
    background: var(--verde-racing);
    color: var(--mn-text);
    border-color: var(--verde-racing);
  }

  .mn-form-btn--success:hover {
    background: var(--verde-hover);
    box-shadow: 0 4px 12px #00a6514d;
  }

  .mn-form-btn--sm {
    font-size: var(--text-nano);
    padding: 6px 16px;
  }

  .mn-form-btn--lg {
    font-size: var(--text-caption);
    padding: 14px 32px;
  }

  .mn-form-btn--icon {
    min-width: 36px;
    min-height: 36px;
    padding: 8px;
  }

  .mn-form-btn--icon svg {
    width: 18px;
    height: 18px;
  }

  .mn-form-btn--loading {
    pointer-events: none;
    color: #0000;
    position: relative;
  }

  .mn-form-btn--loading:after {
    content: "";
    border: 2px solid var(--mn-hover-bg);
    border-top-color: currentColor;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    animation: .6s linear infinite mn-spin;
    position: absolute;
  }

  .mn-form-btn--primary.mn-form-btn--loading:after {
    border-color: #0003;
    border-top-color: var(--mn-text-inverse);
  }

  @keyframes mn-spin {
    to {
      transform: rotate(360deg);
    }
  }

  :root {
    --mn-form-bg: var(--mn-surface);
    --mn-form-border: var(--mn-border);
    --mn-form-text: var(--mn-text);
    --mn-form-placeholder: var(--mn-text-muted);
    --mn-form-label: var(--mn-border-strong);
    --mn-form-focus: var(--mn-accent);
    --mn-form-focus-ring: #ffc72c40;
    --mn-form-error: var(--mn-error);
    --mn-form-error-bg: #dc00000f;
    --mn-form-success: var(--verde-racing);
    --mn-form-success-bg: #00a6510f;
    --mn-form-warning: var(--status-warning);
    --mn-form-warning-bg: #ffb3000f;
    --mn-form-disabled-bg: var(--mn-hover-bg);
    --mn-form-disabled-text: var(--mn-border);
    --mn-form-radius: var(--radius-sm);
    --mn-form-transition: var(--duration-sm) var(--ease-out);
  }

  .mn-form {
    gap: var(--space-lg);
    flex-direction: column;
    display: flex;
  }

  .mn-form--grid {
    gap: var(--space-lg) var(--space-xl);
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    display: grid;
  }

  .mn-form--inline {
    align-items: flex-end;
    gap: var(--space-md);
    flex-flow: wrap;
  }

  .mn-form--inline .mn-field {
    flex: 1;
    min-width: 180px;
  }

  .mn-field--full {
    grid-column: 1 / -1;
  }

  .mn-form__section {
    gap: var(--space-md);
    flex-direction: column;
    grid-column: 1 / -1;
    display: flex;
  }

  .mn-form__section-title {
    font-family: var(--font-display);
    font-size: var(--text-caption);
    text-transform: uppercase;
    letter-spacing: .08em;
    color: var(--mn-accent);
    padding-bottom: var(--space-xs);
    border-bottom: 1px solid var(--mn-border);
    font-weight: 600;
  }

  .mn-form__row {
    gap: var(--space-md);
    align-items: flex-start;
    display: flex;
  }

  .mn-form__row > .mn-field {
    flex: 1;
  }

  .mn-form__actions {
    align-items: center;
    gap: var(--space-sm);
    padding-top: var(--space-lg);
    border-top: 1px solid var(--mn-border);
    grid-column: 1 / -1;
    display: flex;
  }

  .mn-form__actions--right {
    justify-content: flex-end;
  }

  .mn-form__actions--between {
    justify-content: space-between;
  }

  .mn-form__actions--center {
    justify-content: center;
  }

  .mn-field {
    gap: var(--space-xs);
    flex-direction: column;
    display: flex;
  }

  .mn-field__label {
    font-family: var(--font-display);
    font-size: var(--text-micro);
    text-transform: uppercase;
    letter-spacing: .06em;
    color: var(--mn-form-label);
    font-weight: 500;
  }

  .mn-field__label--required:after {
    content: " *";
    color: var(--mn-form-error);
  }

  .mn-field__hint {
    font-family: var(--font-body);
    font-size: var(--text-micro);
    color: var(--mn-text-muted);
    line-height: 1.4;
  }

  .mn-field__error {
    font-family: var(--font-body);
    font-size: var(--text-micro);
    color: var(--mn-form-error);
    opacity: 0;
    align-items: center;
    gap: 4px;
    max-height: 0;
    line-height: 1.4;
    transition: opacity .2s, max-height .2s;
    display: flex;
    overflow: hidden;
  }

  .mn-field--error .mn-field__error {
    opacity: 1;
    max-height: 40px;
  }

  .mn-field__success {
    font-family: var(--font-body);
    font-size: var(--text-micro);
    color: var(--mn-form-success);
    align-items: center;
    gap: 4px;
    display: flex;
  }

  .mn-field__counter {
    font-family: var(--font-mono, monospace);
    font-size: var(--text-nano);
    color: var(--mn-text-muted);
    text-align: right;
  }

  .mn-checkbox {
    align-items: center;
    gap: var(--space-sm);
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    display: inline-flex;
    position: relative;
  }

  .mn-checkbox input[type="checkbox"] {
    opacity: 0;
    width: 0;
    height: 0;
    position: absolute;
  }

  .mn-checkbox__box {
    border-radius: var(--radius-sm);
    border: 1.5px solid var(--mn-form-border);
    background: var(--mn-form-bg);
    width: 20px;
    height: 20px;
    transition: all var(--mn-form-transition);
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .mn-checkbox__box svg {
    width: 14px;
    height: 14px;
    stroke: var(--mn-text-inverse);
    stroke-width: 3px;
    fill: none;
    opacity: 0;
    transition: all .15s;
    transform: scale(.5);
  }

  .mn-checkbox:hover .mn-checkbox__box {
    border-color: var(--mn-text-muted);
  }

  .mn-checkbox input:checked + .mn-checkbox__box {
    background: var(--mn-accent);
    border-color: var(--mn-accent);
  }

  .mn-checkbox input:checked + .mn-checkbox__box svg {
    opacity: 1;
    transform: scale(1);
  }

  .mn-checkbox input:focus-visible + .mn-checkbox__box {
    box-shadow: 0 0 0 3px var(--mn-form-focus-ring);
  }

  .mn-checkbox input:disabled + .mn-checkbox__box {
    opacity: .4;
    cursor: not-allowed;
  }

  .mn-checkbox__label {
    font-family: var(--font-body);
    font-size: var(--text-caption);
    color: var(--mn-form-text);
  }

  .mn-checkbox input:disabled ~ .mn-checkbox__label {
    opacity: .4;
    cursor: not-allowed;
  }

  .mn-checkbox-group {
    gap: var(--space-sm);
    flex-direction: column;
    display: flex;
  }

  .mn-checkbox-group--horizontal {
    gap: var(--space-md);
    flex-flow: wrap;
  }

  .mn-radio {
    align-items: center;
    gap: var(--space-sm);
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    display: inline-flex;
    position: relative;
  }

  .mn-radio input[type="radio"] {
    opacity: 0;
    width: 0;
    height: 0;
    position: absolute;
  }

  .mn-radio__circle {
    border: 1.5px solid var(--mn-form-border);
    background: var(--mn-form-bg);
    width: 20px;
    height: 20px;
    transition: all var(--mn-form-transition);
    border-radius: 50%;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .mn-radio__dot {
    background: var(--mn-accent);
    opacity: 0;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    transition: all .15s;
    transform: scale(0);
  }

  .mn-radio:hover .mn-radio__circle {
    border-color: var(--mn-text-muted);
  }

  .mn-radio input:checked + .mn-radio__circle {
    border-color: var(--mn-accent);
  }

  .mn-radio input:checked + .mn-radio__circle .mn-radio__dot {
    opacity: 1;
    transform: scale(1);
  }

  .mn-radio input:focus-visible + .mn-radio__circle {
    box-shadow: 0 0 0 3px var(--mn-form-focus-ring);
  }

  .mn-radio input:disabled + .mn-radio__circle {
    opacity: .4;
    cursor: not-allowed;
  }

  .mn-radio__label {
    font-family: var(--font-body);
    font-size: var(--text-caption);
    color: var(--mn-form-text);
  }

  .mn-radio-group {
    gap: var(--space-sm);
    flex-direction: column;
    display: flex;
  }

  .mn-radio-group--horizontal {
    gap: var(--space-md);
    flex-flow: wrap;
  }

  .mn-form-toggle {
    align-items: center;
    gap: var(--space-sm);
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    display: inline-flex;
    position: relative;
  }

  .mn-form-toggle input {
    opacity: 0;
    width: 0;
    height: 0;
    position: absolute;
  }

  .mn-form-toggle__track {
    border-radius: var(--radius-pill);
    background: var(--mn-border);
    width: 40px;
    height: 22px;
    transition: background var(--mn-form-transition);
    flex-shrink: 0;
    position: relative;
  }

  .mn-form-toggle__thumb {
    background: var(--mn-text-tertiary);
    width: 18px;
    height: 18px;
    transition: all var(--mn-form-transition);
    box-shadow: var(--shadow-sm);
    border-radius: 50%;
    position: absolute;
    top: 2px;
    left: 2px;
  }

  .mn-form-toggle input:checked + .mn-form-toggle__track {
    background: var(--mn-accent);
  }

  .mn-form-toggle input:checked + .mn-form-toggle__track .mn-form-toggle__thumb {
    background: var(--mn-text-inverse);
    left: 20px;
  }

  .mn-form-toggle input:focus-visible + .mn-form-toggle__track {
    box-shadow: 0 0 0 3px var(--mn-form-focus-ring);
  }

  .mn-form-toggle__label {
    font-family: var(--font-body);
    font-size: var(--text-caption);
    color: var(--mn-form-text);
  }

  .mn-file-upload {
    padding: var(--space-xl);
    border: 2px dashed var(--mn-form-border);
    border-radius: var(--mn-form-radius);
    background: var(--mn-form-bg);
    cursor: pointer;
    transition: all var(--mn-form-transition);
    text-align: center;
    justify-content: center;
    align-items: center;
    gap: var(--space-sm);
    flex-direction: column;
    display: flex;
    position: relative;
  }

  .mn-file-upload:hover, .mn-file-upload--dragover {
    border-color: var(--mn-form-focus);
    background: #ffc72c0a;
  }

  .mn-file-upload input[type="file"] {
    opacity: 0;
    cursor: pointer;
    position: absolute;
    inset: 0;
  }

  .mn-file-upload__icon {
    width: 32px;
    height: 32px;
    color: var(--mn-text-muted);
  }

  .mn-file-upload__text {
    font-family: var(--font-body);
    font-size: var(--text-caption);
    color: var(--mn-text-tertiary);
  }

  .mn-file-upload__text strong {
    color: var(--mn-accent);
  }

  .mn-file-upload__hint {
    font-family: var(--font-body);
    font-size: var(--text-micro);
    color: var(--mn-text-muted);
  }

  .mn-form-input[type="date"], .mn-form-input[type="datetime-local"], .mn-form-input[type="time"], .mn-form-input[type="month"], .mn-form-input[type="week"] {
    --lightningcss-light: ;
    --lightningcss-dark: initial;
    color-scheme: dark;
  }

  .mn-form-input[type="date"]::-webkit-calendar-picker-indicator {
    filter: invert(.7);
    cursor: pointer;
  }

  .mn-form-input[type="datetime-local"]::-webkit-calendar-picker-indicator {
    filter: invert(.7);
    cursor: pointer;
  }

  .mn-form-input[type="time"]::-webkit-calendar-picker-indicator {
    filter: invert(.7);
    cursor: pointer;
  }

  .mn-form-range {
    border-radius: var(--radius-xs);
    background: var(--mn-border);
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer;
    outline: none;
    width: 100%;
    height: 6px;
  }

  .mn-form-range::-webkit-slider-thumb {
    -webkit-appearance: none;
    background: var(--mn-accent);
    border: 2px solid var(--mn-surface);
    width: 20px;
    height: 20px;
    box-shadow: var(--shadow-card);
    cursor: grab;
    border-radius: 50%;
    transition: transform .15s;
  }

  .mn-form-range::-webkit-slider-thumb:hover {
    transform: scale(1.15);
  }

  .mn-form-range::-moz-range-thumb {
    background: var(--mn-accent);
    border: 2px solid var(--mn-surface);
    width: 20px;
    height: 20px;
    box-shadow: var(--shadow-card);
    cursor: grab;
    border-radius: 50%;
  }

  .mn-form-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 3px var(--mn-form-focus-ring);
  }

  .mn-form-input {
    font-family: var(--font-body);
    font-size: var(--text-caption);
    border: 1.5px solid var(--mn-form-border);
    border-radius: var(--mn-form-radius);
    background: var(--mn-form-bg);
    color: var(--mn-form-text);
    width: 100%;
    transition: border-color var(--mn-form-transition),
              box-shadow var(--mn-form-transition),
              background var(--mn-form-transition);
    outline: none;
    padding: 10px 14px;
    line-height: 1.5;
  }

  .mn-form-input::placeholder {
    color: var(--mn-form-placeholder);
  }

  .mn-form-input:hover {
    border-color: var(--mn-text-muted);
  }

  .mn-form-input:focus {
    border-color: var(--mn-form-focus);
    box-shadow: 0 0 0 3px var(--mn-form-focus-ring);
  }

  .mn-form-input:disabled, .mn-form-input[readonly] {
    background: var(--mn-form-disabled-bg);
    color: var(--mn-form-disabled-text);
    cursor: not-allowed;
    opacity: .6;
  }

  .mn-form-input--sm {
    font-size: var(--text-micro);
    padding: 6px 10px;
  }

  .mn-form-input--lg {
    font-size: var(--text-body);
    padding: 14px 18px;
  }

  .mn-field__input-wrap {
    align-items: center;
    display: flex;
    position: relative;
  }

  .mn-field__input-wrap .mn-form-input {
    padding-left: 38px;
  }

  .mn-field__input-wrap--suffix .mn-form-input {
    padding-left: 14px;
    padding-right: 38px;
  }

  .mn-field__input-icon {
    width: 18px;
    height: 18px;
    color: var(--mn-text-muted);
    pointer-events: none;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    left: 12px;
  }

  .mn-field__input-wrap--suffix .mn-field__input-icon {
    left: auto;
    right: 12px;
  }

  .mn-field__clear {
    background: var(--mn-border);
    width: 20px;
    height: 20px;
    color: var(--mn-text-tertiary);
    cursor: pointer;
    border: none;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    transition: background .15s;
    display: none;
    position: absolute;
    right: 10px;
  }

  .mn-field__clear:hover {
    background: var(--mn-text-muted);
    color: var(--mn-text);
  }

  .mn-form-input:not(:placeholder-shown) ~ .mn-field__clear {
    display: flex;
  }

  .mn-field--error .mn-form-input, .mn-field--error .mn-form-select, .mn-field--error .mn-form-textarea {
    border-color: var(--mn-form-error);
    background: var(--mn-form-error-bg);
  }

  .mn-field--error .mn-form-input:focus, .mn-field--error .mn-form-select:focus, .mn-field--error .mn-form-textarea:focus {
    box-shadow: 0 0 0 3px #dc000033;
  }

  .mn-field--error .mn-field__label {
    color: var(--mn-form-error);
  }

  .mn-field--success .mn-form-input, .mn-field--success .mn-form-select, .mn-field--success .mn-form-textarea {
    border-color: var(--mn-form-success);
    background: var(--mn-form-success-bg);
  }

  .mn-field--success .mn-form-input:focus, .mn-field--success .mn-form-select:focus, .mn-field--success .mn-form-textarea:focus {
    box-shadow: 0 0 0 3px #00a65133;
  }

  .mn-field--warning .mn-form-input, .mn-field--warning .mn-form-select, .mn-field--warning .mn-form-textarea {
    border-color: var(--mn-form-warning);
    background: var(--mn-form-warning-bg);
  }

  .mn-form-textarea {
    font-family: var(--font-body);
    font-size: var(--text-caption);
    border: 1.5px solid var(--mn-form-border);
    border-radius: var(--mn-form-radius);
    background: var(--mn-form-bg);
    color: var(--mn-form-text);
    resize: vertical;
    width: 100%;
    min-height: 100px;
    transition: border-color var(--mn-form-transition),
              box-shadow var(--mn-form-transition);
    outline: none;
    padding: 10px 14px;
    line-height: 1.6;
  }

  .mn-form-textarea::placeholder {
    color: var(--mn-form-placeholder);
  }

  .mn-form-textarea:hover {
    border-color: var(--mn-text-muted);
  }

  .mn-form-textarea:focus {
    border-color: var(--mn-form-focus);
    box-shadow: 0 0 0 3px var(--mn-form-focus-ring);
  }

  .mn-form-textarea:disabled {
    background: var(--mn-form-disabled-bg);
    color: var(--mn-form-disabled-text);
    cursor: not-allowed;
    opacity: .6;
  }

  .mn-form-textarea--auto {
    resize: none;
    overflow: hidden;
  }

  .mn-form-select {
    font-family: var(--font-body);
    font-size: var(--text-caption);
    border: 1.5px solid var(--mn-form-border);
    border-radius: var(--mn-form-radius);
    background: var(--mn-form-bg);
    color: var(--mn-form-text);
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    transition: border-color var(--mn-form-transition),
              box-shadow var(--mn-form-transition);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239e9e9e' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
    background-position: right 12px center;
    background-repeat: no-repeat;
    outline: none;
    padding: 10px 38px 10px 14px;
  }

  .mn-form-select:hover {
    border-color: var(--mn-text-muted);
  }

  .mn-form-select:focus {
    border-color: var(--mn-form-focus);
    box-shadow: 0 0 0 3px var(--mn-form-focus-ring);
  }

  .mn-form-select:disabled {
    background: var(--mn-form-disabled-bg);
    color: var(--mn-form-disabled-text);
    cursor: not-allowed;
    opacity: .6;
  }

  .mn-form-select option {
    background: var(--mn-surface-raised);
    color: var(--mn-text);
  }

  .mn-form-select[multiple] {
    padding: var(--space-sm);
    background-image: none;
    min-height: 100px;
  }

  .mn-tag-input {
    border: 1.5px solid var(--mn-form-border);
    border-radius: var(--mn-form-radius);
    background: var(--mn-form-bg);
    cursor: text;
    min-height: 40px;
    transition: border-color var(--mn-form-transition),
              box-shadow var(--mn-form-transition);
    flex-wrap: wrap;
    align-items: center;
    gap: 4px;
    padding: 6px 10px;
    display: flex;
  }

  .mn-tag-input:focus-within {
    border-color: var(--mn-form-focus);
    box-shadow: 0 0 0 3px var(--mn-form-focus-ring);
  }

  .mn-tag-input__chip {
    border-radius: var(--radius-pill);
    font-family: var(--font-body);
    font-size: var(--text-micro);
    color: var(--mn-accent);
    white-space: nowrap;
    background: #ffc72c26;
    border: 1px solid #ffc72c4d;
    align-items: center;
    gap: 4px;
    padding: 2px 8px;
    display: inline-flex;
  }

  .mn-tag-input__chip-remove {
    width: 14px;
    height: 14px;
    color: var(--mn-accent);
    cursor: pointer;
    background: none;
    border: none;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    padding: 0;
    font-size: 10px;
    transition: background .15s;
    display: flex;
  }

  .mn-tag-input__chip-remove:hover {
    background: #ffc72c4d;
  }

  .mn-tag-input__field {
    min-width: 80px;
    color: var(--mn-form-text);
    font-family: var(--font-body);
    font-size: var(--text-caption);
    background: none;
    border: none;
    outline: none;
    flex: 1;
  }

  .mn-tag-input__field::placeholder {
    color: var(--mn-form-placeholder);
  }

  .mn-search-input {
    align-items: center;
    display: flex;
    position: relative;
  }

  .mn-search-input .mn-form-input {
    padding-left: 38px;
    padding-right: 38px;
  }

  .mn-search-input__icon {
    width: 18px;
    height: 18px;
    color: var(--mn-text-muted);
    pointer-events: none;
    position: absolute;
    left: 12px;
  }

  .mn-search-input__clear {
    background: var(--mn-border);
    width: 20px;
    height: 20px;
    color: var(--mn-text-tertiary);
    cursor: pointer;
    border: none;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    display: none;
    position: absolute;
    right: 10px;
  }

  .mn-password-wrap {
    position: relative;
  }

  .mn-password-wrap .mn-form-input {
    padding-right: 42px;
  }

  .mn-password-toggle {
    width: 24px;
    height: 24px;
    color: var(--mn-text-muted);
    cursor: pointer;
    border-radius: var(--radius-sm);
    background: none;
    border: none;
    justify-content: center;
    align-items: center;
    padding: 0;
    transition: color .15s;
    display: flex;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
  }

  .mn-password-toggle:hover {
    color: var(--mn-text);
  }

  .mn-form-card {
    border: 1px solid var(--mn-border);
    border-radius: var(--radius-md);
    padding: var(--space-lg);
    background: var(--mn-hover-bg);
  }

  .mn-form-card__title {
    font-family: var(--font-display);
    font-size: var(--text-h3);
    color: var(--mn-text);
    margin-bottom: var(--space-md);
    font-weight: 600;
  }

  .mn-form-card__description {
    font-family: var(--font-body);
    font-size: var(--text-caption);
    color: var(--mn-text-muted);
    margin-bottom: var(--space-lg);
  }

  .mn-inline-edit {
    align-items: center;
    gap: var(--space-xs);
    border-radius: var(--mn-form-radius);
    cursor: pointer;
    font-family: var(--font-body);
    font-size: var(--text-caption);
    color: var(--mn-form-text);
    border: 1px solid #0000;
    padding: 4px 8px;
    transition: all .15s;
    display: inline-flex;
  }

  .mn-inline-edit:hover {
    background: var(--mn-hover-bg);
    border-color: var(--mn-border);
  }

  .mn-inline-edit__icon {
    width: 14px;
    height: 14px;
    color: var(--mn-text-muted);
    opacity: 0;
    transition: opacity .15s;
  }

  .mn-inline-edit:hover .mn-inline-edit__icon {
    opacity: 1;
  }

  .mn-inline-edit--editing {
    border-color: var(--mn-form-focus);
    background: var(--mn-form-bg);
    cursor: text;
  }

  .mn-inline-edit--editing .mn-inline-edit__icon {
    display: none;
  }

  .mn-form-steps {
    margin-bottom: var(--space-xl);
    align-items: center;
    gap: 0;
    display: flex;
  }

  .mn-form-step {
    align-items: center;
    gap: var(--space-xs);
    flex: 1;
    display: flex;
    position: relative;
  }

  .mn-form-step__number {
    background: var(--mn-border);
    width: 28px;
    height: 28px;
    color: var(--mn-text-tertiary);
    font-family: var(--font-display);
    font-size: var(--text-micro);
    border-radius: 50%;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    transition: all .3s;
    display: flex;
  }

  .mn-form-step__label {
    font-family: var(--font-body);
    font-size: var(--text-micro);
    color: var(--mn-text-muted);
    white-space: nowrap;
  }

  .mn-form-step__line {
    background: var(--mn-border);
    height: 2px;
    margin: 0 var(--space-sm);
    flex: 1;
    transition: background .3s;
  }

  .mn-form-step--active .mn-form-step__number {
    background: var(--mn-accent);
    color: var(--mn-text-inverse);
    box-shadow: 0 0 12px #ffc72c4d;
  }

  .mn-form-step--active .mn-form-step__label {
    color: var(--mn-accent);
  }

  .mn-form-step--complete .mn-form-step__number {
    background: var(--verde-racing);
    color: var(--mn-text);
  }

  .mn-form-step--complete .mn-form-step__line {
    background: var(--verde-racing);
  }

  .mn-form-step--complete .mn-form-step__label {
    color: var(--verde-racing);
  }

  body.mn-avorio {
    --mn-form-bg: var(--mn-surface-input);
    --mn-form-border: var(--mn-border-strong);
    --mn-form-text: var(--mn-text);
    --mn-form-placeholder: var(--mn-text-tertiary);
    --mn-form-label: var(--mn-text-muted);
    --mn-form-focus: var(--mn-error);
    --mn-form-focus-ring: #dc000026;
    --mn-form-disabled-bg: var(--mn-surface);
    --mn-form-disabled-text: var(--mn-border-strong);
  }

  body.mn-avorio .mn-form__section-title {
    color: var(--mn-error);
    border-bottom-color: var(--mn-border-strong);
  }

  body.mn-avorio .mn-form__actions {
    border-top-color: var(--mn-border-strong);
  }

  body.mn-avorio .mn-form-btn--secondary {
    color: var(--mn-text);
    border-color: var(--mn-border-strong);
  }

  body.mn-avorio .mn-form-btn--secondary:hover {
    border-color: var(--mn-text-muted);
    background: #0000000a;
  }

  body.mn-avorio .mn-form-btn--ghost {
    color: var(--mn-text-muted);
  }

  body.mn-avorio .mn-form-btn--ghost:hover {
    color: var(--mn-text);
    background: #0000000a;
  }

  body.mn-avorio .mn-checkbox input:checked + .mn-checkbox__box {
    background: var(--mn-error);
    border-color: var(--mn-error);
  }

  body.mn-avorio .mn-radio input:checked + .mn-radio__circle {
    border-color: var(--mn-error);
  }

  body.mn-avorio .mn-radio__dot, body.mn-avorio .mn-form-toggle input:checked + .mn-form-toggle__track {
    background: var(--mn-error);
  }

  body.mn-avorio .mn-form-toggle input:checked + .mn-form-toggle__track .mn-form-toggle__thumb {
    background: var(--mn-surface);
  }

  body.mn-avorio .mn-tag-input__chip {
    color: var(--mn-error);
    background: #dc000014;
    border-color: #dc000033;
  }

  body.mn-avorio .mn-file-upload:hover, body.mn-avorio .mn-file-upload--dragover {
    border-color: var(--mn-error);
    background: #dc000008;
  }

  body.mn-avorio .mn-file-upload__text strong {
    color: var(--mn-error);
  }

  body.mn-avorio .mn-form-range::-webkit-slider-thumb {
    background: var(--mn-error);
  }

  body.mn-avorio .mn-form-range::-moz-range-thumb {
    background: var(--mn-error);
  }

  body.mn-avorio .mn-form-input[type="date"], body.mn-avorio .mn-form-input[type="datetime-local"], body.mn-avorio .mn-form-input[type="time"] {
    --lightningcss-light: initial;
    --lightningcss-dark: ;
    color-scheme: light;
  }

  body.mn-avorio .mn-form-input[type="date"]::-webkit-calendar-picker-indicator {
    filter: none;
  }

  body.mn-avorio .mn-form-input[type="datetime-local"]::-webkit-calendar-picker-indicator {
    filter: none;
  }

  body.mn-avorio .mn-form-card {
    border-color: var(--mn-border-strong);
    background: #00000005;
  }

  body.mn-avorio .mn-form-card__title {
    color: var(--mn-text);
  }

  body.mn-avorio .mn-form-step__number {
    background: var(--mn-border-strong);
    color: var(--mn-text-muted);
  }

  body.mn-avorio .mn-form-step--active .mn-form-step__number {
    background: var(--mn-error);
    color: var(--mn-text);
    box-shadow: 0 0 12px #dc000033;
  }

  body.mn-avorio .mn-form-step--active .mn-form-step__label {
    color: var(--mn-error);
  }

  body.mn-avorio .mn-inline-edit:hover {
    border-color: var(--mn-border-strong);
    background: #00000008;
  }

  body.mn-nero .mn-form-input, body.mn-nero .mn-form-select, body.mn-nero .mn-form-textarea {
    background: var(--mn-surface-sunken);
    border-color: var(--mn-border);
  }

  body.mn-colorblind {
    --mn-form-focus: var(--mn-cb-blue);
    --mn-form-focus-ring: color-mix(in srgb, var(--signal-info) 25%, transparent);
    --mn-form-error: var(--mn-cb-orange);
    --mn-form-success: var(--mn-cb-green);
    --mn-form-warning: var(--mn-cb-yellow);
  }

  body.mn-colorblind .mn-checkbox input:checked + .mn-checkbox__box {
    background: var(--mn-cb-blue);
    border-color: var(--mn-cb-blue);
  }

  body.mn-colorblind .mn-radio input:checked + .mn-radio__circle {
    border-color: var(--mn-cb-blue);
  }

  body.mn-colorblind .mn-radio__dot, body.mn-colorblind .mn-form-toggle input:checked + .mn-form-toggle__track {
    background: var(--mn-cb-blue);
  }

  body.mn-colorblind .mn-form-range::-webkit-slider-thumb {
    background: var(--mn-cb-blue);
  }

  body.mn-colorblind .mn-form-btn--primary {
    background: var(--mn-cb-blue);
    border-color: var(--mn-cb-blue);
    color: var(--mn-text);
  }

  @media (max-width: 768px) {
    .mn-form--grid {
      grid-template-columns: 1fr;
    }

    .mn-form--inline {
      flex-direction: column;
      align-items: stretch;
    }

    .mn-form__row, .mn-form__actions {
      flex-direction: column;
    }

    .mn-form__actions .mn-form-btn {
      width: 100%;
    }

    .mn-form-steps {
      align-items: flex-start;
      gap: var(--space-sm);
      flex-direction: column;
    }

    .mn-form-step__line {
      display: none;
    }
  }

  @media screen and (max-width: 768px) {
    .mn-form-input, .mn-form-input--sm, .mn-form-select, .mn-form-textarea, .mn-chat-panel__input {
      font-size: 16px;
    }
  }

  .mn-drp__trigger {
    text-align: left;
    cursor: pointer;
    width: 100%;
    color: var(--mn-text);
    background: var(--mn-surface);
    border: 1px solid var(--mn-border);
    border-radius: var(--radius-md);
    transition: border-color var(--duration-md) var(--ease-out);
    padding: .5rem .75rem;
    font-size: .875rem;
    line-height: 1.5;
  }

  .mn-drp__trigger:hover {
    border-color: var(--mn-accent);
  }

  .mn-drp__trigger:focus-visible {
    outline: 2px solid var(--mn-accent);
    outline-offset: 2px;
  }

  .mn-drp__popup {
    z-index: 1000;
    background: var(--mn-surface);
    border: 1px solid var(--mn-border);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-heavy);
    min-width: 280px;
    animation: mn-drp-enter var(--duration-md) var(--ease-out) both;
    padding: 1rem;
    position: fixed;
  }

  @keyframes mn-drp-enter {
    from {
      opacity: 0;
      transform: translateY(-4px);
    }

    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  .mn-drp__header {
    justify-content: space-between;
    align-items: center;
    margin-bottom: .75rem;
    display: flex;
  }

  .mn-drp__month-label {
    color: var(--mn-text);
    -webkit-user-select: none;
    user-select: none;
    font-size: .875rem;
    font-weight: 600;
  }

  .mn-drp__nav {
    cursor: pointer;
    border-radius: var(--radius-sm);
    color: var(--mn-text);
    transition: background var(--duration-md) var(--ease-out);
    background: none;
    border: none;
    padding: .25rem .5rem;
    font-size: 1.125rem;
    line-height: 1;
  }

  .mn-drp__nav:hover {
    background: var(--mn-border-subtle);
  }

  .mn-drp__nav:focus-visible {
    outline: 2px solid var(--mn-accent);
    outline-offset: 2px;
  }

  .mn-drp__grid {
    grid-template-columns: repeat(7, 1fr);
    gap: 2px;
    display: grid;
  }

  .mn-drp__day-name {
    text-align: center;
    color: var(--mn-text-muted);
    -webkit-user-select: none;
    user-select: none;
    padding: .25rem;
    font-size: .75rem;
  }

  .mn-drp__day {
    text-align: center;
    border-radius: var(--radius-sm);
    cursor: pointer;
    color: var(--mn-text);
    transition: background var(--duration-md) var(--ease-out);
    -webkit-user-select: none;
    user-select: none;
    padding: .375rem;
    font-size: .875rem;
  }

  .mn-drp__day:hover:not(.mn-drp__day--disabled):not(.mn-drp__day--empty) {
    background: var(--mn-border-subtle);
  }

  .mn-drp__day--empty {
    visibility: hidden;
    pointer-events: none;
  }

  .mn-drp__day--today {
    outline: 1px solid var(--mn-accent);
    outline-offset: -1px;
    font-weight: 700;
  }

  .mn-drp__day--selected {
    background: var(--mn-accent);
    color: var(--mn-accent-text);
    font-weight: 600;
  }

  .mn-drp__day--selected:hover {
    background: var(--mn-accent);
  }

  .mn-drp__day--in-range {
    background: color-mix(in srgb, var(--mn-accent) 15%, transparent);
    border-radius: 0;
  }

  .mn-drp__day--disabled {
    opacity: .3;
    cursor: not-allowed;
    pointer-events: none;
  }

  @media (max-width: 640px) {
    .mn-drp__popup {
      width: auto;
      left: .5rem;
      right: .5rem;
    }
  }

  .mn-async-select {
    width: 100%;
    position: relative;
  }

  .mn-async-select__input {
    border: 1px solid var(--mn-border);
    border-radius: var(--radius-md);
    background: var(--mn-surface-raised);
    width: 100%;
    color: var(--mn-text);
    padding: 10px 12px;
  }

  .mn-async-select__input::placeholder {
    color: var(--mn-text-muted);
  }

  .mn-async-select__input:focus {
    border-color: var(--mn-accent);
    outline: none;
  }

  .mn-async-select__dropdown {
    z-index: 1000;
    border: 1px solid var(--mn-border);
    border-radius: var(--radius-md);
    background: var(--mn-surface-raised);
    max-height: 220px;
    color: var(--mn-text);
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    right: 0;
    overflow-y: auto;
  }

  .mn-async-select__item {
    cursor: pointer;
    padding: 8px 12px;
  }

  .mn-async-select__item:hover, .mn-async-select__item--active {
    background: var(--mn-accent);
    color: var(--mn-text-inverse, #000);
  }

  .mn-async-select__loading {
    color: var(--mn-text-muted);
    align-items: center;
    gap: 8px;
    padding: 10px 12px;
    display: flex;
  }

  .mn-async-select__spinner {
    border: 2px solid var(--mn-border);
    border-top-color: var(--mn-accent);
    border-radius: 50%;
    width: 14px;
    height: 14px;
    animation: .8s linear infinite mn-async-spin;
  }

  @keyframes mn-async-spin {
    to {
      transform: rotate(360deg);
    }
  }

  @media (max-width: 640px) {
    .mn-form--grid, .mn-form--grid-2, .mn-form--grid-3 {
      grid-template-columns: 1fr;
    }

    .mn-form-input, .mn-form-select, .mn-form-textarea, .mn-input, select.mn-form-select {
      min-height: 44px;
      font-size: var(--text-body);
    }

    .mn-form--inline {
      flex-direction: column;
      align-items: stretch;
    }

    .mn-form--inline .mn-field {
      width: 100%;
    }

    .mn-form__actions {
      flex-direction: column;
    }

    .mn-form__actions .mn-btn {
      width: 100%;
    }

    .mn-form-steps__nav {
      -webkit-overflow-scrolling: touch;
      gap: var(--space-xs);
      overflow-x: auto;
    }
  }
}

@layer charts {
  .mn-gauge {
    align-items: center;
    gap: var(--space-md);
    padding: var(--space-lg);
    flex-direction: column;
    display: flex;
  }

  .mn-gauge__instrument {
    width: 220px;
    height: 220px;
    box-shadow: 0 16px 60px #000000bf,
    0 6px 24px #0009,
    0 2px 6px #0006,
    inset 3px 4px 2px var(--mn-hover-bg),
    inset 1px 1px 0 var(--mn-hover-bg),
    inset -2px -3px 4px #00000059,
    0 0 0 1px #00000080;
    background: conic-gradient(from 220deg, #6a6a68 0deg, #7a7a78 30deg, #6a6a68 60deg, #555552 90deg, #454542 120deg, #3a3a38 150deg, #2e2e2c 180deg, #2a2a28 210deg, #2e2e2c 240deg, #3a3a38 270deg, #454542 300deg, #555552 330deg, #6a6a68 360deg);
    border-radius: 50%;
    padding: 12px;
    position: relative;
  }

  .mn-gauge__instrument--sm {
    width: 180px;
    height: 180px;
    padding: 10px;
  }

  .mn-gauge__instrument:before {
    content: "";
    pointer-events: none;
    z-index: 1;
    background: radial-gradient(circle, #0000 85%, #00000080 93%, #000000b3 100%);
    border-radius: 50%;
    position: absolute;
    inset: 8px;
  }

  .mn-gauge__instrument--sm:before {
    inset: 6px;
  }

  .mn-gauge__dial {
    width: 100%;
    height: 100%;
    box-shadow: inset 0 6px 18px #000000f2,
    inset 0 -3px 10px #00000080,
    inset 4px 4px 16px #0009,
    inset -4px -4px 16px #0006,
    inset 0 0 30px #000000e6,
    inset 0 -1px 1px var(--mn-hover-bg),
    inset 0 1px 1px var(--mn-hover-bg),
    0 1px 0 var(--mn-hover-bg),
    0 -1px 0 #0000004d;
    background: radial-gradient(circle at 48% 42%, #1c1c1c 0%, #121212 30%, #0a0a0a 55%, #050505 75%, #000 100%);
    border-radius: 50%;
    position: relative;
    overflow: hidden;
  }

  .mn-gauge__glass {
    background: radial-gradient(ellipse 60% 50% at 35% 25%,
      var(--mn-hover-bg) 0%,
      var(--mn-hover-bg) 40%,
      transparent 70%),
    linear-gradient(155deg,
      var(--mn-hover-bg) 0%,
      transparent 40%,
      transparent 100%),
    radial-gradient(ellipse 80% 30% at 50% 95%,
      var(--mn-hover-bg) 0%,
      transparent 60%);
    pointer-events: none;
    z-index: 10;
    border-radius: 50%;
    position: absolute;
    inset: 0;
  }

  .mn-gauge__canvas {
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
  }

  .mn-gauge__center {
    z-index: 5;
    pointer-events: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    inset: 0;
  }

  .mn-gauge__value {
    font-family: var(--font-display);
    color: var(--mn-text);
    letter-spacing: -.02em;
    text-shadow: 0 0 20px var(--mn-hover-bg);
    font-size: 2.8rem;
    font-weight: 700;
    line-height: 1;
  }

  .mn-gauge__instrument--sm .mn-gauge__value {
    font-size: 2.2rem;
  }

  .mn-gauge__unit {
    font-family: var(--font-body);
    color: var(--mn-text-muted);
    text-transform: uppercase;
    letter-spacing: .15em;
    margin-top: 2px;
    font-size: .65rem;
    font-weight: 400;
  }

  .mn-gauge__sublabel {
    font-family: var(--font-display);
    color: var(--mn-text-muted);
    text-transform: uppercase;
    letter-spacing: .1em;
    margin-top: 8px;
    font-size: .55rem;
    font-weight: 500;
  }

  .mn-gauge__arc-indicator {
    z-index: 5;
    align-items: center;
    gap: 6px;
    display: flex;
    position: absolute;
    bottom: 18%;
    left: 50%;
    transform: translateX(-50%);
  }

  .mn-gauge__arc-label {
    font-family: var(--font-body);
    color: var(--mn-text-muted);
    text-transform: uppercase;
    letter-spacing: .1em;
    font-size: .55rem;
  }

  .mn-gauge__label {
    font-family: var(--font-display);
    font-size: var(--text-micro);
    text-transform: uppercase;
    letter-spacing: .1em;
    color: var(--mn-text-muted);
    font-weight: 600;
  }

  .mn-gauge__counter {
    z-index: 5;
    gap: 1px;
    display: flex;
    position: absolute;
    bottom: 12%;
    left: 50%;
    transform: translateX(-50%);
  }

  .mn-gauge__counter-digit {
    background: var(--mn-surface-raised);
    border: 1px solid var(--mn-border);
    font-family: var(--font-display);
    color: var(--mn-text);
    text-align: center;
    min-width: 14px;
    padding: 1px 3px;
    font-size: .6rem;
    font-weight: 600;
  }

  .mn-gauge__counter-digit--highlight {
    background: var(--mn-error);
    border-color: var(--mn-error);
  }

  @keyframes gaugeGlow {
    0%, 100% {
      box-shadow: inset 0 4px 12px #000000e6, inset 0 -2px 8px #0009, inset 0 0 20px #000c;
    }

    50% {
      box-shadow: inset 0 4px 12px #000000e6, inset 0 -2px 8px #0009, inset 0 0 30px #dc000026;
    }
  }

  .mn-gauge__dial--warning {
    animation: 2s ease-in-out infinite gaugeGlow;
  }

  :root {
    --mn-chart-series-1: var(--mn-accent);
    --mn-chart-series-2: var(--mn-error);
    --mn-chart-series-3: #00a651;
    --mn-chart-series-4: #d4622b;
    --mn-chart-series-5: #4ea8de;
    --mn-chart-series-6: #c8c8c8;
    --mn-chart-series-7: #e8a838;
    --mn-chart-series-8: #8b5cf6;
    --mn-chart-series-9: #ef4444;
    --mn-chart-series-10: #10b981;
    --mn-chart-series-11: #f59e0b;
    --mn-chart-series-12: #6366f1;
    --mn-chart-bg: transparent;
    --mn-chart-grid: #c8c8c814;
    --mn-chart-axis: #616161;
    --mn-chart-axis-text: #9e9e9e;
    --mn-chart-crosshair: color-mix(in srgb, var(--mn-accent) 30%, transparent);
    --mn-chart-zero-line: #c8c8c826;
    --mn-chart-tooltip-bg: #0a0a0aeb;
    --mn-chart-tooltip-border: color-mix(in srgb, var(--mn-accent) 25%, transparent);
    --mn-chart-tooltip-text: #fafafa;
    --mn-chart-tooltip-shadow: 0 4px 24px #00000080,
    0 0 0 1px color-mix(in srgb, var(--mn-accent) 15%, transparent);
  }

  .mn-chart {
    background: var(--mn-chart-bg);
    border-radius: var(--radius-md);
    width: 100%;
    position: relative;
    overflow: hidden;
  }

  .mn-chart canvas, .mn-chart svg {
    width: 100%;
    height: auto;
    display: block;
  }

  .mn-chart--16x9 {
    aspect-ratio: 16 / 9;
  }

  .mn-chart--4x3 {
    aspect-ratio: 4 / 3;
  }

  .mn-chart--1x1 {
    aspect-ratio: 1;
  }

  .mn-chart--wide {
    aspect-ratio: 3;
  }

  .mn-chart--mini {
    aspect-ratio: 3;
    max-height: 60px;
  }

  .mn-chart-tooltip {
    z-index: 100;
    background: var(--mn-chart-tooltip-bg);
    border: 1px solid var(--mn-chart-tooltip-border);
    border-radius: var(--radius-sm);
    box-shadow: var(--mn-chart-tooltip-shadow);
    color: var(--mn-chart-tooltip-text);
    font-family: var(--font-body);
    white-space: nowrap;
    pointer-events: none;
    opacity: 0;
    padding: 10px 14px;
    font-size: .75rem;
    transition: opacity .15s, transform .15s;
    position: absolute;
    transform: translateY(4px);
  }

  .mn-chart-tooltip--visible {
    opacity: 1;
    transform: translateY(0);
  }

  .mn-chart-tooltip__label {
    color: var(--mn-text-muted);
    text-transform: uppercase;
    letter-spacing: .05em;
    margin-bottom: 4px;
    font-size: .65rem;
  }

  .mn-chart-tooltip__value {
    font-size: .9rem;
    font-weight: 600;
  }

  .mn-chart-tooltip__dot {
    vertical-align: middle;
    border-radius: 50%;
    width: 8px;
    height: 8px;
    margin-right: 6px;
    display: inline-block;
  }

  .mn-chart-legend {
    font-size: .7rem;
    font-family: var(--font-body);
    color: var(--mn-text-muted);
    flex-wrap: wrap;
    gap: 12px 20px;
    padding: 8px 0;
    display: flex;
  }

  .mn-chart-legend__item {
    cursor: pointer;
    align-items: center;
    gap: 6px;
    transition: opacity .2s;
    display: flex;
  }

  .mn-chart-legend__item:hover {
    opacity: .7;
  }

  .mn-chart-legend__item--dimmed {
    opacity: .3;
  }

  .mn-chart-legend__swatch {
    border-radius: var(--radius-xs);
    flex-shrink: 0;
    width: 10px;
    height: 10px;
  }

  .mn-chart-legend__swatch--line {
    border-radius: 1.5px;
    width: 16px;
    height: 3px;
  }

  .mn-sparkline {
    vertical-align: middle;
    width: 80px;
    height: 28px;
    display: inline-block;
  }

  .mn-sparkline--sm {
    width: 60px;
    height: 20px;
  }

  .mn-sparkline--lg {
    width: 120px;
    height: 40px;
  }

  .mn-sparkline--xl {
    width: 160px;
    height: 48px;
  }

  .mn-sparkline canvas {
    width: 100%;
    height: 100%;
    display: block;
  }

  .mn-gantt-timeline {
    border: 1px solid var(--mn-hover-bg);
    border-radius: var(--radius-md);
    font-family: var(--font-body);
    background: linear-gradient(135deg, #0c0c0cfa, #080808fc);
    flex-direction: column;
    display: flex;
    overflow: hidden;
  }

  .mn-gantt-timeline__controls {
    border-bottom: 1px solid var(--mn-hover-bg);
    background: #0f0f0f99;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 10px 16px;
    display: flex;
  }

  .mn-gantt-timeline__zoom {
    gap: 4px;
    display: flex;
  }

  .mn-gantt-timeline__zoom-btn {
    background: var(--mn-hover-bg);
    color: var(--mn-border-strong);
    border: 1px solid var(--mn-hover-bg);
    border-radius: var(--radius-sm);
    font-family: var(--font-mono, "Barlow Condensed", sans-serif);
    cursor: pointer;
    padding: 4px 10px;
    font-size: .7rem;
    font-weight: 600;
    line-height: 1;
    transition: all .15s;
  }

  .mn-gantt-timeline__zoom-btn:hover {
    color: var(--mn-accent);
    background: #ffc72c1f;
    border-color: #ffc72c40;
  }

  .mn-gantt-timeline__zoom-btn--fit {
    text-transform: uppercase;
    letter-spacing: .05em;
    padding: 4px 12px;
  }

  .mn-gantt-timeline__legend {
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    display: flex;
  }

  .mn-gantt-timeline__legend-item {
    color: var(--mn-text-tertiary);
    text-transform: uppercase;
    letter-spacing: .04em;
    align-items: center;
    gap: 4px;
    font-size: .6rem;
    font-weight: 500;
    display: inline-flex;
  }

  .mn-gantt-timeline__legend-swatch {
    border-radius: var(--radius-xs);
    flex-shrink: 0;
    width: 10px;
    height: 10px;
    display: inline-block;
  }

  .mn-gantt-timeline__canvas-wrap {
    width: 100%;
    min-height: 200px;
    height: var(--mn-gantt-height, 100%);
    flex: 1;
    position: relative;
    overflow: hidden;
  }

  .mn-gantt-timeline__canvas-wrap canvas {
    display: block;
  }

  body.mn-avorio .mn-gantt-timeline {
    background: linear-gradient(135deg, #faf8f2fa, #f5f2ebfc);
    border-color: #00000014;
  }

  body.mn-avorio .mn-gantt-timeline__controls {
    background: #f5f2eb99;
    border-color: #0000000f;
  }

  body.mn-avorio .mn-gantt-timeline__zoom-btn {
    color: var(--mn-border);
    background: #0000000a;
    border-color: #00000014;
  }

  body.mn-avorio .mn-gantt-timeline__zoom-btn:hover {
    color: var(--mn-error);
    background: #dc000014;
    border-color: #dc000033;
  }

  body.mn-avorio .mn-gantt-timeline__legend-item {
    color: var(--mn-text-muted);
  }

  body.mn-nero .mn-gantt-timeline {
    border-color: var(--mn-hover-bg);
    background: linear-gradient(135deg, #050505fc, #080808fa);
  }

  body.mn-nero .mn-gantt-timeline__controls {
    border-color: var(--mn-hover-bg);
    background: #080808b3;
  }

  .mn-half-gauge {
    flex-direction: column;
    align-items: center;
    display: inline-flex;
    position: relative;
  }

  .mn-half-gauge canvas {
    display: block;
  }

  .mn-half-gauge__label {
    text-align: center;
    position: absolute;
    bottom: 20%;
  }

  .mn-half-gauge__value {
    font-family: var(--font-display);
    color: var(--mn-text);
    font-size: 2rem;
    font-weight: 600;
    line-height: 1;
  }

  .mn-half-gauge__unit {
    color: var(--mn-text-muted);
    text-transform: uppercase;
    letter-spacing: .08em;
    font-size: .65rem;
  }

  .mn-half-gauge--sm {
    width: 100px;
  }

  .mn-half-gauge--sm .mn-half-gauge__value {
    font-size: 1.2rem;
  }

  .mn-half-gauge--lg {
    width: 260px;
  }

  .mn-half-gauge--lg .mn-half-gauge__value {
    font-size: 3rem;
  }

  .mn-temp-badge {
    border: 2.5px solid var(--mn-error);
    width: 44px;
    height: 44px;
    font-family: var(--font-display);
    color: var(--mn-text);
    cursor: pointer;
    background: #0009;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    font-size: .85rem;
    font-weight: 600;
    transition: border-color .3s, transform .15s, box-shadow .3s;
    display: inline-flex;
  }

  .mn-temp-badge:hover {
    transform: scale(1.08);
    box-shadow: 0 0 12px #dc00004d;
  }

  .mn-temp-badge--cool {
    border-color: var(--today-line, #4ea8de);
  }

  .mn-temp-badge--cool:hover {
    box-shadow: 0 0 12px #4ea8de4d;
  }

  .mn-temp-badge--warm {
    border-color: var(--status-warning, #e8a838);
  }

  .mn-temp-badge--neutral {
    border-color: var(--mn-text-muted);
  }

  .mn-temp-badge--lg {
    border-width: 3px;
    width: 56px;
    height: 56px;
    font-size: 1.1rem;
  }

  .mn-temp-badge sup {
    margin-left: 1px;
    font-size: .5em;
  }

  .mn-progress-ring {
    justify-content: center;
    align-items: center;
    display: inline-flex;
    position: relative;
  }

  .mn-progress-ring svg {
    transform: rotate(-90deg);
  }

  .mn-progress-ring__track {
    fill: none;
    stroke: #c8c8c814;
  }

  .mn-progress-ring__fill {
    fill: none;
    stroke: var(--mn-accent);
    stroke-linecap: round;
    transition: stroke-dashoffset .8s cubic-bezier(.22, 1, .36, 1);
  }

  .mn-progress-ring__label {
    font-family: var(--font-display);
    color: var(--mn-text);
    font-size: .9rem;
    font-weight: 600;
    position: absolute;
  }

  .mn-bubble-chart {
    width: 100%;
    position: relative;
  }

  .mn-bubble-chart canvas {
    display: block;
  }

  body.mn-colorblind .mn-temp-badge {
    border-color: var(--mn-cb-orange);
  }

  body.mn-colorblind .mn-temp-badge:hover {
    box-shadow: 0 0 12px #d55e004d;
  }

  body.mn-colorblind .mn-temp-badge--cool {
    border-color: var(--mn-cb-blue);
  }

  body.mn-colorblind .mn-temp-badge--cool:hover {
    box-shadow: 0 0 12px #0072b24d;
  }

  body.mn-colorblind .mn-temp-badge--warm {
    border-color: var(--mn-cb-orange);
  }

  body.mn-colorblind .mn-temp-badge--neutral {
    border-color: var(--mn-text-tertiary);
  }

  .mn-heatmap {
    gap: 2px;
    font-size: .6rem;
    display: grid;
  }

  .mn-heatmap__cell {
    aspect-ratio: 1;
    border-radius: var(--radius-xs);
    cursor: pointer;
    color: var(--mn-hover-bg);
    justify-content: center;
    align-items: center;
    font-weight: 500;
    transition: transform .15s;
    display: flex;
  }

  .mn-heatmap__cell:hover {
    z-index: 2;
    box-shadow: var(--shadow-card);
    transform: scale(1.15);
  }

  .mn-heatmap__cell--0 {
    color: var(--mn-text-muted);
    background: #c8c8c80d;
  }

  .mn-heatmap__cell--1 {
    background: #00a65133;
  }

  .mn-heatmap__cell--2 {
    background: #00a65166;
  }

  .mn-heatmap__cell--3 {
    background: #ffc72c66;
  }

  .mn-heatmap__cell--4 {
    background: #ffc72ca6;
  }

  .mn-heatmap__cell--5 {
    background: #dc000080;
  }

  .mn-heatmap__cell--6 {
    background: #dc0000bf;
  }

  .mn-heatmap__row-label, .mn-heatmap__col-label {
    color: var(--mn-text-tertiary);
    justify-content: center;
    align-items: center;
    font-size: .55rem;
    display: flex;
  }

  .mn-funnel {
    flex-direction: column;
    gap: 2px;
    max-width: 360px;
    display: flex;
  }

  .mn-funnel__stage {
    border-radius: var(--radius-sm);
    cursor: pointer;
    align-items: center;
    gap: 12px;
    padding: 10px 16px;
    transition: transform .2s;
    display: flex;
    position: relative;
  }

  .mn-funnel__stage:hover {
    transform: translateX(4px);
  }

  .mn-funnel__stage-bar {
    border-radius: var(--radius-xs);
    height: 28px;
    transition: width .8s cubic-bezier(.22, 1, .36, 1);
  }

  .mn-funnel__stage-label {
    color: var(--mn-text);
    min-width: 80px;
    font-size: .7rem;
    font-weight: 500;
  }

  .mn-funnel__stage-value {
    font-family: var(--font-display);
    color: var(--mn-accent);
    font-size: .85rem;
    font-weight: 600;
  }

  .mn-funnel__stage-pct {
    color: var(--mn-text-tertiary);
    margin-left: auto;
    font-size: .6rem;
  }

  .mn-flip-counter {
    align-items: center;
    gap: 3px;
    display: inline-flex;
  }

  .mn-flip-counter__digit {
    border: 1px solid var(--mn-hover-bg);
    border-radius: var(--radius-sm);
    width: 36px;
    height: 52px;
    box-shadow: inset 0 1px 0 var(--mn-hover-bg),
    0 2px 8px #0006;
    background: linear-gradient(#1a1a1a 0%, #0d0d0d 49.5%, #000 50%, #111 100%);
    position: relative;
    overflow: hidden;
  }

  .mn-flip-counter__digit:after {
    content: "";
    height: 1px;
    box-shadow: 0 1px 0 var(--mn-hover-bg);
    z-index: 2;
    background: #0009;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
  }

  .mn-flip-counter__digit-inner {
    flex-direction: column;
    align-items: center;
    transition: transform .5s cubic-bezier(.33, 1, .68, 1);
    display: flex;
    position: absolute;
    inset: 0;
  }

  .mn-flip-counter__digit-face {
    width: 100%;
    height: 52px;
    font-family: var(--font-display);
    color: var(--mn-text);
    letter-spacing: -.02em;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    font-size: 1.8rem;
    font-weight: 600;
    display: flex;
  }

  .mn-flip-counter__sep {
    font-family: var(--font-display);
    color: var(--mn-text-muted);
    margin: 0 2px;
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 52px;
  }

  .mn-flip-counter--sm .mn-flip-counter__digit {
    width: 24px;
    height: 36px;
  }

  .mn-flip-counter--sm .mn-flip-counter__digit-face {
    height: 36px;
    font-size: 1.2rem;
  }

  .mn-flip-counter--sm .mn-flip-counter__sep {
    font-size: 1rem;
    line-height: 36px;
  }

  .mn-flip-counter--lg .mn-flip-counter__digit {
    width: 48px;
    height: 68px;
  }

  .mn-flip-counter--lg .mn-flip-counter__digit-face {
    height: 68px;
    font-size: 2.4rem;
  }

  .mn-flip-counter--lg .mn-flip-counter__sep {
    font-size: 1.8rem;
    line-height: 68px;
  }

  .mn-live-panel {
    gap: 0 var(--space-lg);
    padding: var(--space-lg);
    border-radius: var(--radius-md);
    border: 1px solid var(--mn-hover-bg);
    background: linear-gradient(135deg, #0f0f0ff2, #050505fa);
    grid-template-columns: auto 1fr auto;
    align-items: start;
    display: grid;
  }

  .mn-live-panel__metric {
    flex-direction: column;
    gap: 2px;
    display: flex;
  }

  .mn-live-panel__mode {
    border: 1.5px solid var(--arancio);
    font-family: var(--font-display);
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--arancio);
    padding: 2px 10px;
    font-size: .65rem;
    font-weight: 600;
    display: inline-block;
  }

  .mn-live-panel__mode--accent {
    border-color: var(--mn-accent);
    color: var(--mn-accent);
  }

  .mn-live-panel__value {
    font-family: var(--font-display);
    letter-spacing: -.02em;
    color: var(--mn-text);
    font-size: 2.8rem;
    font-weight: 300;
    line-height: 1.1;
  }

  .mn-live-panel__unit {
    color: var(--mn-text-tertiary);
    margin-left: 4px;
    font-size: 1rem;
    font-weight: 400;
  }

  .mn-live-panel__graph {
    min-width: 160px;
    position: relative;
  }

  .mn-live-panel__graph-label {
    color: var(--mn-text-muted);
    letter-spacing: .05em;
    text-transform: uppercase;
    font-size: .55rem;
    position: absolute;
    bottom: 2px;
    right: 0;
  }

  .mn-live-panel__graph-axis {
    color: var(--mn-text-muted);
    justify-content: space-between;
    font-size: .5rem;
    display: flex;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
  }

  .mn-live-panel__info {
    text-align: right;
    flex-direction: column;
    gap: 4px;
    display: flex;
  }

  .mn-live-panel__info-primary {
    font-family: var(--font-display);
    color: var(--mn-text);
    font-size: 1rem;
  }

  .mn-live-panel__info-secondary {
    color: var(--mn-text-tertiary);
    font-size: .7rem;
  }

  .mn-donut {
    justify-content: center;
    align-items: center;
    display: inline-flex;
    position: relative;
  }

  .mn-donut canvas {
    display: block;
  }

  .mn-donut__center {
    text-align: center;
    pointer-events: none;
    position: absolute;
  }

  .mn-donut__value {
    font-family: var(--font-display);
    color: var(--mn-text);
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 1.1;
  }

  .mn-donut__label {
    text-transform: uppercase;
    letter-spacing: .08em;
    color: var(--mn-text-tertiary);
    font-size: .6rem;
  }

  .mn-donut--sm {
    width: 80px;
    height: 80px;
  }

  .mn-donut--sm .mn-donut__value {
    font-size: 1rem;
  }

  .mn-donut--md {
    width: 140px;
    height: 140px;
  }

  .mn-donut--lg {
    width: 200px;
    height: 200px;
  }

  .mn-donut--lg .mn-donut__value {
    font-size: 2.4rem;
  }

  .mn-bar-chart {
    align-items: flex-end;
    gap: 4px;
    height: 100%;
    padding-bottom: 20px;
    display: flex;
  }

  .mn-bar-chart__bar {
    background: var(--mn-chart-series-1);
    border-radius: var(--radius-xs) var(--radius-xs) 0 0;
    cursor: pointer;
    flex: 1;
    min-width: 8px;
    transition: height .6s cubic-bezier(.22, 1, .36, 1), opacity .2s;
    position: relative;
  }

  .mn-bar-chart__bar:hover {
    opacity: .8;
    box-shadow: 0 0 8px #ffc72c4d;
  }

  .mn-bar-chart__bar-label {
    color: var(--mn-text-muted);
    white-space: nowrap;
    font-size: .5rem;
    position: absolute;
    bottom: -18px;
    left: 50%;
    transform: translateX(-50%);
  }

  .mn-bar-chart--stacked .mn-bar-chart__bar {
    border-radius: 0;
  }

  .mn-bar-chart--stacked .mn-bar-chart__bar:last-child {
    border-radius: var(--radius-xs) var(--radius-xs) 0 0;
  }

  .mn-bar-chart--horizontal {
    flex-direction: column;
    align-items: stretch;
    padding-bottom: 0;
    padding-left: 60px;
  }

  .mn-bar-chart--horizontal .mn-bar-chart__bar {
    border-radius: 0 var(--radius-xs) var(--radius-xs) 0;
    height: auto;
    min-height: 20px;
  }

  body.mn-colorblind .mn-live-panel__mode--accent {
    border-color: var(--mn-cb-blue);
    color: var(--mn-cb-blue);
  }

  body.mn-colorblind .mn-live-panel__mode {
    border-color: var(--mn-cb-yellow);
    color: var(--mn-cb-yellow);
  }

  body.mn-colorblind .mn-bar-chart__bar {
    background: var(--mn-chart-series-1);
  }

  body.mn-colorblind .mn-bar-chart__bar:hover {
    box-shadow: 0 0 8px #0072b24d;
  }

  body.mn-colorblind .mn-progress-ring__fill {
    stroke: var(--mn-cb-blue);
  }

  .mn-chart-panel {
    border: 1px solid var(--mn-hover-bg);
    border-radius: var(--radius-md);
    background: linear-gradient(135deg, #121212f2, #080808fa);
    overflow: hidden;
  }

  .mn-chart-panel__header {
    border-bottom: 1px solid var(--mn-hover-bg);
    justify-content: space-between;
    align-items: center;
    padding: 12px 16px;
    display: flex;
  }

  .mn-chart-panel__title {
    font-family: var(--font-display);
    text-transform: uppercase;
    letter-spacing: .06em;
    color: var(--mn-border-strong);
    font-size: .7rem;
    font-weight: 600;
  }

  .mn-chart-panel__badge {
    font-family: var(--font-display);
    border-radius: var(--radius-xs);
    color: var(--mn-accent);
    background: #ffc72c1f;
    padding: 2px 8px;
    font-size: .6rem;
    font-weight: 600;
  }

  .mn-chart-panel__body {
    padding: 16px;
  }

  body.mn-nero .mn-chart-panel {
    border-color: var(--mn-border);
    background: linear-gradient(135deg, #050505fa, #0a0a0af5);
  }

  body.mn-nero .mn-chart-panel__header {
    border-bottom-color: var(--mn-border);
  }

  body.mn-nero .mn-chart-panel__title {
    color: var(--mn-text);
  }

  body.mn-nero .mn-chart-tooltip {
    color: var(--mn-text);
    background: #000000f2;
    border-color: #ffc72c4d;
  }

  body.mn-nero .mn-chart-tooltip__label {
    color: var(--mn-text-muted);
  }

  body.mn-nero .mn-live-panel {
    border-color: var(--mn-border);
    background: linear-gradient(135deg, #050505fa, #000000f5);
  }

  body.mn-nero .mn-live-panel__value {
    color: var(--mn-text);
  }

  body.mn-nero .mn-flip-counter__digit {
    border-color: var(--mn-border);
    background: linear-gradient(#1a1a1a 0%, #111 49.5%, #0a0a0a 50%, #111 100%);
  }

  body.mn-nero .mn-flip-counter__digit-face {
    color: var(--mn-text);
  }

  body.mn-nero .mn-flip-counter__sep {
    color: var(--mn-text-muted);
  }

  body.mn-nero .mn-donut__value, body.mn-nero .mn-half-gauge__value {
    color: var(--mn-text);
  }

  body.mn-nero .mn-temp-badge {
    color: var(--mn-text);
    background: #000c;
  }

  body.mn-nero .mn-chart-legend {
    color: var(--mn-text-tertiary);
  }

  body.mn-nero .mn-progress-ring__label, body.mn-nero .mn-funnel__stage-label {
    color: var(--mn-text);
  }

  body.mn-nero .mn-gantt__label {
    color: var(--mn-text-tertiary);
  }

  .mn-avorio .mn-chart-panel {
    background: linear-gradient(135deg, #fcfcfcfa, #f5f5f5f5);
    border-color: #0000000f;
  }

  .mn-avorio .mn-chart-panel__header {
    border-bottom-color: #0000000f;
  }

  .mn-avorio .mn-chart-panel__title {
    color: var(--mn-text);
  }

  .mn-avorio .mn-chart-tooltip {
    background: var(--mn-surface-raised);
    border-color: var(--mn-border-strong);
    color: var(--mn-text);
    box-shadow: var(--shadow-md);
  }

  .mn-avorio .mn-chart-tooltip__label {
    color: var(--mn-text-tertiary);
  }

  .mn-avorio .mn-live-panel {
    background: linear-gradient(135deg, #fafafafa, #f5f5f5f5);
    border-color: #00000014;
  }

  .mn-avorio .mn-live-panel__value {
    color: var(--mn-text);
  }

  .mn-avorio .mn-live-panel__mode {
    color: var(--mn-text);
    border-color: var(--mn-text);
  }

  .mn-avorio .mn-live-panel__mode--accent {
    color: var(--mn-error);
    border-color: var(--mn-error);
  }

  .mn-avorio .mn-flip-counter__digit {
    background: linear-gradient(#f5f5f5 0%, #e8e8e8 49.5%, #ddd 50%, #eee 100%);
    border-color: #0000001a;
  }

  .mn-avorio .mn-flip-counter__digit-face {
    color: var(--mn-text);
  }

  .mn-avorio .mn-flip-counter__sep {
    color: var(--mn-text-tertiary);
  }

  .mn-avorio .mn-donut__value, .mn-avorio .mn-half-gauge__value {
    color: var(--mn-text);
  }

  .mn-avorio .mn-temp-badge {
    color: var(--mn-text);
    background: #0000001f;
  }

  .mn-avorio .mn-heatmap__cell {
    color: #000000b3;
  }

  .mn-avorio .mn-funnel__stage-label, .mn-avorio .mn-gantt__label {
    color: var(--mn-text);
  }

  .mn-avorio .mn-bar-chart__bar-label {
    color: var(--mn-text-tertiary);
  }

  .mn-avorio .mn-chart-legend {
    color: var(--mn-text-muted);
  }

  .mn-avorio .mn-treemap__cell, .mn-avorio .mn-progress-ring__label {
    color: var(--mn-text);
  }

  .mn-avorio .mn-gauge__value {
    color: var(--mn-text);
    text-shadow: none;
  }

  .mn-avorio .mn-gauge__unit {
    color: var(--mn-text-muted);
  }

  .mn-avorio .mn-gauge__sublabel, .mn-avorio .mn-gauge__arc-label {
    color: var(--mn-border);
  }

  .mn-avorio .mn-gauge__counter-digit {
    background: var(--mn-surface);
    border-color: var(--mn-border-strong);
    color: var(--mn-text);
  }

  .mn-treemap {
    border-radius: var(--radius-sm);
    gap: 2px;
    display: grid;
    overflow: hidden;
  }

  .mn-treemap__cell {
    color: var(--mn-hover-bg);
    text-shadow: 0 1px 3px #00000080;
    border-radius: var(--radius-xs);
    cursor: pointer;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 8px;
    font-size: .6rem;
    font-weight: 500;
    transition: opacity .2s, transform .15s;
    overflow: hidden;
  }

  .mn-treemap__cell:hover {
    opacity: .8;
    z-index: 1;
    transform: scale(1.02);
  }

  .mn-treemap__cell-value {
    font-family: var(--font-display);
    margin-top: 4px;
    font-size: 1.1rem;
    font-weight: 600;
    display: block;
  }

  .mn-radar-chart {
    justify-content: center;
    align-items: center;
    display: inline-flex;
    position: relative;
  }

  .mn-radar-chart canvas {
    display: block;
  }

  .mn-gantt {
    flex-direction: column;
    gap: 6px;
    font-size: .65rem;
    display: flex;
  }

  .mn-gantt__row {
    grid-template-columns: 100px 1fr;
    align-items: center;
    gap: 8px;
    display: grid;
  }

  .mn-gantt__label {
    color: var(--mn-border-strong);
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: 500;
    overflow: hidden;
  }

  .mn-gantt__track {
    border-radius: var(--radius-xs);
    background: #c8c8c80f;
    height: 16px;
    position: relative;
    overflow: hidden;
  }

  .mn-gantt__bar {
    border-radius: var(--radius-xs);
    cursor: pointer;
    height: 100%;
    transition: width .6s cubic-bezier(.22, 1, .36, 1);
    position: absolute;
  }

  .mn-gantt__bar:hover {
    filter: brightness(1.2);
  }

  .mn-gantt__today {
    background: var(--mn-error);
    z-index: 2;
    width: 1.5px;
    position: absolute;
    top: 0;
    bottom: 0;
  }

  @media (max-width: 640px) {
    .mn-chart-wrap, .mn-chart__root, mn-chart {
      max-width: 100%;
      overflow: hidden;
    }

    .mn-chart-wrap canvas, mn-chart canvas {
      max-width: 100%;
      height: auto;
    }

    .mn-gauge-wrap, mn-gauge {
      max-width: 100%;
      overflow: hidden;
    }

    .mn-gantt {
      -webkit-overflow-scrolling: touch;
      max-height: 280px;
      overflow: auto;
    }

    .mn-gantt__header {
      font-size: var(--text-small);
    }

    .mn-gantt-timeline__canvas-wrap {
      height: 280px;
      min-height: 220px;
    }

    .mn-funnel {
      max-width: 100%;
      margin-inline: auto;
    }

    .mn-funnel svg {
      max-height: 240px;
    }

    .mn-funnel--sm svg {
      max-height: 160px;
    }

    .mn-funnel--md svg {
      max-height: 240px;
    }

    .mn-funnel--lg svg {
      max-height: 340px;
    }

    [id*="social-graph"] canvas, .mn-social-graph {
      max-height: 280px;
      width: 100% !important;
    }

    #social-graph-canvas {
      width: 100% !important;
      height: 280px !important;
    }

    #network-messages-demo, #neural-nodes-demo {
      height: 220px !important;
    }

    .mn-chart-wrap canvas[width="280"], .mn-chart-wrap canvas[width="260"] {
      max-width: 240px;
      max-height: 240px;
    }

    .mn-grid-4, .mn-grid-3 {
      grid-template-columns: repeat(2, 1fr) !important;
    }

    .mn-grid-2 {
      grid-template-columns: 1fr !important;
    }

    .mn-chart-tooltip, .mn-spark-tip {
      max-width: calc(100vw - 2rem);
    }

    .mn-gantt-mini {
      font-size: var(--text-small);
    }

    .mn-gantt-mini__grid {
      grid-template-columns: 100px repeat(6, 1fr) !important;
    }

    .mn-map, [id*="map-canvas"] {
      max-height: 280px;
    }

    .mn-heatmap, .mn-cap-heatmap, .mn-cap-grid {
      -webkit-overflow-scrolling: touch;
      overflow-x: auto;
    }

    .mn-treemap {
      max-width: 100%;
      overflow: hidden;
    }

    .mn-mesh-network__grid {
      gap: var(--space-md) !important;
      grid-template-columns: 1fr !important;
    }

    .mn-mesh-network__toolbar {
      gap: var(--space-sm);
      flex-wrap: wrap;
    }

    .mn-mesh-network__actions {
      gap: var(--space-xs);
      flex-wrap: wrap;
    }

    .mn-mesh-network__actions button {
      font-size: var(--text-micro);
      padding: var(--space-xs) var(--space-sm);
    }

    .mn-mesh-node {
      width: 100%;
      min-width: 0;
    }

    .mn-org-tree {
      -webkit-overflow-scrolling: touch;
      overflow-x: auto;
    }

    .mn-org-tree__container {
      min-width: 280px;
    }

    mn-okr, .mn-okr-panel {
      max-width: 100%;
      overflow-x: hidden;
    }

    .mn-code-snippet pre {
      max-width: calc(100vw - 2rem);
      font-size: var(--text-micro);
      overflow-x: auto;
    }

    .mn-detail-panel {
      width: 100% !important;
      max-width: 100vw !important;
      right: 0 !important;
    }

    .mn-convergio-grid, .mn-advanced-grid {
      grid-template-columns: 1fr !important;
    }
  }

  @media (min-width: 641px) and (max-width: 1024px) {
    .mn-grid-4 {
      grid-template-columns: repeat(2, 1fr) !important;
    }

    .mn-grid-2 {
      grid-template-columns: repeat(2, 1fr);
    }

    .mn-funnel {
      max-width: 80%;
      margin-inline: auto;
    }

    #social-graph-canvas {
      height: 380px !important;
    }

    #network-messages-demo, #neural-nodes-demo {
      height: 300px !important;
    }

    .mn-mesh-network__grid {
      grid-template-columns: repeat(2, 1fr) !important;
    }
  }
}

@layer layouts {
  .mn-app-view {
    opacity: 1;
    transition: opacity .25s, transform .25s;
    transform: translateY(0);
  }

  .mn-app-view--hiding {
    opacity: 0;
    pointer-events: none;
    transform: translateY(6px);
  }

  .mn-layout__sidebar {
    transition: transform .3s cubic-bezier(.4, 0, .2, 1), opacity .3s;
  }

  .mn-layout__sidebar[hidden] {
    opacity: 0;
    pointer-events: none;
    position: absolute;
    transform: translateX(-100%);
    display: block !important;
  }

  .mn-sim-panel {
    transition: transform .35s cubic-bezier(.4, 0, .2, 1);
  }

  .mn-filter-chip {
    transition: opacity .2s, transform .2s;
  }

  .mn-filter-chip--enter {
    opacity: 0;
    transform: scale(.85);
  }

  .mn-card-animate {
    animation: .3s both mnCardIn;
  }

  @keyframes mnCardIn {
    from {
      opacity: 0;
      transform: translateY(8px);
    }

    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  .mn-heat-cell {
    transition: background-color .2s, transform .15s;
  }

  .mn-heat-cell:hover {
    transform: scale(1.05);
  }

  .mn-skeleton {
    background: linear-gradient(90deg, var(--mn-surface-raised) 25%, var(--mn-border) 50%, var(--mn-surface-raised) 75%);
    border-radius: var(--radius-sm);
    background-size: 200% 100%;
    animation: 1.5s infinite mnShimmer;
  }

  @keyframes mnShimmer {
    0% {
      background-position: 200% 0;
    }

    100% {
      background-position: -200% 0;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .mn-layout__sidebar[hidden] {
      transform: none;
      display: none !important;
    }
  }

  .mn-cap-heatmap {
    gap: var(--space-sm);
    flex-direction: column;
    display: flex;
    overflow: auto;
  }

  .mn-cap-heatmap__header {
    justify-content: space-between;
    align-items: center;
    padding: 0 4px;
    display: flex;
  }

  .mn-cap-heatmap__title {
    font-family: var(--font-display, "Outfit",sans-serif);
    color: var(--mn-text);
    text-transform: uppercase;
    letter-spacing: .04em;
    font-size: .85rem;
    font-weight: 600;
  }

  .mn-cap-heatmap__legend {
    color: var(--mn-text-tertiary);
    align-items: center;
    gap: 6px;
    font-size: .6rem;
    display: flex;
  }

  .mn-cap-heatmap__legend-bar {
    border-radius: var(--radius-sm);
    background: linear-gradient(90deg, var(--mn-surface) 0%, var(--verde) 40%, var(--mn-accent) 65%, var(--mn-error) 100%);
    width: 100px;
    height: 8px;
  }

  .mn-cap-grid {
    background: var(--mn-surface);
    border-radius: var(--radius-sm);
    gap: 1px;
    display: grid;
    overflow: auto;
  }

  .mn-cap-grid__corner {
    z-index: 3;
    background: var(--mn-surface-sunken);
    color: var(--mn-text-muted);
    text-align: right;
    padding: 4px 8px;
    font-size: .6rem;
    position: sticky;
    top: 0;
    left: 0;
  }

  .mn-cap-grid__month {
    z-index: 2;
    background: var(--mn-surface-sunken);
    text-align: center;
    font-family: var(--font-mono, "Barlow Condensed",sans-serif);
    color: var(--mn-text-tertiary);
    text-transform: uppercase;
    letter-spacing: .04em;
    padding: 4px 2px;
    font-size: .6rem;
    position: sticky;
    top: 0;
  }

  .mn-cap-grid__label {
    z-index: 1;
    background: var(--mn-surface-sunken);
    color: var(--mn-text);
    white-space: nowrap;
    text-overflow: ellipsis;
    flex-direction: column;
    justify-content: center;
    min-width: 120px;
    max-width: 160px;
    padding: 2px 8px;
    font-size: .65rem;
    display: flex;
    position: sticky;
    left: 0;
    overflow: hidden;
  }

  .mn-cap-grid__label-role {
    color: var(--mn-text-muted);
    text-transform: uppercase;
    letter-spacing: .04em;
    font-size: .55rem;
  }

  .mn-cap-grid__cell {
    border-radius: var(--radius-xs);
    min-width: 44px;
    height: 28px;
    font-family: var(--font-mono, "Barlow Condensed",sans-serif);
    color: var(--mn-hover-bg);
    cursor: default;
    justify-content: center;
    align-items: center;
    font-size: .65rem;
    transition: background .2s, transform .1s;
    display: flex;
    position: relative;
  }

  .mn-cap-grid__cell:hover {
    z-index: 5;
    transform: scale(1.15);
  }

  .mn-cap-grid__cell--empty {
    background: var(--mn-surface-raised);
    color: var(--mn-border);
  }

  .mn-cap-grid__cell--low {
    background: var(--verde, #2d8a4e);
    color: #fff;
  }

  .mn-cap-grid__cell--mid {
    background: var(--mn-accent);
    color: var(--mn-accent-text);
  }

  .mn-cap-grid__cell--high {
    background: var(--mn-error);
    color: #fff;
  }

  .mn-cap-grid__cell--over {
    background: var(--mn-error);
    color: #fff;
    font-weight: 700;
  }

  .mn-cap-tooltip {
    z-index: 100;
    pointer-events: none;
    background: var(--mn-surface-sunken);
    border: 1px solid var(--mn-border);
    border-radius: var(--radius-sm);
    color: var(--mn-text);
    white-space: nowrap;
    opacity: 0;
    font-size: .65rem;
    font-family: var(--font-body, "Inter",sans-serif);
    padding: 6px 10px;
    transition: opacity .15s;
    position: fixed;
  }

  .mn-cap-tooltip--visible {
    opacity: 1;
  }

  body.mn-avorio .mn-cap-grid {
    background: var(--mn-border);
  }

  body.mn-avorio .mn-cap-grid__corner, body.mn-avorio .mn-cap-grid__month, body.mn-avorio .mn-cap-grid__label {
    background: var(--mn-surface-sunken);
    color: var(--mn-text);
  }

  body.mn-avorio .mn-cap-grid__cell--empty {
    background: var(--mn-surface-raised);
    color: var(--mn-text-muted);
  }

  body.mn-avorio .mn-cap-tooltip {
    background: var(--mn-surface);
    border-color: var(--mn-border);
    color: var(--mn-text);
  }

  .mn-cap-heatmap__empty {
    min-height: 120px;
    color: var(--mn-text-muted);
    font-size: .8rem;
    font-family: var(--font-body, "Inter",sans-serif);
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .mn-cap-heatmap__filter {
    border-bottom: 1px solid var(--mn-surface);
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    padding: 6px 8px;
    display: flex;
  }

  .mn-cap-heatmap__filter-chips {
    flex-wrap: wrap;
    flex: 1;
    gap: 4px;
    min-width: 0;
    display: flex;
  }

  .mn-chip {
    border-radius: var(--radius-md);
    border: 1px solid var(--mn-border);
    color: var(--mn-text-tertiary);
    font-size: .6rem;
    font-family: var(--font-mono, "Barlow Condensed",sans-serif);
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: .04em;
    background: none;
    padding: 3px 10px;
    transition: all .15s;
  }

  .mn-chip:hover {
    border-color: var(--mn-accent);
    color: var(--mn-text);
  }

  .mn-chip--active {
    background: var(--mn-accent);
    color: var(--mn-surface-sunken);
    border-color: var(--mn-accent);
    font-weight: 700;
  }

  .mn-cap-heatmap__filter-input {
    border-radius: var(--radius-sm);
    border: 1px solid var(--mn-border);
    background: var(--mn-surface-raised);
    width: 160px;
    color: var(--mn-text);
    font-size: .65rem;
    font-family: var(--font-body, "Inter",sans-serif);
    outline: none;
    padding: 4px 10px;
    transition: border-color .15s;
  }

  .mn-cap-heatmap__filter-input:focus {
    border-color: var(--mn-accent);
  }

  .mn-cap-heatmap__filter-input::placeholder {
    color: var(--mn-text-muted);
  }

  .mn-cap-grid__cell {
    cursor: pointer;
  }

  .mn-cap-grid__cell:active {
    transform: scale(.95);
  }

  body.mn-avorio .mn-cap-heatmap__filter {
    border-bottom-color: var(--mn-border);
  }

  body.mn-avorio .mn-chip {
    border-color: var(--mn-border);
    color: var(--mn-text-muted);
  }

  body.mn-avorio .mn-chip--active {
    background: var(--mn-accent);
    color: var(--mn-surface-sunken);
    border-color: var(--mn-accent);
  }

  body.mn-avorio .mn-cap-heatmap__filter-input {
    background: var(--mn-surface);
    border-color: var(--mn-border);
    color: var(--mn-text);
  }

  .mn-chat-panel__header-left {
    align-items: center;
    gap: 10px;
    min-width: 0;
    display: flex;
  }

  .mn-chat-panel__header-avatar {
    object-fit: cover;
    border: 2px solid var(--mn-accent);
    border-radius: 50%;
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    box-shadow: 0 0 12px #ffc72c33;
  }

  .mn-login {
    min-height: 540px;
    padding: var(--space-2xl);
    background: var(--mn-surface-sunken);
    border-radius: var(--radius-lg);
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
    overflow: hidden;
  }

  .mn-login__glow {
    pointer-events: none;
    background: radial-gradient(circle, #ffc72c0f 0%, #0000 70%);
    width: 400px;
    height: 400px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .mn-login__card {
    align-items: center;
    gap: var(--space-lg);
    z-index: 1;
    flex-direction: column;
    width: 100%;
    max-width: 380px;
    display: flex;
    position: relative;
  }

  .mn-login__logo {
    filter: drop-shadow(0 0 20px #ffc72c26);
    animation: 4s ease-in-out infinite mn-login-float;
  }

  @keyframes mn-login-float {
    0%, 100% {
      transform: translateY(0);
    }

    50% {
      transform: translateY(-6px);
    }
  }

  .mn-login__title {
    font-family: var(--font-display);
    color: var(--mn-text);
    text-transform: uppercase;
    letter-spacing: .06em;
    text-align: center;
    margin: 0;
    font-size: clamp(1.8rem, 3.5vw, 2.4rem);
    font-weight: 700;
  }

  .mn-login__title-accent {
    color: var(--mn-accent);
  }

  .mn-login__subtitle {
    font-family: var(--font-mono);
    font-size: var(--text-micro);
    text-transform: uppercase;
    letter-spacing: .1em;
    color: var(--mn-text-muted);
    text-align: center;
    margin: 0;
  }

  .mn-login__btn {
    background: var(--mn-hover-bg);
    border: 1px solid var(--mn-border);
    border-radius: var(--radius-md);
    color: var(--mn-text);
    font-family: var(--font-body);
    cursor: pointer;
    align-items: center;
    gap: 10px;
    padding: 12px 28px;
    font-size: .9rem;
    font-weight: 500;
    transition: all .2s;
    display: flex;
  }

  .mn-login__btn:hover {
    background: var(--mn-hover-bg);
    border-color: var(--mn-accent);
    box-shadow: 0 0 16px #ffc72c26;
  }

  .mn-login__btn:active {
    transform: scale(.97);
  }

  .mn-login__ms-icon {
    flex-shrink: 0;
    align-items: center;
    display: flex;
  }

  .mn-login__error {
    border-radius: var(--radius-sm);
    color: var(--mn-error);
    font-family: var(--font-body);
    font-size: var(--text-caption);
    text-align: center;
    background: #dc00001f;
    border: 1px solid #dc00004d;
    width: 100%;
    padding: 8px 16px;
  }

  .mn-login__status {
    align-items: center;
    gap: var(--space-sm);
    width: 100%;
    padding-top: var(--space-lg);
    border-top: 1px solid var(--mn-border);
    flex-direction: column;
    display: flex;
  }

  .mn-login__status-title {
    font-family: var(--font-mono);
    font-size: var(--text-micro);
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--mn-text-muted);
  }

  .mn-login__status-gauges {
    justify-content: center;
    gap: var(--space-lg);
    display: flex;
  }

  .mn-login__service {
    flex-direction: column;
    align-items: center;
    gap: 4px;
    display: flex;
  }

  .mn-login__service-gauge {
    line-height: 0;
  }

  .mn-login__service-name {
    font-family: var(--font-mono);
    letter-spacing: .08em;
    color: var(--mn-text-muted);
    font-size: .55rem;
    font-weight: 600;
  }

  .mn-login__service-status {
    font-family: var(--font-mono);
    letter-spacing: .1em;
    font-size: .5rem;
    font-weight: 700;
  }

  .mn-login__service-status--healthy {
    color: var(--verde-racing, #00a651);
  }

  .mn-login__service-status--degraded {
    color: var(--mn-accent);
  }

  .mn-login__service-status--unhealthy {
    color: var(--mn-error);
  }

  .mn-login__overall {
    font-family: var(--font-mono);
    font-size: var(--text-micro);
    letter-spacing: .06em;
    border-radius: var(--radius-pill);
    border: 1px solid;
    padding: 4px 12px;
  }

  .mn-login__overall--healthy {
    color: var(--verde-racing, #00a651);
    background: #00a6510f;
    border-color: #00a6514d;
  }

  .mn-login__overall--degraded {
    color: var(--mn-accent);
    background: #ffc72c0f;
    border-color: #ffc72c4d;
  }

  .mn-login__overall--unhealthy {
    color: var(--mn-error);
    background: #dc00000f;
    border-color: #dc00004d;
  }

  .mn-login__footer {
    align-items: center;
    gap: var(--space-md);
    padding-top: var(--space-sm);
    display: flex;
  }

  .mn-login__version {
    font-family: var(--font-mono);
    font-size: var(--text-micro);
    color: var(--mn-text-muted);
    letter-spacing: .06em;
  }

  .mn-login__env {
    font-family: var(--font-mono);
    letter-spacing: .08em;
    text-transform: uppercase;
    border-radius: var(--radius-pill);
    padding: 2px 8px;
    font-size: .55rem;
    font-weight: 700;
  }

  .mn-login__env--production {
    color: var(--verde-racing, #00a651);
    background: #00a6511f;
  }

  .mn-login__env--staging {
    color: var(--mn-accent);
    background: #ffc72c1f;
  }

  .mn-login__env--development {
    color: var(--today-line, #4ea8de);
    background: #4ea8de1f;
  }

  body.mn-avorio .mn-login {
    background: var(--mn-surface);
  }

  body.mn-avorio .mn-login__glow {
    background: radial-gradient(circle, #ffc72c14 0%, #0000 70%);
  }

  body.mn-avorio .mn-login__title {
    color: var(--mn-text);
  }

  body.mn-avorio .mn-login__subtitle {
    color: var(--mn-text-muted);
  }

  body.mn-avorio .mn-login__btn {
    border-color: var(--mn-text-tertiary);
    color: var(--mn-text);
    background: #0000000a;
  }

  body.mn-avorio .mn-login__btn:hover {
    background: #00000014;
  }

  body.mn-avorio .mn-login__status {
    border-top-color: var(--mn-text-tertiary);
  }

  body.mn-avorio .mn-login__service-name {
    color: var(--mn-text-muted);
  }

  @media (max-width: 640px) {
    .mn-login {
      min-height: 0;
      padding: var(--space-xl) var(--space-md);
    }

    .mn-login__status-gauges {
      gap: var(--space-md);
      flex-wrap: wrap;
    }

    .mn-login__btn {
      padding: 12px 20px;
      font-size: .85rem;
    }
  }

  .mn-layout {
    flex-direction: column;
    height: calc(100vh - 56px);
    display: flex;
    overflow: hidden;
  }

  .mn-layout > .mn-strip:not([hidden]) {
    flex-shrink: 0;
  }

  .mn-layout__columns {
    flex: 1;
    min-height: 0;
    display: flex;
    overflow: hidden;
  }

  .mn-layout__left:not([hidden]) {
    border-right: 1px solid var(--mn-border);
    flex-shrink: 0;
    width: 25%;
    min-width: 240px;
    max-width: 360px;
    overflow-y: auto;
  }

  body.mn-avorio .mn-layout__left {
    border-right-color: var(--mn-border-strong);
  }

  .mn-layout__center {
    flex-direction: column;
    flex: 1;
    min-width: 0;
    display: flex;
    position: relative;
    overflow-y: auto;
  }

  .mn-layout__center > .mn-app-gantt:not([hidden]) {
    flex: 1;
    width: 100%;
    min-height: 400px;
    overflow-y: auto;
  }

  .mn-layout__center > .mn-app-view:not([hidden]) {
    flex: 1;
    min-height: 250px;
    padding: 16px;
    overflow-y: auto;
    container: viewpane / inline-size;
  }

  .mn-layout__right:not([hidden]) {
    border-left: 1px solid var(--mn-border);
    flex-shrink: 0;
    width: 25%;
    min-width: 280px;
    max-width: 420px;
    overflow-y: auto;
  }

  body.mn-avorio .mn-layout__right {
    border-left-color: var(--mn-border-strong);
  }

  .mn-layout__simulator {
    flex: none;
    display: none;
  }

  .mn-layout__simulator.mn-sim-active {
    border-top: 2px solid var(--mn-border);
    flex-direction: column;
    min-height: 280px;
    max-height: 50vh;
    display: flex;
    overflow-y: auto;
  }

  body.mn-avorio .mn-layout__simulator.mn-sim-active {
    border-top-color: var(--mn-error);
    background: var(--mn-surface);
  }

  @media (max-width: 1200px) {
    .mn-layout__left, .mn-layout__right {
      width: 30%;
      min-width: 220px;
    }
  }

  @media (max-width: 768px) {
    .mn-layout {
      height: auto;
      min-height: calc(100vh - 56px);
    }

    .mn-layout__columns {
      flex-direction: column;
      overflow-y: auto;
    }

    .mn-layout__left, .mn-layout__right {
      border-left: none;
      border-right: none;
      border-bottom: 1px solid var(--mn-border);
      width: 100%;
      min-width: 0;
      max-width: none;
      overflow-y: visible;
    }

    .mn-layout__center {
      overflow-y: visible;
    }

    .mn-layout__center .mn-app-gantt {
      min-height: 300px;
    }

    .mn-layout__simulator.mn-sim-active {
      max-height: none;
    }
  }

  .mn-command-palette {
    background: var(--mn-surface-sunken);
    border: 1px solid var(--mn-border);
    border-radius: var(--radius-md);
    width: 520px;
    max-width: 90vw;
    box-shadow: var(--shadow-deep);
    z-index: 400;
    opacity: 0;
    pointer-events: none;
    transition: opacity .2s, transform .2s;
    position: fixed;
    top: 20%;
    left: 50%;
    transform: translateX(-50%) scale(.95);
  }

  .mn-command-palette--open {
    opacity: 1;
    pointer-events: auto;
    transform: translateX(-50%) scale(1);
  }

  .mn-command-palette__input-wrap {
    padding: var(--space-sm) var(--space-md);
    border-bottom: 1px solid var(--mn-border);
    align-items: center;
    display: flex;
  }

  .mn-command-palette__icon {
    color: var(--mn-text-muted);
    margin-right: var(--space-sm);
  }

  .mn-command-palette__input {
    color: var(--mn-text);
    font-size: .9rem;
    font-family: var(--font-body);
    background: none;
    border: none;
    outline: none;
    flex: 1;
  }

  .mn-command-palette__input::placeholder {
    color: var(--mn-text-muted);
  }

  .mn-command-palette__results {
    max-height: 300px;
    padding: var(--space-xs) 0;
    overflow-y: auto;
  }

  .mn-command-palette__item {
    align-items: center;
    gap: var(--space-sm);
    padding: 8px var(--space-md);
    cursor: pointer;
    transition: background .1s;
    display: flex;
  }

  .mn-command-palette__item:hover, .mn-command-palette__item--active {
    background: var(--mn-surface);
  }

  .mn-command-palette__item-icon {
    width: 16px;
    height: 16px;
    color: var(--mn-text-muted);
  }

  .mn-command-palette__item-text {
    color: var(--mn-text);
    flex: 1;
    font-size: .8rem;
  }

  .mn-command-palette__item-shortcut {
    font-family: var(--font-mono);
    color: var(--mn-text-muted);
    background: var(--mn-surface-raised);
    border-radius: var(--radius-xs);
    border: 1px solid var(--mn-border);
    padding: 2px 6px;
    font-size: .65rem;
  }

  .mn-command-palette__footer {
    padding: var(--space-xs) var(--space-md);
    border-top: 1px solid var(--mn-border);
    color: var(--mn-text-muted);
    justify-content: space-between;
    align-items: center;
    font-size: .65rem;
    display: flex;
  }

  .mn-drill-down {
    cursor: pointer;
    color: var(--mn-text-tertiary);
    border-radius: var(--radius-sm);
    align-items: center;
    gap: 4px;
    padding: 4px 8px;
    font-size: .8rem;
    transition: background .15s, color .15s;
    display: inline-flex;
  }

  .mn-drill-down:hover {
    background: var(--mn-surface);
    color: var(--mn-text);
  }

  .mn-drill-down__arrow {
    width: 12px;
    height: 12px;
    transition: transform .2s;
  }

  .mn-drill-down--expanded .mn-drill-down__arrow {
    transform: rotate(90deg);
  }

  .mn-drill-down__content {
    opacity: 0;
    max-height: 0;
    transition: max-height .3s, opacity .3s;
    overflow: hidden;
  }

  .mn-drill-down__content--open {
    opacity: 1;
    max-height: 1000px;
  }

  .mn-dt {
    border-radius: var(--radius-lg);
    border: 1px solid var(--mn-border);
    background: var(--mn-surface-sunken);
    font-family: var(--font-body);
    font-size: var(--text-caption);
    width: var(--mn-dt-width, 100%);
    height: var(--mn-dt-height, 100%);
    flex-direction: column;
    display: flex;
    position: relative;
    overflow: clip;
  }

  .mn-dt__scroll {
    flex: 1;
    min-height: 0;
    position: relative;
    overflow: auto;
  }

  .mn-dt__table {
    border-collapse: collapse;
    table-layout: auto;
    width: 100%;
  }

  .mn-dt__head {
    z-index: 2;
    position: sticky;
    top: 0;
  }

  .mn-dt__header-row {
    background: var(--mn-surface);
  }

  .mn-dt__th {
    font-family: var(--font-display);
    text-transform: uppercase;
    letter-spacing: .06em;
    font-weight: 600;
    font-size: var(--text-micro);
    padding: var(--space-sm) var(--space-md);
    text-align: left;
    color: var(--mn-border-strong);
    border-bottom: 2px solid var(--mn-border);
    white-space: nowrap;
    -webkit-user-select: none;
    user-select: none;
    position: relative;
  }

  .mn-dt__th--sortable {
    cursor: pointer;
    transition: color var(--duration-sm) var(--ease-out);
  }

  .mn-dt__th--sortable:hover, .mn-dt__th--sorted {
    color: var(--mn-accent);
  }

  .mn-dt__th-label {
    vertical-align: middle;
  }

  .mn-dt__sort-icon {
    opacity: .4;
    vertical-align: middle;
    margin-left: 6px;
    font-size: .7rem;
    transition: opacity .2s, transform .2s;
    display: inline-block;
  }

  .mn-dt__th--sortable:hover .mn-dt__sort-icon {
    opacity: .8;
  }

  .mn-dt__th--sorted .mn-dt__sort-icon {
    opacity: 1;
  }

  .mn-dt__th--desc .mn-dt__sort-icon {
    transform: rotate(180deg);
  }

  .mn-dt__filter-row {
    background: var(--mn-surface-raised);
  }

  .mn-dt__filter-cell {
    padding: 4px var(--space-md);
    border-bottom: 1px solid var(--mn-border);
  }

  .mn-dt__filter-input {
    width: 100%;
    font-family: var(--font-body);
    font-size: var(--text-micro);
    background: var(--mn-surface);
    border: 1px solid var(--mn-border);
    border-radius: var(--radius-sm);
    color: var(--mn-text);
    outline: none;
    padding: 4px 8px;
    transition: border-color .2s;
  }

  .mn-dt__filter-input::placeholder {
    color: var(--mn-text-muted);
  }

  .mn-dt__filter-input:focus {
    border-color: var(--mn-accent);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--mn-accent) 15%, transparent);
  }

  .mn-dt__row {
    transition: background var(--duration-sm) var(--ease-out);
    border-bottom: 1px solid var(--mn-hover-bg);
  }

  .mn-dt__row--selectable {
    cursor: pointer;
  }

  .mn-dt__row--striped {
    background: var(--mn-hover-bg);
  }

  .mn-dt--crosshair .mn-dt__row--hovered {
    background: color-mix(in srgb, var(--mn-accent) 6%, transparent);
  }

  .mn-dt__row--selected {
    background: color-mix(in srgb, var(--mn-accent) 10%, transparent);
  }

  .mn-dt__row--selected:hover, .mn-dt--crosshair .mn-dt__row--selected.mn-dt__row--hovered {
    background: color-mix(in srgb, var(--mn-accent) 14%, transparent);
  }

  .mn-dt__col-highlight {
    pointer-events: none;
    background: color-mix(in srgb, var(--mn-accent) 4%, transparent);
    z-index: 1;
    transition: left .1s, width .1s;
    position: absolute;
    top: 0;
  }

  .mn-dt__td {
    padding: var(--space-sm) var(--space-md);
    color: var(--mn-text-muted);
    vertical-align: middle;
  }

  .mn-dt__cell-text {
    color: var(--mn-text);
  }

  .mn-dt__cell-number {
    font-family: var(--font-mono);
    color: var(--mn-text);
    font-weight: 500;
  }

  .mn-dt__cell-date {
    font-family: var(--font-mono);
    font-size: var(--text-micro);
    color: var(--mn-text-muted);
    letter-spacing: .02em;
  }

  .mn-dt__cell-progress {
    align-items: center;
    gap: var(--space-xs);
    display: flex;
  }

  .mn-dt__cell-pct {
    font-family: var(--font-mono);
    font-size: var(--text-micro);
    color: var(--mn-text-muted);
    text-align: right;
    min-width: 32px;
  }

  .mn-dt__cell-person {
    align-items: center;
    gap: var(--space-sm);
    display: flex;
  }

  .mn-dt__avatar {
    background: var(--mn-border);
    width: 28px;
    height: 28px;
    color: var(--mn-border-strong);
    font-family: var(--font-display);
    letter-spacing: .04em;
    border-radius: 50%;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    font-size: .6rem;
    font-weight: 600;
    display: inline-flex;
  }

  .mn-dt__badge {
    width: 28px;
    height: 28px;
    font-family: var(--font-mono);
    font-weight: 600;
    font-size: var(--text-micro);
    color: var(--mn-text);
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }

  .mn-dt__badge--green {
    background: var(--status-active);
  }

  .mn-dt__badge--yellow {
    background: var(--status-warning);
    color: var(--mn-text-inverse);
  }

  .mn-dt__badge--red {
    background: var(--status-danger);
  }

  .mn-dt__group-row {
    background: var(--mn-surface);
    border-bottom: 1px solid var(--mn-border);
  }

  .mn-dt__group-row:hover {
    background: var(--mn-surface-raised);
  }

  .mn-dt__group-cell {
    padding: var(--space-sm) var(--space-md);
  }

  .mn-dt__group-chevron {
    width: 16px;
    color: var(--mn-text-muted);
    transition: transform .2s var(--ease-out);
    justify-content: center;
    align-items: center;
    font-size: .7rem;
    display: inline-flex;
  }

  .mn-dt__group-chevron--open {
    transform: rotate(90deg);
  }

  .mn-dt__group-dot {
    background: var(--mn-text-muted);
    border-radius: 50%;
    flex-shrink: 0;
    width: 10px;
    height: 10px;
  }

  .mn-dt__group-dot--active {
    background: var(--status-active);
  }

  .mn-dt__group-dot--warning {
    background: var(--status-warning);
  }

  .mn-dt__group-dot--danger {
    background: var(--status-danger);
  }

  .mn-dt__group-dot--info {
    background: var(--status-info);
  }

  .mn-dt__group-label {
    font-family: var(--font-display);
    font-weight: 700;
    font-size: var(--text-micro);
    letter-spacing: .08em;
    color: var(--mn-text);
  }

  .mn-dt__group-count {
    border-radius: var(--radius-pill);
    background: var(--mn-border);
    min-width: 22px;
    height: 20px;
    color: var(--mn-text-muted);
    font-family: var(--font-mono);
    justify-content: center;
    align-items: center;
    padding: 0 6px;
    font-size: .65rem;
    display: inline-flex;
  }

  .mn-dt__pagination {
    justify-content: center;
    align-items: center;
    gap: var(--space-md);
    padding: var(--space-sm) var(--space-md);
    border-top: 1px solid var(--mn-border);
    background: var(--mn-surface);
    display: flex;
  }

  .mn-dt__page-info {
    font-family: var(--font-body);
    font-size: var(--text-micro);
    color: var(--mn-text-muted);
  }

  .mn-dt__page-btn {
    border-radius: var(--radius-sm);
    border: 1px solid var(--mn-border);
    width: 32px;
    height: 32px;
    color: var(--mn-text-muted);
    cursor: pointer;
    background: none;
    justify-content: center;
    align-items: center;
    font-size: .9rem;
    transition: all .2s;
    display: inline-flex;
  }

  .mn-dt__page-btn:hover:not(:disabled) {
    background: var(--mn-surface-raised);
    color: var(--mn-accent);
    border-color: var(--mn-accent);
  }

  .mn-dt__page-btn:disabled {
    opacity: .3;
    cursor: default;
  }

  .mn-dt__empty-cell {
    padding: var(--space-2xl) var(--space-md);
    text-align: center;
    color: var(--mn-text-muted);
    font-style: italic;
  }

  .mn-dt--compact .mn-dt__th {
    padding: 4px var(--space-sm);
    font-size: var(--text-nano);
  }

  .mn-dt--compact .mn-dt__td {
    padding: 4px var(--space-sm);
    font-size: var(--text-micro);
  }

  .mn-dt--compact .mn-dt__filter-cell {
    padding: 2px var(--space-sm);
  }

  .mn-a11y-fab {
    bottom: var(--space-lg);
    right: var(--space-lg);
    background: var(--mn-accent);
    width: 48px;
    height: 48px;
    color: var(--mn-text-inverse);
    cursor: pointer;
    z-index: 9000;
    box-shadow: var(--shadow-md);
    transition: transform .2s var(--ease-out), box-shadow .2s;
    border: none;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    display: flex;
    position: fixed;
  }

  .mn-a11y-fab svg {
    width: 22px;
    height: 22px;
  }

  .mn-a11y-fab:hover {
    box-shadow: var(--shadow-elevated);
    transform: scale(1.1);
  }

  .mn-a11y-panel {
    bottom: 80px;
    right: var(--space-lg);
    background: var(--mn-surface-sunken);
    border: 1px solid var(--mn-border);
    border-radius: var(--radius-lg);
    width: 300px;
    box-shadow: var(--shadow-deep);
    z-index: 9001;
    padding: var(--space-lg);
    font-family: var(--font-body);
    color: var(--mn-text);
    display: none;
    position: fixed;
  }

  .mn-a11y-panel--open {
    animation: mn-fade-up .25s var(--ease-out);
    display: block;
  }

  @keyframes mn-fade-up {
    from {
      opacity: 0;
      transform: translateY(12px);
    }

    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  .mn-a11y-panel__title {
    font-family: var(--font-display);
    font-size: var(--text-body);
    letter-spacing: .04em;
    margin-bottom: var(--space-md);
    align-items: center;
    gap: var(--space-sm);
    font-weight: 600;
    display: flex;
  }

  .mn-a11y-panel__title svg {
    width: 20px;
    height: 20px;
  }

  .mn-a11y-panel__group {
    margin-bottom: var(--space-md);
  }

  .mn-a11y-panel__label {
    font-size: var(--text-micro);
    color: var(--mn-text-muted);
    text-transform: uppercase;
    letter-spacing: .06em;
    margin-bottom: var(--space-xs);
    font-weight: 600;
  }

  .mn-a11y-panel__row {
    padding: var(--space-xs) 0;
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .mn-a11y-panel__row-label {
    font-size: var(--text-caption);
    color: var(--mn-text);
  }

  .mn-a11y-panel__size-btns {
    gap: 4px;
    display: flex;
  }

  .mn-a11y-panel__size-btn {
    border-radius: var(--radius-sm);
    border: 1px solid var(--mn-border);
    width: 32px;
    height: 32px;
    color: var(--mn-text-muted);
    cursor: pointer;
    background: none;
    justify-content: center;
    align-items: center;
    font-size: .85rem;
    font-weight: 600;
    transition: all .2s;
    display: flex;
  }

  .mn-a11y-panel__size-btn:hover {
    background: var(--mn-surface-raised);
    color: var(--mn-accent);
    border-color: var(--mn-accent);
  }

  .mn-a11y-panel__size-btn--active {
    background: var(--mn-accent);
    color: var(--mn-text-inverse);
    border-color: var(--mn-accent);
  }

  .mn-a11y-panel__divider {
    background: var(--mn-border);
    height: 1px;
    margin: var(--space-sm) 0;
  }

  .mn-a11y-panel__reset {
    width: 100%;
    padding: var(--space-sm);
    border-radius: var(--radius-sm);
    border: 1px solid var(--mn-border);
    color: var(--mn-text-muted);
    font-family: var(--font-body);
    font-size: var(--text-micro);
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: .06em;
    background: none;
    transition: all .2s;
  }

  .mn-a11y-panel__reset:hover {
    background: var(--mn-hover-bg);
    color: var(--mn-text);
  }

  .mn-profile-trigger {
    cursor: pointer;
    background: none;
    border: none;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 36px;
    height: 36px;
    padding: 0;
    display: flex;
    position: relative;
  }

  .mn-profile-trigger__avatar {
    background: var(--mn-accent);
    width: 36px;
    height: 36px;
    color: var(--mn-accent-text);
    font-family: var(--font-display);
    letter-spacing: .04em;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    font-size: .75rem;
    font-weight: 600;
    display: flex;
    overflow: hidden;
  }

  .mn-profile-trigger__avatar img {
    object-fit: cover;
    border-radius: 50%;
    width: 100%;
    height: 100%;
  }

  .mn-profile-dropdown {
    background: var(--mn-surface-sunken);
    border: 1px solid var(--mn-border);
    border-radius: var(--radius-lg);
    width: 280px;
    max-width: 320px;
    box-shadow: var(--shadow-deep);
    z-index: 9000;
    display: none;
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    overflow: hidden;
  }

  .mn-profile-dropdown--open {
    animation: mn-fade-up .2s var(--ease-out);
    display: block;
  }

  .mn-profile-dropdown__header {
    padding: var(--space-lg);
    border-bottom: 1px solid var(--mn-border);
    align-items: center;
    gap: var(--space-md);
    display: flex;
  }

  .mn-profile-dropdown__avatar-lg {
    background: var(--mn-accent);
    width: 48px;
    max-width: 48px;
    height: 48px;
    max-height: 48px;
    color: var(--mn-accent-text);
    font-family: var(--font-display);
    border-radius: 50%;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    font-size: 1rem;
    font-weight: 600;
    display: flex;
    overflow: hidden;
  }

  .mn-profile-dropdown__avatar-lg img {
    object-fit: cover;
    border-radius: 50%;
    width: 100%;
    height: 100%;
  }

  .mn-profile-dropdown__info {
    gap: var(--space-xs);
    flex-direction: column;
    min-width: 0;
    display: flex;
  }

  .mn-profile-dropdown__name {
    font-family: var(--font-display);
    font-weight: 600;
    font-size: var(--text-body);
    color: var(--mn-text);
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%;
    overflow: hidden;
  }

  .mn-profile-dropdown__email {
    font-family: var(--font-body);
    color: var(--mn-text-muted);
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%;
    font-size: .75rem;
    overflow: hidden;
  }

  .mn-profile-dropdown__section {
    padding-top: var(--space-xs);
  }

  .mn-profile-dropdown__section-title {
    font-family: var(--font-display);
    font-weight: 600;
    font-size: var(--text-nano);
    text-transform: uppercase;
    letter-spacing: .08em;
    color: var(--mn-text-muted);
    padding: var(--space-xs) var(--space-md);
  }

  .mn-profile-dropdown__item {
    align-items: center;
    gap: var(--space-sm);
    padding: var(--space-sm) var(--space-md);
    cursor: pointer;
    color: var(--mn-text);
    font-family: var(--font-body);
    font-size: var(--text-caption);
    text-align: left;
    background: none;
    border: none;
    width: 100%;
    transition: background .2s;
    display: flex;
  }

  .mn-profile-dropdown__item:hover, .mn-profile-dropdown__item--focused {
    background: var(--mn-surface-raised);
  }

  .mn-profile-dropdown__item--danger {
    color: var(--mn-error);
  }

  .mn-profile-dropdown__item--danger:hover {
    background: #ff174414;
  }

  .mn-profile-dropdown__item-icon {
    width: 18px;
    color: var(--mn-text-muted);
    flex-shrink: 0;
  }

  .mn-profile-dropdown__item-icon svg {
    width: 16px;
    height: 16px;
  }

  .mn-profile-dropdown__item-badge {
    border-radius: var(--radius-pill);
    background: var(--mn-error);
    min-width: 18px;
    height: 18px;
    color: var(--mn-text);
    font-family: var(--font-mono);
    justify-content: center;
    align-items: center;
    margin-left: auto;
    padding: 0 5px;
    font-size: .6rem;
    font-weight: 600;
    display: flex;
  }

  .mn-profile-dropdown__divider {
    background: var(--mn-border);
    height: 1px;
    margin: var(--space-xs) 0;
  }

  body.mn-avorio .mn-profile-dropdown {
    background: var(--mn-surface);
    border-color: var(--mn-border);
  }

  body.mn-avorio .mn-profile-dropdown__item:hover, body.mn-avorio .mn-profile-dropdown__item--focused {
    background: #00000014;
  }

  body.mn-avorio .mn-profile-dropdown__avatar-lg, body.mn-avorio .mn-profile-trigger__avatar {
    background: var(--mn-accent);
    color: var(--mn-accent-text);
  }

  .mn-chat-fab {
    bottom: var(--space-lg);
    left: var(--space-lg);
    background: var(--mn-surface);
    border: 2px solid var(--mn-accent);
    width: 56px;
    height: 56px;
    color: var(--mn-accent);
    cursor: pointer;
    z-index: 8999;
    box-shadow: 0 0 16px #ffc72c33, var(--shadow-elevated);
    transition: transform .2s var(--ease-out), box-shadow .2s;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    display: flex;
    position: fixed;
  }

  .mn-chat-fab:hover {
    box-shadow: var(--shadow-deep);
    transform: scale(1.08);
  }

  .mn-chat-fab svg {
    width: 22px;
    height: 22px;
  }

  .mn-chat-fab__avatar {
    object-fit: cover;
    border-radius: 50%;
    width: 48px;
    height: 48px;
    display: block;
  }

  .mn-chat-fab__avatar[src=""], .mn-chat-fab__avatar:not([src]), .mn-chat-fab__avatar[alt]:after {
    content: "";
  }

  .mn-chat-fab__avatar:is([src=""], [src="#"]) {
    background: var(--mn-surface-raised);
    color: var(--mn-accent);
    justify-content: center;
    align-items: center;
    font-size: 1.2rem;
    font-weight: 700;
    display: flex;
  }

  .mn-chat-fab--hidden {
    display: none;
  }

  .mn-chat-fab__pulse {
    border: 2px solid var(--mn-accent);
    opacity: 0;
    pointer-events: none;
    border-radius: 50%;
    animation: 2s infinite mn-chat-pulse;
    position: absolute;
    inset: -4px;
  }

  @keyframes mn-chat-pulse {
    0% {
      opacity: .6;
      transform: scale(1);
    }

    100% {
      opacity: 0;
      transform: scale(1.4);
    }
  }

  .mn-chat-panel {
    bottom: 80px;
    left: var(--space-lg);
    background: var(--mn-surface);
    border: 1px solid var(--mn-border);
    border-radius: var(--radius-xl) var(--radius-xl) var(--radius-sm) var(--radius-sm);
    width: 380px;
    height: 520px;
    box-shadow: var(--shadow-deep);
    z-index: 9000;
    flex-direction: column;
    display: none;
    position: fixed;
    overflow: hidden;
  }

  .mn-chat-panel--open {
    animation: mn-slide-up .25s var(--ease-out);
    display: flex;
  }

  .mn-chat-panel--maximized {
    height: 80vh;
  }

  .mn-chat-panel--wide {
    width: 680px;
  }

  .mn-chat-panel--full {
    width: calc(100vw - 32px);
    max-width: calc(100vw - 32px);
  }

  @keyframes mn-slide-up {
    from {
      opacity: 0;
      transform: translateY(20px);
    }

    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  .mn-chat-panel__accent {
    background: var(--mn-accent);
    flex-shrink: 0;
    height: 2px;
  }

  .mn-chat-panel__header {
    padding: var(--space-sm) var(--space-md);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    border-bottom: 1px solid var(--mn-border);
    background: #0a0a0acc;
    flex-shrink: 0;
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .mn-chat-panel__header-actions {
    gap: 4px;
    display: flex;
  }

  .mn-chat-panel__title {
    font-family: var(--font-mono);
    font-weight: 600;
    font-size: var(--text-micro);
    text-transform: uppercase;
    letter-spacing: .1em;
    color: var(--mn-accent);
  }

  .mn-chat-panel__close, .mn-chat-panel__resize {
    color: var(--mn-text-tertiary);
    border-radius: var(--radius-sm);
    cursor: pointer;
    background: none;
    border: none;
    justify-content: center;
    align-items: center;
    width: 28px;
    height: 28px;
    transition: background .15s;
    display: flex;
  }

  .mn-chat-panel__close:hover, .mn-chat-panel__resize:hover {
    background: var(--mn-surface-raised);
  }

  .mn-chat-panel__close svg, .mn-chat-panel__resize svg {
    width: 16px;
    height: 16px;
  }

  .mn-chat-agent-selector {
    border: 1px solid var(--mn-border);
    background: var(--mn-surface);
    color: var(--mn-text-muted);
    border-radius: var(--radius-pill);
    font-family: var(--font-mono);
    font-size: var(--text-nano);
    letter-spacing: .04em;
    cursor: pointer;
    align-items: center;
    gap: 6px;
    padding: 4px 10px;
    display: inline-flex;
  }

  .mn-chat-agent-selector:hover {
    border-color: var(--mn-accent);
    color: var(--mn-accent);
  }

  .mn-chat-agent-selector__chevron {
    width: 12px;
    height: 12px;
    display: inline-flex;
  }

  .mn-chat-agent-selector__chevron svg {
    width: 12px;
    height: 12px;
  }

  .mn-chat-agent-selector--open .mn-chat-agent-selector__chevron {
    transform: rotate(180deg);
  }

  .mn-chat-agent-grid {
    top: 54px;
    left: var(--space-md);
    right: var(--space-md);
    z-index: 2;
    background: var(--mn-surface);
    border: 1px solid var(--mn-border);
    border-radius: var(--radius-md);
    padding: var(--space-sm);
    gap: var(--space-xs);
    box-shadow: var(--shadow-elevated);
    grid-template-columns: repeat(3, minmax(0, 1fr));
    display: none;
    position: absolute;
  }

  .mn-chat-agent-grid--open {
    display: grid;
  }

  .mn-chat-agent-card {
    border: 1px solid var(--mn-border);
    background: var(--mn-surface-raised);
    border-radius: var(--radius-sm);
    color: var(--mn-text-tertiary);
    font-family: var(--font-body);
    font-size: var(--text-micro);
    min-height: 64px;
    padding: var(--space-xs);
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 4px;
    display: flex;
  }

  .mn-chat-panel--embedded {
    width: 100%;
    max-width: none;
    height: 100%;
    max-height: none;
    box-shadow: none;
    z-index: auto;
    border: none;
    border-radius: 0;
    flex-direction: column;
    display: flex;
    position: relative;
    bottom: auto;
    left: auto;
  }

  .mn-chat-panel--embedded .mn-chat-fab, .mn-chat-panel--embedded .mn-chat-panel__close, .mn-chat-panel--embedded .mn-chat-panel__resize, .mn-chat-panel--embedded .mn-chat-panel__accent {
    display: none;
  }

  .mn-chat-msg--streaming .mn-chat-msg__content:after {
    content: "▮";
    color: var(--mn-accent);
    margin-left: 2px;
    animation: .8s step-end infinite mn-blink;
  }

  @keyframes mn-blink {
    50% {
      opacity: 0;
    }
  }

  .mn-sys-status__panel {
    background: var(--mn-surface-sunken);
    border: 1px solid var(--mn-border);
    border-radius: var(--radius-md);
    min-width: 240px;
    box-shadow: var(--shadow-deep);
    z-index: 9000;
    display: none;
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    overflow: hidden;
  }

  .mn-sys-status__panel--open {
    animation: mn-fade-up .2s var(--ease-out);
    display: block;
  }

  .mn-sys-status__header {
    align-items: center;
    gap: var(--space-sm);
    padding: var(--space-sm) var(--space-md);
    border-bottom: 1px solid var(--mn-border);
    display: flex;
  }

  .mn-sys-status__header-label {
    font-family: var(--font-display);
    font-weight: 600;
    font-size: var(--text-caption);
    color: var(--mn-text);
  }

  .mn-sys-status__services {
    padding: var(--space-xs) 0;
  }

  .mn-sys-status__service {
    align-items: center;
    gap: var(--space-sm);
    padding: var(--space-xs) var(--space-md);
    transition: background .15s;
    display: flex;
  }

  .mn-sys-status__service:hover {
    background: var(--mn-surface-raised);
  }

  .mn-sys-status__service-name {
    font-family: var(--font-body);
    font-size: var(--text-caption);
    color: var(--mn-text-muted);
    flex: 1;
  }

  .mn-sys-status__service-ms {
    font-family: var(--font-mono);
    font-size: var(--text-micro);
    color: var(--mn-text-muted);
    text-align: right;
    min-width: 48px;
  }

  .mn-sys-status__service-ms--down {
    color: var(--status-danger);
    font-weight: 600;
  }

  @media (max-width: 768px) {
    .mn-sidebar {
      z-index: 250;
      width: 0;
      position: fixed;
    }

    .mn-sidebar--mobile-open {
      width: 260px;
    }

    .mn-detail-panel {
      width: 100%;
    }

    .mn-command-palette {
      width: 95vw;
    }

    .mn-dt__th {
      font-size: var(--text-nano);
      padding: 4px var(--space-sm);
    }

    .mn-dt__td {
      padding: 4px var(--space-sm);
      font-size: var(--text-micro);
    }

    .mn-a11y-panel {
      width: calc(100vw - 2 * var(--space-lg));
      right: var(--space-md);
    }
  }

  .mn-dt__row--drilldown {
    cursor: pointer;
  }

  .mn-dt--drilldown .mn-dt__row--drilldown:hover {
    background: color-mix(in srgb, var(--mn-accent) 8%, transparent);
  }

  .mn-dt__cell-metric {
    align-items: center;
    gap: var(--space-xs);
    display: inline-flex;
  }

  .mn-dt__cell-trend {
    font-size: var(--text-micro);
    font-weight: 700;
  }

  .mn-dt__cell-trend--up {
    color: var(--status-active);
  }

  .mn-dt__cell-trend--down {
    color: var(--status-danger);
  }

  .mn-dt__cell-trend--flat {
    color: var(--mn-text-muted);
  }

  .mn-dt__cell-metric-delta {
    color: var(--mn-text-muted);
    font-size: var(--text-micro);
  }

  .mn-dt__cell-person-meta {
    flex-direction: column;
    gap: 2px;
    display: inline-flex;
  }

  .mn-dt__cell-person-email {
    font-size: var(--text-micro);
    color: var(--mn-text-muted);
  }

  .mn-dt__avatar-img {
    object-fit: cover;
    border-radius: 50%;
    width: 100%;
    height: 100%;
  }

  .mn-dt__progress {
    border-radius: var(--radius-pill);
    background: var(--mn-surface);
    width: 72px;
    height: 8px;
    overflow: hidden;
  }

  .mn-dt__progress-fill {
    background: var(--mn-accent);
    height: 100%;
  }

  .mn-dt__cell-actions {
    align-items: center;
    gap: var(--space-xs);
    display: inline-flex;
  }

  .mn-dt__action-btn {
    border: 1px solid var(--mn-border);
    border-radius: var(--radius-sm);
    background: var(--mn-surface-raised);
    color: var(--mn-text);
    cursor: pointer;
    align-items: center;
    gap: 4px;
    padding: 2px 8px;
    display: inline-flex;
  }

  .mn-dt__action-btn:hover {
    border-color: var(--mn-accent);
    color: var(--mn-accent);
  }

  .mn-dt__action-icon {
    font-size: var(--text-micro);
    color: var(--mn-text-muted);
  }

  .mn-dt__cell-link {
    color: var(--mn-info);
    align-items: center;
    gap: 4px;
    text-decoration: none;
    display: inline-flex;
  }

  .mn-dt__cell-link:hover {
    color: var(--mn-accent);
    text-decoration: underline;
  }

  .mn-dt__cell-link-ext {
    font-size: var(--text-micro);
    color: var(--mn-text-muted);
  }

  .mn-dt__cell-icon {
    color: var(--mn-text-muted);
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }

  .mn-dt__cell-icon svg {
    width: 16px;
    height: 16px;
  }

  .mn-detail-panel__header-actions {
    align-items: center;
    gap: 6px;
    display: flex;
  }

  .mn-detail-panel__action-btn {
    font-family: var(--font-mono);
    text-transform: uppercase;
    letter-spacing: .06em;
    border-radius: var(--radius-sm);
    border: 1px solid var(--mn-hover-bg);
    background: var(--mn-hover-bg);
    color: var(--mn-text-tertiary);
    cursor: pointer;
    padding: 4px 12px;
    font-size: .65rem;
    font-weight: 600;
    transition: all .15s;
  }

  .mn-detail-panel__action-btn:hover {
    background: var(--mn-hover-bg);
    color: var(--mn-text);
  }

  .mn-detail-panel__save-btn {
    color: var(--verde-racing, #00a651);
    background: #00a65126;
    border-color: #00a6514d;
  }

  .mn-detail-panel__save-btn:hover {
    background: #00a65140;
  }

  .mn-detail-panel__save-btn:disabled {
    opacity: .5;
    cursor: not-allowed;
  }

  .mn-detail-panel__cancel-btn:hover {
    color: var(--mn-error);
    border-color: #dc00004d;
  }

  .mn-detail-panel__tabs {
    border-bottom: 1px solid var(--mn-border);
    padding: 0 var(--space-lg);
    gap: 0;
    display: flex;
    overflow-x: auto;
  }

  .mn-detail-panel__tab {
    font-family: var(--font-mono);
    text-transform: uppercase;
    letter-spacing: .06em;
    color: var(--mn-text-muted);
    cursor: pointer;
    white-space: nowrap;
    background: none;
    border: none;
    border-bottom: 2px solid #0000;
    padding: 8px 12px;
    font-size: .65rem;
    font-weight: 500;
    transition: all .15s;
  }

  .mn-detail-panel__tab:hover {
    color: var(--mn-text);
  }

  .mn-detail-panel__tab--active {
    color: var(--mn-accent);
    border-bottom-color: var(--mn-accent);
  }

  .mn-detail-panel__edit-input.mn-detail-panel__edit-input {
    max-width: 200px;
    height: auto;
    padding: 4px 8px;
    font-size: .75rem;
  }

  .mn-detail-panel__edit-textarea.mn-detail-panel__edit-textarea {
    width: 100%;
    min-height: 60px;
    padding: 6px 8px;
    font-size: .75rem;
  }

  .mn-detail-panel__date-wrap {
    align-items: center;
    gap: 4px;
    max-width: 200px;
    display: flex;
    position: relative;
  }

  .mn-detail-panel__cal-btn {
    transition: opacity .15s, color .15s;
  }

  .mn-detail-panel__cal-btn:hover {
    opacity: 1;
    color: var(--mn-text);
  }

  .mn-detail-panel__person {
    align-items: center;
    gap: 6px;
    display: inline-flex;
  }

  .mn-detail-panel__avatar {
    width: 24px;
    height: 24px;
    color: var(--mn-accent);
    font-family: var(--font-mono);
    background: #ffc72c26;
    border-radius: 50%;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    font-size: .55rem;
    font-weight: 700;
    display: inline-flex;
  }

  .mn-detail-panel__avatar--sm {
    width: 20px;
    height: 20px;
    font-size: .5rem;
  }

  .mn-detail-panel__person-edit {
    max-width: 200px;
    position: relative;
  }

  .mn-detail-panel__person-results {
    z-index: 300;
    background: var(--mn-surface-sunken);
    border: 1px solid var(--mn-border);
    border-radius: var(--radius-sm);
    max-height: 180px;
    box-shadow: var(--shadow-elevated);
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    overflow-y: auto;
  }

  .mn-detail-panel__person-results--open {
    display: block;
  }

  .mn-detail-panel__person-result {
    cursor: pointer;
    color: var(--mn-text);
    align-items: center;
    gap: 8px;
    padding: 6px 10px;
    font-size: .75rem;
    transition: background .1s;
    display: flex;
  }

  .mn-detail-panel__person-result:hover {
    background: #ffc72c14;
  }

  .mn-detail-panel__person-email {
    color: var(--mn-text-muted);
    margin-left: auto;
    font-size: .6rem;
  }

  .mn-detail-panel__score-stepper {
    border: 1px solid var(--mn-border);
    border-radius: var(--radius-sm);
    align-items: center;
    gap: 0;
    display: inline-flex;
    overflow: hidden;
  }

  .mn-detail-panel__score-btn {
    background: var(--mn-hover-bg);
    color: var(--mn-text-tertiary);
    cursor: pointer;
    border: none;
    padding: 2px 8px;
    font-size: .85rem;
    font-weight: 600;
    line-height: 1;
    transition: all .1s;
  }

  .mn-detail-panel__score-btn:hover {
    color: var(--mn-accent);
    background: #ffc72c1f;
  }

  .mn-detail-panel__score-value {
    font-family: var(--font-mono);
    color: var(--mn-text);
    text-align: center;
    border-left: 1px solid var(--mn-border);
    border-right: 1px solid var(--mn-border);
    min-width: 28px;
    padding: 2px 10px;
    font-size: .85rem;
    font-weight: 700;
  }

  .mn-detail-panel__status-select {
    font-weight: 600;
  }

  .mn-detail-panel__toast {
    border-radius: var(--radius-sm);
    font-family: var(--font-body);
    opacity: 0;
    margin-bottom: 12px;
    padding: 8px 14px;
    font-size: .7rem;
    font-weight: 500;
    transition: all .3s;
    transform: translateY(-8px);
  }

  .mn-detail-panel__toast--visible {
    opacity: 1;
    transform: translateY(0);
  }

  .mn-detail-panel__toast--success {
    color: var(--verde-racing, #00a651);
    background: #00a6511a;
    border: 1px solid #00a65140;
  }

  .mn-detail-panel__toast--error {
    color: var(--mn-error);
    background: #dc00001a;
    border: 1px solid #dc000040;
  }

  .mn-detail-panel__toast--info {
    color: var(--mn-accent);
    background: #ffc72c14;
    border: 1px solid #ffc72c33;
  }

  .mn-detail-panel__skeleton {
    background: linear-gradient(90deg, var(--mn-hover-bg) 0%, var(--mn-hover-bg) 50%, var(--mn-hover-bg) 100%);
    border-radius: var(--radius-xs);
    background-size: 200% 100%;
    animation: 1.5s ease-in-out infinite mn-skeleton-shimmer;
  }

  .mn-detail-panel__skeleton--title {
    width: 100px;
    height: 12px;
    margin-bottom: 8px;
  }

  .mn-detail-panel__skeleton--label {
    width: 80px;
    height: 12px;
  }

  .mn-detail-panel__skeleton--value {
    width: 120px;
    height: 12px;
  }

  @keyframes mn-skeleton-shimmer {
    0% {
      background-position: 200% 0;
    }

    100% {
      background-position: -200% 0;
    }
  }

  .mn-date-picker {
    z-index: 400;
    background: var(--mn-surface-sunken);
    border: 1px solid var(--mn-border);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-deep);
    width: 260px;
    font-family: var(--font-body);
    padding: 12px;
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
  }

  .mn-date-picker__nav {
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
    display: flex;
  }

  .mn-date-picker__nav-btn {
    color: var(--mn-text-tertiary);
    cursor: pointer;
    border-radius: var(--radius-sm);
    background: none;
    border: none;
    padding: 4px 8px;
    font-size: .65rem;
    transition: all .1s;
  }

  .mn-date-picker__nav-btn:hover {
    background: var(--mn-hover-bg);
    color: var(--mn-text);
  }

  .mn-date-picker__month-title {
    font-family: var(--font-display);
    color: var(--mn-text);
    font-size: .8rem;
    font-weight: 600;
  }

  .mn-date-picker__days-header {
    grid-template-columns: repeat(7, 1fr);
    gap: 2px;
    margin-bottom: 4px;
    display: grid;
  }

  .mn-date-picker__day-name {
    text-align: center;
    font-family: var(--font-mono);
    color: var(--mn-text-muted);
    text-transform: uppercase;
    padding: 2px 0;
    font-size: .55rem;
    font-weight: 600;
  }

  .mn-date-picker__grid {
    grid-template-columns: repeat(7, 1fr);
    gap: 2px;
    display: grid;
  }

  .mn-date-picker__day {
    width: 32px;
    height: 32px;
    color: var(--mn-text);
    font-family: var(--font-body);
    cursor: pointer;
    background: none;
    border: none;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    font-size: .7rem;
    transition: all .1s;
    display: flex;
  }

  .mn-date-picker__day:hover:not(.mn-date-picker__day--disabled):not(.mn-date-picker__day--empty) {
    color: var(--mn-accent);
    background: #ffc72c1f;
  }

  .mn-date-picker__day--empty {
    cursor: default;
  }

  .mn-date-picker__day--today {
    border: 1.5px solid var(--mn-error);
    font-weight: 700;
  }

  .mn-date-picker__day--selected.mn-date-picker__day--selected {
    background: var(--mn-accent);
    color: var(--mn-text-inverse);
    font-weight: 700;
  }

  .mn-date-picker__day--disabled {
    opacity: .25;
    cursor: not-allowed;
  }

  .mn-date-picker__today-btn {
    border: 1px solid var(--mn-hover-bg);
    border-radius: var(--radius-sm);
    width: 100%;
    color: var(--mn-text-tertiary);
    font-family: var(--font-mono);
    text-transform: uppercase;
    letter-spacing: .06em;
    cursor: pointer;
    background: none;
    margin-top: 8px;
    padding: 6px;
    font-size: .6rem;
    font-weight: 600;
    transition: all .15s;
    display: block;
  }

  .mn-date-picker__today-btn:hover {
    color: var(--mn-accent);
    background: #ffc72c14;
    border-color: #ffc72c33;
  }

  body.mn-avorio .mn-detail-panel__avatar {
    color: var(--mn-error);
    background: #dc00001a;
  }

  body.mn-avorio .mn-detail-panel__score-btn:hover {
    color: var(--mn-error);
    background: #dc000014;
  }

  body.mn-avorio .mn-detail-panel__tab--active {
    color: var(--mn-error);
    border-bottom-color: var(--mn-error);
  }

  body.mn-avorio .mn-date-picker {
    background: var(--avorio-chiaro, #faf8f2);
    border-color: var(--avorio-scuro);
  }

  body.mn-avorio .mn-date-picker__month-title, body.mn-avorio .mn-date-picker__day {
    color: var(--mn-text);
  }

  body.mn-avorio .mn-date-picker__day:hover:not(.mn-date-picker__day--disabled):not(.mn-date-picker__day--empty) {
    color: var(--mn-error);
    background: #dc000014;
  }

  body.mn-avorio .mn-date-picker__day--selected.mn-date-picker__day--selected {
    background: var(--mn-error);
    color: var(--mn-text);
  }

  body.mn-avorio .mn-detail-panel__person-results {
    background: var(--avorio-chiaro);
    border-color: var(--avorio-scuro);
  }

  body.mn-avorio .mn-detail-panel__person-result {
    color: var(--mn-text);
  }

  body.mn-avorio .mn-detail-panel__person-result:hover {
    background: #dc00000f;
  }

  body.mn-avorio .mn-detail-panel__action-btn {
    color: var(--mn-border-strong);
    border-color: #0000001a;
  }

  body.mn-avorio .mn-detail-panel__action-btn:hover {
    color: var(--mn-text);
    background: #0000000a;
  }

  body.mn-avorio .mn-detail-panel__save-btn {
    color: var(--verde-racing);
    background: #00a65114;
  }

  body.mn-avorio .mn-detail-panel__toast--info {
    color: var(--mn-error);
    background: #dc00000f;
    border-color: #dc000026;
  }

  body.mn-avorio .mn-detail-panel__skeleton {
    background: linear-gradient(90deg, #00000008 0%, #0000000f 50%, #00000008 100%) 0 0 / 200% 100%;
  }

  body.mn-avorio .mn-detail-panel__score-stepper {
    border-color: var(--mn-border-strong);
  }

  body.mn-avorio .mn-detail-panel__score-btn {
    color: var(--mn-border-strong);
    background: #0000000a;
  }

  body.mn-avorio .mn-detail-panel__score-value {
    color: var(--mn-text);
    border-color: var(--mn-border-strong);
  }

  body.mn-avorio .mn-detail-panel__tab {
    color: var(--mn-border-strong);
  }

  body.mn-avorio .mn-detail-panel__tab:hover {
    color: var(--mn-text);
  }

  body.mn-avorio .mn-detail-panel__person-email {
    color: var(--mn-text-muted);
  }

  body.mn-avorio .mn-date-picker__nav-btn {
    color: var(--mn-border-strong);
  }

  body.mn-avorio .mn-date-picker__nav-btn:hover {
    color: var(--mn-text);
    background: #0000000a;
  }

  body.mn-avorio .mn-date-picker__day-name {
    color: var(--mn-text-muted);
  }

  body.mn-avorio .mn-date-picker__today-btn {
    color: var(--mn-border-strong);
    border-color: #0000001a;
  }

  body.mn-avorio .mn-date-picker__today-btn:hover {
    color: var(--mn-error);
    background: #dc00000f;
    border-color: #dc000033;
  }

  body.mn-nero .mn-detail-panel__person-results, body.mn-nero .mn-date-picker {
    background: var(--mn-surface-sunken);
    border-color: var(--mn-border);
  }

  body.mn-nero .mn-detail-panel__skeleton {
    background: linear-gradient(90deg, var(--mn-hover-bg) 0%, var(--mn-hover-bg) 50%, var(--mn-hover-bg) 100%);
    background-size: 200% 100%;
  }

  body.mn-nero .mn-detail-panel__score-stepper {
    border-color: var(--mn-border);
  }

  body.mn-nero .mn-detail-panel__score-btn {
    background: var(--mn-hover-bg);
    color: var(--mn-text-tertiary);
  }

  body.mn-nero .mn-detail-panel__score-value {
    color: var(--mn-text);
    border-color: var(--mn-border);
  }

  body.mn-nero .mn-detail-panel__tab {
    color: var(--mn-text-tertiary);
  }

  body.mn-nero .mn-detail-panel__tab:hover {
    color: var(--mn-text);
  }

  body.mn-nero .mn-detail-panel__tab--active {
    color: var(--mn-accent);
    border-bottom-color: var(--mn-accent);
  }

  body.mn-nero .mn-date-picker__day {
    color: var(--mn-text);
  }

  body.mn-nero .mn-date-picker__nav-btn {
    color: var(--mn-text-tertiary);
  }

  body.mn-nero .mn-date-picker__day-name {
    color: var(--mn-text-muted);
  }

  body.mn-nero .mn-detail-panel__action-btn {
    border-color: var(--mn-border);
    color: var(--mn-text-tertiary);
  }

  body.mn-nero .mn-detail-panel__action-btn:hover {
    background: var(--mn-surface-raised);
    color: var(--mn-text);
  }

  .mn-detail-panel__footer {
    padding: var(--space-md) var(--space-lg);
    border-top: 1px solid var(--mn-border);
    gap: var(--space-sm);
    display: flex;
  }

  .mn-detail-panel__backdrop {
    z-index: 1099;
    opacity: 0;
    pointer-events: none;
    background: #00000080;
    transition: opacity .3s;
    position: fixed;
    inset: 0;
  }

  .mn-detail-panel__backdrop--visible {
    opacity: 1;
    pointer-events: auto;
  }

  @import url("layouts-detail-panel.css");

  @import url("layouts-detail-panel-gantt.css");

  @import url("layouts-detail-panel-comments.css");

  .mn-comment-box {
    border-top: 1px solid var(--mn-border);
    margin-top: 16px;
    padding-top: 12px;
  }

  .mn-comment-box__label {
    text-transform: uppercase;
    letter-spacing: .05em;
    color: var(--mn-text-muted);
    margin-bottom: 6px;
    font-size: .7rem;
    font-weight: 600;
  }

  .mn-comment-box__input {
    background: var(--mn-surface-raised);
    border: 1px solid var(--mn-border);
    border-radius: var(--radius-sm);
    width: 100%;
    min-height: 60px;
    color: var(--mn-text);
    font-family: var(--font-body);
    resize: vertical;
    padding: 8px;
    font-size: .8rem;
  }

  .mn-comment-box__input:focus {
    border-color: var(--mn-accent);
    outline: none;
  }

  .mn-comment-box__actions {
    justify-content: flex-end;
    gap: 8px;
    margin-top: 8px;
    display: flex;
  }

  .mn-comment-box__btn {
    background: var(--mn-accent);
    color: var(--mn-accent-text);
    border-radius: var(--radius-sm);
    cursor: pointer;
    border: none;
    padding: 6px 14px;
    font-size: .75rem;
    font-weight: 600;
    transition: filter .2s;
  }

  .mn-comment-box__btn:hover {
    filter: brightness(1.1);
  }

  .mn-comment-box__btn:disabled {
    opacity: .5;
    cursor: not-allowed;
  }

  .mn-comment-item {
    border-bottom: 1px solid var(--mn-border);
    padding: 12px;
  }

  .mn-comment-item__header {
    align-items: center;
    gap: 8px;
    margin-bottom: 6px;
    display: flex;
  }

  .mn-comment-item__avatar {
    background: var(--mn-border);
    width: 28px;
    height: 28px;
    color: var(--mn-text);
    border-radius: 50%;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    font-size: .6rem;
    font-weight: 700;
    display: flex;
  }

  .mn-comment-item__author {
    color: var(--mn-text);
    font-size: .8rem;
    font-weight: 600;
  }

  .mn-comment-item__date {
    color: var(--mn-text-muted);
    margin-left: auto;
    font-size: .65rem;
  }

  .mn-comment-item__body {
    color: var(--mn-text-tertiary);
    font-size: .8rem;
    line-height: 1.5;
  }

  .mn-person-autocomplete {
    width: 100%;
    position: relative;
  }

  .mn-person-autocomplete__results {
    background: var(--mn-surface-sunken);
    border: 1px solid var(--mn-border);
    border-radius: var(--radius-sm);
    z-index: 200;
    max-height: 180px;
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    overflow-y: auto;
  }

  .mn-person-autocomplete__results--open {
    display: block;
  }

  .mn-person-autocomplete__item {
    cursor: pointer;
    color: var(--mn-text);
    align-items: center;
    gap: 8px;
    padding: 6px 10px;
    font-size: .8rem;
    transition: background .15s;
    display: flex;
  }

  .mn-person-autocomplete__item:hover {
    background: #ffc72c1a;
  }

  .mn-person-autocomplete__item-avatar {
    background: var(--mn-border);
    width: 24px;
    height: 24px;
    color: var(--mn-text);
    border-radius: 50%;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    font-size: .55rem;
    font-weight: 700;
    display: flex;
  }

  .mn-person-autocomplete__item-name {
    font-weight: 500;
  }

  .mn-person-autocomplete__item-email {
    color: var(--mn-text-muted);
    margin-left: auto;
    font-size: .65rem;
  }

  .mn-talent-gantt__grid-line {
    background: var(--mn-border);
    opacity: .5;
    width: 1px;
    position: absolute;
    top: 0;
    bottom: 0;
  }

  .mn-talent-gantt__today-marker {
    background: var(--rosso, #dc0000);
    z-index: 3;
    border-radius: 1px;
    width: 2px;
    position: absolute;
    top: -4px;
    bottom: -4px;
  }

  .mn-talent-gantt__today-label {
    color: var(--rosso, #dc0000);
    text-transform: uppercase;
    letter-spacing: .04em;
    font-size: .55rem;
    font-weight: 700;
    position: absolute;
    top: -16px;
    transform: translateX(-50%);
  }

  .mn-talent-gantt__pct {
    color: var(--mn-text);
    z-index: 2;
    font-size: .5rem;
    font-weight: 700;
    position: absolute;
    top: 50%;
    right: 4px;
    transform: translateY(-50%);
  }

  .mn-layout__right .mn-detail-panel__backdrop {
    display: none !important;
  }

  .mn-layout__right .mn-detail-panel {
    width: 100%;
    max-width: none;
    height: 100%;
    box-shadow: none;
    z-index: auto;
    border-left: none;
    border-radius: 0;
    position: static;
    transform: none;
  }

  .mn-layout__right .mn-detail-panel--open {
    transform: none;
  }

  .mn-activities-gantt {
    border: 1px solid var(--mn-border);
    border-radius: var(--radius-md);
    background: var(--mn-surface-raised);
    margin-bottom: 12px;
    padding: 12px;
  }

  .mn-activities-gantt__title {
    text-transform: uppercase;
    letter-spacing: .05em;
    color: var(--mn-text-muted);
    margin-bottom: 8px;
    font-size: .7rem;
    font-weight: 600;
  }

  .mn-activities-gantt__axis {
    color: var(--mn-text-muted);
    justify-content: space-between;
    margin-bottom: 6px;
    padding: 0 2px;
    font-size: .6rem;
    display: flex;
    position: relative;
  }

  .mn-activities-gantt__axis-tick {
    color: var(--mn-text-muted);
    font-size: .55rem;
    position: absolute;
    bottom: 0;
    transform: translateX(-50%);
  }

  .mn-activities-gantt__row {
    cursor: pointer;
    border-radius: var(--radius-sm);
    align-items: center;
    gap: 8px;
    margin-bottom: 4px;
    padding: 3px 0;
    transition: background .15s;
    display: flex;
  }

  .mn-activities-gantt__row:hover {
    background: var(--mn-hover-bg);
  }

  .mn-activities-gantt__label {
    color: var(--mn-text-tertiary);
    text-overflow: ellipsis;
    white-space: nowrap;
    flex-shrink: 0;
    width: 100px;
    font-size: .65rem;
    overflow: hidden;
  }

  .mn-activities-gantt__bar-wrap {
    background: var(--mn-surface);
    border-radius: var(--radius-sm);
    flex: 1;
    height: 14px;
    position: relative;
    overflow: hidden;
  }

  .mn-activities-gantt__bar {
    border-radius: var(--radius-sm);
    opacity: .9;
    transition: opacity .2s;
    position: absolute;
    top: 2px;
    bottom: 2px;
  }

  .mn-activities-gantt__row:hover .mn-activities-gantt__bar {
    opacity: 1;
  }

  .mn-activities-gantt__today {
    background: var(--rosso, #dc0000);
    z-index: 2;
    border-radius: 1px;
    width: 2px;
    position: absolute;
    top: -2px;
    bottom: -2px;
  }

  .mn-activities-gantt__today-label {
    color: var(--rosso, #dc0000);
    letter-spacing: .04em;
    font-size: .5rem;
    font-weight: 700;
    position: absolute;
    top: -14px;
    transform: translateX(-50%);
  }

  .mn-activities-gantt__legend {
    border-top: 1px solid var(--mn-border);
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 10px;
    padding-top: 8px;
    display: flex;
  }

  .mn-activities-gantt__legend-item {
    color: var(--mn-text-muted);
    align-items: center;
    gap: 4px;
    font-size: .6rem;
    display: flex;
  }

  .mn-activities-gantt__legend-dot {
    border-radius: 50%;
    flex-shrink: 0;
    width: 8px;
    height: 8px;
  }

  .mn-activities-gantt__state-tag {
    flex-shrink: 0;
    font-size: .6rem;
  }

  .mn-description-block {
    border-bottom: 1px solid var(--mn-border);
    margin-bottom: 8px;
    padding: 10px 0;
  }

  .mn-description-block__label {
    text-transform: uppercase;
    letter-spacing: .05em;
    color: var(--mn-text-muted);
    margin-bottom: 6px;
    font-size: .7rem;
    font-weight: 600;
  }

  .mn-description-block__text {
    color: var(--mn-text);
    font-size: .8rem;
    line-height: 1.5;
    transition: max-height .3s;
    overflow: hidden;
  }

  .mn-description-block__text--collapsed {
    max-height: 4.5em;
  }

  .mn-description-block__toggle {
    color: var(--mn-accent);
    cursor: pointer;
    background: none;
    border: none;
    margin-top: 2px;
    padding: 4px 0;
    font-size: .7rem;
  }

  .mn-description-block__toggle:hover {
    text-decoration: underline;
  }

  .mn-split-layout {
    width: 100%;
    height: 100%;
    display: flex;
    overflow: hidden;
  }

  .mn-split-layout__main {
    background: var(--mn-surface-raised);
    flex: 1;
    overflow-y: auto;
  }

  .mn-detail-panel {
    background: var(--mn-surface-sunken);
    border-left: 1px solid var(--mn-border);
    z-index: 1100;
    flex-direction: column;
    width: 380px;
    max-width: 90vw;
    transition: transform .3s cubic-bezier(.4, 0, .2, 1);
    display: flex;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    transform: translateX(100%);
    box-shadow: -4px 0 24px #00000080;
  }

  .mn-detail-panel--open {
    transform: translateX(0);
  }

  .mn-detail-panel__header {
    padding: var(--space-md) var(--space-lg);
    border-bottom: 1px solid var(--mn-border);
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .mn-detail-panel__title {
    font-family: var(--font-display);
    color: var(--mn-text);
    letter-spacing: .01em;
    font-size: 1rem;
    font-weight: 600;
  }

  .mn-detail-panel__close {
    background: var(--mn-hover-bg);
    width: 32px;
    height: 32px;
    color: var(--mn-text-tertiary);
    cursor: pointer;
    border: none;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    padding: 0;
    font-size: 1.1rem;
    transition: all .2s;
    display: flex;
  }

  .mn-detail-panel__close:hover {
    background: var(--mn-hover-bg);
    color: var(--mn-text);
  }

  .mn-detail-panel__body {
    padding: var(--space-lg);
    font-family: var(--font-body);
    flex: 1;
    overflow-y: auto;
  }

  .mn-detail-panel__section {
    margin-bottom: var(--space-lg);
  }

  .mn-detail-panel__section-title {
    font-family: var(--font-mono);
    text-transform: uppercase;
    letter-spacing: .12em;
    color: var(--mn-text-muted);
    margin-bottom: var(--space-sm);
    border-bottom: 1px solid var(--mn-border);
    padding-bottom: 4px;
    font-size: .65rem;
    font-weight: 600;
  }

  .mn-detail-panel__field {
    border-bottom: 1px solid var(--mn-border);
    justify-content: space-between;
    align-items: center;
    padding: 6px 0;
    font-size: .8rem;
    display: flex;
  }

  .mn-detail-panel__field-label {
    color: var(--mn-text-tertiary);
    font-family: var(--font-body);
    font-size: .8rem;
  }

  .mn-detail-panel__field-value {
    color: var(--mn-text);
    font-family: var(--font-body);
    font-size: .8rem;
    font-weight: 500;
  }

  .mn-detail-panel__field-value--mono {
    font-family: var(--font-mono);
    font-weight: 600;
  }

  .mn-detail-panel__field-value--block {
    flex-basis: 100%;
    margin-top: 4px;
    line-height: 1.5;
  }

  .mn-detail-panel__field-value--muted {
    color: var(--mn-text-muted);
  }

  .mn-detail-panel__field--block {
    flex-wrap: wrap;
  }

  .mn-detail-panel__field--error .mn-detail-panel__edit-input.mn-detail-panel__edit-input, .mn-detail-panel__field--error .mn-detail-panel__edit-textarea.mn-detail-panel__edit-textarea {
    border-color: var(--mn-error);
  }

  .mn-detail-panel__field-error {
    width: 100%;
    color: var(--mn-error);
    margin-top: 2px;
    font-size: .65rem;
  }

  .mn-detail-panel--inline {
    z-index: auto;
    width: 100%;
    max-width: none;
    height: 100%;
    box-shadow: none;
    border-left: 1px solid var(--mn-border);
    border-radius: 0;
    position: relative;
    top: auto;
    bottom: auto;
    right: auto;
    overflow-y: auto;
    transform: none;
  }

  .mn-detail-panel--inline.mn-detail-panel--open {
    transform: none;
  }

  .mn-detail-panel--dual-left {
    z-index: 1101;
    width: 360px;
    transition: right .35s cubic-bezier(.4, 0, .2, 1), transform .3s cubic-bezier(.4, 0, .2, 1);
    right: 380px;
  }

  .mn-detail-panel--dual-right {
    z-index: 1102;
    width: 380px;
    right: 0;
  }

  .mn-detail-panel__ado-btn.mn-detail-panel__ado-btn {
    background: var(--mn-accent);
    color: var(--mn-accent-text);
    border-radius: var(--radius-sm);
    align-items: center;
    gap: 4px;
    padding: 4px 10px;
    font-size: .7rem;
    font-weight: 700;
    text-decoration: none;
    transition: filter .2s;
    display: inline-flex;
  }

  .mn-detail-panel__ado-btn:hover {
    filter: brightness(1.1);
  }

  .mn-detail-panel__title-row {
    flex: 1;
    align-items: center;
    gap: 6px;
    min-width: 0;
    display: flex;
  }

  .mn-detail-panel__header:has(.mn-detail__back) {
    flex-wrap: wrap;
  }

  .mn-detail__back {
    font-family: var(--font-body);
    cursor: pointer;
    text-align: left;
    padding: 0 0 4px;
    font-size: .7rem;
    transition: color .2s;
  }

  .mn-detail__ext-link {
    border-radius: var(--radius-sm);
    width: 28px;
    height: 28px;
    color: var(--mn-text-tertiary);
    cursor: pointer;
    background: none;
    border: 1px solid #0000;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    padding: 0;
    text-decoration: none;
    transition: all .15s;
    display: inline-flex;
  }

  .mn-detail__ext-link:hover {
    background: var(--mn-hover-bg);
    border-color: var(--mn-hover-bg);
    color: var(--mn-accent);
  }

  .mn-detail__ext-link svg {
    width: 16px;
    height: 16px;
  }

  .mn-person-field {
    position: relative;
  }

  .mn-person-field__input {
    width: 100%;
  }

  .mn-person-field__dropdown {
    border-radius: var(--radius-md, 6px);
    max-height: 200px;
    margin-top: 2px;
    overflow-y: auto;
  }

  .mn-person-field__item {
    transition: background .15s;
  }

  .mn-person-field__item:hover {
    background: var(--mn-hover-bg);
  }

  .mn-person__avatar {
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    font-size: .7rem;
    font-weight: 700;
    display: flex;
  }

  .mn-detail-panel__country {
    align-items: center;
    gap: 6px;
    display: inline-flex;
  }

  .mn-country__code {
    border-radius: var(--radius-sm, 4px);
    letter-spacing: .05em;
    padding: 2px 6px;
  }

  body.mn-avorio .mn-detail__back:hover {
    color: var(--mn-error);
  }

  body.mn-avorio .mn-detail__ext-link:hover {
    color: var(--mn-error);
    border-color: var(--mn-error);
    background: #dc00000f;
  }

  body.mn-avorio .mn-person__avatar {
    color: var(--mn-error);
    background: #dc00001a;
  }

  body.mn-avorio .mn-person-field__item:hover {
    background: #dc00000f;
  }

  body.mn-avorio .mn-country__code {
    background: var(--avorio-medio);
    border-color: var(--avorio-scuro);
  }

  body.mn-nero .mn-detail__ext-link:hover {
    background: var(--mn-surface-raised);
  }

  body.mn-nero .mn-person-field__dropdown {
    background: var(--mn-surface-sunken);
    border-color: var(--mn-border);
  }

  body.mn-nero .mn-country__code {
    border-color: var(--mn-border);
  }

  .mn-entity-workbench {
    gap: var(--space-md);
    background: var(--mn-surface);
    height: 100%;
    color: var(--mn-text);
    display: grid;
  }

  .mn-entity-workbench__breadcrumb {
    font-size: var(--text-small);
    color: var(--mn-text-muted);
    border-bottom: 1px solid var(--mn-border);
    padding-bottom: var(--space-xs);
  }

  .mn-entity-workbench__tabs {
    gap: var(--space-xs);
    flex-wrap: wrap;
    display: flex;
  }

  .mn-entity-workbench__tab {
    border: 1px solid var(--mn-border);
    border-radius: var(--radius-sm);
    background: var(--mn-surface-raised);
    color: var(--mn-text-muted);
    font-size: var(--text-small);
    padding: var(--space-xs) var(--space-sm);
    cursor: pointer;
  }

  .mn-entity-workbench__tab--active {
    border-color: var(--mn-accent);
    color: var(--mn-text);
    background: color-mix(in srgb, var(--mn-accent) 16%, var(--mn-surface-raised));
  }

  .mn-entity-workbench__body {
    gap: var(--space-md);
    display: grid;
    overflow: auto;
  }

  .mn-entity-workbench__section {
    gap: var(--space-sm);
    border: 1px solid var(--mn-border);
    border-radius: var(--radius-md);
    background: var(--mn-surface-raised);
    padding: var(--space-md);
    display: grid;
  }

  .mn-entity-workbench__section-title {
    font-size: var(--text-body);
    margin: 0;
    font-weight: 600;
  }

  .mn-entity-workbench__field {
    gap: var(--space-2xs);
    display: grid;
  }

  .mn-entity-workbench__control {
    min-height: calc(var(--space-xl) + var(--space-md));
  }

  .mn-entity-workbench__group {
    gap: var(--space-sm);
    border: 1px dashed var(--mn-border);
    border-radius: var(--radius-sm);
    padding: var(--space-sm);
    display: grid;
  }

  .mn-entity-workbench__group-title {
    font-size: var(--text-small);
    color: var(--mn-text-muted);
    padding: 0 var(--space-xs);
  }

  .mn-entity-workbench__actions {
    gap: var(--space-xs);
    padding: var(--space-sm) 0;
    border-top: 1px solid var(--mn-border);
    background: color-mix(in srgb, var(--mn-surface) 92%, transparent);
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    flex-wrap: wrap;
    display: flex;
    position: sticky;
    bottom: 0;
  }

  .mn-entity-workbench-host:not(.mn-entity-workbench-host--open) {
    display: none;
  }

  .mn-filter-chips {
    flex-wrap: wrap;
    gap: 4px;
    min-height: 0;
    padding: 4px 12px 6px;
    display: flex;
  }

  .mn-filter-chips:empty {
    display: none;
  }

  .mn-filter-chip {
    background: var(--mn-surface-raised);
    border: 1px solid var(--mn-border);
    border-radius: var(--radius-md);
    font-size: .7rem;
    font-family: var(--font-mono, "Barlow Condensed", sans-serif);
    color: var(--mn-text);
    text-transform: uppercase;
    letter-spacing: .03em;
    align-items: center;
    gap: 4px;
    padding: 2px 6px 2px 10px;
    display: flex;
  }

  .mn-filter-chip__label {
    color: var(--mn-text-muted);
    margin-right: 2px;
  }

  .mn-filter-chip__remove {
    width: 14px;
    height: 14px;
    color: var(--mn-text-muted);
    cursor: pointer;
    background: none;
    border: none;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    padding: 0;
    font-size: .65rem;
    line-height: 1;
    transition: all .15s;
    display: flex;
  }

  .mn-filter-chip__remove:hover {
    background: var(--mn-error, #e74c3c);
    color: var(--mn-text-inverse, #fff);
  }

  .mn-search-bar__reset {
    width: 20px;
    height: 20px;
    color: var(--mn-text-muted);
    cursor: pointer;
    opacity: 0;
    pointer-events: none;
    background: none;
    border: none;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    padding: 0;
    font-size: .75rem;
    transition: all .15s;
    display: flex;
  }

  .mn-search-bar__reset--visible {
    opacity: 1;
    pointer-events: auto;
  }

  .mn-search-bar__reset:hover {
    background: var(--mn-error, #e74c3c);
    color: var(--mn-text-inverse, #fff);
  }

  body.mn-avorio .mn-filter-chip {
    background: var(--mn-surface);
    border-color: var(--mn-border-strong);
  }

  body.mn-avorio .mn-search-bar__reset:hover, body.mn-avorio .mn-filter-chip__remove:hover {
    background: var(--mn-error, #e74c3c);
    color: var(--mn-text-inverse, #fff);
  }

  .mn-filter-panel {
    z-index: 1000;
    background: var(--mn-surface-raised);
    border: 1px solid var(--mn-border);
    box-shadow: 0 8px 24px var(--mn-shadow, #0003);
    border-radius: .5rem;
    max-height: 80vh;
    padding: 1rem;
    position: fixed;
    overflow-y: auto;
  }

  .mn-filter-panel__columns {
    flex-direction: row;
    gap: 1.5rem;
    display: flex;
  }

  .mn-filter-panel__column {
    flex: auto;
    min-width: 10rem;
  }

  .mn-filter-panel__column-title {
    text-transform: uppercase;
    letter-spacing: .08em;
    color: var(--mn-text-muted);
    margin-bottom: .25rem;
    padding: .25rem .5rem;
    font-size: .6875rem;
    font-weight: 600;
  }

  .mn-filter-panel__list {
    flex-direction: column;
    display: flex;
  }

  .mn-filter-panel__item {
    cursor: pointer;
    border-radius: .25rem;
    outline: none;
    flex-direction: row;
    align-items: center;
    gap: .5rem;
    min-height: 2rem;
    padding: .375rem .5rem;
    transition: background .15s;
    display: flex;
  }

  .mn-filter-panel__item:hover {
    background: var(--mn-hover-bg);
  }

  .mn-filter-panel__item:focus-visible {
    outline: 2px solid var(--mn-focus-ring);
    outline-offset: -2px;
  }

  .mn-filter-panel__dot {
    background-color: var(--mn-dot-color);
    border-radius: 50%;
    flex-shrink: 0;
    width: 8px;
    height: 8px;
    display: inline-block;
  }

  .mn-filter-panel__label {
    color: var(--mn-text);
    white-space: nowrap;
    text-overflow: ellipsis;
    flex: auto;
    font-size: .8125rem;
    overflow: hidden;
  }

  .mn-filter-panel__count {
    color: var(--mn-text-muted);
    flex-shrink: 0;
    font-size: .75rem;
  }

  .mn-filter-panel__check {
    opacity: 0;
    flex-shrink: 0;
    width: 1rem;
    height: 1rem;
  }

  .mn-filter-panel__item--selected .mn-filter-panel__check {
    opacity: 1;
    color: var(--mn-accent);
  }

  .mn-filter-panel__item--selected .mn-filter-panel__check:before {
    content: "✓";
    color: var(--mn-accent);
    font-size: .875rem;
    font-weight: 700;
  }

  .mn-filter-panel__footer {
    border-top: 1px solid var(--mn-border-subtle);
    flex-direction: column;
    gap: .5rem;
    margin-top: 1rem;
    padding-top: .75rem;
    display: flex;
  }

  .mn-filter-panel__save-btn {
    text-transform: uppercase;
    letter-spacing: .06em;
    width: 100%;
    min-height: 2.25rem;
    color: var(--mn-text-inverse, #000);
    background: var(--mn-accent);
    cursor: pointer;
    border: none;
    border-radius: .25rem;
    padding: .5rem 1rem;
    font-size: .75rem;
    font-weight: 600;
    transition: background .15s;
  }

  .mn-filter-panel__save-btn:hover {
    background: var(--mn-accent-hover);
  }

  .mn-filter-panel__save-btn:focus-visible {
    outline: 2px solid var(--mn-focus-ring);
    outline-offset: 2px;
  }

  .mn-filter-panel__clear-btn {
    width: 100%;
    min-height: 1.5rem;
    color: var(--mn-text-muted);
    cursor: pointer;
    text-align: center;
    background: none;
    border: none;
    padding: .25rem 1rem;
    font-size: .75rem;
    font-weight: 500;
    transition: color .15s;
  }

  .mn-filter-panel__clear-btn:hover {
    color: var(--mn-text);
  }

  .mn-filter-panel__clear-btn:focus-visible {
    outline: 2px solid var(--mn-focus-ring);
    outline-offset: 2px;
  }

  @media (max-width: 600px) {
    .mn-filter-panel__columns {
      flex-direction: column;
      overflow-x: auto;
    }

    .mn-filter-panel__column {
      min-width: auto;
    }
  }

  .mn-search-bar {
    border-bottom: 1px solid var(--mn-border);
    background: var(--mn-surface);
    flex-direction: row;
    align-items: center;
    gap: .5rem;
    min-height: 2.5rem;
    padding: .375rem .75rem;
    display: flex;
  }

  .mn-search-bar__studio-btn {
    border: 1px solid var(--mn-border);
    border-radius: var(--radius-md, .25rem);
    background: var(--mn-surface-raised);
    min-width: 1.5rem;
    min-height: 1.5rem;
    color: var(--mn-text);
    font-family: var(--font-mono, "Barlow Condensed", sans-serif);
    text-transform: uppercase;
    letter-spacing: .04em;
    cursor: pointer;
    white-space: nowrap;
    align-items: center;
    gap: .25rem;
    padding: .25rem .5rem;
    font-size: .7rem;
    transition: background .15s, border-color .15s;
    display: inline-flex;
  }

  .mn-search-bar__studio-btn:hover {
    background: var(--mn-hover-bg);
  }

  .mn-search-bar__studio-btn:focus-visible {
    outline: 2px solid var(--mn-focus-ring);
    outline-offset: 2px;
  }

  .mn-search-bar__divider {
    background: var(--mn-border);
    flex-shrink: 0;
    align-self: stretch;
    width: 1px;
    margin: .25rem 0;
  }

  .mn-search-bar__input {
    min-width: 0;
    min-height: 1.5rem;
    color: var(--mn-text);
    background: none;
    border: none;
    flex: auto;
    padding: .25rem .375rem;
    font-family: inherit;
    font-size: .875rem;
  }

  .mn-search-bar__input::placeholder {
    color: var(--mn-text-muted);
  }

  .mn-search-bar__input:focus {
    outline: none;
  }

  .mn-search-bar__input:focus-visible {
    outline: 2px solid var(--mn-focus-ring);
    outline-offset: 2px;
    border-radius: var(--radius-sm, .125rem);
  }

  .mn-search-bar__kbd {
    border: 1px solid var(--mn-border);
    border-radius: var(--radius-sm, .125rem);
    background: var(--mn-surface-raised);
    color: var(--mn-text-muted);
    font-family: var(--font-mono, "Barlow Condensed", monospace);
    white-space: nowrap;
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none;
    align-items: center;
    gap: .125rem;
    padding: .125rem .375rem;
    font-size: .65rem;
    line-height: 1;
    display: inline-flex;
  }

  .mn-search-bar__studio-dropdown {
    z-index: 100;
    border: 1px solid var(--mn-border);
    border-radius: var(--radius-md, .25rem);
    background: var(--mn-surface-raised);
    min-width: 10rem;
    margin-top: .25rem;
    padding: .25rem 0;
    position: absolute;
    top: 100%;
    left: 0;
    box-shadow: 0 .25rem .75rem #00000026;
  }

  .mn-facet-workbench {
    gap: var(--mn-space-3, 12px);
    color: var(--mn-text);
    display: grid;
  }

  .mn-facet-list {
    gap: var(--mn-space-2, 8px);
    display: grid;
  }

  .mn-facet {
    border: 1px solid var(--mn-border);
    border-radius: var(--mn-radius-md, 10px);
    background: var(--mn-surface-raised);
  }

  .mn-facet__header {
    align-items: center;
    gap: var(--mn-space-2, 8px);
    border-radius: inherit;
    width: 100%;
    color: inherit;
    cursor: pointer;
    padding: var(--mn-space-3, 12px);
    text-align: left;
    background: none;
    border: 0;
    grid-template-columns: 1fr auto auto;
    display: grid;
  }

  .mn-facet__title {
    font-weight: 600;
  }

  .mn-facet__count {
    color: var(--mn-text-muted);
    font-size: .85rem;
  }

  .mn-facet__chevron {
    transition: transform .2s;
  }

  .mn-facet--collapsed .mn-facet__chevron {
    transform: rotate(-90deg);
  }

  .mn-facet__body {
    gap: var(--mn-space-2, 8px);
    padding: 0 var(--mn-space-3, 12px) var(--mn-space-3, 12px);
    display: grid;
  }

  .mn-facet__options {
    gap: 6px;
    display: grid;
  }

  .mn-facet__option, .mn-facet__boolean {
    align-items: center;
    gap: var(--mn-space-2, 8px);
    color: inherit;
    display: flex;
  }

  .mn-facet__option-input, .mn-facet__boolean-input, .mn-facet__date, .mn-facet__search-input {
    accent-color: var(--mn-accent);
  }

  .mn-facet__search-input, .mn-facet__date {
    background: var(--mn-surface);
    border: 1px solid var(--mn-border);
    width: 100%;
    color: var(--mn-text);
    border-radius: var(--mn-radius-sm, 8px);
    padding: 6px 8px;
  }

  .mn-facet__date-range {
    gap: var(--mn-space-2, 8px);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    display: grid;
  }

  .mn-facet-chips {
    padding-inline: 0;
  }

  .mn-facet-chip {
    background: var(--mn-surface-raised);
  }

  .mn-facet--disabled {
    opacity: .55;
    pointer-events: none;
  }

  .mn-facet__empty, .mn-facet__loading {
    color: var(--mn-text-muted);
    font-size: .85rem;
  }

  .mn-funnel {
    width: 100%;
    padding: var(--space-sm, .5rem);
    background: none;
  }

  .mn-funnel svg {
    width: 100%;
    height: auto;
    display: block;
  }

  .mn-funnel__bar {
    cursor: default;
    transition: opacity .35s, transform .35s;
  }

  .mn-funnel__bar:hover {
    filter: brightness(1.12);
  }

  .mn-funnel__bar--active {
    stroke: var(--mn-accent);
    stroke-width: 2px;
  }

  .mn-funnel__empty {
    text-align: center;
    padding: var(--space-xl, 2rem);
    font-family: var(--font-body, sans-serif);
    color: var(--mn-text-muted);
  }

  @media (max-width: 640px) {
    .mn-funnel {
      padding: var(--space-xs, .25rem);
    }
  }

  .mn-hbar-host, .mn-okr-host {
    width: 100%;
  }

  .mn-okr__kr--urgent .mn-okr__kr-bar-fill {
    animation: 1.5s infinite mn-okr-pulse;
  }

  @keyframes mn-okr-pulse {
    0%, 100% {
      opacity: 1;
    }

    50% {
      opacity: .6;
    }
  }

  .mn-heatmap {
    gap: var(--space-md);
    font-family: var(--font-body, "Inter",sans-serif);
    width: 100%;
    height: var(--mn-heatmap-height, 100%);
    flex-direction: column;
    display: flex;
  }

  .mn-heatmap__summary {
    gap: var(--space-sm);
    flex-wrap: wrap;
    display: flex;
  }

  .mn-heatmap__card {
    align-items: center;
    gap: var(--space-2xs);
    padding: var(--space-sm) var(--space-md);
    border-radius: var(--radius-sm);
    background: var(--mn-surface-raised);
    border: 1px solid var(--mn-border);
    flex-direction: column;
    flex: 120px;
    display: flex;
  }

  .mn-heatmap__card--idle {
    border-color: var(--status-warning);
  }

  .mn-heatmap__card--over {
    border-color: var(--mn-error);
  }

  .mn-heatmap__card--gap {
    border-color: var(--mn-accent);
  }

  .mn-heatmap__card__number {
    font-family: var(--font-mono, "Barlow Condensed",sans-serif);
    color: var(--mn-text);
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 1;
  }

  .mn-heatmap__card--idle .mn-heatmap__card__number {
    color: var(--status-warning);
  }

  .mn-heatmap__card--over .mn-heatmap__card__number {
    color: var(--mn-error);
  }

  .mn-heatmap__card--gap .mn-heatmap__card__number {
    color: var(--mn-accent);
  }

  .mn-heatmap__card__label {
    text-transform: uppercase;
    letter-spacing: .06em;
    color: var(--mn-text-tertiary);
    font-size: .7rem;
  }

  .mn-heatmap__title {
    font-family: var(--font-mono, "Barlow Condensed",sans-serif);
    text-transform: uppercase;
    letter-spacing: .1em;
    color: var(--mn-text-muted);
    padding-bottom: var(--space-2xs);
    border-bottom: 1px solid var(--mn-border);
    font-size: .7rem;
  }

  .mn-heatmap__row {
    align-items: center;
    gap: var(--space-sm);
    height: 44px;
    padding: 0 var(--space-sm);
    border-radius: var(--radius-sm);
    transition: background .15s;
    display: flex;
  }

  .mn-heatmap__row:hover {
    background: var(--mn-surface-raised);
  }

  .mn-heatmap__row--idle {
    background: #ffb3000f;
  }

  .mn-heatmap__row--over {
    background: #dc000014;
  }

  .mn-heatmap__person {
    flex-direction: column;
    min-width: 140px;
    display: flex;
  }

  .mn-heatmap__name {
    color: var(--mn-text);
    white-space: nowrap;
    font-size: .85rem;
    font-weight: 500;
  }

  .mn-heatmap__role {
    font-family: var(--font-mono, "Barlow Condensed",sans-serif);
    color: var(--mn-text-tertiary);
    white-space: nowrap;
    font-size: .7rem;
  }

  .mn-heatmap__bars {
    align-items: center;
    gap: var(--space-2xs);
    flex: 1;
    max-width: 240px;
    height: 20px;
    display: flex;
    position: relative;
  }

  .mn-heatmap__bar {
    border-radius: var(--radius-sm);
    height: 100%;
    transition: width .3s, background .2s;
    position: absolute;
    top: 0;
    left: 0;
  }

  .mn-heatmap__bar--before {
    border: 1.5px dashed var(--mn-text-muted);
    opacity: .5;
    background: none;
  }

  .mn-heatmap__bar--after {
    opacity: .9;
  }

  .mn-heatmap__bar--ok {
    background: var(--verde-racing);
  }

  .mn-heatmap__bar--warn {
    background: var(--status-warning);
  }

  .mn-heatmap__bar--danger {
    background: var(--mn-error);
  }

  .mn-heatmap__value {
    font-family: var(--font-mono, "Barlow Condensed",sans-serif);
    color: var(--mn-text);
    text-shadow: 0 1px 2px #0009;
    pointer-events: none;
    font-size: .7rem;
    font-weight: 600;
    position: absolute;
    top: 50%;
    right: 6px;
    transform: translateY(-50%);
  }

  .mn-heatmap__delta {
    font-family: var(--font-mono, "Barlow Condensed",sans-serif);
    text-align: right;
    min-width: 44px;
    font-size: .75rem;
    font-weight: 600;
  }

  .mn-heatmap__delta--positive {
    color: var(--verde-racing);
  }

  .mn-heatmap__delta--negative {
    color: var(--mn-error);
  }

  .mn-heatmap__gap {
    align-items: center;
    gap: var(--space-sm);
    height: 44px;
    padding: 0 var(--space-sm);
    border-left: 3px solid var(--mn-accent);
    border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
    background: #ffc72c0f;
    display: flex;
  }

  .mn-heatmap__gap-role {
    font-family: var(--font-mono, "Barlow Condensed",sans-serif);
    color: var(--mn-accent);
    font-size: .8rem;
    font-weight: 600;
  }

  .mn-heatmap__gap-suggestion {
    color: var(--mn-text-tertiary);
    font-size: .75rem;
  }

  body.mn-avorio .mn-heatmap__card {
    background: var(--mn-surface);
    border-color: var(--mn-border);
  }

  body.mn-avorio .mn-heatmap__row:hover {
    background: var(--mn-surface);
  }

  body.mn-avorio .mn-heatmap__row--idle {
    background: #ffb30014;
  }

  body.mn-avorio .mn-heatmap__row--over {
    background: #dc00000f;
  }

  body.mn-avorio .mn-heatmap__name, body.mn-avorio .mn-heatmap__card__number {
    color: var(--mn-text);
  }

  body.mn-avorio .mn-heatmap__card--idle .mn-heatmap__card__number {
    color: var(--arancio-ambra);
  }

  body.mn-avorio .mn-heatmap__card--over .mn-heatmap__card__number {
    color: var(--mn-error);
  }

  body.mn-avorio .mn-heatmap__value {
    color: var(--mn-text);
    text-shadow: 0 1px 2px #ffffff80;
  }

  body.mn-avorio .mn-heatmap__bar--before {
    border-color: var(--mn-text-tertiary);
  }

  body.mn-colorblind .mn-heatmap__bar--ok {
    background: var(--verde-racing);
    background-image: repeating-linear-gradient(45deg, #0000, #0000 3px, #ffffff26 3px 5px);
  }

  body.mn-colorblind .mn-heatmap__bar--warn {
    background: var(--status-warning);
    background-image: repeating-linear-gradient(0deg, #0000, #0000 3px, #0000001f 3px 5px);
  }

  body.mn-colorblind .mn-heatmap__bar--danger {
    background: var(--mn-error);
    background-image: repeating-linear-gradient(-45deg, #0000, #0000 3px, #fff3 3px 5px);
  }

  body.mn-colorblind .mn-heatmap__delta--positive:before {
    content: "▲ ";
  }

  body.mn-colorblind .mn-heatmap__delta--negative:before {
    content: "▼ ";
  }

  .mn-heatmap__cell {
    border-radius: var(--radius-xs);
    min-width: 44px;
    height: 28px;
    font-family: var(--font-mono, "Barlow Condensed",sans-serif);
    color: var(--mn-text);
    cursor: default;
    justify-content: center;
    align-items: center;
    font-size: .65rem;
    transition: background .2s, transform .1s;
    display: flex;
    position: relative;
  }

  .mn-heatmap__cell:hover {
    z-index: 5;
    transform: scale(1.15);
  }

  .mn-heatmap__cell[data-tooltip]:hover:after {
    content: attr(data-tooltip);
    border-radius: var(--radius-sm);
    background: var(--mn-surface-sunken);
    border: 1px solid var(--mn-border);
    color: var(--mn-text);
    white-space: nowrap;
    z-index: 10;
    pointer-events: none;
    padding: 4px 8px;
    font-size: .6rem;
    position: absolute;
    bottom: calc(100% + 6px);
    left: 50%;
    transform: translateX(-50%);
  }

  .mn-heatmap__filter-bar {
    border-bottom: 1px solid var(--mn-border-subtle);
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    padding: 6px 8px;
    display: flex;
  }

  .mn-heatmap__legend {
    color: var(--mn-text-muted);
    align-items: center;
    gap: 6px;
    font-size: .6rem;
    display: flex;
  }

  .mn-heatmap__legend-bar {
    border-radius: var(--radius-sm);
    background: linear-gradient(90deg, var(--mn-surface-sunken) 0%, var(--verde-racing) 40%, var(--mn-accent) 65%, var(--mn-error) 100%);
    width: 100px;
    height: 8px;
  }

  .mn-heatmap__header {
    justify-content: space-between;
    align-items: center;
    padding: 0 4px;
    display: flex;
  }

  .mn-heatmap__header-month {
    text-align: center;
    font-family: var(--font-mono, "Barlow Condensed",sans-serif);
    color: var(--mn-text-muted);
    text-transform: uppercase;
    letter-spacing: .04em;
    font-size: .6rem;
  }

  body.mn-avorio .mn-heatmap__cell {
    color: var(--mn-text);
  }

  body.mn-avorio .mn-heatmap__cell[data-tooltip]:hover:after {
    background: var(--mn-surface);
    border-color: var(--mn-border-strong);
    color: var(--mn-text);
  }

  body.mn-avorio .mn-heatmap__filter-bar {
    border-bottom-color: var(--mn-border-strong);
  }

  body.mn-avorio .mn-heatmap__legend {
    color: var(--mn-text-muted);
  }

  body.mn-colorblind .mn-heatmap__legend-bar {
    background: linear-gradient(90deg, var(--mn-surface-sunken) 0%, var(--mn-cb-green) 40%, var(--mn-cb-yellow) 65%, var(--mn-cb-orange) 100%);
  }

  .mn-hbar {
    --mn-hbar-label-width: clamp(160px, 25vw, 260px);
    --mn-hbar-bar-height: 28px;
    --mn-hbar-track-bg: var(--mn-hover-bg);
    --mn-hbar-grid-color: var(--mn-hover-bg);
    --mn-hbar-axis-color: var(--mn-text-muted);
    --mn-hbar-title-color: var(--mn-text);
    width: 100%;
    font-family: var(--font-body);
    position: relative;
  }

  .mn-hbar__title {
    font-family: var(--font-body);
    color: var(--mn-hbar-title-color);
    margin-bottom: 12px;
    font-size: .95rem;
    font-weight: 600;
  }

  .mn-hbar__chart {
    position: relative;
  }

  .mn-hbar__grid {
    left: var(--mn-hbar-label-width);
    pointer-events: none;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
  }

  .mn-hbar__grid-line {
    border-left: 1px dotted var(--mn-hbar-grid-color);
    position: absolute;
    top: 0;
    bottom: 0;
  }

  .mn-hbar__rows {
    flex-direction: column;
    gap: 8px;
    display: flex;
    position: relative;
  }

  .mn-hbar__row {
    grid-template-columns: var(--mn-hbar-label-width) 1fr;
    min-height: calc(var(--mn-hbar-bar-height) + 2px);
    cursor: pointer;
    align-items: center;
    gap: 12px;
    display: grid;
  }

  .mn-hbar__label {
    color: var(--mn-text);
    font-family: var(--font-body);
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: .8rem;
    overflow: hidden;
  }

  .mn-hbar__track {
    background: var(--mn-hbar-track-bg);
    border-radius: 0 var(--radius-pill) var(--radius-pill) 0;
    position: relative;
    overflow: visible;
  }

  .mn-hbar__fill {
    border-radius: 0 var(--radius-pill) var(--radius-pill) 0;
    box-sizing: border-box;
    justify-content: flex-end;
    align-items: center;
    min-width: 1px;
    padding-right: 10px;
    transition: width .65s cubic-bezier(.2, .75, .25, 1), transform .18s, filter .18s;
    display: flex;
    position: relative;
  }

  .mn-hbar__value {
    font-family: var(--font-mono);
    white-space: nowrap;
    font-size: .72rem;
    font-weight: 700;
  }

  .mn-hbar__row:hover .mn-hbar__fill {
    filter: brightness(1.05);
    transform: scaleY(1.08);
  }

  .mn-hbar__row.is-active .mn-hbar__fill {
    box-shadow: 0 0 0 1px var(--mn-hover-bg), 0 0 14px #ffc72c73;
  }

  .mn-hbar__axis {
    grid-template-columns: var(--mn-hbar-label-width) 1fr;
    margin-top: 8px;
    display: grid;
  }

  .mn-hbar__axis-labels {
    min-height: 16px;
    font-family: var(--font-mono);
    color: var(--mn-hbar-axis-color);
    font-size: .62rem;
    position: relative;
  }

  .mn-hbar__axis-label {
    white-space: nowrap;
    position: absolute;
    transform: translateX(-50%);
  }

  .mn-hbar__tooltip {
    z-index: 10;
    pointer-events: none;
    opacity: 0;
    color: var(--mn-text);
    border: 1px solid var(--mn-hover-bg);
    border-radius: var(--radius-sm);
    font-family: var(--font-mono);
    background: #0a0a0aeb;
    max-width: 240px;
    padding: 6px 10px;
    font-size: .68rem;
    transition: opacity .14s, transform .14s;
    position: absolute;
    transform: translateY(6px);
  }

  .mn-hbar__tooltip.is-visible {
    opacity: 1;
    transform: translateY(0);
  }

  @media (max-width: 860px) {
    .mn-hbar {
      --mn-hbar-label-width: clamp(120px, 34vw, 210px);
    }

    .mn-hbar__label {
      font-size: .74rem;
    }
  }

  .mn-okr {
    gap: var(--space-lg);
    font-family: var(--font-body);
    color: var(--mn-text);
    display: grid;
  }

  .mn-okr__header {
    justify-content: space-between;
    align-items: flex-end;
    gap: var(--space-md);
    display: flex;
  }

  .mn-okr__title-wrap {
    gap: 4px;
    display: grid;
  }

  .mn-okr__title {
    font-family: var(--font-display);
    letter-spacing: .04em;
    color: var(--mn-text);
    margin: 0;
    font-size: clamp(1.25rem, 2.2vw, 1.75rem);
    font-weight: 600;
  }

  .mn-okr__period {
    font-family: var(--font-mono);
    font-size: var(--text-micro);
    text-transform: uppercase;
    letter-spacing: .08em;
    color: var(--mn-text-tertiary);
  }

  .mn-okr__summary {
    gap: var(--space-md);
    grid-template-columns: repeat(3, minmax(0, 1fr));
    display: grid;
  }

  .mn-okr__summary-card {
    background: var(--mn-surface-raised);
    border: 1px solid var(--mn-border);
    border-radius: var(--radius-md);
    padding: var(--space-md);
    align-items: center;
    gap: var(--space-md);
    transition: border-color .22s, box-shadow .22s;
    display: flex;
  }

  .mn-okr__summary-card:hover {
    border-color: var(--mn-hover-bg);
    box-shadow: var(--shadow-md);
  }

  .mn-okr__summary-arc {
    flex-shrink: 0;
  }

  .mn-okr__summary-info {
    gap: 6px;
    display: grid;
  }

  .mn-okr__summary-head {
    align-items: center;
    gap: 8px;
    display: inline-flex;
  }

  .mn-okr__status-dot {
    width: 10px;
    height: 10px;
    box-shadow: 0 0 0 5px var(--mn-hover-bg);
    border-radius: 50%;
  }

  .mn-okr__status-dot--on-track {
    background: var(--verde-racing);
  }

  .mn-okr__status-dot--at-risk {
    background: var(--mn-accent);
  }

  .mn-okr__status-dot--behind {
    background: var(--mn-error);
  }

  .mn-okr__kr-bar {
    border-radius: inherit;
    transition: width .9s cubic-bezier(.2, 1, .2, 1);
  }

  .mn-okr__kr-bar--on-track {
    background: linear-gradient(90deg, var(--verde-racing), var(--verde-racing-light));
    box-shadow: 0 0 8px #00a6514d;
  }

  .mn-okr__kr-bar--at-risk {
    background: linear-gradient(90deg, var(--signal-warning), color-mix(in srgb, var(--signal-warning) 70%, #fff));
    box-shadow: 0 0 8px color-mix(in srgb, var(--signal-warning) 30%, transparent);
  }

  .mn-okr__kr-bar--behind {
    background: linear-gradient(90deg, var(--mn-error), color-mix(in srgb, var(--mn-error) 70%, #fff));
    box-shadow: 0 0 8px color-mix(in srgb, var(--mn-error) 30%, transparent);
  }

  .mn-okr__empty {
    border: 1px dashed var(--mn-border);
    border-radius: var(--radius-md);
    padding: var(--space-lg);
    text-align: center;
    color: var(--mn-text-muted);
  }

  @keyframes mn-okr-card-rise {
    from {
      opacity: 0;
      transform: translateY(8px);
    }

    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  @media (max-width: 960px) {
    .mn-okr__summary {
      grid-template-columns: 1fr;
    }

    .mn-okr__hero {
      text-align: center;
      grid-template-columns: 1fr;
      justify-items: center;
    }

    .mn-okr__average {
      justify-items: center;
    }

    .mn-okr__period-tag {
      justify-self: center;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    .mn-okr__ring-progress, .mn-okr__ring-progress--overall, .mn-okr__kr-bar, .mn-okr__objective, .mn-okr__gauge-progress, .mn-okr__needle {
      transition: none;
      animation: none;
    }

    .mn-okr__objective:hover {
      transform: none;
    }
  }

  .mn-nav-group {
    background: var(--mn-surface-raised);
    border-radius: var(--radius-md);
    border: 1px solid var(--mn-border);
    align-items: center;
    gap: 2px;
    padding: 2px;
    display: flex;
  }

  .mn-nav-group__btn {
    border-radius: var(--radius-sm);
    width: 34px;
    height: 34px;
    color: var(--mn-text-tertiary);
    cursor: pointer;
    background: none;
    border: none;
    justify-content: center;
    align-items: center;
    transition: background .2s, color .2s;
    display: flex;
    position: relative;
  }

  .mn-nav-group__btn:hover {
    background: var(--mn-hover-bg);
    color: var(--mn-text);
  }

  .mn-nav-group__btn--active {
    background: var(--mn-accent);
    color: var(--mn-text-inverse);
  }

  .mn-nav-group__btn--active:hover {
    background: var(--mn-accent);
    opacity: .9;
  }

  .mn-nav-group__btn .mn-icon {
    width: 16px;
    height: 16px;
    display: flex;
  }

  .mn-nav-group__btn .mn-icon svg {
    width: 16px;
    height: 16px;
  }

  .mn-nav-group__btn[data-tooltip]:after {
    content: attr(data-tooltip);
    background: var(--mn-surface-raised);
    color: var(--mn-text-tertiary);
    font-size: .65rem;
    font-family: var(--font-mono, "Barlow Condensed", sans-serif);
    border-radius: var(--radius-sm);
    white-space: nowrap;
    pointer-events: none;
    opacity: 0;
    z-index: 1001;
    border: 1px solid var(--mn-border);
    padding: 3px 8px;
    transition: opacity .15s;
    position: absolute;
    bottom: -28px;
    left: 50%;
    transform: translateX(-50%);
  }

  .mn-nav-group__btn[data-tooltip]:hover:after {
    opacity: 1;
  }

  .mn-nav-group__btn[data-tooltip][data-shortcut]:after {
    content: attr(data-tooltip) " (" attr(data-shortcut) ")";
  }

  .mn-nav-pill {
    border-radius: var(--radius-xl);
    border: 1px solid var(--mn-border);
    color: var(--mn-text-tertiary);
    cursor: pointer;
    font-size: .75rem;
    font-family: var(--font-mono, "Barlow Condensed", sans-serif);
    text-transform: uppercase;
    letter-spacing: .04em;
    background: none;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    transition: all .2s;
    display: flex;
  }

  .mn-nav-pill:hover {
    border-color: var(--mn-text-muted);
    color: var(--mn-text);
  }

  .mn-nav-pill--active {
    background: var(--mn-accent);
    color: var(--mn-text-inverse);
    border-color: var(--mn-accent);
  }

  .mn-nav-pill .mn-icon {
    width: 14px;
    height: 14px;
    display: flex;
  }

  .mn-nav-pill .mn-icon svg {
    width: 14px;
    height: 14px;
  }

  .mn-nav-pill[data-tooltip] {
    position: relative;
  }

  .mn-nav-pill[data-tooltip]:after {
    content: attr(data-tooltip);
    background: var(--mn-surface-raised);
    color: var(--mn-text-tertiary);
    font-size: .65rem;
    font-family: var(--font-mono, "Barlow Condensed", sans-serif);
    border-radius: var(--radius-sm);
    white-space: nowrap;
    pointer-events: none;
    opacity: 0;
    z-index: 1001;
    border: 1px solid var(--mn-border);
    padding: 3px 8px;
    transition: opacity .15s;
    position: absolute;
    bottom: -28px;
    left: 50%;
    transform: translateX(-50%);
  }

  .mn-nav-pill[data-tooltip]:hover:after {
    opacity: 1;
  }

  .mn-nav__separator {
    background: var(--mn-border);
    width: 1px;
    height: 24px;
    margin: 0 4px;
  }

  body.mn-avorio .mn-nav-group {
    background: var(--avorio-medio, #f0e6d0);
    border-color: var(--mn-border-strong);
  }

  body.mn-avorio .mn-nav-group__btn:hover {
    background: #0000000f;
  }

  body.mn-avorio .mn-nav-group__btn--active {
    background: var(--mn-accent);
  }

  body.mn-avorio .mn-nav-pill {
    border-color: var(--mn-border-strong);
  }

  body.mn-avorio .mn-nav-pill--active {
    background: var(--mn-accent);
    border-color: var(--mn-accent);
  }

  body.mn-avorio .mn-nav-group__btn[data-tooltip]:after, body.mn-avorio .mn-nav-pill[data-tooltip]:after {
    background: var(--avorio-chiaro);
    border-color: var(--mn-border-strong);
    color: var(--mn-text);
  }

  .mn-network {
    width: 100%;
    min-height: 200px;
    height: var(--mn-network-height, 100%);
    flex-direction: column;
    display: flex;
    overflow: hidden;
  }

  .mn-network__canvas {
    border-radius: var(--radius-sm);
    background: var(--mn-surface-sunken);
    flex: 1;
    width: 100%;
  }

  body.mn-avorio .mn-network__canvas {
    background: var(--mn-surface);
  }

  .mn-detail-resource__avatar {
    width: 36px;
    height: 36px;
    font-family: var(--font-display, "Outfit",sans-serif);
    color: var(--mn-text);
    border-radius: 50%;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    font-size: 1rem;
    font-weight: 700;
    display: flex;
  }

  .mn-detail-resource__name-block {
    flex-direction: column;
    flex: 1;
    gap: 2px;
    min-width: 0;
    display: flex;
  }

  .mn-detail-resource__subtitle {
    color: var(--mn-text-tertiary);
    text-transform: uppercase;
    letter-spacing: .04em;
    font-size: .7rem;
    font-family: var(--font-mono, "Barlow Condensed",sans-serif);
  }

  .mn-detail-resource__manager {
    color: var(--mn-text-muted);
    font-size: .65rem;
  }

  .mn-detail-resource__fte-bar {
    background: var(--mn-surface-raised);
    border-radius: var(--radius-sm);
    justify-content: space-between;
    align-items: center;
    margin-top: 8px;
    padding: 8px 12px;
    font-size: .7rem;
    display: flex;
  }

  .mn-detail-resource__fte-label {
    color: var(--mn-text-tertiary);
    text-transform: uppercase;
    letter-spacing: .04em;
    font-family: var(--font-mono);
  }

  .mn-detail-resource__fte-val {
    font-family: var(--font-mono);
    font-size: .9rem;
    font-weight: 700;
  }

  .mn-detail-resource__section {
    margin-bottom: 16px;
  }

  .mn-detail-resource__section-title {
    font-family: var(--font-display, "Outfit",sans-serif);
    color: var(--mn-text);
    text-transform: uppercase;
    letter-spacing: .04em;
    align-items: center;
    gap: 6px;
    margin-bottom: 8px;
    font-size: .75rem;
    font-weight: 600;
    display: flex;
  }

  .mn-detail-resource__empty {
    color: var(--mn-text-muted);
    font-size: .7rem;
    font-style: italic;
  }

  .mn-detail-resource__eng {
    background: var(--mn-surface-raised);
    border-radius: var(--radius-sm);
    cursor: pointer;
    border-left: 3px solid var(--mn-accent);
    margin-bottom: 4px;
    padding: 8px 10px;
    transition: background .15s;
  }

  .mn-detail-resource__eng:hover {
    background: var(--mn-surface);
  }

  .mn-detail-resource__eng-title {
    color: var(--mn-text);
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: 2px;
    font-size: .72rem;
    font-weight: 600;
    overflow: hidden;
  }

  .mn-detail-resource__eng-meta {
    color: var(--mn-text-tertiary);
    flex-wrap: wrap;
    gap: 8px;
    font-size: .6rem;
    display: flex;
  }

  .mn-detail-resource__eng-fte {
    color: var(--mn-accent);
    font-weight: 600;
  }

  .mn-detail-resource__mate {
    border-bottom: 1px solid var(--mn-surface);
    align-items: center;
    gap: 8px;
    padding: 6px 0;
    display: flex;
  }

  .mn-detail-resource__mate:last-child {
    border-bottom: none;
  }

  .mn-detail-resource__mate-avatar {
    width: 24px;
    height: 24px;
    color: var(--mn-text);
    border-radius: 50%;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    font-size: .6rem;
    font-weight: 700;
    display: flex;
  }

  .mn-detail-resource__mate-info {
    flex-direction: column;
    min-width: 0;
    display: flex;
  }

  .mn-detail-resource__mate-name {
    color: var(--mn-text);
    font-size: .68rem;
    font-weight: 600;
  }

  .mn-detail-resource__mate-shared {
    color: var(--mn-text-muted);
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 280px;
    font-size: .58rem;
    overflow: hidden;
  }

  .mn-badge {
    background: var(--mn-accent);
    min-width: 18px;
    height: 18px;
    color: var(--mn-text);
    font-family: var(--font-mono);
    border-radius: 9px;
    justify-content: center;
    align-items: center;
    padding: 0 5px;
    font-size: .6rem;
    font-weight: 700;
    display: inline-flex;
  }

  body.mn-avorio .mn-detail-resource__fte-bar {
    background: var(--mn-surface-raised);
  }

  body.mn-avorio .mn-detail-resource__eng {
    background: var(--mn-surface);
    border-left-color: var(--mn-error);
  }

  body.mn-avorio .mn-detail-resource__eng:hover {
    background: #00000014;
  }

  body.mn-avorio .mn-detail-resource__mate {
    border-bottom-color: var(--mn-text-muted);
  }

  .mn-notification-center {
    background: var(--mn-surface-sunken);
    border-left: 1px solid var(--mn-border);
    z-index: 180;
    flex-direction: column;
    width: 360px;
    max-height: 70vh;
    transition: transform .3s cubic-bezier(.4, 0, .2, 1);
    display: flex;
    position: fixed;
    top: 56px;
    right: 0;
    transform: translateX(100%);
    box-shadow: -4px 0 24px #0006;
  }

  .mn-notification-center--open {
    transform: translateX(0);
  }

  .mn-notification-center__header {
    padding: var(--space-sm) var(--space-md);
    border-bottom: 1px solid var(--mn-border);
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .mn-notification-center__title {
    font-family: var(--font-mono);
    text-transform: uppercase;
    letter-spacing: .1em;
    color: var(--mn-text-tertiary);
    font-size: .7rem;
  }

  .mn-notification-center__list {
    flex: 1;
    overflow-y: auto;
  }

  .mn-notification-center__item {
    gap: var(--space-sm);
    padding: var(--space-sm) var(--space-md);
    border-bottom: 1px solid var(--mn-border);
    cursor: pointer;
    transition: background .15s;
    display: flex;
  }

  .mn-notification-center__item:hover {
    background: var(--mn-surface);
  }

  .mn-notification-center__item--unread {
    background: #ffc72c0a;
  }

  .mn-notification-center__item-icon {
    width: 20px;
    height: 20px;
    color: var(--giallo);
    flex-shrink: 0;
  }

  .mn-notification-center__item-body {
    flex: 1;
  }

  .mn-notification-center__item-title {
    color: var(--mn-text);
    margin-bottom: 2px;
    font-size: .8rem;
  }

  .mn-notification-center__item-time {
    font-family: var(--font-mono);
    color: var(--mn-text-muted);
    font-size: .6rem;
  }

  .mn-org-tree {
    color: var(--mn-text);
    font-size: .8rem;
  }

  .mn-org-tree__list {
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .mn-org-tree__list .mn-org-tree__list {
    padding-left: var(--space-lg);
  }

  .mn-org-tree__item {
    position: relative;
  }

  .mn-org-tree__node {
    align-items: center;
    gap: var(--space-xs);
    border-radius: var(--radius-sm);
    cursor: pointer;
    padding: 4px 8px;
    transition: background .15s;
    display: flex;
  }

  .mn-org-tree__node:hover {
    background: var(--mn-surface);
  }

  .mn-org-tree__toggle {
    width: 16px;
    height: 16px;
    color: var(--mn-text-muted);
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    transition: transform .2s;
    display: flex;
  }

  .mn-org-tree__toggle--expanded {
    transform: rotate(90deg);
  }

  .mn-org-tree__toggle--leaf {
    visibility: hidden;
  }

  .mn-org-tree__icon {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
  }

  .mn-org-tree__label {
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 1;
    overflow: hidden;
  }

  .mn-org-tree__meta {
    font-family: var(--font-mono);
    color: var(--mn-text-muted);
    padding-left: var(--space-sm);
    margin-left: auto;
    font-size: .65rem;
  }

  .mn-org-tree__node--active {
    color: var(--giallo);
    background: #ffc72c14;
  }

  .mn-org-tree__list .mn-org-tree__list .mn-org-tree__item:before {
    content: "";
    background: var(--mn-border);
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    left: -8px;
  }

  .mn-org-tree__list .mn-org-tree__list .mn-org-tree__item:last-child:before {
    height: 16px;
  }

  .mn-org-tree__list .mn-org-tree__list .mn-org-tree__item:after {
    content: "";
    background: var(--mn-border);
    width: 8px;
    height: 1px;
    position: absolute;
    top: 16px;
    left: -8px;
  }

  .mn-org-tree__children {
    max-height: 500px;
    transition: max-height .3s;
    overflow: hidden;
  }

  .mn-org-tree__children--collapsed {
    max-height: 0;
  }

  .mn-page-header {
    padding: var(--space-md) var(--space-xl);
    background: var(--mn-surface-raised);
    border-bottom: 1px solid var(--mn-border);
    z-index: 100;
    justify-content: space-between;
    align-items: center;
    min-height: 56px;
    display: flex;
    position: sticky;
    top: 0;
  }

  .mn-page-header__left {
    align-items: center;
    gap: var(--space-md);
    display: flex;
  }

  .mn-page-header__title {
    font-family: var(--font-display);
    letter-spacing: .06em;
    color: var(--mn-text);
    font-size: 1.1rem;
    font-weight: 300;
  }

  .mn-page-header__subtitle {
    font-family: var(--font-mono);
    color: var(--mn-text-tertiary);
    text-transform: uppercase;
    letter-spacing: .1em;
    font-size: .7rem;
  }

  .mn-page-header__right {
    align-items: center;
    gap: var(--space-sm);
    display: flex;
  }

  .mn-page-header__action {
    color: var(--mn-text-tertiary);
    cursor: pointer;
    border-radius: var(--radius-sm);
    background: none;
    border: none;
    justify-content: center;
    align-items: center;
    padding: 6px;
    transition: background .2s, color .2s;
    display: flex;
  }

  .mn-page-header__action:hover {
    background: var(--mn-surface);
    color: var(--mn-text);
  }

  .mn-page-header__action--active {
    color: var(--giallo);
    background: #ffc72c1a;
  }

  .mn-page-header__badge {
    background: var(--rosso);
    color: var(--mn-text);
    border-radius: var(--radius-md);
    padding: 1px 5px;
    font-size: .55rem;
    line-height: 1.3;
    position: absolute;
    top: -4px;
    right: -4px;
  }

  .mn-sidebar {
    background: var(--mn-surface-sunken);
    border-right: 1px solid var(--mn-border);
    flex-direction: column;
    width: 260px;
    min-height: 100%;
    transition: width .3s cubic-bezier(.4, 0, .2, 1), transform .3s cubic-bezier(.4, 0, .2, 1);
    display: flex;
    overflow: hidden;
  }

  .mn-sidebar--collapsed {
    width: 56px;
  }

  .mn-sidebar__header {
    padding: var(--space-md) var(--space-sm);
    border-bottom: 1px solid var(--mn-border);
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .mn-sidebar__brand {
    font-family: var(--font-display);
    letter-spacing: .08em;
    color: var(--mn-text);
    white-space: nowrap;
    font-size: .9rem;
    overflow: hidden;
  }

  .mn-sidebar--collapsed .mn-sidebar__brand {
    display: none;
  }

  .mn-sidebar__toggle {
    color: var(--mn-text-tertiary);
    cursor: pointer;
    border-radius: var(--radius-sm);
    background: none;
    border: none;
    flex-shrink: 0;
    padding: 6px;
  }

  .mn-sidebar__toggle:hover {
    background: var(--mn-surface);
    color: var(--mn-text);
  }

  .mn-sidebar__nav {
    padding: var(--space-sm) 0;
    flex: 1;
    overflow-y: auto;
  }

  .mn-sidebar__group {
    margin-bottom: var(--space-sm);
  }

  .mn-sidebar__group-label {
    font-family: var(--font-mono);
    text-transform: uppercase;
    letter-spacing: .12em;
    color: var(--mn-text-muted);
    padding: var(--space-xs) var(--space-md);
    white-space: nowrap;
    font-size: .6rem;
    overflow: hidden;
  }

  .mn-sidebar--collapsed .mn-sidebar__group-label {
    opacity: 0;
    height: 0;
    padding: 0;
  }

  .mn-sidebar__item {
    align-items: center;
    gap: var(--space-sm);
    padding: 8px var(--space-md);
    color: var(--mn-text-tertiary);
    cursor: pointer;
    white-space: nowrap;
    border-left: 3px solid #0000;
    font-size: .8rem;
    text-decoration: none;
    transition: background .15s, color .15s;
    display: flex;
  }

  .mn-sidebar__item:hover {
    background: var(--mn-surface);
    color: var(--mn-text);
  }

  .mn-sidebar__item--active {
    color: var(--giallo);
    border-left-color: var(--giallo);
    background: #ffc72c0f;
  }

  .mn-sidebar__item-icon {
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    width: 18px;
    height: 18px;
    display: flex;
  }

  .mn-sidebar__item-label {
    text-overflow: ellipsis;
    overflow: hidden;
  }

  .mn-sidebar--collapsed .mn-sidebar__item-label {
    display: none;
  }

  .mn-sidebar--collapsed .mn-sidebar__item {
    justify-content: center;
    padding: 10px 0;
  }

  .mn-sidebar__footer {
    padding: var(--space-sm) var(--space-md);
    border-top: 1px solid var(--mn-border);
  }

  .mn-sim-panel {
    background: var(--mn-surface);
    border-top: 2px solid var(--mn-border);
    width: 100%;
    box-shadow: 0 -8px 32px var(--shadow-heavy, #00000080);
    flex-direction: column;
    display: flex;
  }

  .mn-sim-panel[data-step="choose"] {
    min-height: 180px;
  }

  .mn-sim-panel[data-step="configure"] {
    min-height: 260px;
    max-height: 420px;
  }

  .mn-sim-panel[data-step="results"] {
    min-height: 260px;
    max-height: 480px;
  }

  .mn-sim-panel__header {
    border-bottom: 1px solid var(--mn-border);
    flex-shrink: 0;
    justify-content: space-between;
    align-items: center;
    padding: 8px 16px;
    display: flex;
  }

  .mn-sim-panel__header-left, .mn-sim-panel__header-right {
    align-items: center;
    gap: 8px;
    display: flex;
  }

  .mn-sim-panel__icon {
    font-size: 1.1rem;
  }

  .mn-sim-panel__title {
    font-family: var(--font-display, "Outfit",sans-serif);
    color: var(--mn-text);
    font-size: .85rem;
    font-weight: 600;
  }

  .mn-sim-panel__body {
    flex: 1;
    padding: 12px 16px;
    overflow-y: auto;
  }

  .mn-sim-grid {
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: 12px;
    display: grid;
  }

  .mn-sim-scenario {
    background: var(--mn-surface-raised);
    border: 1px solid var(--mn-border);
    border-radius: var(--radius-sm, 6px);
    cursor: pointer;
    color: var(--mn-text);
    text-align: center;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    padding: 16px 12px;
    font-family: inherit;
    transition: border-color .15s, background .15s;
    display: flex;
    overflow: hidden;
  }

  .mn-sim-scenario:hover {
    border-color: var(--mn-accent);
    background: var(--mn-surface);
  }

  .mn-sim-scenario__icon {
    font-size: 1.6rem;
  }

  .mn-sim-scenario__title {
    font-family: var(--font-display, "Outfit",sans-serif);
    font-size: .8rem;
    font-weight: 600;
  }

  .mn-sim-scenario__desc {
    color: var(--mn-text-muted);
    font-size: .65rem;
    line-height: 1.3;
  }

  .mn-sim-form {
    flex-direction: column;
    gap: 10px;
    max-width: 640px;
    display: flex;
  }

  .mn-sim-form__row {
    flex-direction: column;
    gap: 4px;
    display: flex;
  }

  .mn-sim-form__row--inline {
    flex-direction: row;
    align-items: center;
    gap: 8px;
  }

  .mn-sim-form__actions {
    justify-content: flex-end;
    gap: 8px;
    margin-top: 8px;
    display: flex;
  }

  .mn-sim-input {
    background: var(--mn-surface-raised);
    border: 1px solid var(--mn-border);
    border-radius: var(--radius-sm, 4px);
    color: var(--mn-text);
    outline: none;
    flex: 1;
    padding: 6px 10px;
    font-family: inherit;
    font-size: .75rem;
    transition: border-color .15s;
  }

  .mn-sim-input:focus {
    border-color: var(--mn-accent);
  }

  .mn-sim-input::placeholder {
    color: var(--mn-text-muted);
  }

  .mn-sim-label {
    color: var(--mn-text-tertiary);
    text-transform: uppercase;
    letter-spacing: .03em;
    font-size: .7rem;
    font-weight: 600;
    font-family: var(--font-mono, "Barlow Condensed",sans-serif);
  }

  .mn-sim-txt {
    color: var(--mn-text-muted);
    flex-shrink: 0;
    font-size: .7rem;
  }

  .mn-sim-btn {
    border-radius: var(--radius-sm, 4px);
    font-size: .75rem;
    font-weight: 600;
    font-family: var(--font-display);
    cursor: pointer;
    border: 1px solid #0000;
    padding: 6px 14px;
    transition: all .15s;
  }

  .mn-sim-btn--primary {
    background: var(--mn-accent);
    color: var(--mn-surface-sunken);
    border-color: var(--mn-accent);
  }

  .mn-sim-btn--primary:hover {
    filter: brightness(1.15);
  }

  .mn-sim-btn--primary:disabled {
    opacity: .5;
    cursor: not-allowed;
  }

  .mn-sim-btn--ghost {
    color: var(--mn-text-tertiary);
    border-color: var(--mn-border);
    background: none;
  }

  .mn-sim-btn--ghost:hover {
    color: var(--mn-text);
    border-color: var(--mn-text-muted);
  }

  .mn-sim-select {
    width: 100%;
    position: relative;
  }

  .mn-sim-select__trigger {
    text-align: left;
    background: var(--mn-surface-raised);
    border: 1px solid var(--mn-border);
    border-radius: var(--radius-sm, 4px);
    width: 100%;
    color: var(--mn-text);
    cursor: pointer;
    padding: 6px 10px;
    font-family: inherit;
    font-size: .75rem;
  }

  .mn-sim-select__trigger:hover {
    border-color: var(--mn-accent);
  }

  .mn-sim-select__dropdown {
    z-index: 50;
    background: var(--mn-surface);
    border: 1px solid var(--mn-border);
    border-radius: var(--radius-sm, 4px);
    box-shadow: var(--shadow-elevated);
    flex-direction: column;
    max-height: 220px;
    display: flex;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
  }

  .mn-sim-select__search {
    border: none;
    border-bottom: 1px solid var(--mn-border);
    color: var(--mn-text);
    background: none;
    outline: none;
    padding: 6px 10px;
    font-family: inherit;
    font-size: .72rem;
  }

  .mn-sim-select__list {
    flex: 1;
    overflow-y: auto;
  }

  .mn-sim-select__item {
    cursor: pointer;
    color: var(--mn-text);
    padding: 6px 10px;
    font-size: .72rem;
    transition: background .1s;
  }

  .mn-sim-select__item:hover {
    background: var(--mn-surface);
  }

  .mn-sim-select__sub {
    color: var(--mn-text-muted);
    margin-top: 1px;
    font-size: .6rem;
  }

  .mn-sim-preview {
    background: var(--mn-surface-raised);
    border-left: 3px solid var(--mn-accent);
    border-radius: var(--radius-sm, 4px);
    flex-direction: column;
    gap: 2px;
    margin-top: 4px;
    padding: 8px 12px;
    display: flex;
  }

  .mn-sim-preview strong {
    color: var(--mn-text);
    font-size: .75rem;
  }

  .mn-sim-preview span {
    color: var(--mn-text-tertiary);
    font-size: .65rem;
  }

  .mn-sim-needs {
    flex-direction: column;
    gap: 4px;
    display: flex;
  }

  .mn-sim-needs__row {
    align-items: center;
    gap: 6px;
    display: flex;
  }

  .mn-sim-results {
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
    margin-bottom: 12px;
    display: grid;
  }

  .mn-sim-kpi {
    background: var(--mn-surface-raised);
    border-radius: var(--radius-sm, 4px);
    border: 1px solid var(--mn-border);
    flex-direction: column;
    align-items: center;
    padding: 12px 8px;
    display: flex;
  }

  .mn-sim-kpi__val {
    font-family: var(--font-mono, "Barlow Condensed",sans-serif);
    color: var(--mn-text);
    font-size: 1.4rem;
    font-weight: 700;
  }

  .mn-sim-kpi__label {
    color: var(--mn-text-muted);
    text-transform: uppercase;
    letter-spacing: .04em;
    margin-top: 4px;
    font-size: .6rem;
  }

  .mn-sim-details {
    flex-direction: column;
    gap: 2px;
    display: flex;
  }

  .mn-sim-detail-row {
    border-bottom: 1px solid var(--mn-surface);
    color: var(--mn-text);
    justify-content: space-between;
    padding: 6px 10px;
    font-size: .72rem;
    display: flex;
  }

  .mn-sim-detail-row__impact {
    color: var(--arancio, #ea580c);
    font-weight: 600;
    font-family: var(--font-mono);
  }

  .mn-sim-empty {
    color: var(--mn-text-muted);
    text-align: center;
    padding: 24px 0;
    font-size: .75rem;
    font-style: italic;
  }

  body.mn-avorio .mn-sim-panel {
    background: var(--mn-surface);
    border-top: 2px solid var(--mn-error);
    box-shadow: 0 -4px 16px #00000014;
  }

  body.mn-avorio .mn-sim-scenario {
    background: var(--mn-surface);
    border-color: var(--mn-border);
    color: var(--mn-text);
  }

  body.mn-avorio .mn-sim-scenario:hover {
    border-color: var(--mn-error);
    background: #00000014;
  }

  body.mn-avorio .mn-sim-input {
    background: var(--mn-surface);
    border-color: var(--mn-border);
    color: var(--mn-text);
  }

  body.mn-avorio .mn-sim-input:focus {
    border-color: var(--mn-error);
  }

  body.mn-avorio .mn-sim-select__trigger {
    background: var(--mn-surface);
    border-color: var(--mn-border);
    color: var(--mn-text);
  }

  body.mn-avorio .mn-sim-select__dropdown {
    background: var(--mn-surface);
    border-color: var(--mn-border);
  }

  body.mn-avorio .mn-sim-select__search {
    color: var(--mn-text);
    border-bottom-color: var(--mn-border);
  }

  body.mn-avorio .mn-sim-select__item {
    color: var(--mn-text);
  }

  body.mn-avorio .mn-sim-select__item:hover {
    background: #00000014;
  }

  body.mn-avorio .mn-sim-preview {
    background: var(--mn-surface);
    border-left-color: var(--mn-error);
  }

  body.mn-avorio .mn-sim-preview strong {
    color: var(--mn-text);
  }

  body.mn-avorio .mn-sim-kpi {
    background: var(--mn-surface);
    border-color: var(--mn-border);
  }

  body.mn-avorio .mn-sim-kpi__val {
    color: var(--mn-text);
  }

  body.mn-avorio .mn-sim-detail-row {
    color: var(--mn-text);
    border-bottom-color: var(--mn-text-muted);
  }

  body.mn-avorio .mn-sim-btn--primary {
    background: var(--mn-error);
    color: var(--mn-text);
    border-color: var(--mn-error);
  }

  body.mn-avorio .mn-sim-btn--ghost {
    color: var(--mn-text-muted);
    border-color: var(--mn-border);
  }

  .mn-sim-banner {
    background: var(--signal-danger-bg, #dc00001f);
    border-bottom: 2px solid var(--mn-error);
    color: var(--mn-error);
    font-family: var(--font-mono, "Barlow Condensed",sans-serif);
    text-transform: uppercase;
    letter-spacing: .06em;
    align-items: center;
    gap: 10px;
    padding: 8px 16px;
    font-size: .8rem;
    font-weight: 700;
    display: flex;
  }

  .mn-sim-banner__icon {
    flex-shrink: 0;
  }

  .mn-sim-banner__exit {
    margin-left: auto;
  }

  body.mn-avorio .mn-sim-banner {
    background: #dc00000f;
  }

  .mn-sim-tag {
    border-radius: var(--radius-xs);
    text-transform: uppercase;
    padding: 2px 6px;
    font-size: .65rem;
    font-weight: 600;
  }

  .mn-sim-tag--danger {
    color: var(--mn-error);
    background: #dc000026;
  }

  .mn-sim-tag--warn {
    color: var(--arancio, #ea580c);
    background: #ea580c26;
  }

  .mn-sim-tag--ok {
    color: var(--verde, #00a651);
    background: #00a6511f;
  }

  .mn-sim-detail-row {
    grid-template-columns: 2fr 1fr .6fr .6fr .8fr;
    display: grid;
  }

  .mn-sim-detail-row--head {
    text-transform: uppercase;
    color: var(--mn-text-muted);
    border-bottom: 1px solid var(--mn-border);
    font-size: .65rem;
    font-weight: 700;
  }

  .mn-sim-kpi__icon {
    color: var(--mn-text-muted);
    margin-bottom: 4px;
  }

  .mn-sim-kpi__icon svg {
    width: 20px;
    height: 20px;
  }

  @media (max-width: 768px) {
    .mn-sim-grid, .mn-sim-results {
      grid-template-columns: repeat(2, 1fr);
    }

    .mn-sim-form__row--inline {
      flex-wrap: wrap;
    }

    .mn-sim-detail-row {
      grid-template-columns: 1fr 1fr;
    }
  }

  .mn-sim-card {
    background: var(--mn-surface);
    border: 1px solid var(--mn-border);
    border-radius: var(--radius-sm, 8px);
    cursor: pointer;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 8px;
    padding: 14px 16px;
    transition: border-color .15s, background .15s;
    display: flex;
  }

  .mn-sim-card:hover {
    border-color: var(--mn-accent);
    background: var(--mn-surface-raised);
  }

  .mn-sim-card__icon {
    flex-shrink: 0;
    font-size: 1.5rem;
    line-height: 1;
  }

  .mn-sim-card__text {
    flex: 1;
  }

  .mn-sim-card__title {
    color: var(--mn-text);
    font-size: .9rem;
    font-weight: 600;
  }

  .mn-sim-card__desc {
    color: var(--mn-text-muted);
    margin-top: 2px;
    font-size: .78rem;
  }

  .mn-sim-step-header {
    border-bottom: 1px solid var(--mn-border);
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
    padding-bottom: 12px;
    display: flex;
  }

  .mn-sim-step-header__icon {
    font-size: 1.3rem;
  }

  .mn-sim-step-header__title {
    color: var(--mn-text);
    flex: 1;
    font-size: 1rem;
    font-weight: 700;
  }

  .mn-sim-back {
    color: var(--mn-text-muted);
    cursor: pointer;
    border-radius: var(--radius-sm);
    background: none;
    border: none;
    padding: 4px 8px;
    font-size: .85rem;
  }

  .mn-sim-back:hover {
    color: var(--mn-accent);
    background: var(--mn-surface-raised);
  }

  .mn-sim-desc {
    color: var(--mn-text-muted);
    margin-bottom: 16px;
    font-size: .85rem;
  }

  .mn-sim-kpi-delta {
    background: var(--mn-surface);
    border-radius: var(--radius-sm, 6px);
    border: 1px solid var(--mn-border);
    flex-direction: column;
    align-items: center;
    gap: 4px;
    padding: 10px 8px;
    display: flex;
  }

  .mn-sim-kpi-delta__value {
    font-family: var(--font-mono, "Barlow Condensed",sans-serif);
    color: var(--mn-text);
    font-size: 1.2rem;
    font-weight: 700;
  }

  .mn-sim-kpi-delta__arrow {
    font-size: .75rem;
    font-weight: 700;
  }

  .mn-sim-kpi-delta__arrow--up {
    color: var(--verde-racing);
  }

  .mn-sim-kpi-delta__arrow--down {
    color: var(--mn-error);
  }

  .mn-sim-kpi-delta__label {
    color: var(--mn-text-muted);
    text-transform: uppercase;
    letter-spacing: .04em;
    font-size: .6rem;
  }

  .mn-sim-stepper {
    align-items: center;
    gap: 0;
    margin-bottom: 16px;
    display: flex;
  }

  .mn-sim-stepper__step {
    color: var(--mn-text-muted);
    font-size: .72rem;
    font-weight: 600;
    font-family: var(--font-mono, "Barlow Condensed",sans-serif);
    text-transform: uppercase;
    letter-spacing: .04em;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    display: flex;
    position: relative;
  }

  .mn-sim-stepper__step--done {
    color: var(--verde-racing);
  }

  .mn-sim-stepper__step--active {
    color: var(--mn-accent);
  }

  .mn-sim-stepper__step--pending {
    color: var(--mn-text-muted);
    opacity: .5;
  }

  .mn-sim-stepper__num {
    border: 1.5px solid;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 22px;
    height: 22px;
    font-size: .65rem;
    font-weight: 700;
    display: flex;
  }

  .mn-sim-stepper__step--done .mn-sim-stepper__num {
    background: var(--verde-racing);
    color: var(--mn-surface-sunken);
    border-color: var(--verde-racing);
  }

  .mn-sim-stepper__step--active .mn-sim-stepper__num {
    background: var(--mn-accent);
    color: var(--mn-surface-sunken);
    border-color: var(--mn-accent);
  }

  .mn-sim-stepper__connector {
    background: var(--mn-border);
    flex-shrink: 0;
    width: 24px;
    height: 2px;
  }

  .mn-sim-stepper__step--done + .mn-sim-stepper__connector {
    background: var(--verde-racing);
  }

  .mn-sim-mutation {
    background: var(--mn-surface-raised);
    border: 1px solid var(--mn-border);
    border-radius: var(--radius-md);
    padding: 12px;
    transition: border-color .15s;
  }

  .mn-sim-mutation:hover {
    border-color: var(--mn-text-muted);
  }

  .mn-sim-mutation__header {
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
    display: flex;
  }

  .mn-sim-mutation__remove {
    color: var(--mn-text-muted);
    cursor: pointer;
    border-radius: var(--radius-sm);
    background: none;
    border: none;
    padding: 2px 6px;
    font-size: .9rem;
    line-height: 1;
    transition: all .15s;
  }

  .mn-sim-mutation__remove:hover {
    color: var(--mn-error);
    background: var(--signal-danger-bg);
  }

  .mn-sim-mutation__fields {
    flex-direction: column;
    gap: 6px;
    display: flex;
  }

  .mn-sim-label-input {
    background: var(--mn-surface-raised);
    border: 1px solid var(--mn-border);
    border-radius: var(--radius-sm);
    width: 100%;
    color: var(--mn-text);
    font-family: var(--font-body, "Inter",sans-serif);
    box-sizing: border-box;
    outline: none;
    padding: 8px 12px;
    font-size: .85rem;
    transition: border-color .15s;
  }

  .mn-sim-label-input:focus {
    border-color: var(--mn-accent);
  }

  .mn-sim-label-input::placeholder {
    color: var(--mn-text-muted);
  }

  .mn-sim-evaluate-btn {
    border-radius: var(--radius-md);
    background: var(--mn-accent);
    width: 100%;
    color: var(--mn-accent-text);
    font-family: var(--font-mono, "Barlow Condensed",sans-serif);
    text-transform: uppercase;
    letter-spacing: .05em;
    cursor: pointer;
    border: none;
    margin-top: 8px;
    padding: 10px 16px;
    font-size: .9rem;
    font-weight: 700;
    transition: opacity .15s;
  }

  .mn-sim-evaluate-btn:hover:not(:disabled) {
    opacity: .85;
  }

  .mn-sim-evaluate-btn:disabled {
    opacity: .4;
    cursor: not-allowed;
  }

  .mn-sim-apply-btn {
    border-radius: var(--radius-md);
    background: var(--verde-racing);
    color: var(--mn-accent-text);
    font-family: var(--font-mono, "Barlow Condensed",sans-serif);
    text-transform: uppercase;
    letter-spacing: .05em;
    cursor: pointer;
    border: none;
    flex: 1;
    padding: 10px 16px;
    font-size: .85rem;
    font-weight: 700;
    transition: opacity .15s;
  }

  .mn-sim-apply-btn:hover {
    opacity: .85;
  }

  .mn-sim-impact {
    border-top: 1px solid var(--mn-border);
    flex-direction: column;
    gap: 8px;
    margin-top: 16px;
    padding-top: 16px;
    display: flex;
  }

  .mn-sim-suggestion {
    background: var(--mn-accent-bg);
    border: 1px solid var(--mn-accent-border);
    border-radius: var(--radius-md);
    margin-top: 8px;
    padding: 12px;
  }

  .mn-sim-suggestion p {
    color: var(--mn-text-muted);
    margin: 6px 0 0;
    font-size: .82rem;
    line-height: 1.45;
  }

  .mn-sim-actions {
    border-top: 1px solid var(--mn-border);
    gap: 10px;
    margin-top: 12px;
    padding-top: 12px;
    display: flex;
  }

  .mn-sim-bar {
    background: var(--mn-surface-raised);
    border-bottom: 1px solid var(--mn-accent);
    color: var(--mn-accent);
    flex-shrink: 0;
    align-items: center;
    gap: 12px;
    padding: 6px 16px;
    font-size: .8rem;
    display: flex;
  }

  .mn-sim-bar__label {
    font-family: var(--font-mono);
    text-transform: uppercase;
    letter-spacing: .05em;
  }

  .mn-sim-bar__toggle {
    background: var(--mn-surface);
    border: 1px solid var(--mn-border);
    color: var(--mn-text-muted);
    border-radius: var(--radius-sm);
    cursor: pointer;
    padding: 3px 10px;
    font-size: .75rem;
  }

  .mn-sim-bar__toggle--active {
    background: var(--mn-accent);
    color: var(--mn-accent-text);
    border-color: var(--mn-accent);
  }

  .mn-sim-eng-preview {
    background: var(--mn-surface-raised);
    border-left: 3px solid var(--mn-accent);
    border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
    margin: 8px 0;
    padding: 10px 12px;
  }

  .mn-sim-talent-card {
    background: var(--mn-surface);
    border: 1px solid var(--mn-border);
    border-radius: var(--radius-md);
    border-left: 3px solid var(--mn-border);
    margin-bottom: 8px;
    padding: 12px;
  }

  .mn-sim-insight {
    background: var(--mn-accent-bg);
    border: 1px solid var(--mn-accent);
    border-radius: var(--radius-md);
    color: var(--mn-text-muted);
    margin: 12px 0;
    padding: 12px 16px;
    font-size: .85rem;
  }

  .mn-sim-insight__title {
    color: var(--mn-accent);
    margin-bottom: 6px;
    font-size: .8rem;
    font-weight: 600;
  }

  .mn-sim-ado-preview {
    background: var(--mn-surface-raised);
    border-radius: var(--radius-md);
    color: var(--mn-text-muted);
    margin: 12px 0;
    padding: 12px;
    font-size: .8rem;
  }

  .mn-sim-ado-preview ul {
    color: var(--mn-text-muted);
  }

  .mn-sim-saved-list {
    margin-top: 8px;
  }

  .mn-nav__sim-btn {
    border: 1px solid var(--mn-border);
    color: var(--mn-text-muted);
    cursor: pointer;
    border-radius: var(--radius-sm);
    background: none;
    padding: 4px 8px;
    font-size: 1rem;
    line-height: 1;
    transition: all .15s;
  }

  .mn-nav__sim-btn:hover {
    border-color: var(--mn-accent);
    color: var(--mn-accent);
  }

  body.mn-avorio .mn-sim-card {
    background: var(--mn-surface);
    border-color: var(--mn-border);
  }

  body.mn-avorio .mn-sim-card:hover {
    background: var(--mn-surface-raised);
  }

  body.mn-avorio .mn-sim-card__title, body.mn-avorio .mn-sim-step-header__title {
    color: var(--mn-text);
  }

  body.mn-avorio .mn-sim-eng-preview {
    background: var(--mn-surface);
  }

  body.mn-avorio .mn-sim-talent-card {
    background: var(--mn-surface);
    border-color: var(--mn-border);
  }

  body.mn-avorio .mn-sim-insight {
    background: var(--mn-accent-bg);
  }

  body.mn-avorio .mn-sim-ado-preview {
    background: var(--mn-surface);
  }

  body.mn-avorio .mn-sim-mutation {
    background: var(--mn-surface);
    border-color: var(--mn-border);
  }

  body.mn-avorio .mn-sim-label-input {
    background: var(--mn-surface);
    color: var(--mn-text);
    border-color: var(--mn-border);
  }

  body.mn-avorio .mn-sim-suggestion {
    background: var(--mn-accent-bg);
  }

  body.mn-avorio .mn-nav__sim-btn {
    color: var(--mn-text-muted);
    border-color: var(--mn-border);
  }

  body.mn-avorio .mn-nav__sim-btn:hover {
    color: var(--mn-accent);
    border-color: var(--mn-accent);
  }

  body.mn-avorio .mn-sim-bar {
    background: var(--mn-surface);
  }

  body.mn-avorio .mn-sim-bar__toggle {
    background: var(--mn-surface-raised);
  }

  body.mn-avorio .mn-sim-kpi-delta {
    background: var(--mn-surface);
    border-color: var(--mn-border);
  }

  body.mn-avorio .mn-sim-kpi-delta__value {
    color: var(--mn-text);
  }

  .mn-toolbar {
    align-items: center;
    gap: var(--space-sm);
    padding: var(--space-xs) var(--space-md);
    background: var(--mn-surface-raised);
    border-bottom: 1px solid var(--mn-border);
    z-index: 99;
    display: flex;
    position: sticky;
    top: 56px;
  }

  .mn-toolbar__group {
    align-items: center;
    gap: 4px;
    display: flex;
  }

  .mn-toolbar__separator {
    background: var(--mn-border);
    width: 1px;
    height: 20px;
    margin: 0 var(--space-xs);
  }

  .mn-toolbar__btn {
    color: var(--mn-text-tertiary);
    border-radius: var(--radius-sm);
    cursor: pointer;
    font-size: .75rem;
    font-family: var(--font-body);
    background: none;
    border: 1px solid #0000;
    align-items: center;
    gap: 4px;
    padding: 5px 10px;
    transition: all .15s;
    display: flex;
  }

  .mn-toolbar__btn:hover {
    background: var(--mn-surface);
    color: var(--mn-text);
  }

  .mn-toolbar__btn--active {
    color: var(--giallo);
    border-color: var(--giallo);
    background: #ffc72c1a;
  }

  .mn-toolbar__search {
    background: var(--mn-surface-sunken);
    border: 1px solid var(--mn-border);
    border-radius: var(--radius-sm);
    max-width: 280px;
    color: var(--mn-text);
    font-size: .75rem;
    font-family: var(--font-body);
    flex: 1;
    padding: 5px 10px;
  }

  .mn-toolbar__search::placeholder {
    color: var(--mn-text-muted);
  }

  .mn-toolbar__search:focus {
    border-color: var(--giallo);
    outline: none;
    box-shadow: 0 0 0 2px #ffc72c33;
  }

  .mn-drawer {
    background: var(--mn-surface-raised);
    z-index: 300;
    flex-direction: column;
    width: 280px;
    max-width: 85vw;
    transition: transform .3s cubic-bezier(.4, 0, .2, 1);
    display: flex;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    transform: translateX(-100%);
    box-shadow: 4px 0 24px #00000080;
  }

  .mn-drawer--open {
    transform: translateX(0);
  }

  .mn-drawer__backdrop {
    z-index: 299;
    opacity: 0;
    pointer-events: none;
    background: #0009;
    transition: opacity .3s;
    position: fixed;
    inset: 0;
  }

  .mn-drawer__backdrop--visible {
    opacity: 1;
    pointer-events: auto;
  }

  .mn-drawer__header {
    padding: var(--space-md);
    border-bottom: 1px solid var(--mn-border);
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .mn-drawer__close {
    color: var(--mn-text-tertiary);
    cursor: pointer;
    background: none;
    border: none;
    padding: 6px;
  }

  .mn-drawer__body {
    padding: var(--space-sm) 0;
    flex: 1;
    overflow-y: auto;
  }

  .mn-convergio-toolbar {
    justify-content: space-between;
    align-items: center;
    gap: var(--space-md);
    padding: var(--space-xs) var(--space-md);
    background: var(--mn-surface);
    border-bottom: 1px solid var(--mn-border);
    display: flex;
  }

  .mn-convergio-toolbar__nav {
    align-items: center;
    gap: var(--space-xs);
    flex-wrap: wrap;
    display: flex;
  }

  .mn-convergio-pill {
    align-items: center;
    gap: var(--space-xs);
    padding: var(--space-xs) var(--space-sm);
    border-radius: var(--radius-full);
    border: 1px solid var(--mn-border);
    color: var(--mn-text-tertiary);
    font-size: var(--text-micro);
    font-family: var(--font-body);
    text-transform: uppercase;
    letter-spacing: .05em;
    cursor: pointer;
    transition: border-color var(--duration-sm) var(--ease-out),
    color var(--duration-sm) var(--ease-out),
    background-color var(--duration-sm) var(--ease-out),
    transform var(--duration-fast) var(--ease-out);
    background: none;
    font-weight: 500;
    line-height: 1;
    display: inline-flex;
  }

  .mn-convergio-pill:hover {
    border-color: var(--giallo);
    color: var(--mn-text);
  }

  .mn-convergio-pill:focus-visible {
    outline: 2px solid var(--giallo);
    outline-offset: 2px;
  }

  .mn-convergio-pill:active {
    transform: translateY(1px);
  }

  .mn-convergio-pill--active {
    background: var(--giallo);
    color: var(--mn-text);
    border-color: var(--giallo);
    font-weight: 600;
  }

  .mn-convergio-pill .mn-icon {
    flex: 0 0 14px;
    width: 14px;
    height: 14px;
  }

  .mn-convergio-toolbar__brand {
    font-family: var(--font-display);
    font-size: var(--text-small);
    letter-spacing: .3em;
    text-transform: uppercase;
    color: var(--mn-text);
    white-space: nowrap;
    margin: 0;
    font-weight: 600;
  }

  .mn-convergio-toolbar__status {
    justify-content: flex-end;
    align-items: center;
    gap: var(--space-sm);
    font-family: var(--font-body);
    font-size: var(--text-micro);
    color: var(--mn-text-tertiary);
    flex-wrap: wrap;
    display: flex;
  }

  .mn-convergio-toolbar__dot {
    background: var(--verde);
    border-radius: 50%;
    width: 8px;
    height: 8px;
  }

  .mn-convergio-toolbar__dot--warning {
    background: var(--giallo);
  }

  .mn-convergio-toolbar__dot--error {
    background: var(--rosso);
  }

  .mn-idea-jar {
    padding: var(--space-lg);
    background: var(--mn-surface);
    border: 1px solid var(--mn-border);
    border-radius: var(--radius-lg);
    flex-direction: column;
    align-items: center;
    display: flex;
    position: relative;
  }

  .mn-idea-jar__lid {
    background: var(--giallo);
    border-radius: var(--radius-sm) var(--radius-sm) 0 0;
    width: 80px;
    height: 12px;
    margin: 0 auto;
  }

  .mn-idea-jar__vessel {
    border: 2px solid var(--giallo);
    background: linear-gradient(180deg,
    transparent,
    color-mix(in srgb, var(--giallo) 10%, transparent));
    border-radius: 0 0 30px 30px;
    width: 120px;
    height: 160px;
    position: relative;
    overflow: hidden;
  }

  .mn-idea-jar__idea {
    opacity: .8;
    font-size: 1.2rem;
    animation: 3s ease-in-out infinite mn-idea-float;
    position: absolute;
    bottom: 20%;
  }

  .mn-idea-jar__idea:first-child {
    animation-delay: 0s;
    bottom: 20%;
    left: 20%;
  }

  .mn-idea-jar__idea:nth-child(2) {
    animation-delay: .5s;
    bottom: 40%;
    left: 50%;
  }

  .mn-idea-jar__idea:nth-child(3) {
    animation-delay: 1s;
    bottom: 15%;
    left: 70%;
  }

  .mn-idea-jar__idea:nth-child(4) {
    animation-delay: 1.5s;
    bottom: 60%;
    left: 35%;
  }

  .mn-idea-jar__idea:nth-child(5) {
    animation-delay: 2s;
    bottom: 35%;
    left: 60%;
  }

  @keyframes mn-idea-float {
    0%, 100% {
      transform: translateY(0) rotate(0);
    }

    50% {
      transform: translateY(-10px) rotate(5deg);
    }
  }

  .mn-idea-jar__count {
    margin-top: var(--space-sm);
    font-size: var(--text-xxl);
    color: var(--giallo);
    font-weight: 700;
    line-height: 1;
  }

  .mn-idea-jar__label {
    font-size: var(--text-micro);
    color: var(--mn-text-tertiary);
    text-transform: uppercase;
    letter-spacing: .1em;
  }

  .mn-idea-jar__add-btn {
    margin-top: var(--space-md);
    padding: var(--space-xs) var(--space-md);
    border-radius: var(--radius-full);
    background: var(--giallo);
    color: var(--mn-text);
    font-size: var(--text-small);
    font-weight: 600;
    font-family: var(--font-body);
    cursor: pointer;
    transition: transform var(--duration-sm) var(--ease-out),
    box-shadow var(--duration-sm) var(--ease-out);
    border: 1px solid #0000;
  }

  .mn-idea-jar__add-btn:hover {
    box-shadow: 0 0 12px color-mix(in srgb, var(--giallo) 40%, transparent);
    transform: scale(1.05);
  }

  .mn-idea-jar__add-btn:focus-visible {
    outline: 2px solid var(--giallo);
    outline-offset: 2px;
  }

  .mn-optimize-badge {
    align-items: center;
    gap: var(--space-xs);
    padding: var(--space-xs) var(--space-sm);
    border-radius: var(--radius-full);
    background: var(--verde);
    color: var(--mn-text);
    font-size: var(--text-micro);
    font-weight: 600;
    line-height: 1;
    display: inline-flex;
    position: relative;
  }

  .mn-optimize-badge__count {
    min-width: 18px;
    height: 18px;
    padding: 0 var(--space-xs);
    border-radius: var(--radius-full);
    background: var(--rosso);
    color: var(--mn-text);
    font-size: var(--text-nano);
    justify-content: center;
    align-items: center;
    font-weight: 700;
    display: flex;
    position: absolute;
    top: -6px;
    right: -6px;
  }

  .mn-mapbox-popup .mapboxgl-popup-content {
    background: var(--bg-panel, #141414);
    color: var(--text, silver);
    border: 1px solid var(--border, #333);
    border-radius: var(--radius-md);
    font-family: var(--font-body, "Inter", sans-serif);
    box-shadow: var(--shadow-elevated);
    padding: 10px 14px;
    font-size: .8rem;
  }

  .mn-mapbox-popup .mapboxgl-popup-tip {
    border-top-color: var(--bg-panel, #141414);
  }

  .mn-mapbox-popup .mapboxgl-popup-close-button {
    color: var(--text-dim, #666);
    font-size: 1rem;
  }

  .mn-mapbox-popup .mapboxgl-popup-close-button:hover {
    color: var(--mn-accent);
  }

  .mn-mesh-network {
    gap: var(--space-md);
    padding: var(--space-md);
    border: 1px solid var(--mn-border);
    border-radius: var(--radius-lg);
    background: var(--mn-surface);
    box-shadow: var(--shadow-card);
    display: grid;
  }

  .mn-mesh-network__top, .mn-mesh-network__bottom {
    justify-content: space-between;
    align-items: center;
    gap: var(--space-sm);
    flex-wrap: wrap;
    display: flex;
  }

  .mn-mesh-network__title {
    font-family: var(--font-display);
    font-size: var(--text-caption);
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--mn-text);
    margin: 0;
    font-weight: 700;
  }

  .mn-mesh-network__legend, .mn-mesh-network__actions {
    align-items: center;
    gap: var(--space-xs);
    flex-wrap: wrap;
    display: inline-flex;
  }

  .mn-mesh-network__grid {
    gap: var(--space-md);
    grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
    display: grid;
  }

  .mn-mesh-node {
    --mn-mesh-border-accent: var(--giallo);
    --mn-mesh-bar-cpu: var(--signal-ok);
    --mn-mesh-bar-ram: var(--giallo);
    gap: var(--space-sm);
    padding: var(--space-md);
    border: 1px solid var(--mn-border);
    border-left: var(--space-xs) solid var(--mn-mesh-border-accent);
    border-radius: var(--radius-md);
    background: var(--mn-surface-raised);
    box-shadow: var(--shadow-sm);
    transition: border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out);
    display: grid;
    position: relative;
  }

  .mn-mesh-node:hover {
    border-color: var(--mn-mesh-border-accent);
    box-shadow: var(--shadow-md);
  }

  .mn-mesh-node__header {
    align-items: center;
    gap: var(--space-sm);
    grid-template-columns: auto 1fr auto;
    display: grid;
  }

  .mn-mesh-node__name {
    font-family: var(--font-display);
    font-size: var(--text-caption);
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--mn-text);
    margin: 0;
    font-weight: 700;
  }

  .mn-mesh-status {
    width: var(--space-sm);
    height: var(--space-sm);
    border-radius: var(--radius-full);
    background: var(--mn-text-muted);
  }

  .mn-mesh-status--on {
    background: var(--signal-ok);
  }

  .mn-mesh-status--off, .mn-mesh-status--down {
    background: var(--signal-danger);
  }

  .mn-mesh-status--sync, .mn-mesh-status--drift {
    background: var(--signal-warning);
  }

  .mn-mesh-node__role {
    font-family: var(--font-mono);
    font-size: var(--text-nano);
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--mn-mesh-border-accent);
    font-weight: 600;
  }

  .mn-mesh-badges {
    gap: var(--space-xs);
    flex-wrap: wrap;
    display: flex;
  }

  .mn-mesh-badge {
    padding: var(--space-2xs) var(--space-sm);
    border: 1px solid var(--mn-border);
    border-radius: var(--radius-pill);
    background: var(--mn-surface);
    font-family: var(--font-display);
    font-size: var(--text-nano);
    letter-spacing: .06em;
    text-transform: uppercase;
    color: var(--mn-text);
    align-items: center;
    font-weight: 600;
    display: inline-flex;
  }

  .mn-mesh-badge--claude {
    color: var(--stage-3);
    border-color: var(--stage-3);
  }

  .mn-mesh-badge--copilot {
    color: var(--giallo);
    border-color: var(--giallo);
  }

  .mn-mesh-badge--ollama {
    color: var(--signal-ok);
    border-color: var(--signal-ok);
  }

  .mn-mesh-node__stats {
    font-size: var(--text-nano);
    color: var(--mn-text-muted);
    margin: 0;
  }

  .mn-mesh-bar {
    align-items: center;
    gap: var(--space-xs);
    grid-template-columns: 3.5rem 1fr 2.5rem;
    display: grid;
  }

  .mn-mesh-bar__label {
    font-size: var(--text-nano);
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--mn-text-muted);
  }

  .mn-mesh-bar__track {
    height: var(--space-xs);
    border-radius: var(--radius-pill);
    background: var(--mn-surface-sunken);
    overflow: hidden;
  }

  .mn-mesh-bar__fill--cpu {
    --mn-mesh-bar-color: var(--mn-mesh-bar-cpu);
  }

  .mn-mesh-bar__fill--ram {
    --mn-mesh-bar-color: var(--mn-mesh-bar-ram);
  }

  .mn-mesh-node__actions {
    gap: var(--space-xs);
    flex-wrap: wrap;
    display: flex;
  }

  .mn-mesh-action, .mn-mesh-network__action {
    min-height: 1.75rem;
    padding: 0 var(--space-sm);
    border: 1px solid var(--mn-border);
    border-radius: var(--radius-sm);
    background: var(--mn-surface);
    color: var(--mn-text-muted);
    font-size: var(--text-nano);
    font-family: var(--font-display);
    text-transform: uppercase;
    letter-spacing: .06em;
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }

  .mn-mesh-action:hover, .mn-mesh-network__action:hover {
    border-color: var(--mn-accent);
    color: var(--mn-text);
  }

  .mn-mesh-connector {
    height: 0;
    margin: var(--space-xs) 0;
    border-top: 1px dashed var(--mn-border);
  }

  .mn-mission-card, .mn-night-agent {
    gap: var(--space-sm);
    padding: var(--space-md);
    border: 1px solid var(--mn-border);
    border-radius: var(--radius-md);
    background: var(--mn-surface-raised);
    box-shadow: var(--shadow-sm);
    display: grid;
  }

  .mn-mission-card__header, .mn-night-agent__header {
    justify-content: space-between;
    align-items: center;
    gap: var(--space-sm);
    display: flex;
  }

  .mn-mission-card__number {
    font-family: var(--font-display);
    font-size: var(--text-xl);
    color: var(--mn-accent);
    margin: 0;
    font-weight: 700;
  }

  .mn-mission-card__title {
    font-size: var(--text-small);
    color: var(--mn-text);
    margin: 0;
    font-weight: 600;
  }

  .mn-mission-status {
    padding: var(--space-2xs) var(--space-sm);
    border-radius: var(--radius-pill);
    font-size: var(--text-nano);
    letter-spacing: .08em;
    text-transform: uppercase;
    border: 1px solid;
    align-items: center;
    font-weight: 700;
    display: inline-flex;
  }

  .mn-mission-status--unknown {
    color: var(--mn-text-muted);
  }

  .mn-mission-status--progress {
    color: var(--signal-warning);
  }

  .mn-mission-status--done {
    color: var(--signal-ok);
  }

  .mn-mission-status--failed {
    color: var(--signal-danger);
  }

  .mn-mission-card__progress {
    align-items: center;
    gap: var(--space-sm);
    grid-template-columns: auto 1fr;
    display: grid;
  }

  .mn-mission-progress-ring {
    --mn-mission-progress: 0;
    border-radius: var(--radius-full);
    background: conic-gradient(var(--mn-accent) calc(var(--mn-mission-progress)*1%),var(--mn-surface-sunken) 0);
    width: 2.5rem;
    height: 2.5rem;
  }

  .mn-mission-progress-bar {
    gap: var(--space-2xs);
    font-size: var(--text-nano);
    color: var(--mn-text-muted);
    display: grid;
  }

  .mn-mission-progress-bar__track {
    height: var(--space-xs);
    border-radius: var(--radius-pill);
    background: var(--mn-surface-sunken);
    overflow: hidden;
  }

  .mn-mission-progress-bar__fill {
    width: var(--mn-mission-progress-value);
    background: var(--mn-accent);
    height: 100%;
  }

  .mn-mission-card__actions, .mn-night-agent__actions {
    gap: var(--space-xs);
    flex-wrap: wrap;
    display: flex;
  }

  .mn-mission-btn, .mn-night-agent__action {
    padding: var(--space-xs) var(--space-sm);
    border: 1px solid var(--mn-border);
    border-radius: var(--radius-sm);
    background: var(--mn-surface);
    color: var(--mn-text);
    font-size: var(--text-nano);
    font-family: var(--font-display);
    letter-spacing: .06em;
    text-transform: uppercase;
    font-weight: 600;
  }

  .mn-mission-btn--delegate {
    border-color: var(--mn-accent);
    color: var(--mn-accent);
  }

  .mn-mission-btn--start {
    border-color: var(--signal-ok);
    color: var(--signal-ok);
  }

  .mn-mission-btn--reset {
    color: var(--mn-text-muted);
  }

  .mn-mission-btn--cancel {
    border-color: var(--signal-danger);
    color: var(--signal-danger);
  }

  .mn-night-agent__schedule {
    gap: var(--space-2xs);
    font-size: var(--text-nano);
    color: var(--mn-text-muted);
    margin: 0;
    display: grid;
  }

  .mn-night-agent__toggle {
    padding: var(--space-2xs) var(--space-sm);
    border: 1px solid var(--mn-border);
    border-radius: var(--radius-pill);
    color: var(--mn-text-muted);
  }

  .mn-night-agent__toggle[data-on="true"] {
    border-color: var(--signal-ok);
    color: var(--signal-ok);
  }

  @media (max-width: 48rem) {
    .mn-mesh-bar {
      grid-template-columns: 3rem 1fr 2.25rem;
    }

    .mn-mission-card__progress {
      grid-template-columns: 1fr;
    }
  }

  .mn-widget {
    background: var(--bg-panel, var(--mn-surface-raised));
    border: 1px solid var(--border, var(--mn-border));
    border-radius: var(--radius-md, 8px);
    flex-direction: column;
    min-height: 120px;
    transition: box-shadow .2s, border-color .2s;
    display: flex;
    overflow: hidden;
  }

  .mn-widget:hover {
    box-shadow: var(--shadow-md);
    border-color: #ffc72c1f;
  }

  .mn-widget--accent {
    border-top: 2px solid var(--mn-accent);
  }

  .mn-widget__header {
    border-bottom: 1px solid var(--border, var(--mn-border));
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    min-height: 44px;
    padding: 12px 16px;
    display: flex;
  }

  .mn-widget__title {
    font-family: var(--font-display, "Outfit", sans-serif);
    text-transform: uppercase;
    letter-spacing: .06em;
    color: var(--mn-accent);
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: .75rem;
    font-weight: 600;
    overflow: hidden;
  }

  .mn-widget__actions {
    flex-shrink: 0;
    align-items: center;
    gap: 4px;
    display: flex;
  }

  .mn-widget__action {
    width: 28px;
    height: 28px;
    color: var(--text-dim, var(--mn-text-muted));
    border-radius: var(--radius-sm);
    cursor: pointer;
    background: none;
    border: none;
    justify-content: center;
    align-items: center;
    font-size: .75rem;
    transition: background .15s, color .15s;
    display: flex;
  }

  .mn-widget__action:hover {
    color: var(--mn-accent);
    background: #ffc72c1a;
  }

  .mn-widget__body {
    flex: 1;
    padding: 16px;
    overflow: auto;
  }

  .mn-widget__body--flush {
    padding: 0;
  }

  .mn-widget__footer {
    border-top: 1px solid var(--border, var(--mn-border));
    color: var(--text-dim, var(--mn-text-muted));
    justify-content: space-between;
    align-items: center;
    padding: 8px 16px;
    font-size: .7rem;
    display: flex;
  }

  .mn-widget--collapsed .mn-widget__body, .mn-widget--collapsed .mn-widget__footer {
    display: none;
  }

  .mn-widget--loading .mn-widget__body:after {
    content: "";
    border-radius: var(--radius-sm);
    background: linear-gradient(90deg, #0000 25%, #ffc72c0a 50%, #0000 75%) 0 0 / 200% 100%;
    height: 80px;
    animation: 1.5s infinite mn-shimmer;
    display: block;
  }

  @keyframes mn-shimmer {
    0% {
      background-position: -200% 0;
    }

    100% {
      background-position: 200% 0;
    }
  }

  .mn-grid-template {
    gap: var(--space-lg, 16px);
    width: 100%;
    display: grid;
  }

  .mn-grid-template--overview-4col {
    grid-template-columns: repeat(4, 1fr);
  }

  @media (max-width: 900px) {
    .mn-grid-template--overview-4col {
      grid-template-columns: repeat(2, 1fr);
    }
  }

  @media (max-width: 500px) {
    .mn-grid-template--overview-4col {
      grid-template-columns: 1fr;
    }
  }

  .mn-grid-template--sidebar-main {
    grid-template-columns: 280px 1fr;
  }

  @media (max-width: 768px) {
    .mn-grid-template--sidebar-main {
      grid-template-columns: 1fr;
    }
  }

  .mn-grid-template--triple-equal {
    grid-template-columns: repeat(3, 1fr);
  }

  @media (max-width: 768px) {
    .mn-grid-template--triple-equal {
      grid-template-columns: 1fr;
    }
  }

  .mn-grid-template--dashboard-kpi {
    grid-template-rows: auto auto;
    grid-template-columns: 2fr 1fr;
  }

  .mn-grid-template--dashboard-kpi > :nth-child(3) {
    grid-area: 1 / 2 / 3;
  }

  @media (max-width: 768px) {
    .mn-grid-template--dashboard-kpi {
      grid-template-columns: 1fr;
    }

    .mn-grid-template--dashboard-kpi > :nth-child(3) {
      grid-area: auto;
    }
  }

  .mn-grid-template--focus-detail {
    grid-template-columns: 7fr 3fr;
  }

  @media (max-width: 768px) {
    .mn-grid-template--focus-detail {
      grid-template-columns: 1fr;
    }
  }

  .mn-grid-template--masonry-auto {
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  }

  .mn-search-drawer {
    padding: var(--space-md);
  }

  .mn-search-drawer__search {
    margin-bottom: var(--space-md);
    position: relative;
  }

  .mn-search-drawer__results {
    flex-direction: column;
    gap: 4px;
    display: flex;
  }

  .mn-search-drawer__item {
    border-radius: var(--radius-md);
    cursor: pointer;
    border: 1px solid #0000;
    padding: 10px 12px;
  }

  .mn-search-drawer__item:hover {
    background: var(--mn-accent-bg);
    border-color: var(--mn-accent-border);
  }

  .mn-search-drawer__item-title {
    font-weight: 500;
  }

  .mn-search-drawer__item-sub {
    color: var(--mn-text-muted);
    margin-top: 2px;
    font-size: .8rem;
  }

  .mn-search-drawer__loading, .mn-search-drawer__empty {
    text-align: center;
    padding: var(--space-lg);
    color: var(--mn-text-muted);
    font-size: .875rem;
  }

  .mn-search-drawer__section {
    margin-top: var(--space-lg);
  }

  .mn-search-drawer__section-label {
    text-transform: uppercase;
    letter-spacing: .08em;
    color: var(--mn-text-muted);
    margin-bottom: var(--space-sm);
    font-size: .7rem;
    font-weight: 700;
  }

  .mn-notif-panel {
    background: var(--mn-surface);
    border-left: 1px solid var(--mn-border);
    z-index: 900;
    flex-direction: column;
    width: 360px;
    max-width: calc(100vw - 2rem);
    height: 100vh;
    transition: transform .3s ease-out;
    display: flex;
    position: fixed;
    top: 0;
    right: 0;
    overflow: hidden;
    transform: translateX(100%);
  }

  .mn-notif-panel--open {
    transform: translateX(0);
  }

  .mn-notif-panel--left {
    border-left: none;
    border-right: 1px solid var(--mn-border);
    left: 0;
    right: auto;
    transform: translateX(-100%);
  }

  .mn-notif-panel--left.mn-notif-panel--open {
    transform: translateX(0);
  }

  .mn-notif-panel__header {
    border-bottom: 1px solid var(--mn-border);
    flex-direction: row;
    flex-shrink: 0;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.25rem;
    display: flex;
  }

  .mn-notif-panel__title {
    color: var(--mn-text);
    align-items: center;
    gap: .5rem;
    font-size: 1rem;
    font-weight: 600;
    display: flex;
  }

  .mn-notif-panel__badge {
    border-radius: var(--radius-pill);
    padding: 1px 6px;
    font-size: .6875rem;
    font-weight: 600;
    line-height: 1.4;
  }

  .mn-notif-panel__mark-all {
    color: var(--mn-text-muted);
    cursor: pointer;
    border-radius: var(--radius-sm);
    background: none;
    border: none;
    padding: .25rem .5rem;
    font-size: .75rem;
    transition: color .15s;
  }

  .mn-notif-panel__mark-all:hover {
    color: var(--mn-text);
  }

  .mn-notif-panel__list {
    flex: 1;
    padding: .5rem 0;
    overflow-y: auto;
  }

  .mn-notif-panel__empty {
    text-align: center;
    color: var(--mn-text-muted);
    padding: 2rem;
    font-size: .875rem;
  }

  .mn-notif-item {
    transition: background .15s;
    position: relative;
  }

  .mn-notif-item--unread {
    border-left: 3px solid var(--mn-accent);
    background: color-mix(in srgb, var(--mn-accent) 5%, transparent);
  }

  .mn-notif-item__dot {
    background: var(--mn-border);
    border-radius: 50%;
    flex-shrink: 0;
    width: 8px;
    height: 8px;
    margin-top: 4px;
  }

  .mn-notif-item__dot--success {
    background: var(--signal-ok);
  }

  .mn-notif-item__dot--warning {
    background: var(--signal-warning);
  }

  .mn-notif-item__dot--danger {
    background: var(--signal-danger);
  }

  .mn-notif-item__content {
    flex-direction: column;
    flex: 1;
    gap: 2px;
    min-width: 0;
    display: flex;
  }

  .mn-notif-item__title {
    color: var(--mn-text);
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: .875rem;
    font-weight: 500;
    overflow: hidden;
  }

  .mn-notif-item__body {
    color: var(--mn-text-muted);
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: .8125rem;
    display: -webkit-box;
    overflow: hidden;
  }

  .mn-notif-item__meta {
    color: var(--mn-text-muted);
    font-size: .75rem;
  }

  .mn-notif-item__action {
    color: var(--mn-accent);
    cursor: pointer;
    text-align: left;
    background: none;
    border: none;
    margin-top: .25rem;
    padding: 0;
    font-size: .75rem;
    font-weight: 500;
  }

  .mn-notif-item__action:hover {
    text-decoration: underline;
  }

  .mn-notif-item__remove {
    color: var(--mn-text-muted);
    cursor: pointer;
    opacity: 0;
    border-radius: var(--radius-sm);
    background: none;
    border: none;
    padding: .25rem;
    font-size: 1rem;
    line-height: 1;
    transition: opacity .15s;
    position: absolute;
    top: .5rem;
    right: .5rem;
  }

  .mn-notif-item:hover .mn-notif-item__remove {
    opacity: 1;
  }

  .mn-notif-item__remove:hover {
    color: var(--mn-text);
  }

  .mn-notif-trigger--has-unread {
    position: relative;
  }

  .mn-notif-trigger--has-unread:after {
    content: "";
    background: var(--mn-error);
    border-radius: 50%;
    width: 8px;
    height: 8px;
    position: absolute;
    top: 2px;
    right: 2px;
  }

  .mn-notif-backdrop {
    z-index: 899;
    background: none;
    display: none;
    position: fixed;
    inset: 0;
  }

  @media (max-width: 640px) {
    .mn-notif-panel {
      width: 100vw;
      max-width: 100vw;
    }
  }

  .mn-decision-matrix__wrap {
    border-radius: var(--radius-md);
    border: 1px solid var(--mn-border);
    width: 100%;
    overflow-x: auto;
  }

  .mn-decision-matrix {
    border-collapse: collapse;
    width: 100%;
    color: var(--mn-text);
    font-size: .875rem;
    line-height: 1.4;
  }

  .mn-decision-matrix th {
    color: var(--mn-text);
    text-align: left;
    border-bottom: 2px solid var(--mn-border);
    white-space: nowrap;
    padding: .5rem .75rem;
    font-weight: 600;
  }

  .mn-decision-matrix th:first-child {
    min-width: 140px;
  }

  .mn-decision-matrix th:last-child {
    text-align: center;
  }

  .mn-decision-matrix__weight {
    color: var(--mn-text-muted);
    font-size: .75rem;
    font-weight: 400;
  }

  .mn-decision-matrix td {
    border-bottom: 1px solid var(--mn-border);
    vertical-align: middle;
    text-align: center;
    padding: .5rem .75rem;
  }

  .mn-decision-matrix td:first-child {
    text-align: left;
    white-space: nowrap;
    font-weight: 500;
  }

  .mn-decision-matrix__score {
    border-radius: var(--radius-sm);
    padding: 2px 6px;
    font-weight: 600;
    display: inline-block;
  }

  .mn-decision-matrix__total {
    color: var(--mn-accent);
    font-size: 1rem;
    font-weight: 700;
  }

  .mn-decision-matrix__rank {
    color: var(--mn-text-muted);
    font-size: .75rem;
  }

  .mn-decision-matrix__row--winner td:first-child:before {
    content: "★";
    color: var(--mn-accent);
    margin-right: 4px;
  }

  .mn-decision-matrix__edit-input {
    text-align: center;
    border: 1px solid var(--mn-accent);
    border-radius: var(--radius-sm);
    background: var(--mn-surface);
    width: 48px;
    color: var(--mn-text);
    font-size: inherit;
    padding: 2px 4px;
  }

  .mn-decision-matrix__edit-input:focus {
    outline: 2px solid var(--mn-accent);
    outline-offset: 1px;
  }

  .mn-decision-matrix tbody tr:hover {
    background: var(--mn-border-subtle);
  }

  .mn-decision-matrix td[tabindex="0"]:focus-visible {
    outline: 2px solid var(--mn-accent);
    outline-offset: -2px;
  }

  body.mn-avorio .mn-decision-matrix th {
    background: var(--avorio-medio, var(--mn-surface-raised));
  }

  @media (max-width: 640px) {
    .mn-decision-matrix {
      font-size: .75rem;
    }

    .mn-decision-matrix th, .mn-decision-matrix td {
      padding: .375rem .5rem;
    }

    .mn-decision-matrix th:first-child {
      min-width: 100px;
    }
  }

  .mn-nine-box {
    gap: var(--space-sm);
    color: var(--mn-text);
    font-family: var(--font-body);
    align-items: stretch;
    display: flex;
  }

  .mn-nine-box__y-label {
    writing-mode: vertical-rl;
    color: var(--mn-text-muted);
    text-align: center;
    white-space: nowrap;
    padding: var(--space-sm) 0;
    flex-shrink: 0;
    align-items: center;
    font-size: .75rem;
    display: flex;
    transform: rotate(180deg);
  }

  .mn-nine-box__body {
    gap: var(--space-xs);
    flex-direction: column;
    flex: 1;
    display: flex;
  }

  .mn-nine-box__grid-row {
    gap: var(--space-xs);
    flex: 1;
    display: flex;
  }

  .mn-nine-box__y-ticks {
    color: var(--mn-text-muted);
    text-align: right;
    padding-right: var(--space-xs);
    flex-direction: column;
    flex-shrink: 0;
    justify-content: space-around;
    min-width: 3rem;
    font-size: .6875rem;
    display: flex;
  }

  .mn-nine-box__grid {
    flex: 1;
    grid-template-rows: repeat(3, 1fr);
    grid-template-columns: repeat(3, 1fr);
    gap: 2px;
    min-height: 300px;
    display: grid;
  }

  .mn-nine-box__cell {
    border: 1px solid var(--mn-border);
    border-radius: var(--radius-sm);
    padding: var(--space-sm);
    cursor: default;
    transition: background var(--duration-md, .2s) var(--ease-out, ease-out);
    flex-wrap: wrap;
    align-content: flex-start;
    gap: 2px;
    min-height: 80px;
    display: flex;
    position: relative;
  }

  .mn-nine-box__cell:focus-visible {
    outline: 2px solid var(--mn-accent);
    outline-offset: -2px;
  }

  .mn-nine-box__cell[data-tier="invest"] {
    background: color-mix(in srgb, var(--signal-ok) 15%, transparent);
  }

  .mn-nine-box__cell[data-tier="selective"] {
    background: color-mix(in srgb, var(--signal-warning) 12%, transparent);
  }

  .mn-nine-box__cell[data-tier="divest"] {
    background: color-mix(in srgb, var(--signal-danger) 12%, transparent);
  }

  .mn-nine-box__cell--drop-target {
    outline: 2px dashed var(--mn-accent);
    background: color-mix(in srgb, var(--mn-accent) 8%, transparent);
  }

  .mn-nine-box__cell--drop-target[data-tier="invest"] {
    background: color-mix(in srgb, var(--signal-ok) 10%, color-mix(in srgb, var(--mn-accent) 6%, transparent));
  }

  .mn-nine-box__cell--drop-target[data-tier="selective"] {
    background: color-mix(in srgb, var(--signal-warning) 8%, color-mix(in srgb, var(--mn-accent) 6%, transparent));
  }

  .mn-nine-box__cell--drop-target[data-tier="divest"] {
    background: color-mix(in srgb, var(--signal-danger) 8%, color-mix(in srgb, var(--mn-accent) 6%, transparent));
  }

  .mn-nine-box__item {
    background: var(--mn-surface);
    border: 1px solid var(--mn-border);
    border-radius: var(--radius-sm);
    cursor: pointer;
    transition: border-color var(--duration-md, .2s), box-shadow var(--duration-md, .2s);
    flex-direction: column;
    gap: 1px;
    margin: 2px;
    padding: 4px 8px;
    font-size: .75rem;
    display: inline-flex;
  }

  .mn-nine-box__item:hover {
    border-color: var(--mn-accent);
    box-shadow: var(--shadow-card);
  }

  .mn-nine-box__item--selected {
    border-color: var(--mn-accent);
  }

  .mn-nine-box__item:focus-visible {
    outline: 2px solid var(--mn-accent);
    outline-offset: 2px;
  }

  .mn-nine-box__item-label {
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100px;
    font-weight: 500;
    overflow: hidden;
  }

  .mn-nine-box__item-sub {
    opacity: .7;
    font-size: .6875rem;
  }

  .mn-nine-box__x-labels {
    text-align: center;
    color: var(--mn-text-muted);
    padding-left: calc(3rem + var(--space-xs));
    grid-template-columns: repeat(3, 1fr);
    font-size: .75rem;
    display: grid;
  }

  .mn-nine-box__x-label {
    text-align: center;
    color: var(--mn-text-muted);
    margin-top: var(--space-xs);
    padding-left: calc(3rem + var(--space-xs));
    font-size: .75rem;
  }

  body.mn-avorio .mn-nine-box__item--selected {
    background: var(--mn-accent);
  }

  @media (max-width: 640px) {
    .mn-nine-box {
      flex-direction: column;
    }

    .mn-nine-box__y-label {
      writing-mode: horizontal-tb;
      padding: 0;
      font-size: .6875rem;
      transform: none;
    }

    .mn-nine-box__y-ticks {
      min-width: 2rem;
      font-size: .625rem;
    }

    .mn-nine-box__grid {
      min-height: 240px;
    }

    .mn-nine-box__cell {
      padding: var(--space-xs);
      min-height: 60px;
    }

    .mn-nine-box__item {
      padding: 3px 6px;
      font-size: .6875rem;
    }

    .mn-nine-box__item-label {
      max-width: 64px;
    }

    .mn-nine-box__x-labels, .mn-nine-box__x-label {
      padding-left: calc(2rem + var(--space-xs));
    }
  }

  .mn-approval {
    padding: var(--space-sm);
    align-items: flex-start;
    gap: 0;
    display: flex;
    overflow-x: auto;
  }

  .mn-approval--vertical {
    flex-direction: column;
    overflow: visible auto;
  }

  .mn-approval__node {
    min-width: 80px;
    padding: var(--space-sm);
    flex-direction: column;
    align-items: center;
    display: flex;
    position: relative;
  }

  .mn-approval__avatar {
    width: 40px;
    height: 40px;
    font-weight: 600;
    font-size: var(--text-sm);
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    transition: transform .2s, box-shadow .2s;
    display: flex;
    position: relative;
  }

  .mn-approval__avatar--approved {
    background: color-mix(in srgb, var(--signal-ok) 20%, transparent);
    color: var(--signal-ok);
  }

  .mn-approval__avatar--rejected {
    background: color-mix(in srgb, var(--signal-danger) 20%, transparent);
    color: var(--signal-danger);
  }

  .mn-approval__avatar--current {
    background: var(--mn-accent);
    color: var(--mn-text-inverse);
    animation: 2s ease-in-out infinite mn-approval-pulse;
  }

  .mn-approval__avatar--pending {
    background: var(--mn-border);
    color: var(--mn-text-muted);
  }

  .mn-approval__avatar--skipped {
    background: color-mix(in srgb, var(--mn-text-muted) 20%, transparent);
    color: var(--mn-text-muted);
  }

  .mn-approval__badge {
    border: 2px solid var(--mn-surface);
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 16px;
    height: 16px;
    font-size: .625rem;
    line-height: 1;
    display: flex;
    position: absolute;
    bottom: -2px;
    right: -2px;
  }

  .mn-approval__badge--approved {
    background: var(--signal-ok);
    color: var(--mn-text-inverse);
  }

  .mn-approval__badge--rejected {
    background: var(--signal-danger);
    color: var(--mn-text-inverse);
  }

  .mn-approval__badge--skipped {
    background: var(--mn-text-muted);
    color: var(--mn-text-inverse);
  }

  .mn-approval__badge--current {
    background: var(--signal-warning);
    color: var(--mn-text-inverse);
  }

  .mn-approval__badge--pending {
    background: var(--mn-border);
    color: var(--mn-text-muted);
  }

  .mn-approval__name {
    margin-top: var(--space-xs);
    font-size: var(--text-sm);
    color: var(--mn-text);
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100px;
    overflow: hidden;
  }

  .mn-approval__role {
    font-size: var(--text-micro);
    color: var(--mn-text-muted);
    text-align: center;
  }

  .mn-approval__timestamp {
    font-size: var(--text-micro);
    color: var(--mn-text-muted);
    margin-top: var(--space-2xs);
  }

  .mn-approval__connector {
    flex: 0 0 32px;
    align-self: center;
    height: 2px;
    margin-top: 0;
    position: relative;
    top: 20px;
  }

  .mn-approval__connector--done {
    background: var(--signal-ok);
  }

  .mn-approval__connector--pending {
    background: repeating-linear-gradient(90deg,
    var(--mn-border) 0 4px,
    transparent 4px 8px);
  }

  .mn-approval--vertical .mn-approval__connector {
    flex: 0 0 24px;
    align-self: center;
    width: 2px;
    height: 24px;
    top: 0;
  }

  .mn-approval--vertical .mn-approval__connector--pending {
    background: repeating-linear-gradient(180deg,
    var(--mn-border) 0 4px,
    transparent 4px 8px);
  }

  .mn-approval__actions {
    gap: var(--space-xs);
    margin-top: var(--space-sm);
    flex-wrap: wrap;
    justify-content: center;
    display: flex;
  }

  .mn-approval__btn {
    padding: var(--space-2xs) var(--space-sm);
    border: 1px solid var(--mn-border);
    border-radius: var(--radius-sm);
    font-size: var(--text-micro);
    cursor: pointer;
    background: var(--mn-surface);
    color: var(--mn-text);
    min-height: 28px;
    transition: background .15s, border-color .15s;
  }

  .mn-approval__btn:focus-visible {
    outline: 2px solid var(--mn-accent);
    outline-offset: 2px;
  }

  .mn-approval__btn--approve:hover {
    background: color-mix(in srgb, var(--signal-ok) 15%, var(--mn-surface));
    border-color: var(--signal-ok);
    color: var(--signal-ok);
  }

  .mn-approval__btn--reject:hover {
    background: color-mix(in srgb, var(--signal-danger) 15%, var(--mn-surface));
    border-color: var(--signal-danger);
    color: var(--signal-danger);
  }

  .mn-approval__btn--skip:hover {
    background: color-mix(in srgb, var(--mn-text-muted) 15%, var(--mn-surface));
    border-color: var(--mn-text-muted);
  }

  @keyframes mn-approval-pulse {
    0%, 100% {
      box-shadow: 0 0 0 0 color-mix(in srgb, var(--mn-accent) 40%, transparent);
      transform: scale(1);
    }

    50% {
      transform: scale(1.08);
      box-shadow: 0 0 0 6px #0000;
    }
  }

  @media (max-width: 640px) {
    .mn-approval {
      -webkit-overflow-scrolling: touch;
      overflow-x: scroll;
    }

    .mn-approval__node {
      min-width: 64px;
      padding: var(--space-xs);
    }

    .mn-approval__btn {
      min-width: 44px;
      min-height: 44px;
      padding: var(--space-xs) var(--space-sm);
    }
  }

  .mn-agent-trace {
    gap: var(--space-xs);
    max-height: 400px;
    padding: var(--space-sm);
    font-family: var(--font-body);
    color: var(--mn-text);
    flex-direction: column;
    display: flex;
    overflow-y: auto;
  }

  .mn-agent-trace__step {
    border-left: 3px solid var(--mn-border);
    border-radius: var(--radius-sm);
    background: color-mix(in srgb, var(--mn-surface) 90%, transparent);
    transition: border-color .2s;
  }

  .mn-agent-trace__step--pending {
    border-left-color: var(--mn-border);
  }

  .mn-agent-trace__step--running {
    border-left-color: var(--signal-info);
    background: color-mix(in srgb, var(--signal-info) 8%, transparent);
  }

  .mn-agent-trace__step--done {
    border-left-color: var(--signal-ok);
  }

  .mn-agent-trace__step--error {
    border-left-color: var(--signal-danger);
    background: color-mix(in srgb, var(--signal-danger) 6%, transparent);
  }

  .mn-agent-trace__header {
    align-items: center;
    gap: var(--space-sm);
    padding: var(--space-sm) var(--space-md);
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    border-radius: var(--radius-sm);
    display: flex;
  }

  .mn-agent-trace__header:focus-visible {
    outline: 2px solid var(--mn-accent);
    outline-offset: -2px;
  }

  .mn-agent-trace__kind {
    min-width: 2rem;
    padding: var(--space-2xs) var(--space-xs);
    font-family: var(--font-mono);
    font-size: var(--text-micro);
    border-radius: var(--radius-full);
    text-transform: uppercase;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    display: inline-flex;
  }

  .mn-agent-trace__kind--tool {
    background: color-mix(in srgb, var(--signal-info) 15%, transparent);
    color: var(--signal-info);
  }

  .mn-agent-trace__kind--reasoning {
    background: color-mix(in srgb, var(--signal-warning) 15%, transparent);
    color: var(--signal-warning);
  }

  .mn-agent-trace__kind--result {
    background: color-mix(in srgb, var(--signal-ok) 15%, transparent);
    color: var(--signal-ok);
  }

  .mn-agent-trace__kind--handoff {
    background: color-mix(in srgb, var(--mn-accent) 15%, transparent);
    color: var(--mn-accent);
  }

  .mn-agent-trace__label {
    font-size: var(--text-sm);
    color: var(--mn-text);
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 1;
    font-weight: 500;
    overflow: hidden;
  }

  .mn-agent-trace__timestamp, .mn-agent-trace__duration {
    font-family: var(--font-mono);
    font-size: var(--text-micro);
    color: var(--mn-text-muted);
    flex-shrink: 0;
  }

  .mn-agent-trace__dot {
    border-radius: var(--radius-full);
    background: var(--mn-border);
    flex-shrink: 0;
    width: 8px;
    height: 8px;
  }

  .mn-agent-trace__dot--pending {
    background: var(--mn-border);
  }

  .mn-agent-trace__dot--running {
    background: var(--signal-info);
  }

  .mn-agent-trace__dot--done {
    background: var(--signal-ok);
  }

  .mn-agent-trace__dot--error {
    background: var(--signal-danger);
  }

  @keyframes mn-trace-pulse {
    0%, 100% {
      opacity: 1;
    }

    50% {
      opacity: .4;
    }
  }

  .mn-agent-trace__pulse {
    animation: 1.5s ease-in-out infinite mn-trace-pulse;
  }

  .mn-agent-trace__body {
    padding: 0 var(--space-md) var(--space-sm);
  }

  .mn-agent-trace__section {
    border-top: 1px solid var(--mn-border);
    padding-top: var(--space-xs);
    margin-top: var(--space-xs);
  }

  .mn-agent-trace__section-label {
    font-size: var(--text-micro);
    color: var(--mn-text-muted);
    margin-bottom: var(--space-2xs);
    text-transform: uppercase;
    letter-spacing: .05em;
    font-weight: 600;
    display: block;
  }

  .mn-agent-trace__pre {
    font-family: var(--font-mono);
    font-size: var(--text-micro);
    color: var(--mn-text-muted);
    background: color-mix(in srgb, var(--mn-surface) 60%, transparent);
    border-radius: var(--radius-sm);
    padding: var(--space-xs) var(--space-sm);
    white-space: pre-wrap;
    word-break: break-all;
    max-height: 120px;
    margin: 0;
    overflow: auto;
  }

  @media (max-width: 640px) {
    .mn-agent-trace {
      padding: var(--space-xs);
    }

    .mn-agent-trace__header {
      padding: var(--space-xs) var(--space-sm);
      gap: var(--space-xs);
    }

    .mn-agent-trace__body {
      padding: 0 var(--space-sm) var(--space-xs);
    }

    .mn-agent-trace__pre {
      max-height: 80px;
      font-size: var(--text-micro);
    }
  }

  .mn-audit {
    border: 1px solid var(--mn-border);
    border-radius: var(--radius-md);
    background: var(--mn-surface);
    max-height: 480px;
    color: var(--mn-text);
    font-family: var(--font-body);
    font-size: var(--text-small);
    overflow-y: auto;
  }

  .mn-audit__header {
    z-index: 2;
    justify-content: space-between;
    align-items: center;
    gap: var(--space-sm);
    padding: var(--space-sm) var(--space-md);
    background: color-mix(in srgb, var(--mn-surface) 95%, transparent);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    border-bottom: 1px solid var(--mn-border);
    display: flex;
    position: sticky;
    top: 0;
  }

  .mn-audit__tabs {
    gap: var(--space-xs);
    flex-wrap: wrap;
    display: flex;
  }

  .mn-audit__tab {
    align-items: center;
    gap: var(--space-xs);
    padding: var(--space-2xs) var(--space-sm);
    border: 1px solid var(--mn-border);
    border-radius: var(--radius-full);
    color: var(--mn-text-muted);
    font-size: var(--text-micro);
    cursor: pointer;
    transition: background var(--duration-sm) var(--ease-out),
              color var(--duration-sm) var(--ease-out);
    background: none;
    font-family: inherit;
    line-height: 1.4;
    display: inline-flex;
  }

  .mn-audit__tab:hover {
    background: color-mix(in srgb, var(--mn-text) 6%, transparent);
    color: var(--mn-text);
  }

  .mn-audit__tab[aria-selected="true"] {
    background: var(--mn-accent);
    color: var(--mn-accent-text);
    border-color: var(--mn-accent);
  }

  .mn-audit__tab-count {
    font-variant-numeric: tabular-nums;
    font-family: var(--font-mono);
    font-size: var(--text-nano);
    opacity: .75;
  }

  .mn-audit__list {
    padding: var(--space-xs) var(--space-md) var(--space-xs) var(--space-xl);
    margin: 0;
    list-style: none;
    position: relative;
  }

  .mn-audit__list:before {
    content: "";
    background: var(--mn-border);
    width: 2px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 19px;
  }

  .mn-audit__entry {
    padding: var(--space-sm) var(--space-sm);
    cursor: pointer;
    border-radius: var(--radius-sm);
    transition: background var(--duration-sm) var(--ease-out);
    position: relative;
  }

  .mn-audit__entry:hover {
    background: color-mix(in srgb, var(--mn-text) 3%, transparent);
  }

  .mn-audit__entry:focus-visible {
    outline: 2px solid var(--mn-accent);
    outline-offset: -2px;
  }

  .mn-audit__timeline-dot {
    left: calc(-1 * var(--space-lg) - 1px);
    top: calc(var(--space-sm) + 4px);
    border: 2px solid var(--mn-surface);
    background: var(--mn-text-muted);
    z-index: 1;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    position: absolute;
  }

  .mn-audit__entry[data-severity="info"] .mn-audit__timeline-dot {
    background: var(--signal-info);
  }

  .mn-audit__entry[data-severity="warning"] .mn-audit__timeline-dot {
    background: var(--signal-warning);
  }

  .mn-audit__entry[data-severity="error"] .mn-audit__timeline-dot {
    background: var(--signal-danger);
  }

  .mn-audit__entry[data-severity="success"] .mn-audit__timeline-dot {
    background: var(--signal-ok);
  }

  .mn-audit__entry[data-severity="critical"] .mn-audit__timeline-dot {
    background: var(--signal-danger);
    width: 14px;
    height: 14px;
    left: calc(-1 * var(--space-lg) - 3px);
    top: calc(var(--space-sm) + 2px);
    animation: 2s ease-in-out infinite mn-audit-pulse;
  }

  .mn-audit__body {
    min-width: 0;
  }

  .mn-audit__meta {
    justify-content: space-between;
    align-items: baseline;
    gap: var(--space-sm);
    font-size: var(--text-micro);
    color: var(--mn-text-muted);
    display: flex;
  }

  .mn-audit__timestamp {
    font-family: var(--font-mono);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
  }

  .mn-audit__actor {
    white-space: nowrap;
  }

  .mn-audit__actor-badge {
    padding: 1px var(--space-xs);
    border-radius: var(--radius-full);
    background: color-mix(in srgb, var(--signal-info) 15%, transparent);
    font-size: var(--text-nano);
    font-family: var(--font-mono);
    vertical-align: baseline;
    display: inline-block;
  }

  .mn-audit__action {
    margin-top: 2px;
    font-weight: 500;
    line-height: 1.4;
  }

  .mn-audit__resource {
    color: var(--mn-text-muted);
    font-family: var(--font-mono);
    font-size: var(--text-micro);
  }

  .mn-audit__expand {
    max-height: 0;
    transition: max-height var(--duration-sm) var(--ease-out);
    overflow: hidden;
  }

  .mn-audit__entry[aria-expanded="true"] .mn-audit__expand {
    max-height: 200px;
  }

  .mn-audit__chips {
    gap: var(--space-xs);
    margin: var(--space-sm) 0 0;
    flex-wrap: wrap;
    display: flex;
  }

  .mn-audit__chip {
    align-items: center;
    gap: var(--space-2xs);
    padding: 2px var(--space-sm);
    border-radius: var(--radius-full);
    background: color-mix(in srgb, var(--mn-text) 5%, transparent);
    border: 1px solid var(--mn-border);
    font-size: var(--text-micro);
    font-family: var(--font-mono);
    color: var(--mn-text);
    white-space: nowrap;
    display: inline-flex;
  }

  .mn-audit__chip-key {
    color: var(--mn-text-muted);
    text-transform: uppercase;
    letter-spacing: .04em;
    font-size: var(--text-nano);
  }

  @keyframes mn-audit-slide-in {
    from {
      opacity: 0;
      transform: translateY(-8px);
    }

    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  .mn-audit__entry--slide-in {
    animation: mn-audit-slide-in var(--duration-md) var(--ease-out);
  }

  @keyframes mn-audit-pulse {
    0%, 100% {
      box-shadow: 0 0 0 0 color-mix(in srgb, var(--signal-danger) 40%, transparent);
    }

    50% {
      box-shadow: 0 0 0 4px color-mix(in srgb, var(--signal-danger) 0%, transparent);
    }
  }

  @media (max-width: 640px) {
    .mn-audit__header {
      flex-direction: column;
      align-items: flex-start;
    }

    .mn-audit__list {
      padding-left: var(--space-lg);
    }

    .mn-audit__list:before {
      left: 11px;
    }

    .mn-audit__timeline-dot {
      left: calc(-1 * var(--space-md) - 3px);
    }

    .mn-audit__entry[data-severity="critical"] .mn-audit__timeline-dot {
      left: calc(-1 * var(--space-md) - 5px);
    }

    .mn-audit__ip {
      display: none;
    }

    .mn-audit__meta {
      gap: var(--space-2xs);
      flex-direction: column;
    }
  }

  .mn-scaffold {
    gap: var(--space-md);
    padding: var(--space-md);
    border: 1px solid var(--mn-border);
    border-radius: var(--radius-md);
    background: var(--mn-surface);
    color: var(--mn-text);
    display: grid;
  }

  .mn-scaffold__status {
    gap: var(--space-sm);
    display: grid;
  }

  .mn-scaffold__content--hidden, .mn-scaffold--ready .mn-scaffold__status {
    display: none;
  }

  .mn-scaffold--ready .mn-scaffold__content {
    display: block;
  }

  .mn-scaffold__panel, .mn-scaffold__banner {
    gap: var(--space-sm);
    padding: var(--space-md);
    border-radius: var(--radius-md);
    border: 1px solid var(--mn-border);
    background: var(--mn-surface-raised);
    display: grid;
  }

  .mn-scaffold__panel--loading {
    border-color: color-mix(in srgb, var(--mn-info) 40%, var(--mn-border));
  }

  .mn-scaffold--error .mn-scaffold__panel {
    border-color: color-mix(in srgb, var(--mn-error) 50%, var(--mn-border));
    background: color-mix(in srgb, var(--mn-error) 14%, var(--mn-surface-raised));
  }

  .mn-scaffold__banner {
    border-color: color-mix(in srgb, var(--mn-info) 40%, var(--mn-border));
    background: color-mix(in srgb, var(--mn-info) 14%, var(--mn-surface-raised));
  }

  .mn-scaffold__message {
    font-family: var(--font-body);
    font-size: var(--text-body);
    color: var(--mn-text-muted);
    margin: 0;
  }

  .mn-scaffold__action {
    min-height: calc(var(--space-xl) + var(--space-sm));
    padding: var(--space-sm) var(--space-md);
    border: 1px solid color-mix(in srgb, var(--mn-accent) 35%, var(--mn-border));
    border-radius: var(--radius-sm);
    background: color-mix(in srgb, var(--mn-accent) 15%, var(--mn-surface-raised));
    color: var(--mn-text);
    font-family: var(--font-body);
    font-size: var(--text-small);
    cursor: pointer;
    transition: border-color var(--duration-sm) var(--ease-out);
    justify-self: start;
  }

  :is(.mn-scaffold__action:hover, .mn-scaffold__action:focus-visible) {
    border-color: var(--mn-accent);
    outline: none;
  }

  .mn-scaffold__skeleton-bar {
    height: var(--space-md);
    border-radius: var(--radius-sm);
    background-image: linear-gradient(90deg,
      color-mix(in srgb, var(--mn-surface-raised) 95%, var(--mn-text) 5%) 0%,
      color-mix(in srgb, var(--mn-info) 20%, var(--mn-surface-raised)) 50%,
      color-mix(in srgb, var(--mn-surface-raised) 95%, var(--mn-text) 5%) 100%);
    animation: mn-scaffold-shimmer 1.4s var(--ease-in-out) infinite;
    background-size: 200% 100%;
  }

  .mn-scaffold__skeleton-bar:nth-child(2) {
    width: 80%;
  }

  .mn-scaffold__skeleton-bar:nth-child(3) {
    width: 60%;
  }

  @keyframes mn-scaffold-shimmer {
    from {
      background-position: 100% 0;
    }

    to {
      background-position: -100% 0;
    }
  }

  @media (max-width: 640px) {
    .mn-scaffold, .mn-scaffold__panel, .mn-scaffold__banner {
      padding: var(--space-sm);
    }

    .mn-scaffold__action {
      justify-self: stretch;
      width: 100%;
    }
  }

  .mn-dashboard-renderer {
    gap: var(--mn-space-4, 1rem);
    display: grid;
  }

  .mn-dashboard-row {
    gap: var(--mn-space-4, 1rem);
    grid-template-columns: repeat(12, minmax(0, 1fr));
    display: grid;
  }

  .mn-dashboard-cell {
    min-width: 0;
  }

  .mn-dashboard-body {
    background: var(--mn-surface-raised);
    border: 1px solid var(--mn-border);
    border-radius: var(--mn-radius-lg, .875rem);
    padding: var(--mn-space-4, 1rem);
    min-height: 8rem;
  }

  .mn-dashboard-kpi-strip {
    gap: var(--mn-space-3, .75rem);
    grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr));
    display: grid;
  }

  .mn-dashboard-kpi, .mn-dashboard-stat {
    background: var(--mn-surface);
    border: 1px solid var(--mn-border);
    border-radius: var(--mn-radius-md, .625rem);
    padding: var(--mn-space-3, .75rem);
  }

  .mn-dashboard-kpi__label, .mn-dashboard-stat__label {
    color: var(--mn-text-muted);
    margin: 0;
  }

  .mn-dashboard-kpi__value, .mn-dashboard-stat__value {
    color: var(--mn-text);
    font-size: var(--mn-text-lg, 1.125rem);
    margin: var(--mn-space-2, .5rem) 0 0;
    font-weight: 700;
  }

  .mn-dashboard-legend, .mn-dashboard-table-summary {
    width: 100%;
  }

  .mn-dashboard-legend {
    gap: var(--mn-space-2, .5rem);
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
  }

  .mn-dashboard-legend__item {
    align-items: center;
    gap: var(--mn-space-2, .5rem);
    display: flex;
  }

  .mn-dashboard-legend__swatch {
    border-radius: var(--radius-pill);
    width: .75rem;
    height: .75rem;
  }

  .mn-dashboard-table-summary {
    border-collapse: collapse;
    color: var(--mn-text);
  }

  .mn-dashboard-table-summary th, .mn-dashboard-table-summary td {
    border-bottom: 1px solid var(--mn-border);
    padding: var(--mn-space-2, .5rem);
    text-align: left;
  }

  .mn-dashboard-canvas {
    width: 100%;
    max-width: 100%;
    height: auto;
    display: block;
  }

  @media (max-width: 640px) {
    .mn-dashboard-cell {
      grid-column: span 12 !important;
    }
  }

  .mn-app-shell {
    --mn-space-xs: var(--mn-space-xs, var(--space-xs));
    --mn-space-sm: var(--mn-space-sm, var(--space-sm));
    --mn-space-md: var(--mn-space-md, var(--space-md));
    --mn-space-lg: var(--mn-space-lg, var(--space-lg));
    --mn-gap-sm: var(--mn-gap-sm, var(--space-sm));
    --mn-gap-md: var(--mn-gap-md, var(--space-md));
    --mn-gap-lg: var(--mn-gap-lg, var(--space-lg));
    --mn-app-shell-sidebar-width: 16rem;
    --mn-app-shell-toolbar-height: 3.5rem;
    --mn-app-shell-filter-height: 2.75rem;
    --mn-app-shell-bottom-height: 14rem;
    gap: var(--mn-gap-md);
    min-height: 100vh;
    padding: calc(var(--mn-app-shell-toolbar-height) + var(--mn-app-shell-filter-height) + var(--mn-space-md)) var(--mn-space-md) var(--mn-space-md) calc(var(--mn-app-shell-sidebar-width) + var(--mn-space-md));
    background: var(--mn-surface);
    color: var(--mn-text);
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "main";
    display: grid;
  }

  .mn-app-shell--sidebar-collapsed {
    padding-left: var(--mn-space-md);
  }

  .mn-app-shell__nav {
    width: var(--mn-app-shell-sidebar-width);
    background: var(--mn-surface-raised);
    border-right: 1px solid var(--mn-border);
    transition: transform var(--duration-sm) var(--ease-out);
    z-index: var(--z-dropdown);
    position: fixed;
    inset: 0 auto 0 0;
    overflow: auto;
  }

  .mn-app-shell--sidebar-collapsed .mn-app-shell__nav {
    transform: translateX(-100%);
  }

  .mn-app-shell__toolbar, .mn-app-shell__filter-bar {
    background: var(--mn-surface-raised);
    border-bottom: 1px solid var(--mn-border);
    z-index: var(--z-dropdown);
    position: fixed;
    right: 0;
  }

  .mn-app-shell__toolbar {
    top: 0;
    left: var(--mn-app-shell-sidebar-width);
    min-height: var(--mn-app-shell-toolbar-height);
    padding: var(--mn-space-sm) var(--mn-space-md);
  }

  .mn-app-shell__filter-bar {
    top: var(--mn-app-shell-toolbar-height);
    left: var(--mn-app-shell-sidebar-width);
    min-height: var(--mn-app-shell-filter-height);
    padding: var(--mn-space-xs) var(--mn-space-md);
  }

  .mn-app-shell--sidebar-collapsed .mn-app-shell__toolbar, .mn-app-shell--sidebar-collapsed .mn-app-shell__filter-bar {
    left: 0;
  }

  .mn-app-shell__main, .mn-app-shell__secondary, .mn-app-shell__detail, .mn-app-shell__bottom {
    background: var(--mn-surface-raised);
    border: 1px solid var(--mn-border);
    border-radius: var(--radius-md);
    min-width: 0;
    padding: var(--mn-space-md);
  }

  .mn-app-shell__main {
    grid-area: main;
  }

  .mn-app-shell__secondary {
    grid-area: secondary;
    display: none;
  }

  .mn-app-shell__detail {
    grid-area: detail;
    display: none;
  }

  .mn-app-shell__bottom {
    min-height: var(--mn-app-shell-bottom-height);
    grid-area: bottom;
    display: none;
  }

  .mn-app-shell--full {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "main";
  }

  .mn-app-shell--split {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-areas: "main secondary";
  }

  .mn-app-shell--stacked {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "main"
                         "secondary";
  }

  .mn-app-shell--docked-bottom {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "main"
                         "bottom";
  }

  .mn-app-shell--dual-panel {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-areas: "main detail";
  }

  .mn-app-shell--side-detail {
    grid-template-columns: minmax(0, 7fr) minmax(0, 3fr);
    grid-template-areas: "main detail";
  }

  .mn-app-shell--split .mn-app-shell__secondary, .mn-app-shell--stacked .mn-app-shell__secondary, .mn-app-shell--dual-panel .mn-app-shell__detail, .mn-app-shell--side-detail .mn-app-shell__detail, .mn-app-shell--docked-bottom .mn-app-shell__bottom, .mn-app-shell--bottom-open .mn-app-shell__bottom {
    display: block;
  }

  .mn-app-shell__overlay {
    background: var(--mn-surface-sunken);
    opacity: .88;
    z-index: var(--z-modal);
    display: none;
    position: fixed;
    inset: 0;
  }

  .mn-app-shell__overlay--open {
    display: block;
  }

  .mn-journey {
    gap: var(--space-lg);
    padding: var(--space-md);
    display: flex;
    position: relative;
    overflow-x: auto;
  }

  .mn-journey--vertical {
    flex-direction: column;
    overflow-x: visible;
  }

  .mn-journey__phase {
    gap: var(--space-sm);
    flex-direction: column;
    flex-shrink: 0;
    min-width: 220px;
    display: flex;
  }

  .mn-journey__phase-label {
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--mn-text-muted);
    padding: var(--space-xs) var(--space-sm);
    align-items: center;
    gap: var(--space-xs);
    font-size: 11px;
    font-weight: 700;
    display: flex;
  }

  .mn-journey__phase-count {
    background: var(--mn-hover-bg);
    border-radius: var(--radius-pill);
    padding: 1px 8px;
    font-size: 10px;
  }

  .mn-journey__card {
    align-items: center;
    gap: var(--space-sm);
    padding: var(--space-sm) var(--space-md);
    background: var(--mn-surface-raised);
    border: 1px solid var(--mn-border-subtle);
    border-radius: var(--radius-md);
    border-left: 3px solid var(--mn-text-muted);
    cursor: pointer;
    transition: box-shadow var(--duration-sm, .15s) var(--ease-out, ease-out);
    display: flex;
  }

  .mn-journey__card:hover {
    box-shadow: var(--shadow-elevated);
  }

  .mn-journey__card:focus-visible {
    outline: 2px solid var(--mn-focus-ring);
    outline-offset: 2px;
  }

  .mn-journey__card--selected {
    border-color: var(--mn-accent);
    background: var(--mn-accent-bg, color-mix(in srgb, var(--mn-accent) 8%, transparent));
  }

  .mn-journey__card--completed {
    border-left-color: var(--signal-ok);
  }

  .mn-journey__card--active {
    border-left-color: var(--mn-info);
  }

  .mn-journey__card--pending {
    border-left-color: var(--mn-text-muted);
  }

  .mn-journey__card--blocked {
    border-left-color: var(--mn-error);
  }

  .mn-journey__avatar {
    background: var(--mn-hover-bg);
    width: 36px;
    height: 36px;
    color: var(--mn-text-muted);
    border-radius: 50%;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    font-size: 13px;
    font-weight: 600;
    display: flex;
    overflow: hidden;
  }

  .mn-journey__avatar img {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }

  .mn-journey__card-body {
    flex: 1;
    min-width: 0;
  }

  .mn-journey__card-title {
    color: var(--mn-text);
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 13px;
    font-weight: 500;
    overflow: hidden;
  }

  .mn-journey__card-meta {
    color: var(--mn-text-muted);
    font-size: 11px;
  }

  .mn-journey__status {
    border-radius: 50%;
    flex-shrink: 0;
    width: 8px;
    height: 8px;
  }

  .mn-journey__status--completed {
    background: var(--signal-ok);
  }

  .mn-journey__status--active {
    background: var(--mn-info);
  }

  .mn-journey__status--pending {
    background: var(--mn-text-muted);
  }

  .mn-journey__status--blocked {
    background: var(--mn-error);
  }

  .mn-journey__connectors {
    pointer-events: none;
    position: absolute;
    inset: 0;
    overflow: visible;
  }

  .mn-journey__tooltip {
    background: var(--mn-surface-raised);
    border: 1px solid var(--mn-border);
    border-radius: var(--radius-sm);
    padding: var(--space-xs) var(--space-sm);
    color: var(--mn-text);
    box-shadow: var(--shadow-elevated);
    pointer-events: none;
    z-index: 10;
    white-space: nowrap;
    font-size: 11px;
    position: absolute;
  }

  @media (max-width: 640px) {
    .mn-journey {
      flex-direction: column;
      overflow-x: visible;
    }

    .mn-journey__phase {
      min-width: 0;
    }
  }

  .mn-admin-shell {
    inset: var(--mn-navbar-height, 56px) 0 0 0;
    z-index: 1200;
    background: var(--mn-surface);
    grid-template-columns: 240px 1fr;
    transition: grid-template-columns .15s ease-out;
    display: grid;
    position: fixed;
  }

  .mn-admin-shell--collapsed {
    grid-template-columns: 56px 1fr;
  }

  .mn-admin-sidebar {
    border-right: 1px solid var(--mn-border);
    background: var(--mn-surface-raised);
    padding: var(--space-sm) 0;
    flex-direction: column;
    display: flex;
    overflow: hidden auto;
  }

  .mn-admin-sidebar__header {
    align-items: center;
    gap: var(--space-sm);
    padding: var(--space-sm) var(--space-md);
    min-height: 48px;
    font-size: 14px;
    font-weight: 600;
    display: flex;
  }

  .mn-admin-sidebar__header-badge {
    background: var(--mn-accent);
    color: var(--mn-accent-text);
    border-radius: var(--radius-pill);
    padding: 1px 8px;
    font-size: 10px;
  }

  .mn-admin-sidebar__search {
    margin: 0 var(--space-sm) var(--space-sm);
  }

  .mn-admin-sidebar__search input {
    width: 100%;
    padding: 6px var(--space-sm);
    border: 1px solid var(--mn-border);
    border-radius: var(--radius-sm);
    background: var(--mn-surface);
    color: var(--mn-text);
    font-size: 12px;
  }

  .mn-admin-sidebar__search input:focus {
    outline: 2px solid var(--mn-focus-ring);
    outline-offset: -1px;
  }

  .mn-admin-sidebar__search-hint {
    color: var(--mn-text-muted);
    border: 1px solid var(--mn-border);
    border-radius: var(--radius-xs);
    margin-left: auto;
    padding: 0 4px;
    font-size: 10px;
  }

  .mn-admin-sidebar__section-title {
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--mn-text-muted);
    padding: var(--space-xs) var(--space-md) 2px;
    margin-top: var(--space-sm);
    opacity: .6;
    font-size: 10px;
  }

  .mn-admin-sidebar__footer {
    padding: var(--space-sm) var(--space-md);
    border-top: 1px solid var(--mn-border);
    margin-top: auto;
  }

  button.mn-admin-sidebar__footer {
    width: 100%;
    font: inherit;
    color: inherit;
    border: none;
    border-top: 1px solid var(--mn-border);
    text-align: left;
    cursor: pointer;
    transition: background var(--duration-sm) var(--ease-out);
    background: none;
    display: block;
  }

  button.mn-admin-sidebar__footer:hover {
    background: var(--mn-hover-bg);
  }

  button.mn-admin-sidebar__footer:focus-visible {
    outline: 2px solid var(--mn-focus-ring);
    outline-offset: -2px;
  }

  .mn-admin-nav-item {
    align-items: center;
    gap: var(--space-sm);
    padding: 7px var(--space-md);
    margin: 1px var(--space-xs);
    border-radius: var(--radius-sm);
    cursor: pointer;
    color: var(--mn-text);
    text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: calc(100% - var(--space-md));
    background: none;
    border: none;
    font-size: 13px;
    display: flex;
    overflow: hidden;
  }

  .mn-admin-nav-item:hover {
    background: var(--mn-hover-bg);
  }

  .mn-admin-nav-item--active {
    background: color-mix(in srgb, var(--mn-accent) 8%, transparent);
    color: var(--mn-accent);
    font-weight: 600;
  }

  .mn-admin-nav-item__icon {
    opacity: .7;
    flex-shrink: 0;
    width: 16px;
    height: 16px;
  }

  .mn-admin-nav-item__badge {
    background: var(--mn-accent);
    color: var(--mn-accent-text);
    border-radius: var(--radius-pill);
    margin-left: auto;
    padding: 1px 6px;
    font-size: 10px;
  }

  .mn-admin-nav-item:focus-visible {
    outline: 2px solid var(--mn-focus-ring);
    outline-offset: -2px;
  }

  .mn-admin-content {
    flex-direction: column;
    min-width: 0;
    display: flex;
    overflow: hidden;
  }

  .mn-admin-topbar {
    border-bottom: 1px solid var(--mn-border);
    padding: var(--space-sm) var(--space-xl);
    align-items: center;
    gap: var(--space-sm);
    flex-shrink: 0;
    min-height: 48px;
    display: flex;
  }

  .mn-admin-topbar__breadcrumb {
    color: var(--mn-text-muted);
    opacity: .6;
    font-size: 11px;
  }

  .mn-admin-topbar__title {
    letter-spacing: -.01em;
    font-size: 18px;
    font-weight: 700;
  }

  .mn-admin-content__body {
    padding: var(--space-xl);
    flex: 1;
    overflow-y: auto;
  }

  .mn-admin-shell--collapsed .mn-admin-sidebar__section-title, .mn-admin-shell--collapsed .mn-admin-nav-item__label, .mn-admin-shell--collapsed .mn-admin-sidebar__header-title, .mn-admin-shell--collapsed .mn-admin-sidebar__header-badge, .mn-admin-shell--collapsed .mn-admin-sidebar__search {
    display: none;
  }

  .mn-admin-shell--collapsed .mn-admin-nav-item {
    justify-content: center;
    width: calc(100% - 8px);
    padding: 9px;
  }

  .mn-admin-shell--collapsed .mn-admin-nav-item__badge {
    display: none;
  }

  .mn-admin-sidebar__collapse-btn {
    color: var(--mn-text-muted);
    cursor: pointer;
    padding: var(--space-xs);
    margin: var(--space-xs) var(--space-sm);
    border-radius: var(--radius-sm);
    background: none;
    border: none;
  }

  .mn-admin-sidebar__collapse-btn:hover {
    background: var(--mn-hover-bg);
  }

  @media (max-width: 640px) {
    .mn-admin-shell {
      grid-template-columns: 1fr;
    }

    .mn-admin-sidebar {
      display: none;
    }

    .mn-admin-shell--sidebar-open .mn-admin-sidebar {
      z-index: 100;
      width: 240px;
      display: flex;
      position: fixed;
      inset: 0;
    }
  }

  .mn-settings-panel {
    flex-direction: column;
    display: flex;
  }

  .mn-settings-section {
    padding: var(--space-md) 0;
    border: none;
    border-bottom: 1px solid var(--mn-border-subtle, var(--mn-border));
    margin: 0;
  }

  .mn-settings-section:last-child {
    border-bottom: none;
  }

  .mn-settings-section__title, .mn-settings-section legend {
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--mn-text-muted);
    margin: 0 0 2px;
    padding: 0;
    font: 600 11px / 1.2 inherit;
  }

  .mn-settings-section__desc {
    color: var(--mn-text-muted);
    opacity: .6;
    margin: 0 0 var(--space-sm);
    font-size: 12px;
    line-height: 1.4;
  }

  .mn-settings-item {
    align-items: center;
    gap: var(--space-md);
    grid-template-columns: 1fr auto;
    min-height: 44px;
    padding: 8px 0;
    display: grid;
  }

  .mn-settings-item + .mn-settings-item {
    border-top: 1px solid var(--mn-border-subtle, var(--mn-border));
  }

  .mn-settings-item__label-group {
    flex-direction: column;
    gap: 1px;
    display: flex;
  }

  .mn-settings-item__label {
    color: var(--mn-text);
    font-size: 13px;
    font-weight: 500;
    line-height: 1.3;
  }

  .mn-settings-item__desc {
    color: var(--mn-text-muted);
    opacity: .6;
    font-size: 12px;
    line-height: 1.3;
  }

  .mn-settings-item__hint {
    color: var(--mn-text-muted);
    margin-top: 2px;
    font-size: 11px;
  }

  .mn-settings-item__ctrl {
    align-items: center;
    gap: var(--space-sm);
    flex-shrink: 0;
    display: flex;
  }

  .mn-settings-item__ctrl input[type="text"] {
    padding: 6px var(--space-sm);
    border: 1px solid var(--mn-border);
    border-radius: var(--radius-sm);
    background: var(--mn-surface-input, var(--mn-surface));
    color: var(--mn-text);
    min-width: 180px;
    font-size: 13px;
    transition: border-color .15s;
  }

  .mn-settings-item__ctrl input[type="text"]:focus {
    border-color: var(--mn-accent);
    outline: none;
  }

  .mn-settings-item__ctrl select {
    padding: 6px var(--space-sm);
    border: 1px solid var(--mn-border);
    border-radius: var(--radius-sm);
    background: var(--mn-surface-input, var(--mn-surface));
    color: var(--mn-text);
    min-width: 140px;
    font-size: 13px;
    transition: border-color .15s;
  }

  .mn-settings-item__ctrl select:focus {
    border-color: var(--mn-accent);
    outline: none;
  }

  .mn-settings-item__ctrl input[type="range"] {
    -webkit-appearance: none;
    appearance: none;
    background: var(--mn-border);
    cursor: pointer;
    border-radius: 3px;
    outline: none;
    width: 120px;
    height: 6px;
  }

  .mn-settings-item__ctrl input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    background: var(--mn-accent);
    cursor: pointer;
    border: 2px solid var(--mn-surface);
    border-radius: 50%;
    width: 18px;
    height: 18px;
    box-shadow: 0 1px 3px #0000004d;
  }

  .mn-settings-item__ctrl input[type="range"]::-moz-range-thumb {
    background: var(--mn-accent);
    cursor: pointer;
    border: 2px solid var(--mn-surface);
    border-radius: 50%;
    width: 18px;
    height: 18px;
    box-shadow: 0 1px 3px #0000004d;
  }

  .mn-settings-item__ctrl input[type="range"]::-moz-range-track {
    background: var(--mn-border);
    border-radius: 3px;
    height: 6px;
  }

  .mn-settings-range__value {
    color: var(--mn-text-muted);
    text-align: right;
    font-variant-numeric: tabular-nums;
    min-width: 36px;
    font-size: 12px;
    font-weight: 500;
  }

  .mn-settings-item--action .mn-settings-item__label {
    color: var(--mn-error);
  }

  .mn-settings-action-btn {
    padding: 6px var(--space-md);
    border: 1px solid var(--mn-border);
    border-radius: var(--radius-sm);
    background: var(--mn-surface-raised);
    color: var(--mn-text);
    cursor: pointer;
    font-size: 12px;
    font-weight: 500;
    transition: background .15s, border-color .15s;
  }

  .mn-settings-action-btn:hover {
    background: var(--mn-hover-bg);
  }

  .mn-settings-action-btn--danger {
    border-color: var(--mn-error);
    color: var(--mn-error);
  }

  .mn-settings-action-btn--danger:hover {
    background: color-mix(in srgb, var(--mn-error) 10%, transparent);
  }

  .mn-settings-toggle {
    border-radius: var(--radius-full);
    background: var(--mn-border);
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
    border: none;
    flex-shrink: 0;
    width: 40px;
    min-width: 40px;
    height: 22px;
    transition: background .15s;
    position: relative;
  }

  .mn-settings-toggle:after {
    content: "";
    background: var(--mn-text-inverse);
    border-radius: 50%;
    width: 18px;
    height: 18px;
    transition: transform .15s;
    position: absolute;
    top: 2px;
    left: 2px;
    box-shadow: 0 1px 3px #0003;
  }

  .mn-settings-toggle:checked {
    background: var(--mn-accent);
  }

  .mn-settings-toggle:checked:after {
    transform: translateX(18px);
  }

  .mn-settings-toggle:focus-visible {
    outline: 2px solid var(--mn-focus-ring);
    outline-offset: 2px;
  }

  .mn-settings-toggle:disabled {
    opacity: .4;
    cursor: not-allowed;
  }

  .mn-settings-radio-group {
    border: 1px solid var(--mn-border);
    border-radius: var(--radius-sm);
    gap: 0;
    display: flex;
    overflow: hidden;
  }

  .mn-settings-radio {
    padding: 5px var(--space-sm);
    cursor: pointer;
    color: var(--mn-text-muted);
    border: none;
    border-right: 1px solid var(--mn-border);
    white-space: nowrap;
    background: none;
    font-size: 12px;
    font-weight: 500;
    transition: background .15s, color .15s;
  }

  .mn-settings-radio:last-child {
    border-right: none;
  }

  .mn-settings-radio:hover {
    background: var(--mn-hover-bg, #ffffff0d);
  }

  .mn-settings-radio:has(input:checked) {
    background: var(--mn-accent);
    color: var(--mn-accent-text, #000);
    border-color: var(--mn-accent);
  }

  .mn-settings-radio:has(input:checked) + .mn-settings-radio {
    border-left-color: var(--mn-accent);
  }

  .mn-settings-radio input {
    opacity: 0;
    pointer-events: none;
    position: absolute;
  }

  .mn-settings-radio:focus-within {
    outline: 2px solid var(--mn-focus-ring);
    outline-offset: -2px;
  }

  .mn-settings-info {
    color: var(--mn-text);
    font-size: 13px;
  }

  .mn-settings-info--mono {
    font-family: var(--font-mono, monospace);
    color: var(--mn-text-muted);
    background: var(--mn-surface-sunken, var(--mn-surface));
    border-radius: var(--radius-xs);
    padding: 2px 8px;
    font-size: 12px;
  }

  @media (max-width: 640px) {
    .mn-settings-item {
      gap: var(--space-sm);
      grid-template-columns: 1fr;
    }

    .mn-settings-item__ctrl {
      justify-self: start;
    }

    .mn-settings-radio-group {
      flex-wrap: wrap;
    }
  }

  #mn-grid {
    grid-template: "strip"
                   "center" 1fr
                   / 1fr;
    height: 100%;
    display: grid;
    overflow: hidden;
  }

  html, body {
    height: 100%;
    margin: 0;
  }

  body:has( > #mn-grid) {
    flex-direction: column;
    display: flex;
  }

  body:has( > #mn-grid) > .mn-header {
    flex: none;
  }

  body:has( > #mn-grid) > #mn-grid {
    flex: auto;
    min-height: 0;
  }

  #mn-slot-strip {
    background: var(--mn-surface-raised);
    border-bottom: 1px solid var(--mn-border);
    grid-area: strip;
    padding: .75rem 1.25rem;
  }

  #mn-slot-left {
    background: var(--mn-surface);
    border-right: 1px solid var(--mn-border);
    grid-area: left;
    padding: 1rem;
    overflow-y: auto;
  }

  #mn-slot-center {
    background: var(--mn-surface);
    grid-area: center;
    overflow-y: auto;
  }

  #mn-slot-right {
    background: var(--mn-surface);
    border-left: 1px solid var(--mn-border);
    grid-area: right;
    padding: 1rem;
    overflow-y: auto;
  }

  #mn-grid:has(#mn-slot-strip:not([hidden])):has(#mn-slot-left:not([hidden])) {
    grid-template-columns: 260px 1fr;
    grid-template-areas: "strip strip"
                         "left center";
  }

  #mn-grid:has(#mn-slot-strip:not([hidden])):has(#mn-slot-right:not([hidden])) {
    grid-template-columns: 1fr minmax(320px, 30%);
    grid-template-areas: "strip strip"
                         "center right";
  }

  #mn-grid:has(#mn-slot-strip:not([hidden])):has(#mn-slot-left:not([hidden])):has(#mn-slot-right:not([hidden])) {
    grid-template-columns: 260px 1fr minmax(320px, 30%);
    grid-template-areas: "strip strip strip"
                         "left center right";
  }

  #mn-grid:has(#mn-slot-strip[hidden]) {
    grid-template-rows: 1fr;
    grid-template-areas: "center";
  }

  #mn-grid:has(#mn-slot-strip[hidden]):has(#mn-slot-left:not([hidden])) {
    grid-template-columns: 260px 1fr;
    grid-template-areas: "left center";
  }

  #mn-grid:has(#mn-slot-strip[hidden]):has(#mn-slot-right:not([hidden])) {
    grid-template-columns: 1fr minmax(320px, 30%);
    grid-template-areas: "center right";
  }

  #mn-grid:has(#mn-slot-strip[hidden]):has(#mn-slot-left:not([hidden])):has(#mn-slot-right:not([hidden])) {
    grid-template-columns: 260px 1fr minmax(320px, 30%);
    grid-template-areas: "left center right";
  }

  #mn-grid.mn-layout--fullpage {
    grid-template: "center" 1fr
    / 1fr !important;
  }

  @media (max-width: 900px) {
    :is(#mn-grid, #mn-grid:has(#mn-slot-left:not([hidden])), #mn-grid:has(#mn-slot-right:not([hidden]))) {
      grid-template: "strip"
                     "left"
                     "center" 1fr
                     "right"
                     / 1fr;
    }
  }

  [hidden] {
    display: none !important;
  }

  @media (max-width: 640px) {
    .mn-container {
      max-width: 100vw;
      overflow-x: hidden;
      padding-inline: var(--space-md) !important;
    }

    .mn-sidebar {
      z-index: 1100;
      width: 0;
      transition: transform .3s var(--ease-out), width .3s var(--ease-out);
      position: fixed;
      top: 0;
      bottom: 0;
      left: 0;
      overflow: hidden;
      transform: translateX(-100%);
    }

    .mn-sidebar--mobile-open {
      width: 260px;
      transform: translateX(0);
    }

    .mn-sidebar__backdrop {
      z-index: 1099;
      opacity: 0;
      pointer-events: none;
      transition: opacity .3s var(--ease-out);
      background: #00000080;
      position: fixed;
      inset: 0;
    }

    .mn-sidebar__backdrop--visible {
      opacity: 1;
      pointer-events: auto;
    }

    .mn-sidebar--collapsed {
      width: 0;
      transform: translateX(-100%);
    }

    .mn-detail-panel {
      max-width: 100vw;
      right: 0;
      width: 100% !important;
    }

    .mn-detail-panel--dual-left, .mn-detail-panel--dual-right {
      max-width: 100vw;
      width: 100% !important;
    }

    .mn-detail-panel--dual {
      flex-direction: column;
    }

    .mn-chat-panel {
      max-width: 100vw;
      left: 1rem;
      right: 1rem;
      width: calc(100vw - 2rem) !important;
    }

    .mn-chat-panel--wide {
      max-width: 100vw;
      width: calc(100vw - 2rem) !important;
    }

    .mn-notification-center {
      width: 100vw;
      max-width: 100vw;
      left: 0;
      right: 0;
    }

    .mn-login {
      width: auto;
      max-width: 100%;
      padding: var(--space-md);
    }

    .mn-login__card {
      max-width: 100%;
      padding: var(--space-lg);
    }

    .mn-drawer {
      max-width: 100vw;
      width: 100vw !important;
    }

    .demo-section {
      max-width: 100vw;
      overflow-x: hidden;
    }

    .mn-card, .mn-card-dark {
      max-width: 100%;
      overflow-x: hidden;
    }

    [style*="display:flex"][style*="gap"] {
      flex-wrap: wrap !important;
    }

    .mn-title-hero {
      font-size: calc(clamp(1.5rem, 6vw, 2.5rem) * var(--mn-a11y-font-scale, 1)) !important;
    }

    .mn-title-section {
      font-size: calc(clamp(1.2rem, 5vw, 2rem) * var(--mn-a11y-font-scale, 1)) !important;
    }

    .mn-title-sub {
      font-size: calc(clamp(1rem, 4vw, 1.5rem) * var(--mn-a11y-font-scale, 1)) !important;
    }

    .mn-sim-panel {
      flex-direction: column !important;
    }

    .mn-sim-panel__sidebar {
      width: 100% !important;
    }

    .mn-strip {
      gap: var(--space-md);
      flex-direction: column !important;
    }

    .mn-pod {
      min-width: 0;
      width: 100% !important;
    }

    .mn-signal-panel, .mn-binnacle {
      max-width: 100%;
      overflow-x: auto;
    }
  }

  @media (min-width: 641px) and (max-width: 1024px) {
    .mn-detail-panel {
      width: 50vw;
      max-width: 460px;
    }

    .mn-chat-panel--wide {
      width: 480px;
    }

    .mn-container {
      padding-inline: var(--space-lg);
    }
  }

  @media (max-width: 640px) {
    .mn-app-shell {
      padding: calc(var(--mn-app-shell-toolbar-height) + var(--mn-app-shell-filter-height) + var(--mn-space-sm, var(--space-sm))) var(--mn-space-sm, var(--space-sm)) var(--mn-space-sm, var(--space-sm)) var(--mn-space-sm, var(--space-sm)) !important;
      grid-template-columns: minmax(0, 1fr) !important;
      grid-template-areas: "main" !important;
    }

    .mn-app-shell .mn-app-shell__secondary, .mn-app-shell .mn-app-shell__detail, .mn-app-shell .mn-app-shell__bottom {
      grid-column: 1 / -1;
      width: 100%;
    }

    .mn-app-shell .mn-app-shell__nav {
      transform: translateX(-100%);
    }

    .mn-app-shell .mn-app-shell__toolbar, .mn-app-shell .mn-app-shell__filter-bar {
      left: 0;
    }

    .mn-app-shell--bottom-open .mn-app-shell__bottom, .mn-app-shell--docked-bottom .mn-app-shell__bottom {
      width: 100%;
    }
  }

  @media (min-width: 641px) and (max-width: 1024px) {
    .mn-app-shell--side-detail {
      grid-template-columns: minmax(0, 1fr);
      grid-template-areas: "main"
                           "detail";
    }
  }

  @media (max-width: 640px) {
    .mn-dt__th, .mn-dt__td {
      padding: var(--space-xs) var(--space-sm);
      font-size: var(--text-small);
    }

    .mn-dt__scroll {
      -webkit-overflow-scrolling: touch;
      overflow-x: auto;
    }

    .mn-dt__filter-row {
      display: none;
    }

    .mn-dt__toolbar {
      gap: var(--space-xs);
      flex-wrap: wrap;
    }

    .mn-dt__actions {
      justify-content: flex-start;
      width: 100%;
    }

    .convergio-toolbar {
      gap: var(--space-xs);
      padding: var(--space-sm);
      flex-wrap: wrap;
    }

    .convergio-toolbar__group {
      width: 100%;
    }

    .mn-strip {
      padding: var(--space-sm);
      flex-direction: column;
    }

    .mn-pod {
      width: 100%;
      min-height: auto;
    }

    .mn-signal-panel, .mn-binnacle {
      grid-template-columns: 1fr;
    }
  }

  @media (min-width: 641px) and (max-width: 1024px) {
    .mn-dt__th, .mn-dt__td {
      padding: var(--space-sm);
    }

    .mn-signal-panel, .mn-binnacle {
      grid-template-columns: repeat(2, 1fr);
    }
  }
}

@layer extended {
  .mn-avatar {
    width: 40px;
    height: 40px;
    color: var(--mn-text-muted);
    font-family: var(--font-display);
    font-size: var(--text-micro);
    text-transform: uppercase;
    box-shadow: 0 2px 8px #0000004d,
    inset 0 1px 0 var(--mn-hover-bg);
    border: 2px solid var(--mn-border);
    background: linear-gradient(135deg, #3a3a38, #2a2a28);
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    display: inline-flex;
    position: relative;
    overflow: hidden;
  }

  .mn-avatar img {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }

  .mn-avatar--sm {
    width: 28px;
    height: 28px;
    font-size: var(--text-nano);
  }

  .mn-avatar--lg {
    width: 56px;
    height: 56px;
    font-size: var(--text-caption);
  }

  .mn-avatar--xl {
    width: 80px;
    height: 80px;
    font-size: var(--text-body);
  }

  .mn-avatar__status {
    border: 2px solid var(--mn-surface-raised);
    border-radius: 50%;
    width: 10px;
    height: 10px;
    position: absolute;
    bottom: 0;
    right: 0;
  }

  .mn-avatar__status--online {
    background: var(--status-active);
  }

  .mn-avatar__status--busy {
    background: var(--mn-error);
  }

  .mn-avatar__status--away {
    background: var(--status-warning);
  }

  .mn-avatar__status--offline {
    background: var(--mn-text-muted);
  }

  .mn-avatar-group {
    display: flex;
  }

  .mn-avatar-group .mn-avatar {
    margin-left: -8px;
  }

  .mn-avatar-group .mn-avatar:first-child {
    margin-left: 0;
  }

  body.mn-avorio .mn-avatar {
    color: var(--mn-text-muted);
    border-color: var(--mn-border-strong);
    background: linear-gradient(135deg, #e8e3da, #d8d4cc);
  }

  body.mn-avorio .mn-avatar__status {
    border-color: var(--mn-text);
  }

  @keyframes mn-spin {
    to {
      transform: rotate(360deg);
    }
  }

  @keyframes mn-spinPulse {
    0%, 100% {
      opacity: .3;
    }

    50% {
      opacity: 1;
    }
  }

  .mn-spinner {
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    display: inline-flex;
    position: relative;
  }

  .mn-spinner__ring {
    border: 3px solid var(--mn-border);
    border-top-color: var(--mn-accent);
    border-radius: 50%;
    width: 100%;
    height: 100%;
    animation: .8s linear infinite mn-spin;
  }

  .mn-spinner--sm {
    width: 20px;
    height: 20px;
  }

  .mn-spinner--sm .mn-spinner__ring {
    border-width: 2px;
  }

  .mn-spinner--lg {
    width: 64px;
    height: 64px;
  }

  .mn-spinner--lg .mn-spinner__ring {
    border-width: 4px;
  }

  .mn-spinner--gauge {
    width: 48px;
    height: 48px;
    box-shadow: 0 2px 8px #0000004d,
    inset 0 1px 0 var(--mn-hover-bg);
    background: conic-gradient(#3a3a38, #5a5a58, #3a3a38);
    border-radius: 50%;
    padding: 4px;
  }

  .mn-spinner--gauge .mn-spinner__ring {
    background: var(--mn-surface-sunken);
    border: none;
    border-radius: 50%;
    width: 100%;
    height: 100%;
    position: relative;
  }

  .mn-spinner--gauge .mn-spinner__ring:after {
    content: "";
    background: var(--mn-accent);
    border-radius: var(--radius-xs);
    transform-origin: bottom;
    width: 2px;
    height: 35%;
    margin-left: -1px;
    animation: .8s linear infinite mn-spin;
    position: absolute;
    top: 4px;
    left: 50%;
    box-shadow: 0 0 4px #ffc72c80;
  }

  .mn-spinner__label {
    font-family: var(--font-display);
    font-size: var(--text-nano);
    text-transform: uppercase;
    letter-spacing: .1em;
    color: var(--mn-text-muted);
    margin-top: var(--space-xs);
    font-weight: 500;
  }

  body.mn-nero .mn-tooltip {
    background: var(--mn-surface-sunken);
    color: var(--mn-text);
    border-color: var(--mn-border);
    box-shadow: var(--shadow-md);
  }

  body.mn-nero .mn-tooltip:after {
    border-top-color: var(--mn-border);
  }

  body.mn-nero .mn-tooltip--bottom:after {
    border-top-color: #0000;
    border-bottom-color: var(--mn-border);
  }

  body.mn-nero .mn-modal {
    background: var(--mn-surface-sunken);
    color: var(--mn-text);
    border-color: var(--mn-border);
    box-shadow: var(--shadow-heavy);
  }

  body.mn-nero .mn-modal__header, body.mn-nero .mn-modal__footer {
    border-color: var(--mn-border);
  }

  body.mn-nero .mn-modal__body {
    color: var(--mn-text-muted);
  }

  body.mn-nero .mn-modal__close {
    background: var(--mn-hover-bg);
    color: var(--mn-text-muted);
  }

  body.mn-nero .mn-modal-backdrop {
    background: #000000b3;
  }

  body.mn-nero .mn-toast {
    background: var(--mn-surface-sunken);
    color: var(--mn-text);
    border-color: var(--mn-border);
    box-shadow: var(--shadow-lg);
  }

  body.mn-nero .mn-toast__text {
    color: var(--mn-text-muted);
  }

  body.mn-nero .mn-dropdown__trigger {
    background: var(--mn-surface);
    color: var(--mn-text);
    border-color: var(--mn-border);
  }

  body.mn-nero .mn-dropdown__menu {
    background: var(--mn-surface-sunken);
    border-color: var(--mn-border);
    box-shadow: var(--shadow-lg);
  }

  body.mn-nero .mn-dropdown__item {
    color: var(--mn-text-muted);
  }

  body.mn-nero .mn-dropdown__item:hover {
    background: var(--mn-surface-raised);
    color: var(--mn-text);
  }

  body.mn-nero .mn-tabs__list {
    border-color: var(--mn-border);
  }

  body.mn-nero .mn-tabs__tab {
    color: var(--mn-text-muted);
  }

  body.mn-nero .mn-tabs__tab--active, body.mn-nero .mn-breadcrumb__item--active {
    color: var(--mn-text);
  }

  body.mn-nero .mn-avatar {
    background: var(--mn-border);
    color: var(--mn-text-tertiary);
  }

  body.mn-nero .mn-avatar__status {
    border-color: var(--mn-surface-sunken);
  }

  .mn-tabs {
    flex-direction: column;
    display: flex;
  }

  .mn-tabs__list {
    border-bottom: 1px solid var(--mn-border);
    gap: 0;
    display: flex;
  }

  .mn-tabs__tab {
    padding: var(--space-md) var(--space-xl);
    font-family: var(--font-display);
    font-size: var(--text-micro);
    text-transform: uppercase;
    letter-spacing: .08em;
    color: var(--mn-text-muted);
    cursor: pointer;
    transition: all var(--duration-sm) var(--ease-out);
    background: none;
    border: none;
    border-bottom: 2px solid #0000;
    margin-bottom: -1px;
    font-weight: 500;
  }

  .mn-tabs__tab:hover {
    color: var(--mn-text-tertiary);
  }

  .mn-tabs__tab--active, .mn-tabs__tab[aria-selected="true"] {
    color: var(--mn-text);
    border-bottom-color: var(--mn-accent);
    background: var(--mn-hover-bg);
  }

  .mn-tabs__panel {
    padding: var(--space-xl) 0;
    display: none;
  }

  .mn-tabs__panel--active {
    display: block;
  }

  body.mn-avorio .mn-tabs__list {
    border-color: var(--mn-border-subtle);
  }

  body.mn-avorio .mn-tabs__tab {
    color: var(--mn-text-muted);
  }

  body.mn-avorio .mn-tabs__tab--active, body.mn-avorio .mn-tabs__tab[aria-selected="true"] {
    color: var(--mn-text);
    background: #0000000d;
  }

  .mn-breadcrumb {
    align-items: center;
    gap: var(--space-xs);
    font-family: var(--font-display);
    font-size: var(--text-micro);
    text-transform: uppercase;
    letter-spacing: .06em;
    font-weight: 500;
    display: flex;
  }

  .mn-breadcrumb__item {
    color: var(--mn-text-muted);
    transition: color var(--duration-sm) var(--ease-out);
  }

  .mn-breadcrumb__item:hover {
    color: var(--mn-text-tertiary);
  }

  .mn-breadcrumb__item--active {
    color: var(--mn-text);
  }

  .mn-breadcrumb__sep {
    color: var(--mn-border);
    -webkit-user-select: none;
    user-select: none;
    font-size: .6em;
  }

  body.mn-avorio .mn-breadcrumb__item--active {
    color: var(--mn-text);
  }

  .mn-toast-container {
    top: 72px;
    right: var(--space-xl);
    z-index: 3000;
    gap: var(--space-sm);
    pointer-events: none;
    flex-direction: column;
    display: flex;
    position: fixed;
  }

  .mn-toast {
    align-items: center;
    gap: var(--space-md);
    padding: var(--space-md) var(--space-lg);
    background: var(--mn-surface-raised);
    border: 1px solid var(--mn-border);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-lg);
    color: var(--mn-text);
    font-size: var(--text-caption);
    pointer-events: auto;
    min-width: 280px;
    max-width: 420px;
    animation: mn-fadeInRight var(--duration-md) var(--ease-out) both;
    display: flex;
  }

  .mn-toast--success {
    border-left: 3px solid var(--verde-racing);
  }

  .mn-toast--warning {
    border-left: 3px solid var(--mn-accent);
  }

  .mn-toast--danger {
    border-left: 3px solid var(--mn-error);
  }

  .mn-toast--info {
    border-left: 3px solid var(--status-info);
  }

  .mn-toast__icon {
    flex-shrink: 0;
    width: 20px;
    height: 20px;
  }

  .mn-toast__message {
    flex: 1;
  }

  .mn-toast__title {
    font-family: var(--font-display);
    font-size: var(--text-micro);
    text-transform: uppercase;
    letter-spacing: .04em;
    margin-bottom: 2px;
    font-weight: 600;
  }

  .mn-toast__text {
    font-size: var(--text-micro);
    color: var(--mn-text-muted);
  }

  .mn-toast__close {
    background: var(--mn-hover-bg);
    width: 28px;
    height: 28px;
    color: var(--mn-text-muted);
    cursor: pointer;
    transition: all var(--duration-sm) var(--ease-out);
    border: none;
    border-radius: 50%;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    font-size: .9rem;
    display: flex;
  }

  .mn-toast__close:hover {
    background: var(--mn-hover-bg);
    color: var(--mn-text);
  }

  body.mn-avorio .mn-toast {
    background: var(--mn-surface);
    border-color: var(--mn-border-subtle);
    color: var(--mn-text);
    box-shadow: var(--shadow-lg);
  }

  body.mn-avorio .mn-toast__text {
    color: var(--mn-text-muted);
  }

  .mn-dropdown {
    display: inline-block;
    position: relative;
  }

  .mn-dropdown__trigger {
    align-items: center;
    gap: var(--space-sm);
    font-family: var(--font-display);
    font-size: var(--text-micro);
    text-transform: uppercase;
    letter-spacing: .06em;
    color: var(--mn-text);
    border: 1px solid var(--mn-border);
    border-radius: var(--radius-sm);
    cursor: pointer;
    transition: all var(--duration-sm) var(--ease-out);
    background: linear-gradient(#3a3a38, #2a2a28);
    padding: 8px 16px;
    font-weight: 500;
    display: inline-flex;
  }

  .mn-dropdown__trigger:hover {
    border-color: var(--mn-text-muted);
    background: linear-gradient(#444, #333);
  }

  .mn-dropdown__trigger:after {
    content: "▾";
    color: var(--mn-text-muted);
    transition: transform var(--duration-sm);
    font-size: .7em;
  }

  .mn-dropdown--open .mn-dropdown__trigger:after {
    transform: rotate(180deg);
  }

  .mn-dropdown__menu {
    background: var(--mn-surface-raised);
    border: 1px solid var(--mn-border);
    border-radius: var(--radius-md);
    min-width: 180px;
    box-shadow: var(--shadow-lg);
    z-index: 1010;
    opacity: 0;
    pointer-events: none;
    transition: opacity var(--duration-sm) var(--ease-out),
              transform var(--duration-sm) var(--ease-out);
    padding: 4px;
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    transform: translateY(-4px);
  }

  .mn-dropdown--open .mn-dropdown__menu {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
  }

  .mn-dropdown__item {
    align-items: center;
    gap: var(--space-sm);
    font-family: var(--font-display);
    font-size: var(--text-micro);
    color: var(--mn-text-tertiary);
    text-align: left;
    border-radius: var(--radius-sm);
    cursor: pointer;
    width: 100%;
    transition: all var(--duration-sm) var(--ease-out);
    background: none;
    border: none;
    padding: 8px 12px;
    font-weight: 500;
    display: flex;
  }

  .mn-dropdown__item:hover {
    background: var(--mn-hover-bg);
    color: var(--mn-text);
  }

  .mn-dropdown__item--active {
    color: var(--mn-accent);
  }

  .mn-dropdown__divider {
    background: var(--mn-border);
    height: 1px;
    margin: 4px 0;
  }

  body.mn-avorio .mn-dropdown__trigger {
    border-color: var(--mn-border-strong);
    color: var(--mn-text);
    background: linear-gradient(#e8e3da, #ddd8cf);
  }

  body.mn-avorio .mn-dropdown__menu {
    background: var(--mn-surface);
    border-color: var(--mn-border-subtle);
    box-shadow: var(--shadow-lg);
  }

  body.mn-avorio .mn-dropdown__item {
    color: var(--mn-text-muted);
  }

  body.mn-avorio .mn-dropdown__item:hover {
    background: var(--avorio-chiaro);
    color: var(--mn-text);
  }

  .mn-tooltip-wrap {
    display: inline-flex;
    position: relative;
  }

  .mn-tooltip {
    font-family: var(--font-body);
    font-size: var(--text-micro);
    color: var(--mn-text);
    background: var(--mn-surface-raised);
    border: 1px solid var(--mn-border);
    border-radius: var(--radius-sm);
    white-space: normal;
    word-break: break-word;
    pointer-events: none;
    opacity: 0;
    max-width: min(280px, 100vw - 32px);
    transition: opacity var(--duration-sm) var(--ease-out),
              transform var(--duration-sm) var(--ease-out);
    z-index: 1020;
    box-shadow: var(--shadow-md);
    padding: 6px 12px;
    position: absolute;
    bottom: calc(100% + 8px);
    left: 50%;
    transform: translateX(-50%) scale(.95);
  }

  .mn-tooltip:after {
    content: "";
    border: 5px solid #0000;
    border-top-color: var(--mn-border);
    margin-left: -5px;
    position: absolute;
    top: 100%;
    left: 50%;
  }

  .mn-tooltip-wrap:hover .mn-tooltip, .mn-tooltip-wrap:focus-within .mn-tooltip {
    opacity: 1;
    transform: translateX(-50%) scale(1);
  }

  .mn-tooltip--bottom {
    top: calc(100% + 8px);
    bottom: auto;
  }

  .mn-tooltip--bottom:after {
    border-top-color: #0000;
    border-bottom-color: var(--mn-border);
    top: auto;
    bottom: 100%;
  }

  body.mn-avorio .mn-tooltip {
    background: var(--mn-surface);
    color: var(--mn-text);
    border-color: var(--mn-border-strong);
    box-shadow: var(--shadow-md);
  }

  body.mn-avorio .mn-tooltip:after {
    border-top-color: var(--mn-border-strong);
  }

  body.mn-avorio .mn-tooltip--bottom:after {
    border-top-color: #0000;
    border-bottom-color: var(--mn-border-strong);
  }

  .mn-modal-backdrop {
    -webkit-backdrop-filter: blur(8px);
    z-index: 2000;
    opacity: 0;
    pointer-events: none;
    transition: opacity var(--duration-md) var(--ease-out);
    background: #000000b3;
    justify-content: center;
    align-items: center;
    display: flex;
    position: fixed;
    inset: 0;
  }

  .mn-modal-backdrop--open {
    opacity: 1;
    pointer-events: auto;
  }

  .mn-modal {
    background: var(--mn-surface-raised);
    border: 1px solid var(--mn-border);
    border-radius: var(--radius-xl);
    width: 90%;
    max-width: 520px;
    max-height: 85vh;
    box-shadow: var(--shadow-heavy);
    transition: transform var(--duration-md) var(--ease-out);
    color: var(--mn-text);
    padding: 0;
    overflow: hidden;
    transform: translateY(20px) scale(.97);
  }

  .mn-modal-backdrop--open .mn-modal {
    transform: translateY(0) scale(1);
  }

  .mn-modal__header {
    padding: var(--space-lg) var(--space-xl);
    border-bottom: 1px solid var(--mn-border);
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .mn-modal__title {
    font-family: var(--font-display);
    font-size: var(--text-h3);
    text-transform: uppercase;
    letter-spacing: .04em;
    font-weight: 600;
  }

  .mn-modal__close {
    background: var(--mn-hover-bg);
    width: 32px;
    height: 32px;
    color: var(--mn-text-tertiary);
    cursor: pointer;
    transition: all var(--duration-sm) var(--ease-out);
    border: none;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    font-size: 1.1rem;
    display: flex;
  }

  .mn-modal__close:hover {
    background: var(--mn-hover-bg);
    color: var(--mn-text);
  }

  .mn-modal__body {
    padding: var(--space-xl);
    max-height: 60vh;
    font-family: var(--font-body);
    font-size: var(--text-caption);
    color: var(--mn-text-tertiary);
    line-height: 1.7;
    overflow-y: auto;
  }

  .mn-modal__footer {
    justify-content: flex-end;
    gap: var(--space-sm);
    padding: var(--space-lg) var(--space-xl);
    border-top: 1px solid var(--mn-border);
    display: flex;
  }

  body.mn-avorio .mn-modal {
    background: var(--mn-surface);
    border-color: var(--mn-border-subtle);
    color: var(--mn-text);
  }

  body.mn-avorio .mn-modal__header, body.mn-avorio .mn-modal__footer {
    border-color: var(--mn-border-subtle);
  }

  body.mn-avorio .mn-modal__body {
    color: var(--mn-text-muted);
  }

  body.mn-avorio .mn-modal__close {
    color: var(--mn-text-muted);
    background: #0000000a;
  }

  body.mn-avorio .mn-modal-backdrop {
    background: #0000004d;
  }
}

@layer patterns {
  .mn-signal-panel {
    border: 1px solid var(--mn-border);
    border-radius: var(--radius-sm);
    padding: var(--space-md) var(--space-lg);
    background: var(--mn-hover-bg);
  }

  .mn-signal-panel__eyebrow {
    font-family: var(--font-body);
    font-size: var(--text-nano);
    text-transform: uppercase;
    letter-spacing: .15em;
    color: var(--avorio-scuro);
    margin-bottom: var(--space-xs);
    font-weight: 400;
  }

  .mn-signal-panel__title {
    font-family: var(--font-display);
    font-size: var(--text-caption);
    text-transform: uppercase;
    letter-spacing: .06em;
    color: var(--mn-text);
    font-weight: 600;
  }

  .mn-section-ivory .mn-signal-panel {
    border-color: var(--avorio-medio);
    background: #00000005;
  }

  .mn-section-ivory .mn-signal-panel__title {
    color: var(--mn-text-inverse);
  }

  .mn-section-ivory .mn-signal-panel__eyebrow {
    color: var(--mn-text-muted);
  }

  .mn-binnacle {
    border-radius: var(--radius-xl);
    padding: var(--space-2xl) var(--space-xl);
    box-shadow: 0 20px 60px #0009,
    0 8px 24px #0006,
    inset 0 1px 0 var(--mn-hover-bg),
    inset 0 -1px 0 #0006,
    inset 0 4px 20px #0000004d;
    border: 1px solid var(--mn-hover-bg);
    color: var(--mn-text);
    background: linear-gradient(#2a2a2a 0%, #1a1a1a 5%, #111 15%, #0a0a0a 50%, #111 85%, #1a1a1a 95%, #2a2a2a 100%);
  }

  .mn-binnacle__header {
    margin-bottom: var(--space-xl);
    padding: 0 var(--space-md);
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .mn-binnacle__title {
    font-family: var(--font-display);
    font-size: var(--text-caption);
    text-transform: uppercase;
    letter-spacing: .12em;
    color: var(--mn-text-muted);
    font-weight: 500;
  }

  .mn-binnacle__badge {
    border: 1px solid var(--avorio-scuro);
    border-radius: var(--radius-pill);
    font-family: var(--font-display);
    font-size: var(--text-nano);
    text-transform: uppercase;
    letter-spacing: .1em;
    color: var(--avorio-caldo);
    align-items: center;
    gap: 6px;
    padding: 4px 12px;
    font-weight: 600;
    display: inline-flex;
  }

  .mn-binnacle__instruments {
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: clamp(12px, 3vw, 40px);
    display: flex;
  }

  .mn-strip {
    border-radius: var(--radius-lg);
    background: none;
    padding: 0;
    position: relative;
  }

  .mn-strip__inner {
    background: var(--mn-surface-sunken);
    border-radius: var(--radius-lg);
    padding: var(--space-lg) var(--space-xl);
    align-items: center;
    gap: var(--space-xl);
    min-height: 140px;
    color: var(--mn-text);
    display: flex;
    position: relative;
    overflow: visible;
    box-shadow: inset 0 1px 4px #0009;
  }

  .mn-strip__inner:before {
    content: "";
    pointer-events: none;
    border-radius: inherit;
    background: repeating-linear-gradient(0deg, #0000 0 3px, #ffffff05 3px 4px);
    position: absolute;
    inset: 0;
    overflow: hidden;
  }

  .mn-strip__section {
    flex: 1;
    min-width: 0;
    overflow: visible;
  }

  .mn-strip__section[data-section="gauge"], .mn-strip__section[data-section="board"] {
    flex: none;
  }

  .mn-strip__section--wide {
    flex: 2;
  }

  .mn-strip__section--pod {
    flex: none;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .mn-strip__divider {
    background: linear-gradient(180deg, transparent, var(--mn-border), transparent);
    flex-shrink: 0;
    width: 1px;
    height: 80px;
  }

  .mn-strip__label {
    color: var(--mn-text-tertiary);
    letter-spacing: .15em;
    font-size: .6rem;
  }

  .mn-strip__value {
    font-family: var(--font-display);
    color: var(--mn-text);
    font-size: 1.2rem;
    font-weight: 600;
  }

  .mn-strip__dim {
    color: var(--mn-text-muted);
    margin-bottom: 2px;
  }

  .mn-bar-track {
    background: var(--mn-hover-bg);
    border-radius: var(--radius-xs);
    flex: 1;
    height: 6px;
    overflow: hidden;
  }

  .mn-bar-metric {
    color: var(--mn-text-muted);
    min-width: 24px;
  }

  .mn-strip__board-cell {
    text-align: center;
    border: 1px solid var(--mn-border);
    border-radius: var(--radius-sm);
    padding: 8px 4px;
  }

  .mn-strip__legend {
    border-radius: 0 0 var(--radius-lg) var(--radius-lg);
    padding: var(--space-sm) var(--space-2xl);
    background: #080806eb;
    border-top: 1px solid #ffc72c1f;
    margin-top: -2px;
    animation: .25s ease-out stripLegendIn;
  }

  @keyframes stripLegendIn {
    from {
      opacity: 0;
      max-height: 0;
      padding-top: 0;
      padding-bottom: 0;
    }

    to {
      opacity: 1;
      max-height: 200px;
    }
  }

  .mn-strip__legend-inner {
    gap: var(--space-xs) var(--space-xl);
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    display: grid;
  }

  .mn-strip__legend-item {
    align-items: baseline;
    gap: var(--space-xs);
    font-family: var(--font-mono);
    font-size: var(--text-nano);
    color: var(--mn-text-tertiary);
    line-height: 1.5;
    display: flex;
  }

  .mn-strip__legend-dot {
    border-radius: 50%;
    flex-shrink: 0;
    width: 6px;
    height: 6px;
    margin-top: 4px;
  }

  .mn-strip__legend-key {
    color: var(--avorio-scuro);
    text-transform: uppercase;
    letter-spacing: .06em;
    white-space: nowrap;
    font-weight: 600;
  }

  .mn-strip__legend-toggle {
    background: var(--mn-hover-bg);
    border: 1px solid var(--mn-hover-bg);
    cursor: pointer;
    width: 22px;
    height: 22px;
    color: var(--avorio-scuro);
    z-index: 2;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    font-size: .65rem;
    font-weight: 700;
    transition: all .15s;
    display: flex;
    position: absolute;
    bottom: 6px;
    right: 16px;
  }

  .mn-strip__legend-toggle:hover {
    color: var(--mn-accent);
    background: #ffc72c26;
    border-color: #ffc72c4d;
  }

  .mn-strip__legend-toggle-icon {
    line-height: 1;
  }

  .mn-pod {
    width: 80px;
    height: 80px;
    box-shadow: 0 6px 20px #0006,
    0 2px 6px #0000004d,
    inset 0 2px 1px var(--mn-hover-bg),
    inset 0 -2px 4px #0003;
    cursor: pointer;
    transition: transform var(--duration-sm) var(--ease-out);
    background: radial-gradient(circle at 35% 30%, #e8e4dc 0%, #d4d0c8 20%, #b8b4ac 40%, #a0a098 60%, #888880 80%, #787870 100%);
    border-radius: 50%;
    position: relative;
  }

  .mn-pod:hover {
    transform: scale(1.05) rotate(-15deg);
  }

  .mn-pod:active {
    transition-duration: .1s;
    transform: scale(.97) rotate(-25deg);
  }

  .mn-pod__face {
    width: 55%;
    height: 55%;
    box-shadow: inset 0 2px 6px #000c,
    0 1px 0 var(--mn-hover-bg);
    background: radial-gradient(circle at 45% 40%, #555 0%, #333 40%, #1a1a1a 100%);
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .mn-pod__indicator {
    border-radius: 50%;
    width: 8px;
    height: 8px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .mn-pod__indicator--red {
    background: var(--mn-error);
    box-shadow: 0 0 8px var(--mn-error), 0 0 3px var(--mn-error);
  }

  .mn-pod__indicator--green {
    background: var(--verde-racing);
    box-shadow: 0 0 8px var(--verde-racing), 0 0 3px var(--verde-racing);
  }

  .mn-pod__indicator--gold {
    background: var(--mn-accent);
    box-shadow: 0 0 8px var(--mn-accent), 0 0 3px var(--mn-accent);
  }

  .mn-pod__label {
    font-family: var(--font-display);
    font-size: var(--text-nano);
    text-transform: uppercase;
    letter-spacing: .1em;
    color: var(--mn-text-tertiary);
    white-space: nowrap;
    font-weight: 500;
    position: absolute;
    bottom: -20px;
    left: 50%;
    transform: translateX(-50%);
  }

  .mn-pod-group {
    gap: var(--space-lg);
    align-items: center;
    display: flex;
  }

  .mn-strip--dashboard {
    flex-shrink: 0;
    margin: 0 4px;
    container: strip / inline-size;
  }

  .mn-strip--dashboard[hidden] {
    display: none !important;
  }

  .mn-strip--dashboard .mn-strip__inner {
    gap: var(--space-lg);
    background: var(--mn-surface-sunken);
    min-height: 120px;
    box-shadow: inset 0 1px 4px var(--mn-border-subtle), var(--shadow-sm);
    color: var(--mn-text);
    align-items: stretch;
    padding: 8px 14px;
  }

  .mn-strip--dashboard .mn-strip__section-title {
    color: var(--mn-text);
  }

  .mn-strip--dashboard .mn-strip-row__label {
    color: inherit;
  }

  .mn-strip--dashboard .mn-strip-row__count {
    color: var(--mn-text);
  }

  .mn-strip--dashboard .mn-strip-row__dur {
    color: var(--mn-text-muted);
  }

  .mn-strip--dashboard .mn-strip-row__track {
    background: var(--mn-border);
  }

  .mn-strip--dashboard .mn-strip-row--e2e {
    border-top-color: var(--mn-border);
  }

  .mn-strip--dashboard .mn-strip-kpi__label, .mn-strip--dashboard .mn-strip-gauge-label {
    color: var(--mn-text-muted);
  }

  .mn-strip--dashboard .mn-strip-board__cell {
    background: var(--mn-surface);
    border-color: var(--mn-border);
    box-shadow: inset 0 1px 2px var(--mn-border-subtle);
  }

  .mn-strip--dashboard .mn-strip-board__label {
    color: var(--mn-text-muted);
  }

  .mn-strip--dashboard .mn-strip-board__val {
    color: var(--mn-text);
  }

  .mn-strip__label-dim {
    color: var(--mn-text-muted);
  }

  .mn-strip-gauge-label, .mn-strip__section-title {
    font-family: var(--font-mono, "Barlow Condensed",sans-serif);
    text-transform: uppercase;
    letter-spacing: .1em;
    color: var(--mn-text-muted);
    text-align: center;
    margin-bottom: 4px;
    font-size: .5rem;
    font-weight: 700;
  }

  .mn-strip__section--col {
    flex-direction: column;
    align-items: stretch;
    display: flex;
  }

  .mn-strip__section--col > .mn-strip__section-title {
    flex-shrink: 0;
    align-self: center;
  }

  .mn-strip__section--col > :not(.mn-strip__section-title) {
    margin-top: auto;
    margin-bottom: auto;
  }

  .mn-strip__section[data-section="board"] {
    justify-content: center;
    align-items: center;
  }

  .mn-strip__pipeline-row, .mn-strip-pipeline {
    flex-direction: column;
    flex: 1;
    justify-content: center;
    gap: 2px;
    display: flex;
  }

  .mn-strip-row {
    align-items: center;
    gap: 6px;
    height: 17px;
    display: flex;
  }

  .mn-strip-row__label {
    font-family: var(--font-mono, "Barlow Condensed",sans-serif);
    text-transform: uppercase;
    letter-spacing: .04em;
    min-width: 68px;
    font-size: .65rem;
    font-weight: 600;
  }

  .mn-strip-row__count {
    font-family: var(--font-mono, "Barlow Condensed",sans-serif);
    text-align: right;
    min-width: 22px;
    font-size: .8rem;
    font-weight: 700;
  }

  .mn-strip-row__track {
    background: var(--mn-border);
    border-radius: var(--radius-xs);
    flex: 1;
    height: 6px;
    overflow: hidden;
  }

  .mn-strip-row__fill {
    border-radius: var(--radius-xs);
    height: 100%;
    transition: width .6s cubic-bezier(.4, 0, .2, 1);
  }

  .mn-strip-row__dur {
    font-family: var(--font-mono, "Barlow Condensed",sans-serif);
    text-align: right;
    min-width: 36px;
    font-size: .8rem;
    font-weight: 600;
  }

  .mn-strip-row__dur small {
    margin-left: 1px;
    font-size: .6rem;
  }

  .mn-strip-row--e2e {
    border-top: 1px solid var(--mn-border);
    justify-content: flex-end;
    gap: 8px;
    margin-top: 1px;
    padding-top: 2px;
  }

  .mn-strip-row--e2e .mn-strip-row__label {
    color: var(--mn-accent);
    min-width: auto;
    font-size: .6rem;
  }

  .mn-strip-row__dur--e2e {
    color: var(--mn-accent);
    font-weight: 700;
  }

  .mn-strip__gauge-wrap, .mn-strip-gauge-wrap {
    border-radius: var(--radius-md);
    flex-direction: column;
    flex: 0 0 170px;
    justify-content: center;
    align-items: center;
    gap: 2px;
    width: 170px;
    padding: 8px 4px 6px;
    display: flex;
  }

  .mn-strip-gauge__canvas {
    background: radial-gradient(circle, var(--mn-surface-sunken) 48%, transparent 48%);
    border-radius: 50%;
  }

  .mn-strip-kpis {
    gap: var(--space-sm) var(--space-xl);
    flex: 1;
    grid-template-rows: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    display: grid;
  }

  .mn-strip-kpi {
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    gap: 2px;
    min-width: 80px;
    display: flex;
  }

  .mn-strip-kpi__label {
    font-family: var(--font-mono, "Barlow Condensed",sans-serif);
    text-transform: uppercase;
    letter-spacing: .06em;
    text-align: center;
    font-size: .55rem;
  }

  .mn-strip-kpi__value {
    font-family: var(--font-display, "Outfit",sans-serif);
    text-align: center;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1;
  }

  .mn-strip__sparkline-mount, .mn-strip-kpi__spark {
    width: 100%;
    height: 36px;
  }

  .mn-strip-legend {
    font-family: var(--font-mono, "Barlow Condensed",sans-serif);
    text-transform: uppercase;
    letter-spacing: .04em;
    color: var(--mn-text-muted);
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 2px;
    font-size: .45rem;
    display: flex;
  }

  .mn-strip-legend__dot {
    vertical-align: middle;
    border-radius: 50%;
    width: 6px;
    height: 6px;
    margin-right: 2px;
    display: inline-block;
  }

  .mn-strip-board-row {
    align-items: stretch;
    gap: var(--space-lg);
    flex: 1;
    display: flex;
  }

  .mn-strip-board {
    flex-direction: column;
    flex: 1;
    justify-content: center;
    gap: 8px;
    display: flex;
  }

  .mn-strip-board__cell {
    border: 1px solid var(--mn-border);
    border-radius: var(--radius-md);
    flex-direction: column;
    flex: 1;
    justify-content: center;
    align-items: center;
    min-width: 80px;
    padding: 10px 16px;
    display: flex;
  }

  .mn-strip-board__label {
    font-family: var(--font-mono, "Barlow Condensed",sans-serif);
    text-transform: uppercase;
    letter-spacing: .08em;
    margin-bottom: 2px;
    font-size: .5rem;
  }

  .mn-strip-board__val {
    font-family: var(--font-display, "Outfit",sans-serif);
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1;
  }

  .mn-strip--dashboard .mn-strip__inner {
    gap: clamp(8px, 2cqi, 16px);
    padding: clamp(4px, 1cqi, 14px) clamp(6px, 1.5cqi, 14px);
  }

  .mn-strip-row__label {
    min-width: clamp(50px, 8cqi, 68px);
    font-size: clamp(.5rem, .8cqi, .65rem);
  }

  .mn-strip-kpi__value {
    font-size: clamp(1.2rem, 2.5cqi, 1.8rem);
  }

  .mn-strip-board__val {
    font-size: clamp(1rem, 2cqi, 1.4rem);
  }

  @container strip (width <= 1000px) {
    .mn-strip--dashboard .mn-strip__inner {
      gap: var(--space-md);
      grid-template-columns: auto 1fr;
      display: grid !important;
    }

    .mn-strip__divider {
      display: none;
    }

    .mn-strip-gauge-wrap {
      flex: 0 0 120px;
      width: 120px;
    }
  }

  @container strip (width <= 600px) {
    .mn-strip--dashboard .mn-strip__inner {
      -webkit-overflow-scrolling: touch;
      scroll-snap-type: x mandatory;
      gap: var(--space-lg);
      flex-wrap: nowrap;
      overflow-x: auto;
      display: flex !important;
    }

    .mn-strip__section {
      scroll-snap-align: start;
      flex-shrink: 0;
      min-width: 140px;
    }

    .mn-strip-gauge-wrap {
      flex: 0 0 100px;
      width: 100px;
    }

    .mn-strip-kpi__spark, .mn-strip__sparkline-mount {
      width: 50px;
      height: 18px;
    }
  }

  .mn-feed {
    flex-direction: column;
    gap: 0;
    display: flex;
    position: relative;
  }

  .mn-feed__item {
    transition: opacity var(--duration-md, .2s) var(--ease-out, ease-out),
                transform var(--duration-md, .2s) var(--ease-out, ease-out);
    flex-direction: row;
    gap: .75rem;
    padding: .75rem 0 .75rem 1.5rem;
    display: flex;
    position: relative;
  }

  .mn-feed__item:before {
    content: "";
    background: var(--mn-border);
    width: 1px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: .3125rem;
  }

  .mn-feed__item:first-child:before {
    top: 50%;
  }

  .mn-feed__item:last-child:before {
    bottom: 50%;
  }

  .mn-feed__indicator {
    background: var(--mn-border);
    z-index: 1;
    border-radius: 50%;
    flex-shrink: 0;
    width: .625rem;
    height: .625rem;
    position: absolute;
    top: .9375rem;
    left: 0;
  }

  .mn-feed__item--default .mn-feed__indicator {
    background: var(--mn-border);
  }

  .mn-feed__item--success .mn-feed__indicator {
    background: var(--signal-ok);
  }

  .mn-feed__item--warning .mn-feed__indicator {
    background: var(--signal-warning);
  }

  .mn-feed__item--danger .mn-feed__indicator {
    background: var(--signal-danger);
  }

  .mn-feed__item--info .mn-feed__indicator {
    background: var(--mn-accent);
  }

  .mn-feed__icon {
    width: 1.25rem;
    height: 1.25rem;
    color: var(--mn-text-muted);
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .mn-feed__icon svg {
    width: 1.25rem;
    height: 1.25rem;
  }

  .mn-feed__content {
    flex-direction: column;
    flex: 1;
    gap: .125rem;
    min-width: 0;
    display: flex;
  }

  .mn-feed__title {
    color: var(--mn-text);
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.4;
  }

  .mn-feed__body {
    color: var(--mn-text-muted);
    font-size: .8125rem;
    line-height: 1.4;
  }

  .mn-feed__meta {
    color: var(--mn-text-muted);
    font-size: .75rem;
    line-height: 1.4;
  }

  .mn-feed__item--entering {
    opacity: 0;
    transform: translateY(-.25rem);
  }

  body.mn-avorio .mn-feed__item--default .mn-feed__indicator {
    background: var(--mn-border-strong);
  }
}

@layer themes {
  .mn-section-dark, .mn-section-light, .mn-section-ivory, .mn-section-accent, .mn-nav, .mn-footer {
    transition: background var(--duration-lg) var(--ease-out),
              color var(--duration-md) var(--ease-out);
  }

  body.mn-nero {
    background: var(--mn-text-inverse);
    color: var(--mn-text);
    --mn-accent: #ffc72c;
    --mn-accent-hover: #e6b326;
    --mn-accent-text: #111;
    --mn-surface: #111;
    --mn-surface-raised: #1a1a1a;
    --mn-surface-sunken: #0a0a0a;
    --mn-surface-input: var(--mn-surface-raised);
    --mn-surface-overlay: color-mix(in srgb, var(--mn-text-inverse) 82%, transparent);
    --mn-surface-hover: #ffffff0a;
    --mn-text: #fafafa;
    --mn-text-muted: #9e9e9e;
    --mn-text-tertiary: #c8c8c8;
    --mn-text-disabled: #7a7a7a;
    --mn-text-inverse: #000;
    --mn-border: #2a2a2a;
    --mn-border-subtle: #ffffff12;
    --mn-border-strong: var(--mn-text-tertiary);
    --mn-border-focus: var(--mn-accent);
    --mn-border-error: var(--mn-error);
    --mn-hover-bg: #ffffff0f;
    --mn-active-bg: #ffffff1f;
    --mn-focus-ring: var(--mn-accent);
    --mn-focus-ring-offset: var(--mn-surface);
    --mn-error: #dc0000;
    --mn-success: #00a651;
    --mn-warning: var(--mn-accent);
    --mn-info: var(--status-info);
    --mn-error-bg: color-mix(in srgb, var(--mn-error) 16%, transparent);
    --mn-success-bg: color-mix(in srgb, var(--mn-success) 16%, transparent);
    --mn-warning-bg: color-mix(in srgb, var(--mn-warning) 16%, transparent);
    --mn-info-bg: color-mix(in srgb, var(--mn-info) 16%, transparent);
    --mn-backdrop: #0006;
    --mn-scrim: #000000b8;
  }

  body.mn-avorio {
    background: var(--avorio-chiaro);
    color: var(--mn-text);
    --mn-accent: var(--mn-error);
    --mn-accent-hover: #b30000;
    --mn-accent-text: #fff;
    --mn-surface: #fff;
    --mn-surface-raised: #faf3e6;
    --mn-surface-sunken: #e8d5b0;
    --mn-surface-input: #fff;
    --mn-surface-overlay: #ffffffeb;
    --mn-surface-hover: #0000000a;
    --mn-text: #111;
    --mn-text-muted: #6b6b6b;
    --mn-text-tertiary: #5a5550;
    --mn-text-disabled: #7b7469;
    --mn-text-inverse: #fff;
    --mn-border: var(--avorio-scuro);
    --mn-border-subtle: #00000014;
    --mn-border-strong: #b8ad9a;
    --mn-border-focus: var(--mn-error);
    --mn-border-error: var(--mn-error);
    --mn-hover-bg: #0000000f;
    --mn-active-bg: #0000001f;
    --mn-focus-ring: var(--mn-error);
    --mn-focus-ring-offset: var(--mn-surface);
    --mn-error: #dc0000;
    --mn-success: #084;
    --mn-warning: #d4a000;
    --mn-info: #2b7eb5;
    --mn-error-bg: color-mix(in srgb, var(--mn-error) 14%, transparent);
    --mn-success-bg: color-mix(in srgb, var(--mn-success) 14%, transparent);
    --mn-warning-bg: color-mix(in srgb, var(--mn-warning) 14%, transparent);
    --mn-info-bg: color-mix(in srgb, var(--mn-info) 14%, transparent);
    --mn-backdrop: #00000040;
    --mn-scrim: #0009;
  }

  body.mn-colorblind {
    --mn-accent: #0072b2;
    --mn-accent-hover: #005f94;
    --mn-accent-text: #fff;
    --mn-surface: #111;
    --mn-surface-raised: #1a1a1a;
    --mn-surface-sunken: #0a0a0a;
    --mn-surface-input: var(--mn-surface-raised);
    --mn-surface-overlay: color-mix(in srgb, var(--mn-text-inverse) 82%, transparent);
    --mn-surface-hover: #ffffff0a;
    --mn-text: #fafafa;
    --mn-text-muted: #9e9e9e;
    --mn-text-tertiary: #c8c8c8;
    --mn-text-disabled: #7a7a7a;
    --mn-text-inverse: #000;
    --mn-border: #2a2a2a;
    --mn-border-subtle: #ffffff12;
    --mn-border-strong: var(--mn-text-tertiary);
    --mn-border-focus: #0072b2;
    --mn-border-error: #d55e00;
    --mn-hover-bg: #ffffff0f;
    --mn-active-bg: #ffffff1f;
    --mn-focus-ring: #0072b2;
    --mn-focus-ring-offset: var(--mn-surface);
    --mn-error: #c94000;
    --mn-success: #009e73;
    --mn-warning: #e69f00;
    --mn-info: #56b4e9;
    --mn-error-bg: color-mix(in srgb, var(--mn-error) 16%, transparent);
    --mn-success-bg: color-mix(in srgb, var(--mn-success) 16%, transparent);
    --mn-warning-bg: color-mix(in srgb, var(--mn-warning) 16%, transparent);
    --mn-info-bg: color-mix(in srgb, var(--mn-info) 16%, transparent);
    --mn-backdrop: #0006;
    --mn-scrim: #000000b8;
  }

  body.mn-nero .mn-section-light, body.mn-nero .mn-section-ivory {
    background: var(--mn-surface-sunken);
    color: var(--mn-text);
  }

  body.mn-nero .mn-section-light .mn-watermark, body.mn-nero .mn-section-ivory .mn-watermark {
    color: var(--mn-border);
  }

  body.mn-nero .mn-section-light .mn-body, body.mn-nero .mn-section-ivory .mn-body, body.mn-nero .mn-section-light .mn-caption, body.mn-nero .mn-section-ivory .mn-caption {
    color: var(--mn-text-tertiary);
  }

  body.mn-nero .mn-section-light .mn-title-section, body.mn-nero .mn-section-ivory .mn-title-section, body.mn-nero .mn-section-light .mn-title-sub, body.mn-nero .mn-section-ivory .mn-title-sub {
    color: var(--mn-text);
  }

  body.mn-nero .mn-table-wrap {
    border-color: var(--mn-border);
  }

  body.mn-nero .mn-section-light .mn-table thead {
    background: var(--mn-border);
  }

  body.mn-nero .mn-section-light .mn-table td {
    border-color: var(--mn-border);
    color: var(--mn-text-tertiary);
  }

  body.mn-nero .mn-section-light .mn-table tbody tr:hover {
    background: var(--mn-surface);
  }

  body.mn-nero .mn-tag {
    border-color: var(--mn-border);
    color: var(--mn-text-tertiary);
  }

  body.mn-nero .mn-tag:hover, body.mn-nero .mn-tag--active {
    background: var(--mn-text);
    color: var(--mn-text-inverse);
    border-color: var(--mn-text);
  }

  body.mn-nero .mn-btn {
    background: var(--mn-text);
    color: var(--mn-text-inverse);
    border-color: var(--mn-surface);
  }

  body.mn-nero .mn-btn:hover {
    background: var(--mn-text-tertiary);
  }

  body.mn-nero .mn-btn--ghost {
    color: var(--mn-text);
    background: none;
    border-color: #ffffff4d;
  }

  body.mn-nero .mn-btn--ghost:hover {
    background: var(--mn-text);
    color: var(--mn-text-inverse);
  }

  body.mn-nero .mn-input {
    background: var(--mn-surface);
    border-color: var(--mn-border);
    color: var(--mn-text);
  }

  body.mn-nero .mn-accordion, body.mn-nero .mn-accordion__item {
    border-color: var(--mn-border);
  }

  body.mn-nero .mn-accordion__header {
    color: var(--mn-text);
  }

  body.mn-nero .mn-accordion__body, body.mn-nero .mn-label {
    color: var(--mn-text-tertiary);
  }

  body.mn-nero .mn-fieldset {
    border-color: var(--mn-border);
  }

  body.mn-nero .mn-select, body.mn-nero .mn-textarea {
    background: var(--mn-surface);
    border-color: var(--mn-border);
    color: var(--mn-text);
  }

  body.mn-nero .mn-checkbox__box, body.mn-nero .mn-radio__dot {
    border-color: var(--mn-border);
    background: var(--mn-surface);
  }

  body.mn-nero .mn-form__section-title {
    color: var(--mn-text);
  }

  body.mn-nero .mn-form__actions {
    border-color: var(--mn-border);
  }

  body.mn-nero .mn-signal-panel {
    border-color: var(--mn-border);
    background: #ffffff05;
  }

  body.mn-nero .mn-signal-panel__title {
    color: var(--mn-text);
  }

  body.mn-nero .mn-signal-panel__eyebrow {
    color: var(--avorio-scuro);
  }

  body.mn-nero .mn-card {
    background: var(--mn-surface-raised);
    color: var(--mn-text);
    box-shadow: var(--shadow-md);
  }

  body.mn-nero .mn-card__text {
    color: var(--mn-text-tertiary);
  }

  body.mn-nero .mn-card__title {
    color: var(--mn-text);
  }

  body.mn-nero .mn-demo-swatch {
    border-color: var(--mn-border);
  }

  body.mn-nero .mn-demo-section-label {
    color: var(--mn-accent);
  }

  body.mn-nero .mn-dot {
    background: var(--mn-border);
  }

  body.mn-nero .mn-dot--active {
    background: var(--mn-text);
  }

  body.mn-nero .mn-progress {
    background: var(--mn-border);
  }

  body.mn-nero .mn-status {
    color: var(--mn-text-tertiary);
  }

  body.mn-nero .mn-divider-gold {
    background: var(--mn-border);
  }

  body.mn-nero .mn-section-light .mn-section-number, body.mn-nero .mn-section-ivory .mn-section-number {
    color: var(--mn-text-muted);
  }

  body.mn-avorio {
    --stage-1: #d4a000;
    --stage-2: #d4a000;
    --stage-3: #2b7eb5;
    --stage-4: #067a93;
    --stage-5: #4b5563;
    --stage-6: #b5501e;
    --stage-7: #1f2937;
    --state-active: #084;
    --state-planned: #d48b00;
    --state-closed: #4b5563;
    --signal-ok: #084;
    --signal-warning: #d4a000;
    --signal-danger: #c00000;
    --today-line: #2b7eb5;
    --chart-default: #d4a000;
    --chart-axis: #555;
    --chart-label: #666;
    --chart-muted: #555;
    --chart-bar: #2b7eb5;
    --severity-critical-fg: #dc2626;
    --severity-critical-bg: #fef2f2;
    --severity-high-fg: #ea580c;
    --severity-high-bg: #fff7ed;
    --severity-warning-fg: #ca8a04;
    --severity-warning-bg: #fefce8;
    --severity-resourcing-fg: #2563eb;
    --severity-resourcing-bg: #eff6ff;
    --scope-local: #2b7eb5;
    --scope-team: #6d28d9;
    --scope-global: #d4a000;
    --superficie-1: #f5f0e8;
    --superficie-2: #ede8df;
    --superficie-3: #e5e0d7;
    --bordo: #c8c0b4;
    --bianco: var(--mn-text-inverse);
    --mn-accent: var(--mn-error);
    --mn-accent-text: var(--mn-text-inverse);
    --testo-primario: #1a1a1a;
    --testo-secondario: #5a5550;
    --grigio-chiaro: #707070;
    --sfondo: var(--avorio-chiaro);
    --superficie-card: #f5f0e8;
    --superficie-input: #fff;
    --backdrop: #00000040;
    --grigio-30: #00000014;
  }

  body.mn-avorio .mn-section-ivory {
    color: var(--mn-text);
  }

  body.mn-avorio .mn-card-dark {
    border: 1px solid var(--mn-border);
    box-shadow: var(--shadow-sm);
  }

  body.mn-colorblind {
    --stage-1: #e69f00;
    --stage-2: #e69f00;
    --stage-3: #56b4e9;
    --stage-4: #009e73;
    --stage-5: #999;
    --stage-6: #d55e00;
    --stage-7: #444;
    --state-active: #009e73;
    --state-planned: #e69f00;
    --state-closed: #999;
    --signal-ok: #009e73;
    --signal-warning: #e69f00;
    --signal-danger: #d55e00;
    --today-line: #56b4e9;
    --chart-default: #e69f00;
    --chart-bar: #56b4e9;
    --scope-local: #56b4e9;
    --scope-team: #cc79a7;
    --scope-global: #e69f00;
  }

  body.mn-sugar {
    color: var(--mn-text);
    --mn-accent: #000;
    --mn-accent-hover: #333;
    --mn-accent-text: #fff;
    --mn-surface: #e4e4e8;
    --mn-surface-raised: #fff;
    --mn-surface-sunken: #d8d8dc;
    --mn-surface-input: #fff;
    --mn-surface-overlay: #ffffffeb;
    --mn-surface-hover: #0000000a;
    --mn-text: #111;
    --mn-text-muted: #5e5e5e;
    --mn-text-tertiary: #666;
    --mn-text-disabled: #aaa;
    --mn-text-inverse: #fff;
    --mn-border: #e0e0e4;
    --mn-border-subtle: #0000000f;
    --mn-border-strong: #c0c0c5;
    --mn-border-focus: #000;
    --mn-border-error: var(--mn-error);
    --mn-hover-bg: #0000000a;
    --mn-active-bg: #00000014;
    --mn-focus-ring: #000;
    --mn-focus-ring-offset: #e4e4e8;
    --mn-error: #dc0000;
    --mn-success: #00a651;
    --mn-warning: #f59e0b;
    --mn-info: #448aff;
    --mn-error-bg: color-mix(in srgb, var(--mn-error) 14%, transparent);
    --mn-success-bg: color-mix(in srgb, var(--mn-success) 14%, transparent);
    --mn-warning-bg: color-mix(in srgb, var(--mn-warning) 14%, transparent);
    --mn-info-bg: color-mix(in srgb, var(--mn-info) 14%, transparent);
    --mn-backdrop: #00000040;
    --mn-scrim: #0009;
    --radius-sm: .5rem;
    --radius-md: 1rem;
    --radius-lg: 1.25rem;
    --radius-xl: 1.75rem;
    --shadow-card: 0 1px 3px #0000000a;
    --shadow-elevated: 0 4px 12px #00000014;
    --shadow-deep: 0 8px 24px #0000001f;
    --signal-ok: #00a651;
    --signal-warning: #f59e0b;
    --signal-danger: #dc0000;
    --chart-default: #000;
    --chart-bar: #4ea8de;
    --chart-axis: #888;
    --chart-label: #666;
    --chart-muted: #888;
    --stage-1: #000;
    --stage-2: #333;
    --stage-3: #4ea8de;
    --stage-4: #0891b2;
    --stage-5: #888;
    --stage-6: #d4622b;
    --stage-7: #d0d0d5;
    --state-active: #00a651;
    --state-planned: #f59e0b;
    --state-closed: #888;
    --scope-local: #4ea8de;
    --scope-team: #7c3aed;
    --scope-global: #000;
    --mn-accent-bg: color-mix(in srgb, var(--mn-accent) 8%, transparent);
    --mn-accent-border: color-mix(in srgb, var(--mn-accent) 20%, transparent);
    background: #e4e4e8;
  }

  @media (prefers-color-scheme: dark) {
    body:not(.mn-avorio):not(.mn-nero):not(.mn-colorblind):not(.mn-sugar):not(.mn-navy) {
      --mn-accent: #ffc72c;
      --mn-accent-hover: #e6b326;
      --mn-accent-text: #111;
      --superficie-1: var(--mn-surface-raised);
      --superficie-2: #252525;
      --superficie-3: var(--mn-border);
      --bordo: #333;
      --bianco: var(--mn-text);
    }

    body:not(.mn-avorio):not(.mn-nero):not(.mn-colorblind):not(.mn-sugar):not(.mn-navy) .mn-section-light, body:not(.mn-avorio):not(.mn-nero):not(.mn-colorblind):not(.mn-sugar):not(.mn-navy) .mn-section-ivory {
      background: var(--mn-surface-sunken);
      color: var(--mn-text);
    }
  }

  body.mn-avorio .mn-form-btn--danger {
    color: var(--mn-error);
    border-color: var(--mn-error);
    background: none;
  }

  body.mn-avorio .mn-form-btn--danger:hover {
    background: var(--mn-error-bg);
    box-shadow: none;
  }

  body.mn-colorblind .mn-card {
    border-left: 3px solid var(--mn-accent);
  }

  body.mn-colorblind .mn-card:hover {
    box-shadow: 0 4px 16px #0072b226;
  }

  body.mn-colorblind .mn-card-dark {
    border-left: 3px solid var(--mn-accent);
  }

  body.mn-colorblind .mn-btn--ghost {
    border-color: var(--mn-accent);
    color: var(--mn-accent);
  }

  body.mn-colorblind .mn-btn--ghost:hover {
    background: var(--mn-accent);
    color: var(--mn-accent-text);
  }

  body.mn-colorblind .mn-btn--secondary {
    border-color: var(--mn-cb-orange);
    color: var(--mn-cb-orange);
  }

  body.mn-colorblind .mn-btn--secondary:hover {
    background: var(--mn-cb-orange);
    color: #fff;
  }

  body.mn-colorblind .mn-btn--danger {
    background: var(--mn-error);
    border-color: var(--mn-error);
  }

  body.mn-colorblind .mn-btn--success {
    background: var(--mn-cb-blue);
    border-color: var(--mn-cb-blue);
  }

  body.mn-colorblind .mn-tag--success, body.mn-colorblind .mn-status--success .mn-status__dot, body.mn-colorblind .mn-led--green .mn-led__bulb {
    background: var(--mn-cb-blue);
  }

  body.mn-colorblind .mn-tag--danger, body.mn-colorblind .mn-status--danger .mn-status__dot, body.mn-colorblind .mn-led--red .mn-led__bulb {
    background: var(--mn-cb-orange);
  }

  body.mn-colorblind .mn-tag--warning, body.mn-colorblind .mn-led--amber .mn-led__bulb {
    background: var(--mn-cb-yellow);
  }

  body.mn-colorblind .mn-tag--info {
    color: var(--mn-cb-blue);
    background: #0072b226;
  }

  body.mn-colorblind .mn-badge--success {
    background: var(--mn-cb-blue);
  }

  body.mn-colorblind .mn-badge--danger {
    background: #d55e00;
  }

  body.mn-colorblind .mn-badge--warning {
    background: var(--mn-cb-orange);
  }

  body.mn-colorblind .mn-tooltip {
    border-color: var(--mn-accent);
  }

  body.mn-colorblind {
    --mn-chart-tooltip-bg: var(--mn-surface);
    --mn-chart-tooltip-border: var(--mn-cb-blue);
    --mn-chart-tooltip-text: var(--mn-text);
    --mn-chart-tooltip-shadow: 0 4px 16px #0072b233, 0 0 0 1px #0072b21a;
    --severity-critical-fg: #d55e00;
    --severity-critical-bg: #d55e0014;
    --severity-high-fg: #e69f00;
    --severity-high-bg: #e69f0014;
    --severity-warning-fg: #f0e442;
    --severity-warning-bg: #f0e44214;
    --severity-info-fg: #0072b2;
    --severity-info-bg: #0072b214;
  }

  body.mn-colorblind .mn-led--green .mn-led__bulb {
    box-shadow: 0 0 6px var(--mn-cb-blue);
    border-radius: 50%;
  }

  body.mn-colorblind .mn-led--red .mn-led__bulb {
    border-radius: var(--radius-xs);
    box-shadow: 0 0 6px var(--mn-cb-orange);
  }

  body.mn-colorblind .mn-led--amber .mn-led__bulb {
    box-shadow: 0 0 6px var(--mn-cb-yellow);
    border-radius: 50% 50% 0 0;
  }

  body.mn-colorblind .mn-chat-panel__accent {
    background: var(--mn-accent);
  }

  body.mn-colorblind .mn-chat-panel__title, body.mn-colorblind .mn-chat-msg__icon, body.mn-colorblind .mn-chat-fab {
    color: var(--mn-accent);
  }

  body.mn-colorblind .mn-chat-fab__pulse {
    border-color: var(--mn-accent);
  }

  body.mn-colorblind .mn-chat-panel__send {
    background: var(--mn-accent);
  }

  body.mn-colorblind .mn-chat-panel__quick-btn:hover {
    border-color: var(--mn-accent);
    color: var(--mn-accent);
  }

  body.mn-colorblind .mn-sys-status__dot--active {
    background: var(--mn-cb-blue);
    box-shadow: 0 0 6px var(--mn-cb-blue);
  }

  body.mn-colorblind .mn-sys-status__dot--warning {
    background: var(--mn-cb-yellow);
    box-shadow: 0 0 6px var(--mn-cb-yellow);
  }

  body.mn-colorblind .mn-sys-status__dot--danger {
    background: var(--mn-cb-orange);
    box-shadow: 0 0 6px var(--mn-cb-orange);
  }

  body.mn-colorblind .mn-sys-status__env, body.mn-colorblind .mn-ctrl-cruise__mark--active {
    color: var(--mn-cb-blue);
  }

  body.mn-colorblind .mn-ctrl-manettino__pos--active {
    color: var(--mn-cb-orange);
  }

  body.mn-colorblind .mn-ctrl-lever--on .mn-ctrl-lever__track {
    border-color: var(--mn-cb-blue);
    background: linear-gradient(180deg, var(--mn-surface) 0%, #0072b24d 100%);
  }

  body.mn-colorblind .mn-ctrl-stepped__mark--active {
    color: #e69f00;
  }

  body.mn-colorblind .mn-map__marker {
    background: var(--mn-cb-blue);
  }

  body.mn-colorblind .mn-map__marker--active {
    background: var(--mn-cb-orange);
  }

  body.mn-colorblind .mn-profile-dropdown__item:hover {
    background: #0072b226;
  }

  body.mn-colorblind .mn-profile-dropdown__badge {
    background: var(--mn-cb-orange);
  }

  body.mn-colorblind .mn-profile-trigger__avatar {
    background: var(--mn-accent);
  }

  body.mn-colorblind .mn-okr__status--on-track {
    color: #009e73;
  }

  body.mn-colorblind .mn-okr__status--at-risk {
    color: #e69f00;
  }

  body.mn-colorblind .mn-okr__status--behind {
    color: var(--mn-cb-orange);
  }

  body.mn-colorblind .mn-okr__scope--studio {
    background: var(--mn-cb-blue);
  }

  body.mn-colorblind .mn-okr__scope--org {
    background: #cc79a7;
  }

  body.mn-colorblind .mn-okr__scope--global {
    background: var(--mn-cb-yellow);
  }

  body.mn-colorblind .mn-okr__kr-bar--on-track {
    background: var(--mn-cb-blue);
    box-shadow: 0 0 8px #0072b24d;
  }

  body.mn-colorblind .mn-okr__kr-bar--at-risk {
    background: var(--mn-cb-yellow);
    box-shadow: 0 0 8px #e69f004d;
  }

  body.mn-colorblind .mn-okr__kr-bar--behind {
    background: var(--mn-cb-orange);
    box-shadow: 0 0 8px #d55e004d;
  }

  body.mn-colorblind .mn-cap-grid__cell--low {
    background: var(--mn-cb-blue);
    color: #fff;
  }

  body.mn-colorblind .mn-cap-grid__cell--mid {
    background: var(--mn-cb-yellow);
    color: #111;
  }

  body.mn-colorblind .mn-cap-grid__cell--high, body.mn-colorblind .mn-cap-grid__cell--over {
    background: var(--mn-cb-orange);
    color: #fff;
  }

  body.mn-colorblind .mn-treemap__cell {
    color: var(--mn-text);
    text-shadow: 0 1px 3px #0009;
  }

  body.mn-colorblind .mn-a11y-fab, body.mn-colorblind .mn-a11y-toggle--on {
    background: var(--mn-accent);
  }

  body.mn-colorblind .mn-form-btn--primary {
    background: var(--mn-cb-blue);
    border-color: var(--mn-cb-blue);
    color: var(--mn-text);
  }

  body.mn-colorblind .mn-checkbox input:checked + .mn-checkbox__box {
    background: var(--mn-cb-blue);
    border-color: var(--mn-cb-blue);
  }

  body.mn-colorblind .mn-radio input:checked + .mn-radio__circle {
    border-color: var(--mn-cb-blue);
  }

  body.mn-colorblind .mn-radio__dot, body.mn-colorblind .mn-form-toggle input:checked + .mn-form-toggle__track {
    background: var(--mn-cb-blue);
  }

  body.mn-colorblind .mn-form-range::-webkit-slider-thumb {
    background: var(--mn-cb-blue);
  }

  body.mn-colorblind .mn-machined-btn {
    box-shadow: 0 4px 12px #0000002e, 0 1px 3px #0000001a, inset 0 1px #ffffff1f, inset 0 -1px #0000001a;
  }

  body.mn-colorblind .mn-machined-btn:active, body.mn-colorblind .mn-machined-btn[aria-pressed="true"] {
    border-color: var(--mn-cb-blue);
    box-shadow: inset 0 2px 4px #0072b24d;
  }

  body.mn-colorblind .mn-toggle__track--on {
    background: var(--mn-cb-blue);
    border-color: var(--mn-cb-blue-dark);
  }

  body.mn-colorblind .mn-segmented__item--active {
    background: var(--mn-cb-blue);
    color: var(--mn-text);
  }

  body.mn-colorblind .mn-climate {
    border: 1px solid #0072b240;
  }

  body.mn-colorblind .mn-btn-cluster__item[aria-pressed="true"], body.mn-colorblind .mn-btn-cluster__item--active {
    background: var(--mn-cb-blue);
    color: var(--mn-text);
    border-color: var(--mn-cb-blue-dark);
  }

  body.mn-colorblind .mn-live-panel__mode--accent {
    border-color: var(--mn-cb-blue);
    color: var(--mn-cb-blue);
  }

  body.mn-colorblind .mn-live-panel__mode {
    border-color: var(--mn-cb-yellow);
    color: var(--mn-cb-yellow);
  }

  body.mn-colorblind .mn-bar-chart__bar {
    background: var(--mn-chart-series-1);
  }

  body.mn-colorblind .mn-bar-chart__bar:hover {
    box-shadow: 0 0 8px #0072b24d;
  }

  body.mn-colorblind .mn-progress-ring__fill {
    stroke: var(--mn-cb-blue);
  }

  body.mn-colorblind .mn-temp-badge {
    border-color: var(--mn-cb-orange);
  }

  body.mn-colorblind .mn-temp-badge:hover {
    box-shadow: 0 0 12px #d55e004d;
  }

  body.mn-colorblind .mn-temp-badge--cool {
    border-color: var(--mn-cb-blue);
  }

  body.mn-colorblind .mn-temp-badge--cool:hover {
    box-shadow: 0 0 12px #0072b24d;
  }

  body.mn-colorblind .mn-temp-badge--warm {
    border-color: var(--mn-cb-orange);
  }

  body.mn-colorblind .mn-temp-badge--neutral {
    border-color: var(--mn-text-tertiary);
  }

  body.mn-colorblind .mn-sidebar__item--active {
    color: var(--mn-cb-blue);
    border-left-color: var(--mn-cb-blue);
    background: #0072b214;
  }

  body.mn-colorblind .mn-nav__link--active, body.mn-colorblind .mn-nav__brand-accent {
    color: var(--mn-cb-blue);
  }

  body.mn-colorblind .mn-sidebar__item:hover {
    color: var(--mn-accent);
  }

  body.mn-colorblind :focus-visible {
    outline: 2px solid var(--mn-accent);
    outline-offset: 2px;
  }

  body.mn-colorblind .mn-toolbar__search:focus {
    border-color: var(--mn-accent);
    box-shadow: 0 0 0 2px #0072b240;
  }

  body.mn-colorblind .mn-toolbar__btn--active {
    color: var(--mn-accent);
    border-color: var(--mn-accent);
  }

  body.mn-colorblind .mn-drawer {
    --mn-drawer-border: var(--mn-border);
  }

  body.mn-colorblind .mn-drawer__header {
    border-bottom-color: var(--mn-border);
  }

  body.mn-colorblind .mn-section-accent {
    border-left: 3px solid var(--mn-accent);
  }

  body.mn-colorblind .mn-page-header__action--active {
    color: var(--mn-accent);
    background: color-mix(in srgb, var(--mn-accent) 8%, transparent);
  }

  body.mn-colorblind .mn-page-header__badge {
    background: var(--mn-accent);
  }

  body.mn-colorblind .mn-dt__th--sortable:hover, body.mn-colorblind .mn-dt__th--sorted {
    color: var(--mn-accent);
  }

  body.mn-colorblind .mn-dt__filter-input:focus {
    border-color: var(--mn-accent);
    box-shadow: 0 0 0 2px #0072b226;
  }

  body.mn-colorblind .mn-dt--crosshair .mn-dt__row--hovered {
    background: #0072b20f;
  }

  body.mn-colorblind .mn-dt__row--selected {
    background: #0072b21a;
  }

  body.mn-colorblind .mn-dt__col-highlight {
    background: #0072b20a;
  }

  body.mn-colorblind .mn-dt__badge--green {
    background: var(--mn-cb-blue);
  }

  body.mn-colorblind .mn-dt__badge--red {
    background: var(--mn-cb-orange);
  }

  body.mn-colorblind .mn-dt__badge--yellow {
    background: var(--mn-cb-yellow);
  }

  body.mn-colorblind .mn-detail-panel__section-title {
    color: var(--mn-accent);
  }

  body.mn-colorblind .mn-detail-panel__field-label {
    color: var(--mn-text-muted);
  }

  body.mn-colorblind .mn-detail-panel__close:hover {
    color: var(--mn-accent);
  }

  body.mn-colorblind .mn-command-palette__item:hover, body.mn-colorblind .mn-command-palette__item--active {
    background: #0072b21a;
  }

  body.mn-colorblind .mn-notification-center__item--unread {
    border-left: 3px solid var(--mn-accent);
    background: #0072b20f;
  }

  body.mn-colorblind .mn-notification-center__item-icon {
    color: var(--mn-accent);
  }

  body.mn-colorblind .mn-org-tree__node--active {
    color: var(--mn-accent);
    background: #0072b214;
  }

  body.mn-colorblind .mn-heatmap__bar--ok {
    background: var(--mn-success);
    background-image: repeating-linear-gradient(45deg, #0000, #0000 3px, #ffffff26 3px 5px);
  }

  body.mn-colorblind .mn-heatmap__bar--warn {
    background: var(--status-warning);
    background-image: repeating-linear-gradient(0deg, #0000, #0000 3px, #0000001f 3px 5px);
  }

  body.mn-colorblind .mn-heatmap__bar--danger {
    background: var(--mn-error);
    background-image: repeating-linear-gradient(-45deg, #0000, #0000 3px, #fff3 3px 5px);
  }

  body.mn-colorblind .mn-heatmap__delta--positive:before {
    content: "▲";
  }

  body.mn-colorblind .mn-heatmap__delta--negative:before {
    content: "▼";
  }

  body.mn-colorblind .mn-heatmap__legend-bar {
    background: linear-gradient(90deg, var(--mn-surface-sunken) 0%,
    var(--mn-cb-green) 40%, var(--mn-cb-yellow) 65%, var(--mn-cb-orange) 100%);
  }

  body.mn-colorblind {
    --giallo: #ffb000;
    --rosso: var(--mn-cb-orange);
    --verde: var(--mn-cb-blue);
    --arancio: var(--mn-cb-yellow);
    --mn-chart-series-1: var(--mn-cb-blue);
    --mn-chart-series-2: var(--mn-cb-orange);
    --mn-chart-series-3: var(--mn-cb-green);
    --mn-chart-series-4: #f0e442;
    --mn-chart-series-5: #cc79a7;
    --mn-chart-series-6: #56b4e9;
    --mn-chart-series-7: var(--mn-cb-yellow);
    --mn-chart-series-8: var(--mn-text-inverse);
    --mn-chart-series-9: var(--mn-cb-blue);
    --mn-chart-series-10: var(--mn-cb-orange);
    --mn-chart-series-11: var(--mn-cb-green);
    --mn-chart-series-12: #f0e442;
    --mn-form-focus: #ffb000;
    --mn-form-focus-ring: #ffb00040;
    --mn-form-error: var(--mn-cb-orange);
    --mn-form-error-bg: #d55e000f;
    --mn-form-success: var(--mn-cb-blue);
    --mn-form-success-bg: #0072b20f;
  }

  body.mn-colorblind .mn-mission-btn--delegate {
    color: var(--mn-accent);
    border-color: var(--mn-accent);
  }

  body.mn-colorblind .mn-mission-btn--start {
    color: var(--mn-cb-blue);
    border-color: var(--mn-cb-blue);
  }

  body.mn-colorblind .mn-mission-btn--cancel {
    color: var(--mn-cb-orange);
    border-color: var(--mn-cb-orange);
  }

  body.mn-sugar .mn-section-dark {
    background: var(--mn-surface-raised);
    color: var(--mn-text);
  }

  body.mn-sugar .mn-section-accent {
    color: #fff;
    background: linear-gradient(135deg, #2d2d2d, #1a1a1a);
  }

  body.mn-sugar .mn-section-light {
    background: var(--mn-surface-raised);
  }

  body.mn-sugar .mn-section-ivory {
    color: var(--mn-text);
  }

  body.mn-sugar .mn-section-dark .mn-watermark, body.mn-sugar .mn-section-light .mn-watermark, body.mn-sugar .mn-section-ivory .mn-watermark {
    color: var(--mn-border);
  }

  body.mn-sugar .mn-section-dark .mn-body, body.mn-sugar .mn-section-light .mn-body, body.mn-sugar .mn-section-ivory .mn-body, body.mn-sugar .mn-section-dark .mn-caption, body.mn-sugar .mn-section-light .mn-caption, body.mn-sugar .mn-section-ivory .mn-caption {
    color: var(--mn-text-tertiary);
  }

  body.mn-sugar .mn-section-dark .mn-title-section, body.mn-sugar .mn-section-ivory .mn-title-section, body.mn-sugar .mn-section-light .mn-title-section, body.mn-sugar .mn-section-dark .mn-title-sub, body.mn-sugar .mn-section-light .mn-title-sub, body.mn-sugar .mn-section-ivory .mn-title-sub {
    color: var(--mn-text);
  }

  body.mn-sugar .mn-section-dark .mn-section-number, body.mn-sugar .mn-section-light .mn-section-number, body.mn-sugar .mn-section-ivory .mn-section-number {
    color: var(--mn-text-muted);
  }

  body.mn-sugar h1, body.mn-sugar h2, body.mn-sugar h3, body.mn-sugar h4, body.mn-sugar h5, body.mn-sugar .mn-title-section, body.mn-sugar .mn-title-sub, body.mn-sugar .mn-title-hero {
    color: var(--mn-text);
  }

  body.mn-sugar .mn-body, body.mn-sugar .mn-caption, body.mn-sugar p:not([class]) {
    color: var(--mn-text-tertiary);
  }

  body.mn-sugar .mn-micro, body.mn-sugar .mn-label {
    color: var(--mn-text-muted);
  }

  body.mn-sugar [style*="color:var(--grigio-medio)"], body.mn-sugar [style*="color: var(--grigio-medio)"], body.mn-sugar [style*="color:var(--grigio-alluminio)"], body.mn-sugar [style*="color: var(--grigio-alluminio)"], body.mn-sugar [style*="color:var(--avorio)"], body.mn-sugar [style*="color: var(--avorio)"] {
    color: var(--mn-text-muted) !important;
  }

  body.mn-sugar [style*="color:var(--giallo-ferrari)"], body.mn-sugar [style*="color: var(--giallo-ferrari)"] {
    color: var(--mn-accent) !important;
  }

  body.mn-sugar .mn-binnacle {
    background: var(--mn-surface-raised);
    border: 1px solid var(--mn-border);
    color: var(--mn-text);
  }

  body.mn-sugar .mn-binnacle * {
    color: var(--mn-text);
  }

  body.mn-sugar .mn-strip {
    background: var(--mn-surface-raised);
    border: 1px solid var(--mn-border);
  }

  body.mn-sugar .mn-strip * {
    color: var(--mn-text);
  }

  body.mn-sugar .mn-pod {
    background: var(--mn-surface);
    border-color: var(--mn-border);
    color: var(--mn-text);
  }

  body.mn-sugar .mn-card-dark {
    background: var(--mn-surface-raised);
    border: 1px solid var(--mn-border);
    color: var(--mn-text);
    box-shadow: 0 1px 3px #0000000f;
  }

  body.mn-sugar .mn-card {
    background: var(--mn-surface-raised);
    color: var(--mn-text);
    box-shadow: 0 1px 3px #0000000f, 0 1px 2px #0000000a;
  }

  body.mn-sugar .mn-card:hover, body.mn-sugar .mn-card-dark:hover {
    box-shadow: 0 4px 12px #00000014, 0 1px 3px #0000000a;
  }

  body.mn-sugar .mn-card__title {
    color: var(--mn-text);
  }

  body.mn-sugar .mn-card__text {
    color: var(--mn-text-tertiary);
  }

  body.mn-sugar .mn-signal-panel {
    border-color: var(--mn-border);
    background: var(--mn-surface-raised);
  }

  body.mn-sugar .mn-signal-panel__title {
    color: var(--mn-text);
  }

  body.mn-sugar .mn-signal-panel__eyebrow {
    color: var(--mn-text-muted);
  }

  body.mn-sugar [style*="rgba(255,255,255,0.06)"] {
    background: #0000000f !important;
  }

  body.mn-sugar [style*="rgba(255,255,255,0.08)"] {
    border-color: var(--mn-border) !important;
  }

  body.mn-sugar [style*="rgba(255,255,255,0.12)"] {
    box-shadow: 0 0 0 1px var(--mn-border) !important;
  }

  body.mn-sugar [style*="rgba(255,255,255,0.02)"] {
    background: var(--mn-surface-raised) !important;
  }

  body.mn-sugar .mn-btn {
    background: var(--mn-accent);
    color: var(--mn-accent-text);
  }

  body.mn-sugar .mn-btn:hover {
    background: var(--mn-accent-hover);
  }

  body.mn-sugar .mn-btn:active {
    background: var(--mn-accent-hover);
    transform: translateY(1px);
    box-shadow: inset 0 2px 4px #00000040;
  }

  body.mn-sugar .mn-btn:focus-visible {
    outline: 2px solid var(--mn-focus-ring);
    outline-offset: 2px;
  }

  body.mn-sugar .mn-btn[aria-pressed="true"] {
    background: var(--mn-accent);
    color: var(--mn-accent-text);
    box-shadow: inset 0 2px 6px #0000004d;
  }

  body.mn-sugar .mn-btn--ghost {
    border: 1px solid var(--mn-border-strong);
    color: var(--mn-text);
    background: none;
  }

  body.mn-sugar .mn-btn--ghost:hover {
    background: var(--mn-hover-bg);
  }

  body.mn-sugar .mn-btn--ghost:active {
    background: var(--mn-active-bg);
    box-shadow: inset 0 1px 3px #0000001f;
  }

  body.mn-sugar .mn-btn--ghost:focus-visible {
    outline: 2px solid var(--mn-focus-ring);
    outline-offset: 2px;
  }

  body.mn-sugar .mn-btn--ghost[aria-pressed="true"] {
    background: var(--mn-active-bg);
    border-color: var(--mn-accent);
    box-shadow: inset 0 1px 3px #00000026;
  }

  body.mn-sugar .mn-btn--ghost-light {
    border-color: var(--mn-border);
    color: var(--mn-text);
    background: none;
  }

  body.mn-sugar .mn-machined-btn {
    background: var(--mn-surface-raised);
    border: 1px solid var(--mn-border);
    color: var(--mn-text);
  }

  body.mn-sugar .mn-input, body.mn-sugar .mn-select, body.mn-sugar .mn-textarea {
    background: var(--mn-surface-input);
    border-color: var(--mn-border);
    color: var(--mn-text);
  }

  body.mn-sugar .mn-checkbox__box, body.mn-sugar .mn-radio__dot {
    border-color: var(--mn-border-strong);
    background: var(--mn-surface-input);
  }

  body.mn-sugar .mn-search-bar__list {
    background: var(--mn-surface-raised);
    border-color: var(--mn-border);
    box-shadow: var(--shadow-elevated);
  }

  body.mn-sugar .mn-accordion, body.mn-sugar .mn-accordion__item {
    border-color: var(--mn-border);
  }

  body.mn-sugar .mn-tag {
    border-color: var(--mn-border);
    color: var(--mn-text-muted);
    background: var(--mn-surface-raised);
  }

  body.mn-sugar .mn-tag:hover, body.mn-sugar .mn-tag--active {
    background: var(--mn-accent);
    color: var(--mn-accent-text);
  }

  body.mn-sugar .mn-table-wrap {
    border-color: var(--mn-border);
  }

  body.mn-sugar .mn-table thead {
    background: var(--mn-surface-sunken);
    color: var(--mn-text);
  }

  body.mn-sugar .mn-table td {
    border-color: var(--mn-border);
    color: var(--mn-text-tertiary);
  }

  body.mn-sugar .mn-table tbody tr:hover {
    background: var(--mn-hover-bg);
  }

  body.mn-sugar .mn-rich-table__badge--high {
    color: var(--mn-text);
    background: #00000014;
  }

  body.mn-sugar .mn-rich-table__avatar {
    background: var(--mn-active-bg);
    color: var(--mn-text);
  }

  body.mn-sugar .mn-rich-table__group td {
    background: #0000000a;
  }

  body.mn-sugar .mn-sidebar {
    background: var(--mn-surface-raised);
    border-color: var(--mn-border);
  }

  body.mn-sugar .mn-sidebar * {
    color: var(--mn-text-muted);
  }

  body.mn-sugar .mn-sidebar__link:hover {
    color: var(--mn-text);
    background: var(--mn-hover-bg);
  }

  body.mn-sugar .mn-sidebar__link--active {
    color: var(--mn-text);
    background: var(--mn-active-bg);
  }

  body.mn-sugar .mn-nav, body.mn-sugar header, body.mn-sugar .mn-header {
    background: var(--mn-surface-sunken);
    color: var(--mn-text);
    border-bottom: 1px solid var(--mn-border);
  }

  body.mn-sugar .mn-nav a, body.mn-sugar .mn-nav span {
    color: var(--mn-text);
  }

  body.mn-sugar .mn-nav a:hover {
    color: var(--mn-accent);
  }

  body.mn-sugar .mn-header__btn--active {
    color: var(--mn-text);
    background: var(--mn-active-bg);
    border-bottom: 2px solid var(--mn-accent);
  }

  body.mn-sugar .mn-header__btn:hover {
    background: var(--mn-hover-bg);
    color: var(--mn-text);
  }

  body.mn-sugar .mn-header__profile .mn-avatar {
    background: var(--mn-surface-raised);
    color: var(--mn-text);
    border: 1px solid var(--mn-border);
  }

  body.mn-sugar .mn-footer {
    background: var(--mn-surface-raised);
    color: var(--mn-text-muted);
  }

  body.mn-sugar .mn-gantt {
    background: var(--mn-surface-raised);
    border: 1px solid var(--mn-border);
  }

  body.mn-sugar [id*="gantt"] {
    background: var(--mn-surface-raised);
  }

  body.mn-sugar .mn-gauge__glass {
    display: none;
  }

  body.mn-sugar .mn-gauge__dial {
    background: var(--mn-surface-raised);
    border: 1px solid var(--mn-border);
    box-shadow: 0 2px 8px #0000001a;
  }

  body.mn-sugar .mn-ctrl-manettino__knob, body.mn-sugar .mn-ctrl-stepped__knob, body.mn-sugar .mn-ctrl-lever__track {
    filter: invert(.7);
  }

  body.mn-sugar #network-messages-demo {
    background: radial-gradient(circle at top, #00000008, var(--mn-surface-sunken));
  }

  body.mn-sugar #neural-nodes-demo {
    background: radial-gradient(circle at center, #4ea8de0f, var(--mn-surface-sunken));
  }

  body.mn-sugar #social-graph-canvas {
    background: radial-gradient(circle at center, #00000005, var(--mn-surface-sunken));
  }

  body.mn-sugar .mn-chat-header, body.mn-sugar .mn-chat-panel__header, body.mn-sugar [class*="chat-header"] {
    background: var(--mn-surface-raised);
    border-bottom: 1px solid var(--mn-border);
    color: var(--mn-text);
  }

  body.mn-sugar .mn-chat-body, body.mn-sugar [class*="chat-body"] {
    background: var(--mn-surface);
  }

  body.mn-sugar .mn-chat-msg--bot {
    background: var(--mn-surface-raised);
    color: var(--mn-text);
  }

  body.mn-sugar .mn-map-container, body.mn-sugar [id*="map-canvas"] {
    border: 1px solid var(--mn-border);
    border-radius: var(--radius-md);
    overflow: hidden;
  }

  body.mn-sugar .mn-impact-summary__card {
    background: var(--mn-surface-raised);
    border-color: var(--mn-border);
  }

  body.mn-sugar .mn-impact-row {
    border-color: var(--mn-border);
  }

  body.mn-sugar .mn-impact-alert {
    background: var(--mn-accent-bg);
    border-left-color: var(--mn-accent);
  }

  body.mn-sugar .mn-treemap__cell[aria-pressed="true"] {
    outline-color: var(--mn-accent);
  }

  body.mn-sugar .mn-okr {
    background: var(--mn-surface-raised);
  }

  body.mn-sugar .mn-okr * {
    color: var(--mn-text);
  }

  body.mn-sugar [style*="background:var(--grigio-scuro)"] {
    background: var(--mn-border) !important;
  }

  body.mn-sugar .mn-mission-card {
    background: var(--mn-surface-raised);
    border: 1px solid var(--mn-border);
    color: var(--mn-text);
  }

  body.mn-sugar .mn-mission-card * {
    color: inherit;
  }

  body.mn-sugar .mn-mission-progress-bar__track {
    background: var(--mn-border);
  }

  body.mn-sugar .mn-night-agent {
    background: var(--mn-surface-raised);
    border: 1px solid var(--mn-border);
    color: var(--mn-text);
  }

  body.mn-sugar .mn-night-agent * {
    color: inherit;
  }

  body.mn-sugar .mn-convergio-toolbar {
    background: var(--mn-surface-raised);
    border: 1px solid var(--mn-border);
    color: var(--mn-text);
  }

  body.mn-sugar .mn-idea-jar__vessel {
    background: var(--mn-surface-raised);
    border: 1px solid var(--mn-border);
  }

  body.mn-sugar .mn-admin-shell {
    background: var(--mn-surface);
    color: var(--mn-text);
  }

  body.mn-sugar .mn-admin-sidebar {
    background: var(--mn-surface-raised);
    border-color: var(--mn-border);
  }

  body.mn-sugar .mn-admin-sidebar * {
    color: var(--mn-text-muted);
  }

  body.mn-sugar .mn-admin-nav-item--active {
    color: var(--mn-text);
    background: var(--mn-active-bg);
  }

  body.mn-sugar .mn-section-card {
    background: var(--mn-surface-raised);
    border: 1px solid var(--mn-border);
  }

  body.mn-sugar .mn-section-card__header, body.mn-sugar .mn-settings-section {
    border-color: var(--mn-border);
  }

  body.mn-sugar .mn-settings-item {
    border-color: var(--mn-border-subtle);
    color: var(--mn-text);
  }

  body.mn-sugar .mn-avatar {
    background: var(--mn-border);
    color: var(--mn-text);
    border: 1px solid var(--mn-border-strong);
  }

  body.mn-sugar .mn-skeleton {
    background: var(--mn-border);
  }

  body.mn-sugar .mn-ctrl-toggle__body {
    background: var(--mn-border);
    box-shadow: inset 0 1px 3px #00000026;
  }

  body.mn-sugar .mn-ctrl-toggle__lever {
    background: var(--mn-surface-raised);
  }

  body.mn-sugar .mn-progress {
    background: var(--mn-border);
  }

  body.mn-sugar .mn-dot {
    background: var(--mn-border-strong);
  }

  body.mn-sugar .mn-dot--active {
    background: var(--mn-accent);
  }

  body.mn-sugar .mn-divider-gold {
    background: var(--mn-border);
  }

  body.mn-sugar .mn-modal__content {
    background: var(--mn-surface-raised);
    border: 1px solid var(--mn-border);
  }

  body.mn-sugar .mn-tooltip {
    background: var(--mn-surface-raised);
    border: 1px solid var(--mn-border);
    color: var(--mn-text);
  }

  body.mn-sugar .mn-dropdown__menu {
    background: var(--mn-surface-raised);
    border: 1px solid var(--mn-border);
  }

  body.mn-sugar .mn-toast {
    background: var(--mn-surface-raised);
    border: 1px solid var(--mn-border);
    color: var(--mn-text);
  }

  body.mn-sugar .mn-command-palette, body.mn-sugar .mn-notification-panel {
    background: var(--mn-surface-raised);
    border: 1px solid var(--mn-border);
  }

  body.mn-sugar .mn-drawer {
    background: var(--mn-surface-raised);
    border-color: var(--mn-border);
  }

  body.mn-sugar .mn-detail-panel {
    background: var(--mn-surface-raised);
  }

  body.mn-sugar .mn-mesh-node {
    background: var(--mn-surface-raised);
    border: 1px solid var(--mn-border);
  }

  body.mn-sugar .mn-dropdown__trigger {
    background: var(--mn-surface-raised);
    border: 1px solid var(--mn-border);
    color: var(--mn-text);
  }

  body.mn-sugar .mn-avatar-group .mn-avatar, body.mn-sugar .mn-avatar--sm {
    background: var(--mn-border);
    color: var(--mn-text);
  }

  body.mn-sugar .mn-launch-inner {
    background: inherit;
  }

  body.mn-sugar .mn-section-accent * {
    color: var(--bianco-puro);
  }

  body.mn-sugar .mn-section-accent .mn-btn {
    background: var(--bianco-puro);
    color: var(--nero-assoluto);
    border-color: var(--bianco-puro);
  }

  body.mn-sugar .mn-section-accent .mn-btn--ghost, body.mn-sugar .mn-section-accent .mn-btn:last-child {
    color: var(--bianco-puro);
    background: none;
    border-color: #fff6;
  }

  body.mn-sugar .mn-section-accent .mn-watermark {
    color: #ffffff14;
  }

  body.mn-sugar {
    --mn-chart-tooltip-bg: var(--mn-surface-raised);
    --mn-chart-tooltip-border: var(--mn-border-strong);
    --mn-chart-tooltip-text: var(--mn-text);
    --mn-chart-tooltip-shadow: 0 4px 16px #00000014;
    --severity-critical-fg: #dc2626;
    --severity-critical-bg: #fef2f2;
    --severity-high-fg: #ea580c;
    --severity-high-bg: #fff7ed;
    --severity-warning-fg: #ca8a04;
    --severity-warning-bg: #fefce8;
    --severity-resourcing-fg: #2563eb;
    --severity-resourcing-bg: #eff6ff;
  }

  body.mn-sugar.mn-colorblind {
    --mn-accent: #0072b2;
    --mn-accent-hover: #005f94;
    --mn-accent-text: #fff;
    --signal-ok: #009e73;
    --signal-warning: #e69f00;
    --signal-danger: #c94000;
    --mn-error: #c94000;
    --mn-success: #009e73;
    --mn-warning: #e69f00;
    --mn-info: #56b4e9;
    --chart-default: #0072b2;
    --chart-bar: #56b4e9;
    --mn-focus-ring: #0072b2;
    --mn-border-focus: #0072b2;
    --stage-1: #e69f00;
    --stage-2: #e69f00;
    --stage-3: #56b4e9;
    --stage-4: #009e73;
    --stage-5: #999;
    --stage-6: #d55e00;
    --stage-7: #444;
  }

  body.mn-navy {
    color: #e8eaf6;
    --mn-accent: #ffc72c;
    --mn-accent-hover: #e6b326;
    --mn-accent-text: #0d1f43;
    --mn-accent-bg: #ffc72c1a;
    --mn-accent-border: #ffc72c40;
    --mn-surface: #0d2045;
    --mn-surface-raised: #122a55;
    --mn-surface-sunken: #091636;
    --mn-surface-input: #122a55;
    --mn-surface-overlay: #091636d9;
    --mn-surface-hover: #ffffff0d;
    --mn-text: #e8eaf6;
    --mn-text-muted: #8ea4c8;
    --mn-text-tertiary: #a0b4d0;
    --mn-text-disabled: #5a7099;
    --mn-text-inverse: #0d1f43;
    --mn-border: #1e3a6a;
    --mn-border-subtle: #ffffff0f;
    --mn-border-strong: #2a4a8a;
    --mn-border-focus: var(--mn-accent);
    --mn-border-error: var(--mn-error);
    --mn-focus-ring: var(--mn-accent);
    --mn-focus-ring-offset: var(--mn-surface);
    --mn-hover-bg: #ffffff0f;
    --mn-active-bg: #ffffff1f;
    --mn-error: #ff8272;
    --mn-error-bg: #ff827229;
    --mn-success: #b4fa72;
    --mn-success-bg: #b4fa721f;
    --mn-warning: #f9c96a;
    --mn-warning-bg: #f9c96a24;
    --mn-info: #a5d5fe;
    --mn-info-bg: #a5d5fe24;
    --mn-backdrop: #00000080;
    --mn-scrim: #091636cc;
    background: #0d2045;
  }

  body.mn-navy .mn-section-light {
    background: var(--mn-surface-raised);
  }

  body.mn-navy .mn-section-ivory {
    background: var(--mn-surface-raised);
    color: var(--mn-text);
  }

  body.mn-navy .mn-section-ivory .mn-watermark {
    color: var(--mn-border);
  }

  body.mn-navy .mn-section-ivory .mn-body {
    color: var(--mn-text-tertiary);
  }

  body.mn-navy .mn-section-ivory .mn-title-section, body.mn-navy .mn-section-ivory .mn-title-sub {
    color: var(--mn-text);
  }

  body.mn-navy .mn-section-ivory .mn-section-number {
    color: var(--mn-text-muted);
  }

  body.mn-navy .mn-section-accent {
    background: linear-gradient(135deg, var(--mn-surface-raised), var(--mn-surface));
    color: var(--mn-text);
  }

  body.mn-navy .mn-launch-inner {
    background: inherit;
  }

  body.mn-navy .mn-section-accent * {
    color: var(--mn-text);
  }

  body.mn-navy .mn-section-accent .mn-btn {
    background: var(--mn-accent);
    color: var(--mn-accent-text);
    border-color: var(--mn-accent);
  }

  body.mn-navy .mn-section-accent .mn-btn--ghost, body.mn-navy .mn-section-accent .mn-btn:last-child {
    color: var(--mn-text);
    border-color: var(--mn-border-strong);
    background: none;
  }

  body.mn-navy .mn-section-accent .mn-watermark {
    color: #ffffff0a;
  }

  body.mn-navy .mn-binnacle {
    border-color: var(--mn-border);
    background: linear-gradient(#1e3a6a 0%, #163058 5%, #122a55 15%, #0d2045 50%, #122a55 85%, #163058 95%, #1e3a6a 100%);
  }

  body.mn-navy .mn-strip {
    background: none;
  }

  body.mn-navy .mn-strip__inner {
    background: var(--mn-surface-sunken);
    box-shadow: inset 0 1px 4px #0006;
  }

  body.mn-navy .mn-chat-panel__header {
    background: var(--mn-surface-raised);
    border-bottom: 1px solid var(--mn-border);
  }

  body.mn-navy .mn-chat-header, body.mn-navy [class*="chat-header"] {
    background: var(--mn-surface-raised);
    border-bottom: 1px solid var(--mn-border);
    color: var(--mn-text);
  }

  body.mn-navy .mn-chat-body, body.mn-navy [class*="chat-body"] {
    background: var(--mn-surface);
  }

  body.mn-navy .mn-chat-msg--bot {
    background: var(--mn-surface-raised);
    color: var(--mn-text);
  }

  body.mn-navy .mn-card-dark {
    background: var(--mn-surface-raised);
    border: 1px solid var(--mn-border);
    color: var(--mn-text);
  }

  body.mn-navy .mn-card {
    background: var(--mn-surface-raised);
    color: var(--mn-text);
  }

  body.mn-navy .mn-signal-panel {
    border-color: var(--mn-border);
    background: var(--mn-surface-raised);
  }

  body.mn-navy .mn-section-dark .mn-body, body.mn-navy .mn-section-light .mn-body {
    color: var(--mn-text-tertiary);
  }

  body.mn-navy .mn-section-dark .mn-title-section, body.mn-navy .mn-section-light .mn-title-section, body.mn-navy .mn-section-dark .mn-title-sub, body.mn-navy .mn-section-light .mn-title-sub {
    color: var(--mn-text);
  }

  body.mn-navy .mn-divider-gold, body.mn-navy .mn-section-ivory .mn-divider-gold--accent {
    background: var(--mn-accent);
  }

  body.mn-navy {
    --mn-chart-tooltip-bg: var(--mn-surface-raised);
    --mn-chart-tooltip-border: var(--mn-border-strong);
    --mn-chart-tooltip-text: var(--mn-text);
    --mn-chart-tooltip-shadow: 0 4px 16px #0000004d;
    --severity-critical-fg: #ff8272;
    --severity-critical-bg: #ff82721f;
    --severity-high-fg: #f9c96a;
    --severity-high-bg: #f9c96a1f;
    --severity-warning-fg: #ffc72c;
    --severity-warning-bg: #ffc72c1f;
    --severity-resourcing-fg: #a5d5fe;
    --severity-resourcing-bg: #a5d5fe1f;
  }
}

@layer utilities {
  .mn-text-center {
    text-align: center;
  }

  .mn-text-left {
    text-align: left;
  }

  .mn-text-right {
    text-align: right;
  }

  .mn-text-muted {
    color: var(--mn-text-tertiary);
  }

  .mn-text-subtle, .mn-text-dim {
    color: var(--mn-text-muted);
  }

  .mn-text-giallo {
    color: var(--mn-accent);
  }

  .mn-text-verde {
    color: var(--mn-success);
  }

  .mn-text-rosso {
    color: var(--mn-error);
  }

  .mn-text-bianco {
    color: var(--mn-text);
  }

  .mn-text-avorio {
    color: var(--avorio-scuro);
  }

  body.mn-avorio .mn-section-dark .mn-text-muted {
    color: var(--mn-text-muted);
  }

  body.mn-avorio .mn-section-dark .mn-text-bianco {
    color: var(--mn-text-inverse);
  }

  body.mn-avorio .mn-section-dark .mn-text-dim {
    color: var(--mn-text-muted);
  }

  .mn-mt-xs {
    margin-top: var(--space-xs);
  }

  .mn-mt-sm {
    margin-top: var(--space-sm);
  }

  .mn-mt-md {
    margin-top: var(--space-md);
  }

  .mn-mt-lg {
    margin-top: var(--space-lg);
  }

  .mn-mt-xl {
    margin-top: var(--space-xl);
  }

  .mn-mt-2xl {
    margin-top: var(--space-2xl);
  }

  .mn-mt-3xl {
    margin-top: var(--space-3xl);
  }

  .mn-mb-xs {
    margin-bottom: var(--space-xs);
  }

  .mn-mb-sm {
    margin-bottom: var(--space-sm);
  }

  .mn-mb-md {
    margin-bottom: var(--space-md);
  }

  .mn-mb-lg {
    margin-bottom: var(--space-lg);
  }

  .mn-flex-center {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .mn-flex-between {
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .mn-flex-col {
    flex-direction: column;
    display: flex;
  }

  .mn-flex-wrap {
    flex-wrap: wrap;
    display: flex;
  }

  .mn-gap-xs {
    gap: var(--space-xs);
  }

  .mn-gap-sm {
    gap: var(--space-sm);
  }

  .mn-gap-md {
    gap: var(--space-md);
  }

  .mn-gap-lg {
    gap: var(--space-lg);
  }

  .mn-gap-xl {
    gap: var(--space-xl);
  }

  .mn-gap-2xl {
    gap: var(--space-2xl);
  }

  .mn-color-gold {
    color: var(--mn-accent);
  }

  .mn-color-red {
    color: var(--mn-error);
  }

  .mn-color-green {
    color: var(--mn-success);
  }

  .mn-color-muted {
    color: var(--mn-text-muted);
  }

  .mn-sr-only {
    clip: rect(0,0,0,0);
    border: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }

  .mn-block {
    display: block;
  }

  .mn-inline {
    display: inline;
  }

  .mn-inline-flex {
    display: inline-flex;
  }

  .mn-reveal {
    opacity: 0;
    transition: opacity var(--duration-lg) var(--ease-out),
              transform var(--duration-lg) var(--ease-out);
    transform: translateY(30px);
  }

  .mn-reveal--visible {
    opacity: 1;
    transform: translateY(0);
  }

  @keyframes needleSweep {
    from {
      transform: rotate(var(--needle-start, -135deg));
    }

    to {
      transform: rotate(var(--needle-end, 0deg));
    }
  }

  .mn-demo-swatch-grid {
    gap: var(--space-md);
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
    display: grid;
  }

  .mn-demo-swatch {
    aspect-ratio: 1;
    border-radius: var(--radius-md);
    padding: var(--space-sm);
    font-size: var(--text-nano);
    font-family: var(--font-display);
    text-transform: uppercase;
    letter-spacing: .06em;
    border: 1px solid var(--mn-border-subtle);
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    font-weight: 500;
    display: flex;
  }

  .mn-demo-swatch--dark {
    color: var(--mn-text);
    border-color: #0000;
  }

  .mn-demo-spacer {
    height: 56px;
  }

  .mn-demo-section-label {
    font-family: var(--font-display);
    font-size: var(--text-micro);
    text-transform: uppercase;
    letter-spacing: .12em;
    color: var(--mn-accent);
    margin-bottom: var(--space-sm);
    font-weight: 600;
  }

  .mn-theme-toggle {
    width: 32px;
    height: 32px;
    color: var(--mn-text-tertiary);
    border-color: #ffffff26;
    font-size: .85rem;
  }

  @media (max-width: 640px) {
    .mn-hide-mobile {
      display: none !important;
    }

    .mn-stack-mobile {
      flex-direction: column !important;
    }

    .mn-full-mobile {
      width: 100% !important;
      max-width: 100% !important;
    }
  }

  @media (min-width: 641px) {
    .mn-show-mobile {
      display: none !important;
    }
  }

  @media (min-width: 641px) and (max-width: 1024px) {
    .mn-hide-tablet {
      display: none !important;
    }
  }

  @media (min-width: 1025px) {
    .mn-hide-desktop {
      display: none !important;
    }
  }
}

@media (max-width: 640px) {
  @layer components {
    .mn-cohort__cell {
      min-width: 44px;
      font-size: calc(var(--text-micro) * .9);
      padding: 3px 6px;
    }

    .mn-cohort__cell-label {
      padding: var(--space-xs) 6px;
      font-size: calc(var(--text-sm) * .9);
      text-overflow: ellipsis;
      max-width: 120px;
      overflow: hidden;
    }
  }
}

.mn-icon {
  width: var(--mn-icon-size);
  height: var(--mn-icon-size);
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.mn-icon svg {
  stroke: currentColor;
  stroke-width: 1.5px;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
  width: 100%;
  height: 100%;
}

.mn-icon--xs {
  --mn-icon-size: 12px;
}

.mn-icon--sm {
  --mn-icon-size: 16px;
}

.mn-icon--md {
  --mn-icon-size: 20px;
}

.mn-icon--lg {
  --mn-icon-size: 24px;
}

.mn-icon--xl {
  --mn-icon-size: 32px;
}

.mn-icon--2xl {
  --mn-icon-size: 48px;
}

.mn-icon-text {
  align-items: center;
  gap: var(--space-xs);
  display: inline-flex;
}

.mn-icon--success {
  color: var(--mn-success);
}

.mn-icon--warning {
  color: var(--mn-accent);
}

.mn-icon--danger {
  color: var(--mn-error);
}

.mn-icon--info {
  color: var(--status-info);
}

.mn-icon--muted {
  color: var(--mn-text-muted);
}

.mn-icon-action {
  border: 1px solid var(--mn-border);
  width: 36px;
  height: 36px;
  color: var(--mn-text-muted);
  cursor: pointer;
  transition: all var(--duration-sm) var(--ease-out);
  background: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.mn-icon-action:hover {
  color: var(--mn-text);
  border-color: var(--mn-text-muted);
  background: #ffffff0f;
}

.mn-icon-action:focus-visible {
  outline: 2px solid var(--mn-accent);
  outline-offset: 2px;
}

body.mn-avorio .mn-icon-action {
  border-color: var(--mn-border-strong);
  color: var(--mn-text-muted);
}

body.mn-avorio .mn-icon-action:hover {
  color: var(--mn-text);
  background: #0000000a;
}

:root {
  --mn-scale: 1;
}

.mn-scale-xs {
  --mn-scale: .75;
}

.mn-scale-sm {
  --mn-scale: .875;
}

.mn-scale-md {
  --mn-scale: 1;
}

.mn-scale-lg {
  --mn-scale: 1.25;
}

.mn-scale-xl {
  --mn-scale: 1.5;
}

.mn-scale-2xl {
  --mn-scale: 2;
}

.mn-gauge--scaled .mn-gauge__instrument {
  width: calc(220px * var(--mn-scale));
  height: calc(220px * var(--mn-scale));
  padding: calc(12px * var(--mn-scale));
}

.mn-gauge--scaled .mn-gauge__instrument--sm {
  width: calc(180px * var(--mn-scale));
  height: calc(180px * var(--mn-scale));
  padding: calc(10px * var(--mn-scale));
}

.mn-pod--scaled {
  width: calc(80px * var(--mn-scale));
  height: calc(80px * var(--mn-scale));
}

.mn-text-scaled {
  font-size: calc(1em * var(--mn-scale));
}

.mn-dashboard {
  gap: var(--space-lg);
  grid-template-columns: repeat(12, 1fr);
  display: grid;
}

.mn-dashboard__cell {
  min-width: 0;
}

.mn-cell-1 {
  grid-column: span 1;
}

.mn-cell-2 {
  grid-column: span 2;
}

.mn-cell-3 {
  grid-column: span 3;
}

.mn-cell-4 {
  grid-column: span 4;
}

.mn-cell-5 {
  grid-column: span 5;
}

.mn-cell-6 {
  grid-column: span 6;
}

.mn-cell-7 {
  grid-column: span 7;
}

.mn-cell-8 {
  grid-column: span 8;
}

.mn-cell-9 {
  grid-column: span 9;
}

.mn-cell-10 {
  grid-column: span 10;
}

.mn-cell-11 {
  grid-column: span 11;
}

.mn-cell-12 {
  grid-column: span 12;
}

.mn-row-2 {
  grid-row: span 2;
}

.mn-row-3 {
  grid-row: span 3;
}

@media (max-width: 768px) {
  .mn-dashboard {
    grid-template-columns: repeat(4, 1fr);
  }

  .mn-cell-3, .mn-cell-4, .mn-cell-5, .mn-cell-6, .mn-cell-7, .mn-cell-8, .mn-cell-9, .mn-cell-10, .mn-cell-11, .mn-cell-12 {
    grid-column: span 4;
  }
}

@media (min-width: 769px) and (max-width: 1024px) {
  .mn-dashboard {
    grid-template-columns: repeat(8, 1fr);
  }
}

.mn-panel {
  background: var(--mn-surface-raised);
  border-radius: var(--radius-lg);
  padding: var(--space-lg);
  box-shadow: var(--shadow-card);
  color: var(--mn-text);
  overflow: hidden;
}

.mn-panel--glass {
  -webkit-backdrop-filter: blur(20px);
  background: #1a1a1acc;
}

.mn-panel--flush {
  padding: 0;
}

.mn-panel__header {
  padding-bottom: var(--space-md);
  border-bottom: 1px solid var(--mn-border);
  margin-bottom: var(--space-md);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.mn-panel__title {
  font-family: var(--font-display);
  font-size: var(--text-micro);
  text-transform: uppercase;
  letter-spacing: .1em;
  color: var(--mn-text-muted);
  font-weight: 600;
}

body.mn-avorio .mn-panel {
  background: var(--mn-surface);
  color: var(--mn-text);
  border: 1px solid var(--mn-border-subtle);
}

body.mn-avorio .mn-panel__header {
  border-color: var(--mn-border-subtle);
}

body.mn-avorio .mn-panel__title {
  color: var(--mn-text-muted);
}

.mn-aspect-1 {
  aspect-ratio: 1;
}

.mn-aspect-4-3 {
  aspect-ratio: 4 / 3;
}

.mn-aspect-16-9 {
  aspect-ratio: 16 / 9;
}

.mn-aspect-21-9 {
  aspect-ratio: 21 / 9;
}

@keyframes mn-fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes mn-fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes mn-fadeInDown {
  from {
    opacity: 0;
    transform: translateY(-20px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes mn-fadeInLeft {
  from {
    opacity: 0;
    transform: translateX(-20px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes mn-fadeInRight {
  from {
    opacity: 0;
    transform: translateX(20px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes mn-scaleIn {
  from {
    opacity: 0;
    transform: scale(.9);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes mn-slideInUp {
  from {
    transform: translateY(100%);
  }

  to {
    transform: translateY(0);
  }
}

.mn-anim-fadeIn {
  animation: mn-fadeIn var(--duration-md) var(--ease-out) both;
}

.mn-anim-fadeInUp {
  animation: mn-fadeInUp var(--duration-md) var(--ease-out) both;
}

.mn-anim-fadeInDown {
  animation: mn-fadeInDown var(--duration-md) var(--ease-out) both;
}

.mn-anim-fadeInLeft {
  animation: mn-fadeInLeft var(--duration-md) var(--ease-out) both;
}

.mn-anim-fadeInRight {
  animation: mn-fadeInRight var(--duration-md) var(--ease-out) both;
}

.mn-anim-scaleIn {
  animation: mn-scaleIn var(--duration-md) var(--ease-out) both;
}

.mn-anim-slideInUp {
  animation: mn-slideInUp var(--duration-md) var(--ease-out) both;
}

.mn-stagger > :first-child {
  animation-delay: 0s;
}

.mn-stagger > :nth-child(2) {
  animation-delay: 60ms;
}

.mn-stagger > :nth-child(3) {
  animation-delay: .12s;
}

.mn-stagger > :nth-child(4) {
  animation-delay: .18s;
}

.mn-stagger > :nth-child(5) {
  animation-delay: .24s;
}

.mn-stagger > :nth-child(6) {
  animation-delay: .3s;
}

.mn-stagger > :nth-child(7) {
  animation-delay: .36s;
}

.mn-stagger > :nth-child(8) {
  animation-delay: .42s;
}

.mn-stagger > :nth-child(9) {
  animation-delay: .48s;
}

.mn-stagger > :nth-child(10) {
  animation-delay: .54s;
}

.mn-stagger > :nth-child(n+11) {
  animation-delay: .6s;
}

@keyframes mn-pulse {
  0%, 100% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.05);
  }
}

@keyframes mn-pulseDot {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }

  50% {
    opacity: .6;
    transform: scale(1.3);
  }
}

@keyframes mn-ping {
  0% {
    opacity: .8;
    transform: scale(1);
  }

  100% {
    opacity: 0;
    transform: scale(2);
  }
}

.mn-anim-pulse {
  animation: mn-pulse 2s var(--ease-out) infinite;
}

.mn-anim-pulseDot {
  animation: mn-pulseDot 1.5s var(--ease-out) infinite;
}

@keyframes mn-shimmer {
  0% {
    background-position: -200% 0;
  }

  100% {
    background-position: 200% 0;
  }
}

.mn-shimmer {
  border-radius: var(--radius-sm);
  background: linear-gradient(90deg, #ffffff05 0%, #ffffff0f 40%, #ffffff05 80%) 0 0 / 200% 100%;
  animation: 1.8s infinite mn-shimmer;
}

.mn-shimmer--bar {
  width: 100%;
  height: 12px;
}

.mn-shimmer--circle {
  border-radius: 50%;
  width: 40px;
  height: 40px;
}

@keyframes mn-countUp {
  from {
    opacity: 0;
    transform: translateY(8px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.mn-anim-count {
  animation: mn-countUp var(--duration-sm) var(--ease-out) both;
}

@keyframes mn-gaugeSweep {
  from {
    stroke-dashoffset: var(--dash-total, 283);
  }

  to {
    stroke-dashoffset: var(--dash-offset, 0);
  }
}

@keyframes mn-blink {
  0%, 100% {
    opacity: 1;
  }

  50% {
    opacity: .3;
  }
}

.mn-anim-blink {
  animation: 1s step-start infinite mn-blink;
}

.mn-hover-lift {
  transition: transform var(--duration-sm) var(--ease-out),
              box-shadow var(--duration-sm) var(--ease-out);
}

.mn-hover-lift:hover {
  box-shadow: var(--shadow-elevated);
  transform: translateY(-4px);
}

.mn-hover-glow {
  transition: box-shadow var(--duration-sm) var(--ease-out);
}

.mn-hover-glow:hover {
  box-shadow: 0 0 20px #ffc72c26;
}

@media (prefers-reduced-motion: reduce) {
  .mn-reveal {
    opacity: 1;
    transform: none;
  }
}

.mn-chat-agent-card:hover {
  border-color: var(--mn-accent);
  color: var(--mn-text);
}

.mn-chat-agent-card__icon {
  color: var(--mn-accent);
  justify-content: center;
  align-items: center;
  font-size: 24px;
  line-height: 1;
  display: inline-flex;
}

.mn-chat-agent-card__icon svg {
  width: 28px;
  height: 28px;
}

.mn-chat-agent-card__label {
  line-height: 1.2;
}

.mn-chat-agent-card--active {
  border-color: var(--mn-accent);
  background: #ffd30014;
}

.mn-chat-panel__messages {
  padding: var(--space-md);
  gap: var(--space-sm);
  flex-direction: column;
  flex: 1;
  display: flex;
  overflow-y: auto;
}

.mn-chat-msg {
  max-width: 85%;
  padding: var(--space-sm) var(--space-md);
  border-radius: var(--radius-md);
  font-family: var(--font-body);
  font-size: var(--text-caption);
  line-height: 1.5;
}

.mn-chat-msg--user {
  background: var(--mn-border);
  color: var(--mn-text);
  border-bottom-right-radius: 4px;
  align-self: flex-end;
}

.mn-chat-msg--ai {
  background: var(--mn-surface);
  color: var(--mn-border-strong);
  border-bottom-left-radius: 4px;
  align-self: flex-start;
}

.mn-chat-msg__body {
  gap: var(--space-xs);
  display: flex;
}

.mn-chat-msg__content {
  flex: 1;
  min-width: 0;
}

.mn-chat-msg__icon {
  width: 16px;
  color: var(--mn-accent);
  flex-shrink: 0;
  margin-top: 2px;
  display: inline-flex;
}

.mn-chat-msg__icon svg {
  width: 14px;
  height: 14px;
}

.mn-chat-msg__avatar {
  object-fit: cover;
  background: var(--mn-surface-raised);
  width: 24px;
  height: 24px;
  color: var(--mn-accent);
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  margin-top: 1px;
  font-size: .7rem;
  font-weight: 700;
  display: flex;
}

.mn-chat-msg__time {
  font-family: var(--font-mono);
  font-size: var(--text-nano);
  color: var(--mn-text-muted);
  margin-top: 2px;
}

.mn-chat-msg__code {
  font-family: var(--font-mono);
  font-size: var(--text-micro);
  background: var(--mn-text-inverse);
  padding: var(--space-xs) var(--space-sm);
  border-radius: var(--radius-sm);
  margin-top: var(--space-xs);
  white-space: pre;
  position: relative;
  overflow-x: auto;
}

.mn-chat-msg__inline-code {
  font-family: var(--font-mono);
  background: var(--mn-hover-bg);
  border-radius: var(--radius-xs);
  padding: 1px 4px;
  font-size: .85em;
}

.mn-chat-msg__copy {
  font-family: var(--font-mono);
  font-size: var(--text-nano);
  color: var(--mn-text-muted);
  cursor: pointer;
  background: none;
  border: none;
  position: absolute;
  top: 4px;
  right: 4px;
}

.mn-chat-msg__copy:hover {
  color: var(--mn-accent);
}

.mn-chat-typing {
  padding: var(--space-sm) var(--space-md);
  align-self: flex-start;
  gap: 4px;
  display: flex;
}

.mn-chat-typing__dot {
  background: var(--mn-text-muted);
  border-radius: 50%;
  width: 6px;
  height: 6px;
  animation: 1.2s infinite mn-typing-fade;
}

.mn-chat-typing__dot:nth-child(2) {
  animation-delay: .2s;
}

.mn-chat-typing__dot:nth-child(3) {
  animation-delay: .4s;
}

@keyframes mn-typing-fade {
  0%, 60%, 100% {
    opacity: .3;
  }

  30% {
    opacity: 1;
  }
}

.mn-chat-panel__quick {
  gap: var(--space-xs);
  padding: 0 var(--space-md) var(--space-xs);
  flex-wrap: wrap;
  flex-shrink: 0;
  display: flex;
}

.mn-chat-panel__quick-btn {
  border-radius: var(--radius-pill);
  font-family: var(--font-mono);
  font-size: var(--text-nano);
  text-transform: uppercase;
  letter-spacing: .06em;
  border: 1px solid var(--mn-border);
  color: var(--mn-text-muted);
  cursor: pointer;
  background: none;
  padding: 3px 10px;
  transition: all .2s;
}

.mn-chat-panel__quick-btn:hover {
  border-color: var(--mn-accent);
  color: var(--mn-accent);
}

.mn-chat-panel__input-area {
  gap: var(--space-sm);
  padding: var(--space-sm) var(--space-md);
  border-top: 1px solid var(--mn-border);
  flex-shrink: 0;
  align-items: flex-end;
  display: flex;
}

.mn-chat-panel__input {
  background: var(--mn-surface);
  border: 1px solid var(--mn-border);
  border-radius: var(--radius-sm);
  padding: var(--space-xs) var(--space-sm);
  font-family: var(--font-body);
  font-size: var(--text-caption);
  color: var(--mn-text);
  resize: none;
  outline: none;
  flex: 1;
  max-height: 80px;
  line-height: 1.4;
}

.mn-chat-panel__input::placeholder {
  color: var(--mn-text-muted);
}

.mn-chat-panel__input:focus {
  border-color: var(--mn-accent);
}

.mn-chat-panel__send {
  background: var(--mn-accent);
  width: 32px;
  height: 32px;
  color: var(--mn-text-inverse);
  cursor: pointer;
  opacity: 0;
  pointer-events: none;
  border: none;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  transition: transform .15s;
  display: flex;
}

.mn-chat-panel__send--visible {
  opacity: 1;
  pointer-events: auto;
}

.mn-chat-panel__send:hover {
  transform: scale(1.1);
}

.mn-chat-panel__send svg {
  width: 16px;
  height: 16px;
}

.mn-chat-voice {
  border: 1px solid var(--mn-border);
  background: var(--mn-surface);
  width: 32px;
  height: 32px;
  color: var(--mn-text-tertiary);
  cursor: pointer;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  transition: border-color .2s, color .2s, box-shadow .2s;
  display: flex;
}

.mn-chat-voice:hover {
  border-color: var(--mn-accent);
  color: var(--mn-accent);
}

.mn-chat-voice svg {
  width: 15px;
  height: 15px;
}

.mn-chat-voice--active {
  border-color: var(--mn-error);
  color: var(--mn-error);
  animation: 1.2s infinite mn-chat-voice-pulse;
  box-shadow: 0 0 #dc000080;
}

@keyframes mn-chat-voice-pulse {
  0% {
    box-shadow: 0 0 #dc000073;
  }

  70% {
    box-shadow: 0 0 0 8px #dc000000;
  }

  100% {
    box-shadow: 0 0 #dc000000;
  }
}

.mn-map {
  border-radius: var(--radius-lg);
  border: 1px solid var(--mn-border);
  background: var(--mn-surface-sunken);
  position: relative;
  overflow: hidden;
}

.mn-map canvas {
  width: 100%;
  display: block;
}

.mn-map__tooltip {
  pointer-events: none;
  background: var(--mn-surface);
  border: 1px solid var(--mn-border);
  border-radius: var(--radius-sm);
  padding: var(--space-xs) var(--space-sm);
  font-family: var(--font-body);
  font-size: var(--text-micro);
  color: var(--mn-text);
  box-shadow: var(--shadow-elevated);
  white-space: nowrap;
  z-index: 10;
  opacity: 0;
  transition: opacity .15s;
  position: absolute;
}

.mn-map__tooltip--visible {
  opacity: 1;
}

.mn-map__tooltip-label {
  font-family: var(--font-display);
  font-weight: 600;
}

.mn-map__tooltip-detail {
  color: var(--mn-text-tertiary);
}

.mn-map__legend {
  bottom: var(--space-sm);
  right: var(--space-sm);
  border: 1px solid var(--mn-border);
  border-radius: var(--radius-sm);
  padding: var(--space-xs) var(--space-sm);
  background: #0a0a0ad9;
  position: absolute;
}

.mn-map__legend-item {
  align-items: center;
  gap: var(--space-xs);
  font-family: var(--font-mono);
  font-size: var(--text-nano);
  color: var(--mn-text-muted);
  display: flex;
}

.mn-map__legend-dot {
  border-radius: 50%;
  width: 8px;
  height: 8px;
}

.mn-sys-status {
  display: inline-block;
  position: relative;
}

.mn-sys-status__pill {
  border-radius: var(--radius-pill);
  background: var(--mn-surface);
  border: 1px solid var(--mn-border);
  color: var(--mn-text-muted);
  font-family: var(--font-mono);
  font-size: var(--text-micro);
  cursor: pointer;
  transition: all .2s var(--ease-out);
  white-space: nowrap;
  align-items: center;
  gap: 6px;
  padding: 4px 12px;
  display: inline-flex;
}

.mn-sys-status__pill:hover {
  background: var(--mn-surface-raised);
  border-color: var(--mn-text-muted);
}

.mn-sys-status__dot {
  border-radius: 50%;
  flex-shrink: 0;
  width: 8px;
  height: 8px;
}

.mn-sys-status__dot--active {
  background: var(--status-active);
  box-shadow: 0 0 6px var(--status-active);
}

.mn-sys-status__dot--warning {
  background: var(--status-warning);
  box-shadow: 0 0 6px var(--status-warning);
}

.mn-sys-status__dot--danger {
  background: var(--status-danger);
  box-shadow: 0 0 6px var(--status-danger);
}

.mn-sys-status__version {
  color: var(--mn-text);
  font-weight: 500;
}

.mn-sys-status__env {
  color: var(--status-active);
  font-weight: 400;
}

.mn-okr__summary-threshold {
  font-size: var(--text-micro);
  color: var(--mn-text-muted);
}

.mn-okr__body {
  gap: var(--space-md);
  display: grid;
}

.mn-okr__hero {
  background: linear-gradient(145deg, var(--mn-hover-bg), #fff0);
  border: 1px solid var(--mn-border);
  border-radius: var(--radius-lg);
  background-color: var(--mn-surface-raised);
  padding: var(--space-xl) var(--space-lg);
  align-items: center;
  gap: clamp(var(--space-md), 3vw, var(--space-xl));
  grid-template-columns: minmax(200px, 260px) 1fr;
  display: grid;
  position: relative;
  overflow: hidden;
}

.mn-okr__hero:before {
  content: "";
  pointer-events: none;
  background: radial-gradient(at 30% 80%, #ffc72c0a, #0000 70%);
  position: absolute;
  inset: 0;
}

.mn-okr__gauge-wrap {
  justify-items: center;
  gap: 4px;
  display: grid;
  position: relative;
}

.mn-okr__gauge {
  width: 100%;
  height: auto;
  overflow: visible;
}

.mn-okr__gauge-value {
  font-family: var(--font-mono);
  letter-spacing: .02em;
  text-shadow: 0 0 30px #ffc72c40;
  margin-top: -12px;
  font-size: clamp(2rem, 4vw, 3rem);
  font-weight: 700;
  line-height: 1;
}

.mn-okr__average {
  align-content: center;
  gap: 8px;
  display: grid;
}

.mn-okr__average-label {
  font-size: var(--text-caption);
  color: var(--mn-text-muted);
}

.mn-okr__average-value {
  font-family: var(--font-mono);
  letter-spacing: .01em;
  color: var(--mn-text);
  text-shadow: 0 0 24px var(--mn-hover-bg);
  font-size: clamp(2rem, 4.4vw, 3.4rem);
  line-height: .95;
}

.mn-okr__status-badge {
  border-radius: var(--radius-pill);
  font-family: var(--font-mono);
  font-size: var(--text-micro);
  letter-spacing: .1em;
  text-transform: uppercase;
  background: color-mix(in srgb, var(--badge-color, #00a651) 18%, transparent);
  border: 1px solid color-mix(in srgb, var(--badge-color, #00a651) 50%, transparent);
  color: var(--badge-color, #00a651);
  justify-self: start;
  align-items: center;
  padding: 5px 14px;
  font-weight: 700;
  display: inline-flex;
}

.mn-okr__period-tag {
  border-radius: var(--radius-pill);
  border: 1px solid var(--mn-border);
  background: var(--mn-hover-bg);
  font-family: var(--font-mono);
  font-size: var(--text-micro);
  text-transform: uppercase;
  letter-spacing: .08em;
  color: var(--mn-text-tertiary);
  justify-self: start;
  align-items: center;
  padding: 6px 12px;
  display: inline-flex;
}

.mn-okr__ring {
  width: 100%;
  height: auto;
  overflow: visible;
}

.mn-okr__ring-track, .mn-okr__ring-track--overall {
  fill: none;
  stroke: var(--mn-hover-bg);
}

.mn-okr__ring-progress, .mn-okr__ring-progress--overall {
  fill: none;
  stroke-linecap: round;
  transform-origin: center;
  filter: drop-shadow(0 0 10px var(--mn-hover-bg));
  transition: stroke-dashoffset .9s cubic-bezier(.2, 1, .2, 1), stroke .3s;
  transform: rotate(-90deg);
}

.mn-okr__ring-text {
  font-family: var(--font-mono);
  fill: var(--mn-text);
  font-size: .95rem;
  font-weight: 700;
}

.mn-okr__objectives {
  gap: var(--space-md);
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  display: grid;
}

.mn-okr__objective {
  background: var(--mn-surface-raised);
  border: 1px solid var(--mn-border);
  border-left: 3px solid var(--mn-okr-status);
  border-radius: var(--radius-md);
  padding: var(--space-md);
  gap: var(--space-md);
  box-shadow: 0 0 0 0 var(--mn-hover-bg);
  animation: mn-okr-card-rise .36s var(--ease-out) both;
  transition: transform .22s, box-shadow .22s, border-color .22s;
  display: grid;
}

.mn-okr__objective:hover {
  box-shadow: var(--shadow-elevated), 0 0 0 1px var(--mn-hover-bg);
  transform: translateY(-4px);
}

.mn-okr__objective-header {
  gap: var(--space-sm);
  grid-template-columns: 1fr auto;
  align-items: center;
  display: grid;
}

.mn-okr__objective-main {
  gap: 8px;
  display: grid;
}

.mn-okr__scope-badge {
  border-radius: var(--radius-pill);
  background: color-mix(in srgb, var(--mn-okr-scope) 20%, transparent);
  border: 1px solid color-mix(in srgb, var(--mn-okr-scope) 52%, transparent);
  color: var(--mn-okr-scope);
  font-family: var(--font-mono);
  font-size: var(--text-micro);
  letter-spacing: .08em;
  text-transform: uppercase;
  justify-self: start;
  align-items: center;
  padding: 4px 10px;
  display: inline-flex;
}

.mn-okr__objective-title {
  font-family: var(--font-body);
  color: var(--mn-text);
  margin: 0;
  font-size: 1rem;
  line-height: 1.4;
}

.mn-okr__objective-ring-wrap {
  width: 56px;
  height: 56px;
}

.mn-okr__objective-ring-wrap .mn-okr__ring-text {
  font-size: .62rem;
}

.mn-okr__kr-list {
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.mn-okr__kr {
  gap: 6px;
  display: grid;
}

.mn-okr__kr-head {
  gap: var(--space-xs);
  grid-template-columns: 1fr auto;
  align-items: baseline;
  display: grid;
}

.mn-okr__kr-title {
  font-size: var(--text-caption);
  color: var(--mn-text-muted);
  line-height: 1.4;
}

.mn-okr__kr-metric {
  font-family: var(--font-mono);
  font-size: var(--text-micro);
  color: var(--mn-text);
  white-space: nowrap;
}

.mn-okr__kr-track {
  border-radius: var(--radius-pill);
  background: var(--mn-hover-bg);
  height: 5px;
  overflow: hidden;
}

.mn-okr__kr-bar {
  width: 0%;
  height: 100%;
}

.mn-map .mapboxgl-ctrl-group {
  background: var(--bg-panel, #141414);
  border: 1px solid var(--border, #333);
  border-radius: var(--radius-sm);
  box-shadow: var(--shadow-card);
}

.mn-map .mapboxgl-ctrl-group button {
  border-color: var(--border, #333);
  background: none;
}

.mn-map .mapboxgl-ctrl-group button:hover {
  background: #ffc72c1a;
}

.mn-map .mapboxgl-ctrl-group button span {
  filter: invert(.7);
}

.mn-map .mapboxgl-ctrl-attrib {
  color: var(--text-dim, #666);
  background: #00000080;
  font-size: .55rem;
}

.mn-map .mapboxgl-ctrl-attrib a {
  color: var(--text-dim, #666);
}

.mn-avorio .mn-mapbox-popup .mapboxgl-popup-content {
  background: var(--mn-surface);
  color: var(--mn-text);
  border-color: var(--mn-border-strong);
}

.mn-avorio .mapboxgl-ctrl-group {
  background: var(--mn-surface);
  border-color: var(--mn-border-strong);
}

.mn-avorio .mapboxgl-ctrl-group button span {
  filter: none;
}

@layer integration {
  [data-theme="maranello"], [data-theme="nero"], body.mn-nero {
    --bg-deep: var(--mn-surface-sunken);
    --bg-panel: var(--mn-surface-raised);
    --bg-card: var(--mn-border);
    --bg-input: var(--mn-surface);
    --accent: var(--mn-accent);
    --accent-hover: var(--giallo-vivace, #ffd54f);
    --danger: var(--mn-error);
    --success: var(--verde-racing, #00a651);
    --warning: var(--arancio-caldo, #d4622b);
    --info: var(--azzurro-chiaro, #4ea8de);
    --text: var(--mn-border-strong);
    --text-dim: var(--mn-text-muted);
    --text-bright: var(--mn-text);
    --border: var(--mn-border);
    --border-accent: var(--mn-accent);
    --chart-1: var(--mn-accent);
    --chart-2: #dc0000;
    --chart-3: #00a651;
    --chart-4: #4ea8de;
    --chart-5: #d4622b;
    --chart-6: #8b5cf6;
    --chart-7: #e91e63;
    --chart-8: #00bcd4;
    --chart-9: #ff9800;
    --chart-10: #9c27b0;
    --shadow-card: 0 2px 8px #0006;
    --shadow-elevated: 0 8px 24px #00000080;
    --shadow-deep: 0 16px 48px #0009;
    --gradient-accent: linear-gradient(135deg, var(--accent), var(--danger));
    --gradient-header: linear-gradient(180deg, #ffc72c14 0%, transparent 100%);
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-xl: 16px;
  }

  [data-theme="avorio"], body.mn-avorio {
    --bg-deep: #faf8f3;
    --bg-panel: #fff;
    --bg-card: #f5f0e8;
    --bg-input: #fff;
    --accent: #b8860b;
    --accent-hover: #d4a017;
    --danger: #c62828;
    --success: #2e7d32;
    --warning: #e65100;
    --info: #1565c0;
    --text: #2c2c2c;
    --text-dim: #666;
    --text-bright: #1a1a1a;
    --border: #d5cfc2;
    --border-accent: #b8860b;
    --shadow-card: 0 2px 8px #00000014;
    --shadow-elevated: 0 8px 24px #0000001f;
    --shadow-deep: 0 16px 48px #00000029;
    --gradient-accent: linear-gradient(135deg, #b8860b, #c62828);
    --gradient-header: linear-gradient(180deg, #b8860b0f 0%, transparent 100%);
  }

  body {
    font-family: var(--font-body, "Inter", system-ui, sans-serif);
    background: var(--bg-deep);
    color: var(--text);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  h1, h2, h3 {
    font-family: var(--font-display, "Outfit", sans-serif);
    text-transform: uppercase;
    letter-spacing: .06em;
    color: var(--text-bright);
    margin: 0 0 .5em;
  }

  h1 {
    font-size: 2rem;
    font-weight: 700;
  }

  h2 {
    font-size: 1.25rem;
    font-weight: 600;
  }

  h3 {
    font-size: .95rem;
    font-weight: 600;
  }

  input, select, textarea {
    background: var(--bg-input);
    color: var(--text);
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    outline: none;
    padding: 8px 12px;
    font-size: .85rem;
    transition: border-color .2s, box-shadow .2s;
  }

  input:focus, select:focus, textarea:focus {
    border-color: var(--accent);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--accent) 20%, transparent);
  }

  table {
    border-collapse: collapse;
    width: 100%;
  }

  table th {
    text-transform: uppercase;
    letter-spacing: .08em;
    color: var(--text-dim);
    border-bottom: 1px solid var(--border);
    text-align: left;
    padding: 8px 12px;
    font-size: .7rem;
    font-weight: 600;
  }

  table td {
    border-bottom: 1px solid var(--mn-hover-bg);
    padding: 8px 12px;
    font-size: .85rem;
  }

  table tr:hover td {
    background: color-mix(in srgb, var(--accent) 3%, transparent);
  }

  ::selection {
    background: color-mix(in srgb, var(--accent) 30%, transparent);
    color: var(--text-bright);
  }

  ::-webkit-scrollbar {
    width: 6px;
    height: 6px;
  }

  ::-webkit-scrollbar-track {
    background: none;
  }

  ::-webkit-scrollbar-thumb {
    background: var(--border);
    border-radius: var(--radius-xs);
  }

  ::-webkit-scrollbar-thumb:hover {
    background: var(--accent);
  }

  .mn-panel {
    background: var(--bg-panel);
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-card);
    transition: box-shadow .2s, border-color .2s;
  }

  .mn-panel:hover {
    box-shadow: var(--shadow-elevated);
    border-color: #ffc72c26;
  }

  .mn-overlay {
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    z-index: 5000;
    background: #0009;
    position: fixed;
    inset: 0;
  }

  .mn-heading {
    font-family: var(--font-display, "Outfit", sans-serif);
    text-transform: uppercase;
    letter-spacing: .06em;
  }

  .mn-caption {
    font-family: var(--font-mono, "Barlow Condensed", monospace);
    text-transform: uppercase;
    letter-spacing: .1em;
    color: var(--text-dim);
    font-size: .7rem;
  }

  .mn-badge {
    border-radius: var(--radius-pill);
    text-transform: uppercase;
    letter-spacing: .04em;
    align-items: center;
    gap: 4px;
    padding: 2px 10px;
    font-size: .7rem;
    font-weight: 600;
    display: inline-flex;
  }

  .mn-badge--success {
    color: var(--verde-racing);
    background: #00a65126;
  }

  .mn-badge--warning {
    color: var(--mn-accent);
    background: #ffc72c26;
  }

  .mn-badge--danger {
    color: var(--mn-error);
    background: #dc000026;
  }

  .mn-badge--info {
    color: var(--mn-cb-blue);
    background: #4ea8de26;
  }

  .mn-badge--neutral {
    background: var(--mn-hover-bg);
    color: var(--text-dim);
  }

  .mn-btn-accent {
    background: var(--accent);
    color: var(--mn-text-inverse);
    border-radius: var(--radius-sm);
    text-transform: uppercase;
    letter-spacing: .04em;
    cursor: pointer;
    border: none;
    align-items: center;
    gap: 6px;
    padding: 8px 20px;
    font-size: .8rem;
    font-weight: 600;
    transition: background .2s, transform .1s;
    display: inline-flex;
  }

  .mn-btn-accent:hover {
    background: var(--accent-hover, var(--giallo-hover));
  }

  .mn-btn-accent:active {
    transform: scale(.97);
  }

  .mn-btn-ghost {
    color: var(--text);
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    cursor: pointer;
    background: none;
    align-items: center;
    gap: 6px;
    padding: 8px 20px;
    font-size: .8rem;
    transition: border-color .2s, color .2s;
    display: inline-flex;
  }

  .mn-btn-ghost:hover {
    border-color: var(--accent);
    color: var(--accent);
  }

  .mn-btn-danger {
    background: var(--danger);
    color: var(--mn-text);
    border-radius: var(--radius-sm);
    cursor: pointer;
    border: none;
    align-items: center;
    gap: 6px;
    padding: 8px 20px;
    font-size: .8rem;
    font-weight: 600;
    transition: opacity .2s;
    display: inline-flex;
  }

  .mn-btn-danger:hover {
    opacity: .85;
  }

  .mn-status-dot {
    border-radius: 50%;
    width: 8px;
    height: 8px;
    display: inline-block;
  }

  .mn-status-dot--active {
    background: var(--accent);
    box-shadow: 0 0 6px var(--accent);
  }

  .mn-status-dot--success {
    background: var(--success);
    box-shadow: 0 0 6px var(--success);
  }

  .mn-status-dot--warning {
    background: var(--warning);
    box-shadow: 0 0 6px #d4622b80;
  }

  .mn-status-dot--danger {
    background: var(--danger);
    animation: 2s ease-in-out infinite mn-pulse-dot;
    box-shadow: 0 0 6px #dc000080;
  }

  .mn-status-dot--neutral {
    background: var(--text-dim);
  }

  .mn-gradient-text {
    background: var(--gradient-accent);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
  }

  .mn-progress-fill {
    border-radius: inherit;
    background: linear-gradient(90deg, var(--accent), var(--danger));
    height: 100%;
    transition: width .6s;
  }

  .mn-fade-in {
    animation: .4s both mn-fadeIn;
  }

  @keyframes mn-fadeIn {
    from {
      opacity: 0;
      transform: translateY(8px);
    }

    to {
      opacity: 1;
      transform: none;
    }
  }

  .mn-highlight-pulse {
    animation: 1.5s mn-highlightPulse;
  }

  @keyframes mn-highlightPulse {
    0%, 100% {
      box-shadow: none;
    }

    50% {
      box-shadow: 0 0 0 3px #ffc72c4d;
    }
  }

  @keyframes mn-pulse-dot {
    0%, 100% {
      opacity: 1;
    }

    50% {
      opacity: .4;
    }
  }

  .mn-status-done {
    color: var(--success, #00a651);
  }

  .mn-status-done:before {
    content: "";
    background: var(--success);
    border-radius: 50%;
    width: 8px;
    height: 8px;
    margin-right: 6px;
    display: inline-block;
  }

  .mn-status-in-progress {
    color: var(--mn-accent);
  }

  .mn-status-in-progress:before {
    content: "";
    background: var(--accent);
    border-radius: 50%;
    width: 8px;
    height: 8px;
    margin-right: 6px;
    animation: 2s infinite mn-pulse-dot;
    display: inline-block;
  }

  .mn-status-pending {
    color: var(--text-dim, #666);
  }

  .mn-status-pending:before {
    content: "";
    background: var(--text-dim);
    border-radius: 50%;
    width: 8px;
    height: 8px;
    margin-right: 6px;
    display: inline-block;
  }

  .mn-status-blocked {
    color: var(--danger, #dc0000);
  }

  .mn-status-blocked:before {
    content: "";
    background: var(--danger);
    border-radius: 50%;
    width: 8px;
    height: 8px;
    margin-right: 6px;
    display: inline-block;
  }

  .mn-status-merging {
    color: var(--info, #4ea8de);
  }

  .mn-status-merging:before {
    content: "";
    background: var(--info);
    border-radius: 50%;
    width: 8px;
    height: 8px;
    margin-right: 6px;
    display: inline-block;
  }

  .mn-row-done {
    background: color-mix(in srgb, var(--signal-ok) 6%, transparent);
  }

  .mn-row-in-progress {
    background: color-mix(in srgb, var(--signal-warning) 6%, transparent);
  }

  .mn-row-blocked {
    background: color-mix(in srgb, var(--signal-danger) 6%, transparent);
  }

  .mn-row-pending {
    background: none;
  }

  .mn-row-merging {
    background: color-mix(in srgb, var(--signal-info) 6%, transparent);
  }
}