/* ADSB1090 Tailwind compiled design system. Source: adsb1090-deployment/tailwind/adsb1090-tailwind-source.css. Do not edit generated output directly. */
/*! tailwindcss v4.1.10 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --font-mono: "JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;
    --color-red-50: oklch(97.1% 0.013 17.38);
    --color-red-200: oklch(88.5% 0.062 18.334);
    --color-red-600: oklch(57.7% 0.245 27.325);
    --color-red-700: oklch(50.5% 0.213 27.518);
    --color-red-800: oklch(44.4% 0.177 26.899);
    --color-red-900: oklch(39.6% 0.141 25.723);
    --color-amber-50: oklch(98.7% 0.022 95.277);
    --color-amber-100: oklch(96.2% 0.059 95.617);
    --color-amber-200: oklch(92.4% 0.12 95.746);
    --color-amber-400: oklch(82.8% 0.189 84.429);
    --color-amber-700: oklch(55.5% 0.163 48.998);
    --color-emerald-50: oklch(97.9% 0.021 166.113);
    --color-emerald-100: oklch(95% 0.052 163.051);
    --color-emerald-200: oklch(90.5% 0.093 164.15);
    --color-emerald-400: oklch(76.5% 0.177 163.223);
    --color-emerald-700: oklch(50.8% 0.118 165.612);
    --color-emerald-800: oklch(43.2% 0.095 166.913);
    --color-emerald-900: oklch(37.8% 0.077 168.94);
    --color-blue-50: oklch(97% 0.014 254.604);
    --color-blue-100: oklch(93.2% 0.032 255.585);
    --color-blue-200: oklch(88.2% 0.059 254.128);
    --color-blue-500: oklch(62.3% 0.214 259.815);
    --color-blue-600: oklch(54.6% 0.245 262.881);
    --color-blue-700: oklch(48.8% 0.243 264.376);
    --color-blue-900: oklch(37.9% 0.146 265.522);
    --color-rose-100: oklch(94.1% 0.03 12.58);
    --color-rose-700: oklch(51.4% 0.222 16.935);
    --color-slate-50: oklch(98.4% 0.003 247.858);
    --color-slate-100: oklch(96.8% 0.007 247.896);
    --color-slate-200: oklch(92.9% 0.013 255.508);
    --color-slate-300: oklch(86.9% 0.022 252.894);
    --color-slate-400: oklch(70.4% 0.04 256.788);
    --color-slate-500: oklch(55.4% 0.046 257.417);
    --color-slate-600: oklch(44.6% 0.043 257.281);
    --color-slate-700: oklch(37.2% 0.044 257.287);
    --color-slate-800: oklch(27.9% 0.041 260.031);
    --color-slate-900: oklch(20.8% 0.042 265.755);
    --color-slate-950: oklch(12.9% 0.042 264.695);
    --color-white: #fff;
    --spacing: 0.25rem;
    --container-3xl: 48rem;
    --container-4xl: 56rem;
    --container-5xl: 64rem;
    --text-xs: 0.75rem;
    --text-xs--line-height: calc(1 / 0.75);
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --text-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5 / 2.25);
    --text-5xl: 3rem;
    --text-5xl--line-height: 1;
    --text-6xl: 3.75rem;
    --text-6xl--line-height: 1;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-black: 900;
    --tracking-tight: -0.025em;
    --tracking-wide: 0.025em;
    --leading-tight: 1.25;
    --leading-relaxed: 1.625;
    --radius-md: 0.375rem;
    --radius-lg: 0.5rem;
    --radius-xl: 0.75rem;
    --radius-2xl: 1rem;
    --radius-3xl: 1.5rem;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --color-adsb-950: #07111f;
  }
}
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji');
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b, strong {
    font-weight: bolder;
  }
  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol, ul, menu {
    list-style: none;
  }
  img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  button, input, select, optgroup, textarea, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button, input:where([type='button'], [type='reset'], [type='submit']), ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden='until-found'])) {
    display: none !important;
  }
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.not-sr-only {
  position: static;
  width: auto;
  height: auto;
  padding: 0;
  margin: 0;
  overflow: visible;
  clip: auto;
  white-space: normal;
}
.block {
  display: block;
}
.flex {
  display: flex;
}
.grid {
  display: grid;
}
.hidden {
  display: none;
}
@layer base {
  html {
    background-color: var(--color-slate-100);
    color: var(--color-slate-900);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  body {
    min-height: 100vh;
    background-color: var(--color-slate-100);
    font-size: 15px;
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
    color: var(--color-slate-800);
  }
  a {
    color: inherit;
    text-decoration-line: none;
  }
  button, input, select, textarea {
    font: inherit;
  }
  input, select, textarea {
    width: 100%;
    border-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-slate-300);
    background-color: var(--color-white);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-slate-900);
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-outline-style: none;
    outline-style: none;
    &:focus {
      border-color: var(--color-blue-500);
    }
    &:focus {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    &:focus {
      --tw-ring-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 10%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-blue-500) 10%, transparent);
      }
    }
  }
  textarea {
    min-height: calc(var(--spacing) * 28);
    resize: vertical;
  }
  label {
    display: grid;
    gap: calc(var(--spacing) * 1.5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-slate-700);
  }
  code {
    border-radius: var(--radius-md);
    background-color: var(--color-slate-100);
    padding-inline: calc(var(--spacing) * 1.5);
    padding-block: calc(var(--spacing) * 0.5);
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-slate-700);
  }
  pre {
    overflow: auto;
    border-radius: var(--radius-xl);
    background-color: var(--color-slate-950);
    padding: calc(var(--spacing) * 4);
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
    color: var(--color-slate-100);
  }
  table {
    width: 100%;
    border-collapse: separate;
    --tw-border-spacing-x: calc(var(--spacing) * 0);
    --tw-border-spacing-y: calc(var(--spacing) * 0);
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
    text-align: left;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  th {
    background-color: var(--color-slate-50);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
    color: var(--color-slate-500);
    text-transform: uppercase;
  }
  td {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--color-slate-100);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    vertical-align: top;
    color: var(--color-slate-700);
  }
  tr:hover td {
    background-color: color-mix(in srgb, oklch(98.4% 0.003 247.858) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-slate-50) 70%, transparent);
    }
  }
}
@layer components {
  .skip-link {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
    &:focus {
      position: static;
      width: auto;
      height: auto;
      padding: 0;
      margin: 0;
      overflow: visible;
      clip: auto;
      white-space: normal;
    }
    &:focus {
      position: fixed;
    }
    &:focus {
      top: calc(var(--spacing) * 4);
    }
    &:focus {
      left: calc(var(--spacing) * 4);
    }
    &:focus {
      z-index: 50;
    }
    &:focus {
      border-radius: var(--radius-lg);
    }
    &:focus {
      background-color: var(--color-white);
    }
    &:focus {
      padding-inline: calc(var(--spacing) * 4);
    }
    &:focus {
      padding-block: calc(var(--spacing) * 2);
    }
    &:focus {
      --tw-font-weight: var(--font-weight-bold);
      font-weight: var(--font-weight-bold);
    }
    &:focus {
      color: var(--color-slate-950);
    }
    &:focus {
      --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .noc-real-page, .network-page {
    min-height: 100vh;
    background-color: var(--color-slate-100);
    color: var(--color-slate-800);
  }
  .noc-topbar, .network-header {
    position: sticky;
    top: calc(var(--spacing) * 0);
    z-index: 40;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: color-mix(in srgb, #fff 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
    background-color: var(--color-adsb-950);
    color: var(--color-white);
    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-shadow-color: color-mix(in srgb, oklch(12.9% 0.042 264.695) 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-slate-950) 15%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .noc-topbar-inner, .network-bar {
    margin-inline: auto;
    display: flex;
    min-height: calc(var(--spacing) * 16);
    width: 100%;
    max-width: 1680px;
    align-items: center;
    gap: calc(var(--spacing) * 4);
    padding-inline: calc(var(--spacing) * 5);
  }
  .noc-brand-mark, .network-brand {
    display: flex;
    min-width: calc(var(--spacing) * 0);
    align-items: center;
    gap: calc(var(--spacing) * 3);
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
    color: var(--color-white);
  }
  .noc-brand-mark img, .network-brand img {
    height: calc(var(--spacing) * 8);
    max-width: 220px;
    object-fit: contain;
  }
  .noc-topnav, .network-nav {
    display: none;
    align-items: center;
    gap: calc(var(--spacing) * 1);
    @media (width >= 64rem) {
      display: flex;
    }
  }
  .noc-topnav a, .network-nav > a, .nav-trigger {
    border-radius: var(--radius-lg);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-slate-300);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #fff 10%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
        }
      }
    }
    &:hover {
      @media (hover: hover) {
        color: var(--color-white);
      }
    }
  }
  .noc-topnav a.active, .network-nav [aria-current="page"], .network-nav a[aria-current="page"] {
    background-color: var(--color-white);
    color: var(--color-adsb-950);
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .nav-item {
    position: relative;
  }
  .nav-menu {
    visibility: hidden;
    position: absolute;
    top: 100%;
    left: calc(var(--spacing) * 0);
    z-index: 50;
    margin-top: calc(var(--spacing) * 3);
    display: grid;
    min-width: calc(var(--spacing) * 56);
    --tw-translate-y: calc(var(--spacing) * 1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    gap: calc(var(--spacing) * 1);
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-slate-200);
    background-color: var(--color-white);
    padding: calc(var(--spacing) * 2);
    color: var(--color-slate-800);
    opacity: 0%;
    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-shadow-color: color-mix(in srgb, oklch(12.9% 0.042 264.695) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-slate-950) 20%, transparent) var(--tw-shadow-alpha), transparent);
    }
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .nav-item:hover .nav-menu, .nav-item:focus-within .nav-menu {
    visibility: visible;
    --tw-translate-y: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    opacity: 100%;
  }
  .nav-menu a {
    border-radius: var(--radius-xl);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-slate-700);
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-slate-100);
      }
    }
    &:hover {
      @media (hover: hover) {
        color: var(--color-slate-950);
      }
    }
  }
  .top-signin-button, .noc-account-pill, .top-account-trigger {
    margin-left: auto;
    border-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: color-mix(in srgb, #fff 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 15%, transparent);
    }
    background-color: color-mix(in srgb, #fff 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-white);
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #fff 15%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-white) 15%, transparent);
        }
      }
    }
  }
  .noc-account-pill {
    display: flex;
    flex-direction: column;
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }
  .noc-account-pill span, .top-account-role {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-slate-300);
  }
  .top-account-menu {
    position: relative;
    margin-left: auto;
  }
  .top-account-trigger {
    margin-left: calc(var(--spacing) * 0);
    display: flex;
    flex-direction: column;
    text-align: left;
  }
  .top-account-dropdown {
    visibility: hidden;
    position: absolute;
    top: 100%;
    right: calc(var(--spacing) * 0);
    z-index: 50;
    margin-top: calc(var(--spacing) * 3);
    display: grid;
    min-width: calc(var(--spacing) * 56);
    --tw-translate-y: calc(var(--spacing) * 1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    gap: calc(var(--spacing) * 1);
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-slate-200);
    background-color: var(--color-white);
    padding: calc(var(--spacing) * 2);
    color: var(--color-slate-800);
    opacity: 0%;
    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .top-account-menu:hover .top-account-dropdown, .top-account-menu:focus-within .top-account-dropdown {
    visibility: visible;
    --tw-translate-y: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    opacity: 100%;
  }
  .top-account-dropdown a, .top-account-dropdown button {
    border-radius: var(--radius-xl);
    background-color: transparent;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    text-align: left;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-slate-700);
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-slate-100);
      }
    }
  }
  .noc-system-strip {
    margin-left: auto;
    display: none;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    @media (width >= 80rem) {
      display: flex;
    }
  }
  .mini-status {
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: color-mix(in srgb, #fff 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
    background-color: color-mix(in srgb, #fff 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
    }
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 1);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-slate-300);
  }
  .mini-status span {
    color: var(--color-white);
  }
  .mini-status.ok {
    border-color: color-mix(in srgb, oklch(76.5% 0.177 163.223) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-emerald-400) 30%, transparent);
    }
    background-color: color-mix(in srgb, oklch(76.5% 0.177 163.223) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-emerald-400) 10%, transparent);
    }
    color: var(--color-emerald-100);
  }
  .mini-status.warn {
    border-color: color-mix(in srgb, oklch(82.8% 0.189 84.429) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-amber-400) 30%, transparent);
    }
    background-color: color-mix(in srgb, oklch(82.8% 0.189 84.429) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-amber-400) 10%, transparent);
    }
    color: var(--color-amber-100);
  }
  .noc-shell {
    margin-inline: auto;
    display: grid;
    width: 100%;
    max-width: 1680px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(var(--spacing) * 0);
    padding-inline: calc(var(--spacing) * 0);
    @media (width >= 64rem) {
      grid-template-columns: 280px minmax(0,1fr);
    }
  }
  .noc-sidebar {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--color-slate-200);
    background-color: color-mix(in srgb, #fff 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 90%, transparent);
    }
    padding: calc(var(--spacing) * 4);
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    @media (width >= 64rem) {
      position: sticky;
    }
    @media (width >= 64rem) {
      top: calc(var(--spacing) * 16);
    }
    @media (width >= 64rem) {
      height: calc(100vh - 4rem);
    }
    @media (width >= 64rem) {
      overflow-y: auto;
    }
    @media (width >= 64rem) {
      border-right-style: var(--tw-border-style);
      border-right-width: 1px;
    }
    @media (width >= 64rem) {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 0px;
    }
  }
  .noc-sidebar-title {
    margin-bottom: calc(var(--spacing) * 4);
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-slate-200);
    --tw-gradient-position: to bottom right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: var(--color-slate-50);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    --tw-gradient-to: var(--color-white);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    padding: calc(var(--spacing) * 4);
  }
  .noc-sidebar-title strong {
    display: block;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: var(--color-slate-950);
  }
  .noc-sidebar-title span {
    margin-top: calc(var(--spacing) * 1);
    display: block;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-slate-500);
  }
  .noc-sidenav, .flat-menu {
    display: grid;
    gap: calc(var(--spacing) * 1);
  }
  .nav-section, .menu-section {
    margin-top: calc(var(--spacing) * 4);
    padding-inline: calc(var(--spacing) * 2);
    font-size: 11px;
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    --tw-tracking: 0.16em;
    letter-spacing: 0.16em;
    color: var(--color-slate-400);
    text-transform: uppercase;
    &:first-child {
      margin-top: calc(var(--spacing) * 0);
    }
  }
  .noc-sidenav a, .flat-menu a {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 3);
    border-radius: var(--radius-xl);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2.5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-slate-600);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-slate-100);
      }
    }
    &:hover {
      @media (hover: hover) {
        color: var(--color-slate-950);
      }
    }
  }
  .noc-sidenav a i {
    display: grid;
    height: calc(var(--spacing) * 7);
    width: calc(var(--spacing) * 7);
    place-items: center;
    border-radius: var(--radius-lg);
    background-color: var(--color-slate-100);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-slate-500);
    font-style: normal;
  }
  .noc-sidenav a.active, .flat-menu a[aria-current="page"] {
    background-color: var(--color-adsb-950);
    color: var(--color-white);
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-shadow-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-slate-900) 15%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .noc-sidenav a.active i {
    background-color: color-mix(in srgb, #fff 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 15%, transparent);
    }
    color: var(--color-white);
  }
  .sidebar-logout {
    margin-top: calc(var(--spacing) * 6);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--color-slate-200);
    padding-top: calc(var(--spacing) * 4);
  }
  .sidebar-logout button {
    width: 100%;
    border-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-slate-200);
    background-color: var(--color-white);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-slate-700);
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-slate-50);
      }
    }
  }
  .noc-workspace {
    min-width: calc(var(--spacing) * 0);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 5);
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 6);
    }
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 8);
    }
  }
  .noc-page-head, .page-head {
    margin-bottom: calc(var(--spacing) * 5);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: calc(var(--spacing) * 4);
    border-radius: var(--radius-3xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-slate-200);
    background-color: var(--color-white);
    padding: calc(var(--spacing) * 6);
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    @media (width >= 48rem) {
      flex-direction: row;
    }
    @media (width >= 48rem) {
      align-items: flex-end;
    }
  }
  .noc-page-head h1, .page-head h1 {
    margin-top: calc(var(--spacing) * 1);
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
    color: var(--color-slate-950);
  }
  .noc-page-head p:not(.eyebrow), .page-head p:not(.eyebrow) {
    margin-top: calc(var(--spacing) * 2);
    max-width: var(--container-4xl);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-slate-500);
  }
  .eyebrow {
    font-size: 11px;
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    --tw-tracking: 0.18em;
    letter-spacing: 0.18em;
    color: var(--color-blue-600);
    text-transform: uppercase;
  }
  .page-actions, .form-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 2);
  }
  .noc-content {
    display: grid;
    gap: calc(var(--spacing) * 5);
  }
  .network-main {
    margin-inline: auto;
    width: 100%;
    max-width: 1560px;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 5);
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 6);
    }
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 8);
    }
  }
  .compact-main {
    max-width: 1480px;
  }
  .flat-layout {
    display: grid;
    gap: calc(var(--spacing) * 0);
    overflow: hidden;
    border-radius: var(--radius-3xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-slate-200);
    background-color: var(--color-white);
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    @media (width >= 64rem) {
      grid-template-columns: 270px minmax(0,1fr);
    }
  }
  .flat-rail {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--color-slate-200);
    background-color: var(--color-slate-50);
    padding: calc(var(--spacing) * 4);
    @media (width >= 64rem) {
      border-right-style: var(--tw-border-style);
      border-right-width: 1px;
    }
    @media (width >= 64rem) {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 0px;
    }
  }
  .page-content {
    min-height: 560px;
    background-color: var(--color-white);
    padding: calc(var(--spacing) * 5);
    @media (width >= 64rem) {
      padding: calc(var(--spacing) * 7);
    }
  }
  .network-footer {
    margin-inline: auto;
    margin-top: calc(var(--spacing) * 8);
    display: flex;
    width: 100%;
    max-width: 1560px;
    padding-inline: calc(var(--spacing) * 6);
    padding-bottom: calc(var(--spacing) * 8);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-slate-500);
  }
  .network-footer div {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 1);
  }
  .network-footer strong {
    color: var(--color-slate-800);
  }
  .account-strip {
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-slate-200);
    background-color: var(--color-slate-50);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-slate-600);
  }
  .auth-layout {
    display: grid;
    gap: calc(var(--spacing) * 5);
    @media (width >= 64rem) {
      grid-template-columns: minmax(0,0.8fr) minmax(0,1.2fr);
    }
  }
  .ops-card, .flat-section, .chart-card, .metric-card, .info-card, .notice-table {
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-slate-200);
    background-color: var(--color-white);
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ops-card, .chart-card, .flat-section {
    overflow: hidden;
  }
  .card-head, .flat-section > header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: calc(var(--spacing) * 3);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--color-slate-100);
    background-color: color-mix(in srgb, oklch(98.4% 0.003 247.858) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-slate-50) 80%, transparent);
    }
    padding-inline: calc(var(--spacing) * 5);
    padding-block: calc(var(--spacing) * 4);
  }
  .card-head h3, .flat-section h2, .flat-section h3 {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: var(--color-slate-950);
  }
  .card-head p, .flat-section header p {
    margin-top: calc(var(--spacing) * 1);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-slate-500);
  }
  .flat-section .body, .ops-card > :not(.card-head), .chart-card > :not(.card-head) {
    padding: calc(var(--spacing) * 5);
  }
  .metric-grid {
    display: grid;
    gap: calc(var(--spacing) * 3);
    @media (width >= 40rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    @media (width >= 80rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .metric-card {
    padding: calc(var(--spacing) * 4);
  }
  .metric-card span {
    font-size: 11px;
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    --tw-tracking: 0.14em;
    letter-spacing: 0.14em;
    color: var(--color-slate-400);
    text-transform: uppercase;
  }
  .metric-card strong {
    margin-top: calc(var(--spacing) * 2);
    display: block;
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
    color: var(--color-slate-950);
  }
  .metric-card small {
    margin-top: calc(var(--spacing) * 1);
    display: block;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-slate-500);
  }
  .metric-card.good strong {
    color: var(--color-emerald-700);
  }
  .metric-card.warn strong {
    color: var(--color-amber-700);
  }
  .metric-card.bad strong {
    color: var(--color-red-700);
  }
  .ops-grid, .portal-two-column, .detail-grid {
    display: grid;
    gap: calc(var(--spacing) * 5);
    @media (width >= 64rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .ops-grid.wide-left, .portal-two-column.wide-left, .portal-two-column.network-balanced {
    @media (width >= 64rem) {
      grid-template-columns: minmax(0,1.35fr) minmax(330px,0.65fr);
    }
  }
  .toolbox-grid, .check-grid, .action-grid, .action-tile-grid, .source-grid, .cards, .why-grid {
    display: grid;
    gap: calc(var(--spacing) * 3);
    @media (width >= 40rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    @media (width >= 80rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .action-tile, .toolbox-grid article, .check-grid article, .action-grid a, .cards article, .why-grid article, .source-card {
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-slate-200);
    background-color: var(--color-white);
    padding: calc(var(--spacing) * 4);
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        --tw-translate-y: calc(var(--spacing) * -0.5);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .action-tile strong, .toolbox-grid strong, .check-grid strong, .cards strong, .why-grid strong, .source-card strong {
    display: block;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: var(--color-slate-950);
  }
  .action-tile small, .toolbox-grid span, .check-grid span, .cards span, .why-grid span, .source-card small {
    margin-top: calc(var(--spacing) * 1);
    display: block;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-slate-500);
  }
  .button, .primary-button, .flat-button, button[type="submit"] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-xl);
    background-color: var(--color-adsb-950);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: var(--color-white);
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-slate-800);
      }
    }
    &:focus {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    &:focus {
      --tw-ring-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-blue-500) 20%, transparent);
      }
    }
    &:focus {
      --tw-outline-style: none;
      outline-style: none;
    }
  }
  .secondary-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-slate-300);
    background-color: var(--color-white);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: var(--color-slate-700);
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-slate-50);
      }
    }
  }
  .danger {
    background-color: var(--color-red-600);
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-red-700);
      }
    }
  }
  .badge, .status-pill {
    display: inline-flex;
    align-items: center;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-slate-200);
    background-color: var(--color-slate-100);
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 1);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
    color: var(--color-slate-600);
    text-transform: uppercase;
  }
  .badge.ok, .status-pill.ok, .operational {
    border-color: var(--color-emerald-200);
    background-color: var(--color-emerald-50);
    color: var(--color-emerald-700);
  }
  .badge.warn, .status-pill.warn {
    border-color: var(--color-amber-200);
    background-color: var(--color-amber-50);
    color: var(--color-amber-700);
  }
  .badge.bad, .status-pill.bad {
    border-color: var(--color-red-200);
    background-color: var(--color-red-50);
    color: var(--color-red-700);
  }
  .notice, .empty-state, .fragment-loading {
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-slate-200);
    background-color: var(--color-slate-50);
    padding: calc(var(--spacing) * 4);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-slate-600);
  }
  .notice.good {
    border-color: var(--color-emerald-200);
    background-color: var(--color-emerald-50);
    color: var(--color-emerald-800);
  }
  .notice.bad, .error {
    border-color: var(--color-red-200);
    background-color: var(--color-red-50);
    color: var(--color-red-800);
  }
  .muted, .fine-print {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-slate-500);
  }
  .table-wrap {
    overflow: hidden;
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-slate-200);
    background-color: var(--color-white);
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .kv-grid {
    display: grid;
    gap: calc(var(--spacing) * 3);
    @media (width >= 40rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    @media (width >= 80rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .kv-grid div {
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-slate-200);
    background-color: var(--color-slate-50);
    padding: calc(var(--spacing) * 4);
  }
  .kv-grid dt {
    font-size: 11px;
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    --tw-tracking: 0.14em;
    letter-spacing: 0.14em;
    color: var(--color-slate-400);
    text-transform: uppercase;
  }
  .kv-grid dd {
    margin-top: calc(var(--spacing) * 1);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    overflow-wrap: break-word;
    color: var(--color-slate-800);
  }
  .bar-chart {
    display: grid;
    gap: calc(var(--spacing) * 3);
  }
  .bar-row {
    display: grid;
    grid-template-columns: 120px minmax(0,1fr) 60px;
    align-items: center;
    gap: calc(var(--spacing) * 3);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .bar-label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-slate-600);
  }
  .bar-track {
    height: calc(var(--spacing) * 3);
    overflow: hidden;
    border-radius: calc(infinity * 1px);
    background-color: var(--color-slate-100);
  }
  .bar-track span {
    display: block;
    height: 100%;
    border-radius: calc(infinity * 1px);
    background-color: var(--color-blue-600);
  }
  .bar-row strong {
    text-align: right;
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: var(--color-slate-900);
  }
  .line-chart-wrap {
    padding: calc(var(--spacing) * 4);
  }
  .line-chart-wrap svg {
    height: auto;
    width: 100%;
    overflow: visible;
  }
  .gridline {
    stroke: var(--color-slate-200);
  }
  .series-line {
    fill: none;
    stroke-width: 3;
    stroke-linecap: round;
    stroke-linejoin: round;
  }
  .chart-legend {
    margin-top: calc(var(--spacing) * 3);
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--spacing) * 3);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-slate-500);
  }
  .chart-legend span {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
  }
  .chart-legend i {
    height: calc(var(--spacing) * 2.5);
    width: calc(var(--spacing) * 2.5);
    border-radius: calc(infinity * 1px);
  }
  .record-strip {
    margin-bottom: calc(var(--spacing) * 5);
    display: grid;
    gap: calc(var(--spacing) * 3);
    border-radius: var(--radius-3xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-slate-200);
    background-color: var(--color-white);
    padding: calc(var(--spacing) * 4);
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    @media (width >= 40rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    @media (width >= 80rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .record-strip div {
    border-radius: var(--radius-2xl);
    background-color: var(--color-slate-50);
    padding: calc(var(--spacing) * 4);
  }
  .record-strip span {
    font-size: 11px;
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    --tw-tracking: 0.14em;
    letter-spacing: 0.14em;
    color: var(--color-slate-400);
    text-transform: uppercase;
  }
  .record-strip strong {
    margin-top: calc(var(--spacing) * 1);
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: var(--color-slate-950);
  }
  .noc-workbench {
    display: grid;
    gap: calc(var(--spacing) * 0);
  }
  .workbench-primary {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: calc(var(--spacing) * 0);
    border-top-left-radius: var(--radius-2xl);
    border-top-right-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0px;
    border-color: var(--color-slate-200);
    background-color: var(--color-slate-100);
    padding-inline: calc(var(--spacing) * 3);
    padding-top: calc(var(--spacing) * 3);
  }
  .workbench-primary a {
    margin-bottom: -1px;
    display: block;
    border-top-left-radius: var(--radius-xl);
    border-top-right-radius: var(--radius-xl);
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: transparent;
    border-bottom-color: var(--color-slate-200);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    color: var(--color-slate-600);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #fff 70%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-white) 70%, transparent);
        }
      }
    }
    &:hover {
      @media (hover: hover) {
        color: var(--color-slate-950);
      }
    }
  }
  .workbench-primary a strong {
    display: block;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: currentcolor;
  }
  .workbench-primary a span {
    margin-top: calc(var(--spacing) * 1);
    display: block;
    max-width: 220px;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-leading: calc(var(--spacing) * 4);
    line-height: calc(var(--spacing) * 4);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-slate-500);
  }
  .workbench-primary a.active {
    border-color: var(--color-slate-200);
    border-bottom-color: var(--color-white);
    background-color: var(--color-white);
    color: var(--color-adsb-950);
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .workbench-primary a.active span {
    color: var(--color-slate-600);
  }
  .workbench-secondary {
    border-inline-style: var(--tw-border-style);
    border-inline-width: 1px;
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--color-slate-200);
    background-color: var(--color-white);
    padding-inline: calc(var(--spacing) * 3);
    padding-top: calc(var(--spacing) * 3);
  }
  .workbench-secondary div {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: calc(var(--spacing) * 0);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--color-slate-200);
  }
  .workbench-secondary a {
    margin-bottom: -1px;
    border-top-left-radius: var(--radius-lg);
    border-top-right-radius: var(--radius-lg);
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: transparent;
    border-bottom-color: var(--color-slate-200);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: var(--color-slate-600);
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-slate-50);
      }
    }
    &:hover {
      @media (hover: hover) {
        color: var(--color-slate-950);
      }
    }
  }
  .workbench-secondary a.active {
    border-color: var(--color-slate-200);
    border-bottom-color: var(--color-white);
    background-color: var(--color-white);
    color: var(--color-adsb-950);
  }
  .workbench-stage {
    min-height: 420px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: var(--radius-3xl);
    border-bottom-left-radius: var(--radius-3xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-slate-200);
    background-color: var(--color-white);
    padding: calc(var(--spacing) * 5);
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .page-tabs, .tabs-as-filters {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: calc(var(--spacing) * 0);
    border-top-left-radius: var(--radius-2xl);
    border-top-right-radius: var(--radius-2xl);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--color-slate-200);
    background-color: transparent;
    padding-inline: calc(var(--spacing) * 0);
    padding-top: calc(var(--spacing) * 2);
  }
  .page-tabs a, .page-tabs button, .tabs-as-filters a, .tabs-as-filters button {
    margin-bottom: -1px;
    border-top-left-radius: var(--radius-xl);
    border-top-right-radius: var(--radius-xl);
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: transparent;
    border-bottom-color: var(--color-slate-200);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 2.5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: var(--color-slate-600);
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-white);
      }
    }
    &:hover {
      @media (hover: hover) {
        color: var(--color-slate-950);
      }
    }
  }
  .page-tabs .active, .page-tabs a.active, .page-tabs button.active, .tabs-as-filters .active, .tabs-as-filters a.active, .tabs-as-filters button.active {
    border-color: var(--color-slate-200);
    border-bottom-color: var(--color-white);
    background-color: var(--color-white);
    color: var(--color-adsb-950);
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .tab-panel {
    display: none;
  }
  .tab-panel.active {
    display: block;
  }
  .config-console {
    display: grid;
    gap: calc(var(--spacing) * 5);
    @media (width >= 64rem) {
      grid-template-columns: 280px minmax(0,1fr);
    }
  }
  .config-service-nav {
    border-radius: var(--radius-3xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-slate-200);
    background-color: var(--color-white);
    padding: calc(var(--spacing) * 3);
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .config-service-nav a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: var(--radius-xl);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: var(--color-slate-600);
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-slate-100);
      }
    }
  }
  .config-service-nav a.active {
    background-color: var(--color-adsb-950);
    color: var(--color-white);
  }
  .config-service-head {
    margin-bottom: calc(var(--spacing) * 5);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: calc(var(--spacing) * 3);
    border-radius: var(--radius-3xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-blue-200);
    --tw-gradient-position: to bottom right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: var(--color-blue-50);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    --tw-gradient-to: var(--color-white);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    padding: calc(var(--spacing) * 5);
    @media (width >= 48rem) {
      flex-direction: row;
    }
    @media (width >= 48rem) {
      align-items: center;
    }
  }
  .config-service-head h2 {
    margin-top: calc(var(--spacing) * 1);
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: var(--color-slate-950);
  }
  .config-count {
    border-radius: calc(infinity * 1px);
    background-color: var(--color-blue-100);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 1);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: var(--color-blue-700);
  }
  .config-section-stack {
    display: grid;
    gap: calc(var(--spacing) * 5);
  }
  .config-section {
    overflow: hidden;
    border-radius: var(--radius-3xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-slate-200);
    background-color: var(--color-white);
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .config-section > header {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--color-slate-100);
    background-color: var(--color-slate-50);
    padding-inline: calc(var(--spacing) * 5);
    padding-block: calc(var(--spacing) * 4);
  }
  .config-section h3 {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: var(--color-slate-950);
  }
  .config-section p {
    margin-top: calc(var(--spacing) * 1);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-slate-500);
  }
  .config-subsection {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--color-slate-100);
    padding: calc(var(--spacing) * 5);
    &:first-child {
      border-top-style: var(--tw-border-style);
      border-top-width: 0px;
    }
  }
  .config-subsection h4 {
    margin-bottom: calc(var(--spacing) * 3);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    --tw-tracking: 0.14em;
    letter-spacing: 0.14em;
    color: var(--color-slate-400);
    text-transform: uppercase;
  }
  .setting-list {
    display: grid;
    gap: calc(var(--spacing) * 3);
  }
  .setting-control {
    display: grid;
    gap: calc(var(--spacing) * 3);
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-slate-200);
    background-color: var(--color-slate-50);
    padding: calc(var(--spacing) * 4);
    @media (width >= 80rem) {
      grid-template-columns: minmax(260px,0.45fr) minmax(0,0.55fr);
    }
  }
  .setting-meta strong {
    display: block;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: var(--color-slate-950);
  }
  .setting-meta code {
    margin-top: calc(var(--spacing) * 1);
    display: inline-block;
  }
  .setting-meta small {
    margin-top: calc(var(--spacing) * 2);
    display: block;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-slate-500);
  }
  .setting-editor {
    display: grid;
    gap: calc(var(--spacing) * 2);
    @media (width >= 48rem) {
      grid-template-columns: minmax(0,1fr) auto;
    }
  }
  .setting-editor textarea {
    @media (width >= 48rem) {
      grid-column: span 2 / span 2;
    }
  }
  .attention-list, .event-timeline {
    display: grid;
    gap: calc(var(--spacing) * 3);
  }
  .attention-item {
    display: grid;
    gap: calc(var(--spacing) * 1);
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-slate-200);
    background-color: var(--color-white);
    padding: calc(var(--spacing) * 4);
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-slate-50);
      }
    }
  }
  .attention-item strong {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: var(--color-slate-950);
  }
  .attention-item small {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-slate-500);
  }
  .event-timeline {
    list-style-type: none;
  }
  .event-timeline li {
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-slate-200);
    background-color: var(--color-white);
    padding: calc(var(--spacing) * 4);
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .event-timeline strong {
    display: block;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: var(--color-slate-950);
  }
  .event-timeline span {
    margin-top: calc(var(--spacing) * 1);
    display: block;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-slate-600);
  }
  .event-timeline small {
    margin-top: calc(var(--spacing) * 2);
    display: block;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
    color: var(--color-slate-400);
    text-transform: uppercase;
  }
  .diagnostic-details {
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-slate-200);
    background-color: var(--color-white);
    padding: calc(var(--spacing) * 3);
  }
  .diagnostic-details summary {
    cursor: pointer;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: var(--color-slate-700);
  }
  .diagnostic-details pre {
    margin-top: calc(var(--spacing) * 3);
  }
  .operator-command-bar {
    margin-bottom: calc(var(--spacing) * 5);
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 3);
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-slate-200);
    background-color: var(--color-white);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    @media (width >= 80rem) {
      flex-direction: row;
    }
    @media (width >= 80rem) {
      align-items: center;
    }
  }
  .operator-command-bar .command-label {
    min-width: 220px;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--color-slate-100);
    padding-bottom: calc(var(--spacing) * 3);
    @media (width >= 80rem) {
      border-right-style: var(--tw-border-style);
      border-right-width: 1px;
    }
    @media (width >= 80rem) {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 0px;
    }
    @media (width >= 80rem) {
      padding-right: calc(var(--spacing) * 4);
    }
    @media (width >= 80rem) {
      padding-bottom: calc(var(--spacing) * 0);
    }
  }
  .operator-command-bar .command-label strong {
    display: block;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: var(--color-slate-950);
  }
  .operator-command-bar .command-label span {
    margin-top: calc(var(--spacing) * 0.5);
    display: block;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-slate-500);
  }
  .command-actions {
    display: grid;
    flex: 1;
    gap: calc(var(--spacing) * 2);
    @media (width >= 40rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    @media (width >= 80rem) {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }
  .command-action {
    border-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-slate-200);
    background-color: var(--color-slate-50);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-blue-200);
      }
    }
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-blue-50);
      }
    }
  }
  .command-action strong {
    display: block;
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: var(--color-slate-950);
  }
  .command-action span {
    margin-top: calc(var(--spacing) * 0.5);
    display: block;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-leading: calc(var(--spacing) * 4);
    line-height: calc(var(--spacing) * 4);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-slate-500);
  }
  .command-action.good {
    border-color: var(--color-emerald-200);
    background-color: var(--color-emerald-50);
  }
  .command-action.warn {
    border-color: var(--color-amber-200);
    background-color: var(--color-amber-50);
  }
  .command-action.bad {
    border-color: var(--color-red-200);
    background-color: var(--color-red-50);
  }
  .ops-layout {
    display: grid;
    gap: calc(var(--spacing) * 5);
  }
  .ops-main-column {
    display: grid;
    gap: calc(var(--spacing) * 5);
  }
  .command-board.compact {
    display: grid;
    gap: calc(var(--spacing) * 4);
    @media (width >= 64rem) {
      grid-template-columns: minmax(0,1.2fr) minmax(360px,0.8fr);
    }
  }
  .command-hero {
    border-radius: var(--radius-3xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-blue-200);
    --tw-gradient-position: to bottom right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: var(--color-blue-50);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    --tw-gradient-to: var(--color-white);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    padding: calc(var(--spacing) * 6);
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .command-hero h2 {
    margin-top: calc(var(--spacing) * 1);
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: var(--color-slate-950);
  }
  .command-hero p:not(.eyebrow) {
    margin-top: calc(var(--spacing) * 2);
    max-width: var(--container-3xl);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-slate-600);
  }
  .command-hero.good {
    border-color: var(--color-emerald-200);
    --tw-gradient-from: var(--color-emerald-50);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .command-hero.warn {
    border-color: var(--color-amber-200);
    --tw-gradient-from: var(--color-amber-50);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .section-cluster {
    display: grid;
    gap: calc(var(--spacing) * 4);
  }
  .section-work-head {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: calc(var(--spacing) * 3);
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-slate-200);
    background-color: var(--color-white);
    padding: calc(var(--spacing) * 5);
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    @media (width >= 48rem) {
      flex-direction: row;
    }
    @media (width >= 48rem) {
      align-items: flex-end;
    }
  }
  .section-work-head h2 {
    margin-top: calc(var(--spacing) * 1);
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: var(--color-slate-950);
  }
  .section-work-head p:not(.eyebrow) {
    margin-top: calc(var(--spacing) * 1);
    max-width: var(--container-4xl);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-slate-500);
  }
  .section-meta-strip {
    display: grid;
    gap: calc(var(--spacing) * 2);
    @media (width >= 40rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    @media (width >= 64rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .section-meta-strip span {
    border-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-slate-200);
    background-color: var(--color-slate-50);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
  }
  .section-meta-strip strong {
    display: block;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: var(--color-slate-950);
  }
  .section-meta-strip small {
    display: block;
    font-size: 11px;
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
    color: var(--color-slate-400);
    text-transform: uppercase;
  }
  .subsection-head {
    margin-bottom: calc(var(--spacing) * 3);
  }
  .subsection-head h3 {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: var(--color-slate-950);
  }
  .subsection-head p {
    margin-top: calc(var(--spacing) * 1);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-slate-500);
  }
  .subsection-grid {
    display: grid;
    gap: calc(var(--spacing) * 4);
    @media (width >= 64rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .subsection-grid.balanced {
    @media (width >= 64rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .chart-grid {
    display: grid;
    gap: calc(var(--spacing) * 4);
  }
  .chart-grid.two-up {
    @media (width >= 64rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .priority-chart-grid {
    @media (width >= 80rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .priority-chart-grid .chart-wide {
    @media (width >= 80rem) {
      grid-column: span 3 / span 3;
    }
  }
  .table-card {
    overflow: hidden;
  }
  .context-map {
    display: grid;
    gap: calc(var(--spacing) * 3);
    @media (width >= 40rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    @media (width >= 80rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .context-map article {
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-slate-200);
    background-color: var(--color-white);
    padding: calc(var(--spacing) * 4);
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .context-map span {
    font-size: 11px;
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    --tw-tracking: 0.14em;
    letter-spacing: 0.14em;
    color: var(--color-slate-400);
    text-transform: uppercase;
  }
  .context-map strong {
    margin-top: calc(var(--spacing) * 1);
    display: block;
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: var(--color-slate-950);
  }
  .context-map small {
    margin-top: calc(var(--spacing) * 1);
    display: block;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-slate-500);
  }
  .compact-record-list {
    display: grid;
    gap: calc(var(--spacing) * 2);
  }
  .list-card {
    display: block;
    border-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-slate-200);
    background-color: var(--color-slate-50);
    padding: calc(var(--spacing) * 3);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-blue-200);
      }
    }
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-blue-50);
      }
    }
  }
  .list-card strong {
    display: block;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: var(--color-slate-950);
  }
  .list-card small {
    margin-top: calc(var(--spacing) * 1);
    display: block;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-slate-500);
  }
  .compact-key-list {
    display: grid;
    gap: calc(var(--spacing) * 2);
    padding: calc(var(--spacing) * 5);
    @media (width >= 40rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .compact-key-list div {
    border-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-slate-200);
    background-color: var(--color-slate-50);
    padding: calc(var(--spacing) * 3);
  }
  .compact-key-list strong {
    display: block;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
    color: var(--color-slate-400);
    text-transform: uppercase;
  }
  .compact-key-list span {
    margin-top: calc(var(--spacing) * 1);
    display: block;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    overflow-wrap: break-word;
    color: var(--color-slate-800);
  }
  .action-row {
    margin-top: calc(var(--spacing) * 3);
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--spacing) * 2);
  }
  .inline-form {
    display: inline-flex;
  }
  .inline-form button {
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 1.5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .compact-form {
    margin-top: calc(var(--spacing) * 4);
  }
  .management-card {
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-slate-200);
    background-color: var(--color-white);
    padding: calc(var(--spacing) * 4);
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .management-card summary {
    cursor: pointer;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: var(--color-slate-950);
  }
  .management-card form {
    margin-top: calc(var(--spacing) * 4);
  }
  .config-section-tabs {
    margin-bottom: calc(var(--spacing) * 4);
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: calc(var(--spacing) * 0);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--color-slate-200);
  }
  .config-section-tabs a {
    margin-bottom: -1px;
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-top-left-radius: var(--radius-xl);
    border-top-right-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: transparent;
    border-bottom-color: var(--color-slate-200);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 2.5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: var(--color-slate-600);
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-white);
      }
    }
    &:hover {
      @media (hover: hover) {
        color: var(--color-slate-950);
      }
    }
  }
  .config-section-tabs a span {
    border-radius: calc(infinity * 1px);
    background-color: var(--color-slate-100);
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 0.5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-slate-500);
  }
  .config-section-tabs a.active {
    border-color: var(--color-slate-200);
    border-bottom-color: var(--color-white);
    background-color: var(--color-white);
    color: var(--color-adsb-950);
  }
  .portal-page-shell {
    display: grid;
    gap: calc(var(--spacing) * 5);
  }
  .network-command-strip, .toolbox-strip, .flat-grid, .network-command-grid {
    margin-bottom: calc(var(--spacing) * 5);
    display: grid;
    gap: calc(var(--spacing) * 3);
    @media (width >= 40rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    @media (width >= 80rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .network-command-strip .metric-card, .flat-grid .metric-card {
    min-height: calc(var(--spacing) * 24);
  }
  .form-grid {
    display: grid;
    gap: calc(var(--spacing) * 4);
    @media (width >= 48rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .auth-panel {
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-slate-200);
    background-color: var(--color-white);
    padding: calc(var(--spacing) * 5);
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .portal-feature-copy {
    max-width: var(--container-3xl);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: calc(var(--spacing) * 7);
    line-height: calc(var(--spacing) * 7);
    color: var(--color-slate-600);
  }
  .portal-feature-copy p {
    margin-bottom: calc(var(--spacing) * 3);
  }
  .portal-feature-copy ul {
    margin-left: calc(var(--spacing) * 5);
    list-style-type: disc;
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .community-main, .full-width-content {
    max-width: 1560px;
  }
  .community-head {
    border-color: var(--color-blue-200);
    --tw-gradient-position: to bottom right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: var(--color-blue-50);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    --tw-gradient-to: var(--color-white);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .status-grid {
    display: grid;
    gap: calc(var(--spacing) * 3);
    @media (width >= 40rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    @media (width >= 80rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .status-grid article {
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-slate-200);
    background-color: var(--color-white);
    padding: calc(var(--spacing) * 4);
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .source-actions {
    margin-top: calc(var(--spacing) * 4);
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--spacing) * 2);
  }
  .source-actions form {
    display: inline-flex;
  }
  .section-divider {
    margin-top: calc(var(--spacing) * 8);
    margin-bottom: calc(var(--spacing) * 3);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--color-slate-200);
    padding-top: calc(var(--spacing) * 5);
  }
  .section-divider h2 {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: var(--color-slate-950);
  }
  .danger-zone {
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-red-200);
    background-color: var(--color-red-50);
    padding: calc(var(--spacing) * 5);
  }
  .danger-zone h3 {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: var(--color-red-900);
  }
  .owner-menu {
    margin-top: calc(var(--spacing) * 4);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--color-slate-200);
    padding-top: calc(var(--spacing) * 4);
  }
  .loading-panel {
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-slate-200);
    background-color: var(--color-slate-50);
    padding: calc(var(--spacing) * 6);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-slate-500);
  }
  .portal-auth-page {
    min-height: 100vh;
    background-color: var(--color-adsb-950);
    color: var(--color-white);
  }
  .portal-auth-shell {
    display: grid;
    min-height: 100vh;
    width: 100%;
    @media (width >= 64rem) {
      grid-template-columns: minmax(0,1.15fr) minmax(420px,0.85fr);
    }
  }
  .portal-auth-brand-panel {
    position: relative;
    display: flex;
    min-height: 48vh;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    background-image: radial-gradient(circle at 20% 20%,rgba(59,130,246,0.28),transparent 34%),linear-gradient(135deg,#07111f 0%,#0b1728 52%,#13223a 100%);
    padding-inline: calc(var(--spacing) * 6);
    padding-block: calc(var(--spacing) * 10);
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 10);
    }
    @media (width >= 64rem) {
      min-height: 100vh;
    }
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 16);
    }
    @media (width >= 80rem) {
      padding-inline: calc(var(--spacing) * 20);
    }
  }
  .portal-auth-brand-panel::after {
    pointer-events: none;
    position: absolute;
    inset: calc(var(--spacing) * 0);
    opacity: 30%;
    content: "";
    background-image: linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px);
    background-size: 42px 42px;
    mask-image: linear-gradient(to bottom, black, transparent);
  }
  .portal-auth-logo {
    position: relative;
    z-index: 10;
    margin-bottom: calc(var(--spacing) * 10);
    display: inline-flex;
    width: fit-content;
  }
  .portal-auth-logo img {
    height: calc(var(--spacing) * 11);
    max-width: 260px;
    object-fit: contain;
  }
  .portal-auth-brand-panel h1 {
    position: relative;
    z-index: 10;
    margin-top: calc(var(--spacing) * 3);
    max-width: var(--container-3xl);
    font-size: var(--text-4xl);
    line-height: var(--tw-leading, var(--text-4xl--line-height));
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
    color: var(--color-white);
    @media (width >= 40rem) {
      font-size: var(--text-5xl);
      line-height: var(--tw-leading, var(--text-5xl--line-height));
    }
    @media (width >= 80rem) {
      font-size: var(--text-6xl);
      line-height: var(--tw-leading, var(--text-6xl--line-height));
    }
  }
  .portal-auth-lead {
    position: relative;
    z-index: 10;
    margin-top: calc(var(--spacing) * 5);
    max-width: var(--container-3xl);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-leading: calc(var(--spacing) * 8);
    line-height: calc(var(--spacing) * 8);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-slate-200);
    @media (width >= 40rem) {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height));
    }
  }
  .portal-auth-benefits {
    position: relative;
    z-index: 10;
    margin-top: calc(var(--spacing) * 8);
    display: grid;
    max-width: var(--container-5xl);
    gap: calc(var(--spacing) * 3);
    @media (width >= 40rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    @media (width >= 80rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .portal-auth-benefits article {
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: color-mix(in srgb, #fff 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
    background-color: color-mix(in srgb, #fff 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
    padding: calc(var(--spacing) * 4);
    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-shadow-color: color-mix(in srgb, oklch(12.9% 0.042 264.695) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-slate-950) 10%, transparent) var(--tw-shadow-alpha), transparent);
    }
    --tw-backdrop-blur: blur(8px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .portal-auth-benefits strong {
    display: block;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: var(--color-white);
  }
  .portal-auth-benefits span {
    margin-top: calc(var(--spacing) * 1);
    display: block;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-slate-300);
  }
  .portal-auth-public-links {
    position: relative;
    z-index: 10;
    margin-top: calc(var(--spacing) * 8);
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--spacing) * 2);
  }
  .portal-auth-public-links a {
    border-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: color-mix(in srgb, #fff 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
    background-color: color-mix(in srgb, #fff 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
    }
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-slate-200);
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, #fff 10%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
        }
      }
    }
    &:hover {
      @media (hover: hover) {
        color: var(--color-white);
      }
    }
  }
  .portal-auth-card {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
    justify-content: center;
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: color-mix(in srgb, #fff 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
    background-color: var(--color-slate-50);
    padding-inline: calc(var(--spacing) * 6);
    padding-block: calc(var(--spacing) * 10);
    color: var(--color-slate-800);
    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 10);
    }
    @media (width >= 64rem) {
      border-top-style: var(--tw-border-style);
      border-top-width: 0px;
    }
    @media (width >= 64rem) {
      border-left-style: var(--tw-border-style);
      border-left-width: 1px;
    }
    @media (width >= 80rem) {
      padding-inline: calc(var(--spacing) * 14);
    }
  }
  .portal-auth-card-head {
    margin-bottom: calc(var(--spacing) * 6);
  }
  .portal-auth-card-head h2 {
    margin-top: calc(var(--spacing) * 2);
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
    color: var(--color-slate-950);
  }
  .portal-auth-card-head p {
    margin-top: calc(var(--spacing) * 3);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-slate-500);
  }
  .portal-auth-form {
    display: grid;
    gap: calc(var(--spacing) * 4);
    border-radius: var(--radius-3xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-slate-200);
    background-color: var(--color-white);
    padding: calc(var(--spacing) * 5);
    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-shadow-color: color-mix(in srgb, oklch(12.9% 0.042 264.695) 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-slate-950) 5%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .portal-auth-form label {
    color: var(--color-slate-700);
  }
  .portal-auth-form input {
    min-height: calc(var(--spacing) * 12);
    border-radius: var(--radius-xl);
  }
  .auth-submit {
    margin-top: calc(var(--spacing) * 1);
    width: 100%;
    justify-content: center;
    padding-block: calc(var(--spacing) * 3);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  .portal-auth-switch {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 2);
    border-radius: var(--radius-2xl);
    background-color: var(--color-slate-50);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-slate-500);
  }
  .portal-auth-switch a {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: var(--color-blue-700);
    &:hover {
      @media (hover: hover) {
        color: var(--color-blue-900);
      }
    }
  }
  .auth-message {
    min-height: calc(var(--spacing) * 5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-slate-600);
  }
  .portal-auth-footnote {
    margin-top: calc(var(--spacing) * 5);
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-blue-100);
    background-color: var(--color-blue-50);
    padding: calc(var(--spacing) * 4);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-slate-700);
  }
  .portal-auth-footnote strong {
    display: block;
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: var(--color-slate-950);
  }
  .portal-auth-footnote span {
    margin-top: calc(var(--spacing) * 1);
    display: block;
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-slate-600);
  }
  .noc-login-page {
    min-height: 100vh;
    background-color: var(--color-adsb-950);
    color: var(--color-white);
  }
  .noc-login-shell {
    display: grid;
    min-height: 100vh;
    width: 100%;
    @media (width >= 64rem) {
      grid-template-columns: minmax(0,1.05fr) minmax(420px,0.95fr);
    }
  }
  .noc-login-info {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    background-image: radial-gradient(circle at 25% 25%,rgba(14,165,233,0.26),transparent 32%),linear-gradient(135deg,#07111f 0%,#0b1728 55%,#111827 100%);
    padding-inline: calc(var(--spacing) * 6);
    padding-block: calc(var(--spacing) * 10);
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 10);
    }
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 16);
    }
    @media (width >= 80rem) {
      padding-inline: calc(var(--spacing) * 20);
    }
  }
  .noc-login-info::after {
    pointer-events: none;
    position: absolute;
    inset: calc(var(--spacing) * 0);
    opacity: 25%;
    content: "";
    background-image: linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px);
    background-size: 44px 44px;
    mask-image: linear-gradient(to bottom, black, transparent);
  }
  .noc-login-info img {
    position: relative;
    z-index: 10;
    margin-bottom: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 11);
    width: fit-content;
    max-width: 260px;
    object-fit: contain;
  }
  .noc-login-info h1 {
    position: relative;
    z-index: 10;
    margin-top: calc(var(--spacing) * 3);
    font-size: var(--text-5xl);
    line-height: var(--tw-leading, var(--text-5xl--line-height));
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
    color: var(--color-white);
    @media (width >= 80rem) {
      font-size: var(--text-6xl);
      line-height: var(--tw-leading, var(--text-6xl--line-height));
    }
  }
  .noc-login-info p:not(.eyebrow) {
    position: relative;
    z-index: 10;
    margin-top: calc(var(--spacing) * 5);
    max-width: var(--container-3xl);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-leading: calc(var(--spacing) * 8);
    line-height: calc(var(--spacing) * 8);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-slate-200);
  }
  .noc-login-points {
    position: relative;
    z-index: 10;
    margin-top: calc(var(--spacing) * 8);
    display: grid;
    max-width: var(--container-4xl);
    gap: calc(var(--spacing) * 3);
    @media (width >= 40rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .noc-login-points article {
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: color-mix(in srgb, #fff 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
    background-color: color-mix(in srgb, #fff 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
    padding: calc(var(--spacing) * 4);
    --tw-backdrop-blur: blur(8px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .noc-login-points strong {
    display: block;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: var(--color-white);
  }
  .noc-login-points span {
    margin-top: calc(var(--spacing) * 1);
    display: block;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-slate-300);
  }
  .noc-login-card {
    display: flex;
    min-height: 100vh;
    width: 100%;
    flex-direction: column;
    justify-content: center;
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: color-mix(in srgb, #fff 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
    background-color: var(--color-slate-50);
    padding-inline: calc(var(--spacing) * 6);
    padding-block: calc(var(--spacing) * 10);
    color: var(--color-slate-800);
    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 10);
    }
    @media (width >= 64rem) {
      border-top-style: var(--tw-border-style);
      border-top-width: 0px;
    }
    @media (width >= 64rem) {
      border-left-style: var(--tw-border-style);
      border-left-width: 1px;
    }
    @media (width >= 80rem) {
      padding-inline: calc(var(--spacing) * 14);
    }
  }
  .noc-login-card h2 {
    margin-top: calc(var(--spacing) * 2);
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
    color: var(--color-slate-950);
  }
  .noc-login-copy {
    margin-top: calc(var(--spacing) * 3);
    margin-bottom: calc(var(--spacing) * 6);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-slate-500);
  }
  .noc-login-card label {
    color: var(--color-slate-700);
  }
  .noc-login-card input {
    min-height: calc(var(--spacing) * 12);
    border-color: var(--color-slate-300);
    background-color: var(--color-white);
    color: var(--color-slate-950);
  }
  .noc-login-card .login-form {
    display: grid;
    gap: calc(var(--spacing) * 4);
    border-radius: var(--radius-3xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-slate-200);
    background-color: var(--color-white);
    padding: calc(var(--spacing) * 5);
    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-shadow-color: color-mix(in srgb, oklch(12.9% 0.042 264.695) 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-slate-950) 5%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .noc-login-card button[type="submit"] {
    margin-top: calc(var(--spacing) * 1);
    width: 100%;
    border-radius: var(--radius-xl);
    background-color: var(--color-adsb-950);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: var(--color-white);
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-shadow-color: color-mix(in srgb, oklch(12.9% 0.042 264.695) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-slate-950) 10%, transparent) var(--tw-shadow-alpha), transparent);
    }
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-slate-800);
      }
    }
  }
  @media (max-width: 1024px) {
    .noc-shell {
      display: block;
    }
    .noc-sidebar {
      position: static;
      height: auto;
    }
    .noc-sidenav, .flat-menu {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .nav-section, .menu-section {
      grid-column: 1 / -1;
    }
  }
  @media (max-width: 640px) {
    .noc-topbar-inner, .network-bar {
      flex-wrap: wrap;
    }
    .noc-sidenav, .flat-menu, .toolbox-grid, .check-grid, .action-grid, .action-tile-grid, .source-grid, .cards, .why-grid {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .bar-row {
      grid-template-columns: 90px minmax(0,1fr) 42px;
    }
    .noc-page-head, .page-head {
      border-radius: var(--radius-2xl);
      padding: calc(var(--spacing) * 4);
    }
  }
}
@layer components {
  .page-content, .noc-content {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .flat-section + .flat-section, .ops-card + .ops-card, .notice-table + .flat-section {
    margin-top: calc(var(--spacing) * 6);
  }
  .toolbox-grid article, .check-grid article, .info-card, .airport-card, .channel-card, .download-card {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }
  .checklist-benefits article, .checklist-grid article {
    position: relative;
    padding-left: calc(var(--spacing) * 11);
  }
  .checklist-benefits article::before, .checklist-grid article::before {
    position: absolute;
    top: calc(var(--spacing) * 4);
    left: calc(var(--spacing) * 4);
    display: grid;
    height: calc(var(--spacing) * 5);
    width: calc(var(--spacing) * 5);
    place-items: center;
    border-radius: calc(infinity * 1px);
    background-color: var(--color-emerald-100);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: var(--color-emerald-700);
    content: "✓";
  }
  .portal-auth-benefits.checklist-benefits {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    @media (width >= 80rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .portal-auth-form textarea, .portal-auth-form select {
    min-height: calc(var(--spacing) * 12);
    border-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-slate-300);
    background-color: var(--color-white);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-slate-900);
    --tw-shadow: inset 0 2px 4px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-shadow-color: color-mix(in srgb, oklch(12.9% 0.042 264.695) 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-slate-950) 5%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .restricted-registration {
    display: grid;
    gap: calc(var(--spacing) * 4);
  }
  .inline-owner-menu {
    margin-block: calc(var(--spacing) * 4);
    border-block-style: var(--tw-border-style);
    border-block-width: 1px;
    border-color: var(--color-slate-200);
    padding-block: calc(var(--spacing) * 4);
  }
  .inline-owner-menu[hidden] {
    display: none !important;
  }
  .channel-grid, .download-grid, .airport-card-grid {
    display: grid;
    gap: calc(var(--spacing) * 4);
    @media (width >= 48rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    @media (width >= 80rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .channel-card, .download-card {
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-slate-200);
    background-color: var(--color-white);
    padding: calc(var(--spacing) * 4);
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .channel-card strong, .download-card strong {
    display: block;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: var(--color-slate-950);
  }
  .channel-card span, .download-card span {
    margin-top: calc(var(--spacing) * 1);
    display: block;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-slate-600);
  }
  .channel-card small, .download-card small {
    margin-top: calc(var(--spacing) * 1);
    display: block;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    word-break: break-all;
    color: var(--color-slate-400);
  }
  .channel-card em {
    margin-top: calc(var(--spacing) * 3);
    display: inline-flex;
    border-radius: calc(infinity * 1px);
    background-color: var(--color-slate-100);
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 1);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-slate-600);
    font-style: normal;
  }
  .inline-form-card {
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-slate-200);
    background-color: var(--color-slate-50);
    padding: calc(var(--spacing) * 5);
    --tw-shadow: inset 0 2px 4px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-shadow-color: color-mix(in srgb, oklch(12.9% 0.042 264.695) 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-slate-950) 5%, transparent) var(--tw-shadow-alpha), transparent);
    }
  }
  .inline-form-card h3 {
    margin-bottom: calc(var(--spacing) * 3);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: var(--color-slate-950);
  }
  .channel-picker {
    margin-top: calc(var(--spacing) * 4);
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-slate-200);
    background-color: var(--color-slate-50);
    padding: calc(var(--spacing) * 4);
  }
  .channel-picker legend {
    padding-inline: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: var(--color-slate-700);
  }
  .check-option {
    display: flex;
    align-items: flex-start;
    gap: calc(var(--spacing) * 3);
    border-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-slate-200);
    background-color: var(--color-white);
    padding: calc(var(--spacing) * 3);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-slate-700);
  }
  .check-option input {
    margin-top: calc(var(--spacing) * 1);
  }
  .form-wide {
    @media (width >= 48rem) {
      grid-column: span 2 / span 2;
    }
    @media (width >= 80rem) {
      grid-column: span 4 / span 4;
    }
  }
  .owner-program-pitch {
    display: grid;
    gap: calc(var(--spacing) * 5);
    @media (width >= 64rem) {
      grid-template-columns: minmax(0,0.9fr) minmax(0,1.1fr);
    }
  }
  .owner-program-pitch h3 {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: var(--color-slate-950);
  }
  .owner-program-pitch p {
    margin-top: calc(var(--spacing) * 3);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: calc(var(--spacing) * 7);
    line-height: calc(var(--spacing) * 7);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-slate-600);
  }
  .community-content .flat-list, .community-content .statusio-components, .community-content .statusio-incidents {
    display: grid;
    gap: calc(var(--spacing) * 3);
  }
  .community-content .flat-row-link, .statusio-component, .statusio-incident {
    display: grid;
    gap: calc(var(--spacing) * 3);
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-slate-200);
    background-color: var(--color-white);
    padding: calc(var(--spacing) * 4);
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    @media (width >= 48rem) {
      grid-template-columns: minmax(0,1.4fr) auto auto;
    }
  }
  .wiki-shell {
    display: grid;
    gap: calc(var(--spacing) * 6);
    @media (width >= 64rem) {
      grid-template-columns: 240px minmax(0,1fr);
    }
  }
  .wiki-sidebar {
    position: sticky;
    top: calc(var(--spacing) * 20);
    height: fit-content;
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-slate-200);
    background-color: var(--color-white);
    padding: calc(var(--spacing) * 4);
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .wiki-sidebar a {
    margin-top: calc(var(--spacing) * 2);
    display: block;
    border-radius: var(--radius-xl);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-slate-600);
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-slate-100);
      }
    }
    &:hover {
      @media (hover: hover) {
        color: var(--color-slate-950);
      }
    }
  }
  .wiki-main {
    min-width: calc(var(--spacing) * 0);
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .wiki-index-list {
    display: grid;
    gap: calc(var(--spacing) * 3);
  }
  .statusio-hero {
    margin-bottom: calc(var(--spacing) * 6);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 4);
    border-radius: var(--radius-2xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-emerald-200);
    background-color: var(--color-emerald-50);
    padding: calc(var(--spacing) * 5);
    color: var(--color-emerald-900);
  }
  .status-pill {
    display: inline-flex;
    width: fit-content;
    border-radius: calc(infinity * 1px);
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 1);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
    text-transform: uppercase;
  }
  .status-pill.ok, .status-pill.operational {
    background-color: var(--color-emerald-100);
    color: var(--color-emerald-700);
  }
  .status-pill.bad {
    background-color: var(--color-rose-100);
    color: var(--color-rose-700);
  }
  .status-pill.warn {
    background-color: var(--color-amber-100);
    color: var(--color-amber-700);
  }
  .public-info-page .page-content, .community-page .page-content {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-border-spacing-x {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-spacing-y {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-gradient-position {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}
@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}
@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false;
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-leading: initial;
      --tw-border-style: solid;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-font-weight: initial;
      --tw-border-spacing-x: 0;
      --tw-border-spacing-y: 0;
      --tw-tracking: initial;
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-space-y-reverse: 0;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
    }
  }
}


/* ADSB1090 completion pass: spacing, full public pages, registration notices, and formatted community/public data. */
.public-enrollment-banner{max-width:1440px;margin:.85rem auto 0;padding:.85rem 1rem;border:1px solid #bfdbfe;background:#eff6ff;color:#1e3a8a;border-radius:16px;display:flex;align-items:center;justify-content:space-between;gap:1rem;box-shadow:0 10px 25px rgba(15,23,42,.08)}
.public-enrollment-banner p{margin:.15rem 0 0;color:#1e40af}.public-enrollment-banner a{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;background:#0b1728;color:#fff;padding:.55rem .8rem;text-decoration:none;font-weight:900;white-space:nowrap}.registration-mode-card{margin-top:1rem;border:1px solid #d7e0ec;background:#f8fafc;border-radius:14px;padding:.9rem}.registration-mode-card strong{display:block;color:#0b1728}.registration-mode-card span{display:block;color:#475569;margin-top:.2rem}.registration-mode-card ul{margin:.65rem 0 0;padding-left:1.1rem;color:#334155}.checklist-benefits article{position:relative;padding-left:2.35rem}.checklist-benefits article:before{content:'✓';position:absolute;left:.85rem;top:.85rem;width:1.1rem;height:1.1rem;border-radius:999px;display:grid;place-items:center;background:#dcfce7;color:#166534;font-weight:900;font-size:.8rem}
.flat-layout,.portal-page-shell,.page-content,.community-content{gap:1.15rem}.flat-section,.ops-card,.metric-card,.notice-table{margin-bottom:1.1rem}.portal-two-column{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.75fr);gap:1.1rem;align-items:start}.portal-two-column.wide-left{grid-template-columns:minmax(0,1.55fr) minmax(340px,.7fr)}.flat-grid,.toolbox-grid,.info-grid,.why-grid,.airport-card-grid,.channel-grid,.download-grid,.status-grid,.public-node-grid,.badge-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1rem}.toolbox-grid article,.airport-card,.channel-card,.download-card,.public-node-card,.badge-card,.status-grid article{display:flex;flex-direction:column;gap:.35rem;border:1px solid #d7e0ec;background:#fff;border-radius:16px;padding:1rem;box-shadow:0 8px 18px rgba(15,23,42,.06);text-decoration:none;color:#0b1728}.airport-card:hover,.public-node-card:hover{border-color:#93c5fd;box-shadow:0 14px 32px rgba(15,23,42,.12)}.airport-ranking-note{margin:.1rem 0 1rem}.flat-list{display:grid;gap:.7rem}.flat-list.four-col .flat-row-link,.flat-list.three-col .flat-row-link,.flat-row-link{display:grid;grid-template-columns:minmax(240px,1fr) auto auto auto;gap:.85rem;align-items:center;border:1px solid #d7e0ec;background:#fff;border-radius:14px;padding:.85rem;text-decoration:none;color:#0b1728;box-shadow:0 4px 12px rgba(15,23,42,.04)}.flat-row-link strong{display:block}.flat-row-link small,.muted{color:#64748b}.wiki-shell{display:grid;grid-template-columns:250px minmax(0,1fr);gap:1rem;align-items:start}.wiki-sidebar{position:sticky;top:82px;border:1px solid #d7e0ec;background:#fff;border-radius:16px;padding:1rem;display:flex;flex-direction:column;gap:.45rem}.wiki-sidebar a{padding:.45rem .55rem;border-radius:9px;text-decoration:none;color:#334155}.wiki-sidebar a:hover{background:#f1f5f9;color:#0b1728}.wiki-main{min-width:0}.wiki-article .wiki-body{font-size:1rem;line-height:1.72;color:#1e293b}.wiki-body h2,.wiki-body h3{margin-top:1.3rem}.statusio-hero{display:flex;justify-content:space-between;gap:1rem;align-items:center;border-radius:18px;padding:1.1rem 1.25rem;margin-bottom:1rem;border:1px solid #bbf7d0;background:#ecfdf5;color:#065f46}.statusio-components,.statusio-incidents{display:grid;gap:.75rem}.statusio-component,.statusio-incident{display:grid;grid-template-columns:minmax(240px,1fr) auto auto;gap:1rem;align-items:center;border:1px solid #d7e0ec;background:#fff;border-radius:14px;padding:.9rem;text-decoration:none;color:#0b1728}.status-pill,.badge{white-space:nowrap}.public-directory-shell,.public-profile-shell{display:block}.node-row.public-node-card{display:grid;grid-template-columns:minmax(220px,1fr) repeat(4,minmax(110px,.35fr));align-items:center}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;margin:1rem 0}.h-captcha{margin:1rem 0}.form-grid{gap:1rem}.account-preference-grid article{min-height:90px}@media (max-width:900px){.portal-two-column,.portal-two-column.wide-left,.wiki-shell{grid-template-columns:1fr}.wiki-sidebar{position:static}.flat-row-link,.statusio-component,.statusio-incident,.node-row.public-node-card{grid-template-columns:1fr}.public-enrollment-banner{flex-direction:column;align-items:flex-start}}


/* ADSB1090 unified portal/NOC layout cleanup: reduce nested-card feel, improve spacing, and make controls easier to find. */
.inline-alert{display:flex;align-items:flex-start;gap:.75rem;margin:0 0 1rem;padding:.85rem 1rem;border-radius:14px;border:1px solid #bfdbfe;background:#eff6ff;color:#1e3a8a;font-size:.9rem;line-height:1.45}.inline-alert strong{display:block;font-weight:900}.inline-alert span{display:block;color:#334155}.inline-alert.info:before{content:'i';display:grid;place-items:center;flex:0 0 auto;width:1.35rem;height:1.35rem;border-radius:999px;background:#dbeafe;color:#1d4ed8;font-weight:900}.page-content,.community-content,.noc-content{gap:1.5rem}.flat-section,.ops-card,.chart-card,.notice-table{border-radius:18px}.flat-section>.body,.ops-card>:not(.card-head),.chart-card>:not(.card-head){padding:1.15rem 1.25rem}.flat-section .flat-section,.ops-card .ops-card,.flat-section .ops-card,.ops-card .flat-section{box-shadow:none;background:#f8fafc;border-color:#e2e8f0}.flat-section .toolbox-grid article,.flat-section .check-grid article,.flat-section .download-card,.flat-section .channel-card,.ops-card .toolbox-grid article,.ops-card .check-grid article{box-shadow:none;background:#fff}.portal-two-column{gap:1.35rem}.portal-two-column.force-single,.portal-summary-stack,.downloads-layout{display:grid!important;grid-template-columns:1fr!important}.download-grid{align-items:stretch}.download-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem}.download-card p{margin:.55rem 0 0;color:#475569;font-size:.88rem;line-height:1.45}.flat-row-link{grid-template-columns:minmax(260px,1fr) repeat(3,minmax(110px,max-content));white-space:normal}.flat-row-link span{min-width:0}.flat-row-link small{display:block;margin-top:.2rem;line-height:1.35}.community-content .flat-row-link,.public-node-card,.airport-card{line-height:1.45}.airport-card-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.public-node-grid{display:grid;gap:1rem}.node-row.public-node-card{grid-template-columns:minmax(260px,1.2fr) repeat(4,minmax(120px,.35fr));gap:.9rem}.wiki-shell{gap:1.35rem}.wiki-main .info-grid{grid-template-columns:repeat(auto-fit,minmax(270px,1fr))}.statusio-component,.statusio-incident{grid-template-columns:minmax(280px,1fr) auto minmax(150px,max-content)}.operator-command-bar{margin:.25rem 0 1.1rem;padding:.65rem;border-radius:16px;background:#f8fafc;border:1px solid #dbe4ef;display:grid;grid-template-columns:auto minmax(0,1fr);gap:.75rem;align-items:center}.operator-command-bar .command-label{min-width:145px}.operator-command-bar .command-label strong{font-size:.78rem;letter-spacing:.12em;text-transform:uppercase}.operator-command-bar .command-label span{display:none}.command-actions{display:flex;flex-wrap:wrap;gap:.5rem}.command-action{min-height:0;padding:.55rem .75rem;border-radius:12px;box-shadow:none;display:inline-flex;flex-direction:row;align-items:center;gap:.5rem}.command-action strong{font-size:.86rem}.command-action span{font-size:.76rem;color:#64748b}.release-workspace{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.7fr);gap:1.25rem;align-items:start}.release-form{grid-template-columns:repeat(2,minmax(0,1fr))}.inline-delete{display:flex;gap:.35rem;align-items:center}.inline-delete input{width:84px}.danger.small{padding:.45rem .55rem;border-radius:10px;background:#fee2e2;color:#991b1b;font-size:.78rem;font-weight:900}.noc-sidebar-title span{max-width:22ch}.noc-sidenav{gap:.25rem}.nav-section{margin-top:.85rem}.section-cluster{margin-top:1.2rem}@media(max-width:1100px){.release-workspace{grid-template-columns:1fr}.operator-command-bar{grid-template-columns:1fr}.operator-command-bar .command-label span{display:block}.node-row.public-node-card,.flat-row-link,.statusio-component,.statusio-incident{grid-template-columns:1fr}.download-card{grid-template-columns:1fr}.release-form{grid-template-columns:1fr}}


/* ADSB1090 portal visual cleanup: screenshot issues pass */
.portal-summary-stack{display:grid!important;grid-template-columns:1fr!important;gap:1.25rem!important}.start-here-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem}.start-here-list article{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.75rem;align-items:start;border:1px solid #d7e0ec;background:#fff;border-radius:14px;padding:.9rem 1rem;box-shadow:0 4px 10px rgba(15,23,42,.04)}.start-here-list strong{display:grid;place-items:center;width:2rem;height:2rem;border-radius:999px;background:#0b1728;color:#fff;font-weight:900}.start-here-list span{font-size:.92rem;line-height:1.45;color:#334155}.community-content .notice-table,.community-access{margin-bottom:1rem!important}.forum-category-grid,.wiki-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.forum-category-card,.wiki-card{display:flex!important;flex-direction:column;gap:.7rem;border:1px solid #d7e0ec;background:#fff;border-radius:16px;padding:1rem;text-decoration:none;color:#0b1728;box-shadow:0 8px 18px rgba(15,23,42,.06);line-height:1.45}.forum-category-card strong,.wiki-card strong{font-size:1rem;line-height:1.25}.forum-category-card p,.wiki-card span{margin:0;color:#475569;line-height:1.45}.forum-category-card footer{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:auto;color:#64748b;font-size:.82rem}.forum-category-card footer span{border:1px solid #e2e8f0;background:#f8fafc;border-radius:999px;padding:.25rem .5rem}.discussion-list,.wiki-index-list,.leaderboard-list{display:grid;gap:.7rem}.discussion-row,.wiki-index-row,.leaderboard-row{display:grid;grid-template-columns:minmax(280px,1fr) repeat(3,minmax(110px,max-content));gap:1rem;align-items:center;border:1px solid #d7e0ec;background:#fff;border-radius:14px;padding:.9rem 1rem;text-decoration:none;color:#0b1728;line-height:1.45;box-shadow:0 4px 12px rgba(15,23,42,.04)}.leaderboard-row{grid-template-columns:auto minmax(240px,1fr) repeat(3,minmax(110px,max-content))}.leaderboard-row>b{display:grid;place-items:center;width:2rem;height:2rem;border-radius:999px;background:#eef2ff;color:#1e3a8a}.discussion-row p,.wiki-index-row p,.leaderboard-row p{margin:.25rem 0 0;color:#64748b;font-size:.86rem;line-height:1.35}.wiki-shell{display:grid;grid-template-columns:250px minmax(0,1fr);gap:1.35rem;align-items:start}.wiki-sidebar nav{display:flex;flex-direction:column;gap:.35rem;margin-top:.6rem}.wiki-sidebar a{display:block}.wiki-search{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.75rem;align-items:center}.statusio-page{display:grid;gap:1rem}.statusio-hero{display:flex;justify-content:space-between;align-items:center;gap:1rem;border-radius:18px;padding:1rem 1.15rem;border:1px solid #bbf7d0;background:#ecfdf5;color:#065f46}.statusio-hero h2{margin:0;font-size:1.35rem}.statusio-hero p{margin:.25rem 0 0}.statusio-components,.statusio-incidents{display:grid;gap:.75rem}.statusio-component,.statusio-incident{display:grid;grid-template-columns:minmax(280px,1fr) auto minmax(150px,max-content);gap:1rem;align-items:center;border:1px solid #d7e0ec;background:#fff;border-radius:14px;padding:.9rem 1rem;text-decoration:none;color:#0b1728;line-height:1.45}.statusio-component p,.statusio-incident p{margin:.25rem 0 0;color:#64748b;font-size:.86rem}.airport-card-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem!important}.airport-card{display:flex!important;flex-direction:column;gap:.35rem;border:1px solid #d7e0ec;background:#fff;border-radius:16px;padding:1rem;text-decoration:none;color:#0b1728;line-height:1.45;box-shadow:0 8px 18px rgba(15,23,42,.06)}.airport-card span,.airport-card small{color:#64748b}.public-node-grid{display:grid!important;gap:1rem}.node-row.public-node-card{display:grid!important;grid-template-columns:minmax(260px,1.2fr) repeat(4,minmax(120px,.35fr));gap:.9rem;align-items:center;border:1px solid #d7e0ec;background:#fff;border-radius:16px;padding:1rem;text-decoration:none;color:#0b1728;box-shadow:0 8px 18px rgba(15,23,42,.06);line-height:1.45}.node-row.public-node-card strong span{display:block;color:#64748b;font-size:.82rem;margin-top:.2rem}.flat-section>.body{min-width:0}.flat-section .flat-section{margin-bottom:0}.portal-two-column.force-single{grid-template-columns:1fr!important}.flat-list.four-col,.flat-list.three-col{display:grid;gap:.75rem}@media(max-width:1000px){.start-here-list{grid-template-columns:1fr 1fr}.wiki-shell{grid-template-columns:1fr}.wiki-sidebar{position:static}.discussion-row,.wiki-index-row,.leaderboard-row,.statusio-component,.statusio-incident,.node-row.public-node-card{grid-template-columns:1fr}.wiki-search{grid-template-columns:1fr}}@media(max-width:640px){.start-here-list{grid-template-columns:1fr}}

/* ADSB1090 portal/NOC layout cleanup: no duplicated page-head account boxes, no bulky promo card stacks. */
.page-head .account-strip { display: none !important; }
.page-head { align-items: center; }
.top-account-menu { position: relative; margin-left: auto; }
.top-account-trigger { min-width: 0; display: inline-flex; align-items: center; gap: .65rem; border: 1px solid rgba(148,163,184,.35); background: rgba(15,23,42,.84); color: #fff; border-radius: 999px; padding: .42rem .62rem .42rem .45rem; box-shadow: 0 10px 24px rgba(2,6,23,.22); }
.account-avatar { display: grid; place-items: center; width: 2rem; height: 2rem; border-radius: 999px; background: #fff; color: #0b1728; font-weight: 950; font-size: .9rem; }
.account-trigger-copy { display: grid; line-height: 1.05; text-align: left; }
.top-account-name { font-weight: 900; font-size: .86rem; max-width: 9.5rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.top-account-role { color: #cbd5e1; font-size: .72rem; font-weight: 700; max-width: 10rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.account-caret { color: #cbd5e1; font-size: .8rem; }
.top-account-dropdown { min-width: 220px; right: 0; top: calc(100% + .5rem); border-radius: 16px; padding: .45rem; box-shadow: 0 22px 50px rgba(2,6,23,.22); }
.dropdown-account-summary { padding: .65rem .7rem .55rem; border-bottom: 1px solid #e2e8f0; margin-bottom: .35rem; }
.dropdown-account-summary strong { display: block; color: #0b1728; font-weight: 950; }
.dropdown-account-summary span { display: block; color: #64748b; font-size: .82rem; margin-top: .1rem; }
.page-tools { margin: 0 0 1rem; padding: .55rem; border: 1px solid #dbe4ef; background: #f8fafc; border-radius: 16px; display: flex; flex-wrap: wrap; gap: .45rem; }
.page-tools a { display: inline-flex; align-items: center; min-height: 2.1rem; padding: .48rem .7rem; border-radius: 11px; border: 1px solid #d7e0ec; background: #fff; color: #0b1728; font-size: .86rem; font-weight: 900; text-decoration: none; box-shadow: none; }
.page-tools a:hover { border-color: #94a3b8; background: #eef4fb; }
.portal-page-shell .toolbox-grid, .toolbox-grid.checklist-grid { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }
.compact-note { margin: 0 0 1rem; }
.flat-section > header .page-tools { margin: .35rem 0 0; }
.flat-section .toolbox-grid article, .ops-card .toolbox-grid article { box-shadow: none; }
.portal-two-column, .portal-two-column.wide-left, .portal-two-column.network-balanced { grid-template-columns: 1fr !important; }
.airport-search-form { margin-bottom: .35rem; }
.airport-ranking-note { margin-bottom: .9rem; }
.action-tile-grid { display: flex !important; flex-wrap: wrap; gap: .55rem !important; }
.action-tile { min-height: 0 !important; display: inline-flex !important; align-items: center !important; gap: .45rem !important; padding: .55rem .75rem !important; border-radius: 12px !important; box-shadow: none !important; }
.action-tile small { display: none !important; }
.action-tile strong { font-size: .86rem !important; }
@media (max-width: 760px) { .top-account-role, .account-caret { display: none; } .top-account-trigger { padding-right: .45rem; } .top-account-name { max-width: 6.5rem; } }


/* Airport profile reference-depth layout */
.airport-profile-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;border:1px solid #dbe5f1;border-radius:1.25rem;background:#fff;box-shadow:0 8px 22px rgba(15,23,42,.06);margin-bottom:1rem}.airport-profile-hero h2{font-size:1.75rem;line-height:1.1;margin:0 0 .35rem}.airport-code-stack{min-width:10rem;text-align:right;border:1px solid #dbe5f1;border-radius:1rem;padding:.75rem 1rem;background:#f8fafc}.airport-code-stack strong{display:block;font-size:1.15rem}.airport-code-stack span{display:block;color:#64748b;font-size:.85rem}.airport-metrics{margin-bottom:1rem}.airport-section{margin-top:1rem}.airport-section header p{margin:.25rem 0 0;color:#64748b}.airport-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem}.airport-info-card,.airport-link-card{display:block;border:1px solid #dbe5f1;border-radius:1rem;background:#fff;padding:.875rem 1rem;box-shadow:0 3px 12px rgba(15,23,42,.04);text-decoration:none;color:inherit}.airport-info-card span,.airport-link-card span{display:block;text-transform:uppercase;letter-spacing:.08em;font-size:.7rem;font-weight:800;color:#64748b}.airport-info-card strong,.airport-link-card strong{display:block;margin:.2rem 0;font-size:1rem}.airport-info-card p{margin:.2rem 0;color:#334155}.airport-info-card small{display:block;margin-top:.35rem;color:#64748b}.comm-grid .airport-info-card strong{font-size:1.35rem}.airport-link-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.75rem}.airport-link-card:hover{border-color:#2563eb;box-shadow:0 8px 22px rgba(37,99,235,.12)}.profile-table th{width:14rem;color:#475569;font-weight:800}.profile-table td{color:#0f172a}@media(max-width:720px){.airport-profile-hero{display:block}.airport-code-stack{text-align:left;margin-top:.75rem}.profile-table th{width:auto}}


/* ADSB1090 airport reference management */
.airport-section-nav{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0 1.25rem}.airport-section-nav a{border:1px solid #dbe4f0;border-bottom-color:#c9d6e6;border-radius:.75rem;background:#fff;padding:.55rem .8rem;font-weight:800;color:#17304f;text-decoration:none}.airport-section-nav a:hover{background:#f5f8fc}.row-link{font-weight:800;color:#0b223d;text-decoration:none}.row-link:hover{text-decoration:underline}.inline-form{display:inline}.link-danger{border:0;background:transparent;color:#b42318;font-weight:800;cursor:pointer}.stacked-form{margin-top:1rem;border-top:1px solid #e2e8f0;padding-top:1rem}.form-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.form-grid .span-2{grid-column:span 2}.form-grid .span-4{grid-column:1/-1}.check{display:flex;align-items:center;gap:.4rem;font-weight:700}.panel-card h4{font-size:1rem;margin:1rem 0 .6rem;color:#0b1220}.danger-zone code{display:block;padding:.8rem;border:1px solid #e2e8f0;border-radius:.75rem;background:#f8fafc;overflow:auto}
@media (max-width:900px){.form-grid.four{grid-template-columns:1fr}.form-grid .span-2,.form-grid .span-4{grid-column:auto}.airport-section-nav{overflow:auto;flex-wrap:nowrap}}


/* ADSB1090 portal account menu and badge wall polish */
.top-account-menu { position: relative; margin-left: auto; display: flex; align-items: center; }
.top-account-trigger {
  min-width: 188px !important;
  max-width: 250px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: .75rem !important;
  border-radius: 14px !important;
  padding: .58rem .78rem !important;
  border: 1px solid rgba(148,163,184,.35) !important;
  background: rgba(30,41,59,.92) !important;
  color: #fff !important;
  box-shadow: none !important;
}
.account-avatar { display: none !important; }
.account-trigger-copy { min-width: 0; display: grid; gap: .08rem; }
.top-account-name { display: block; font-size: .9rem; font-weight: 900; line-height: 1.1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.top-account-role { display: block; max-width: 180px; color: #cbd5e1 !important; font-size: .74rem; font-weight: 750; line-height: 1.1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.account-caret { color: #e2e8f0; font-size: .9rem; line-height: 1; }
.dropdown-account-summary { border-bottom: 1px solid #e2e8f0; margin: 0 0 .25rem; padding: .55rem .65rem .65rem; display: grid; gap: .12rem; }
.dropdown-account-summary span { color: #64748b; font-size: .78rem; }

.badge-wall { display: grid; gap: 1.2rem; }
.badge-wall-section { display: grid; gap: .75rem; }
.badge-wall-section > header { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding-bottom: .45rem; border-bottom: 1px solid #d7e0ec; }
.badge-wall-section > header h3 { margin: 0; font-size: 1rem; font-weight: 950; color: #0b1728; }
.badge-wall-section > header span { color: #64748b; font-size: .8rem; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; }
.badge-wall-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: .85rem; align-items: stretch; }
.earned-badge-card { position: relative; border: 1px solid #d7e0ec; border-radius: 16px; background: linear-gradient(180deg,#fff,#f8fafc); box-shadow: 0 8px 20px rgba(15,23,42,.06); }
.earned-badge-card summary { list-style: none; cursor: pointer; display: flex; align-items: center; gap: .75rem; padding: .88rem; min-height: 92px; }
.earned-badge-card summary::-webkit-details-marker { display: none; }
.earned-badge-card[open] { border-color: #93c5fd; box-shadow: 0 18px 34px rgba(15,23,42,.12); }
.badge-medal { flex: 0 0 auto; display: grid; place-items: center; width: 46px; height: 46px; border-radius: 14px; background: #0b1728; color: #fff; font-size: 1.3rem; font-weight: 950; box-shadow: inset 0 0 0 1px rgba(255,255,255,.14); }
.badge-owner .badge-medal { background: linear-gradient(135deg,#854d0e,#f59e0b); }
.badge-node .badge-medal { background: linear-gradient(135deg,#0f172a,#2563eb); }
.badge-tracking .badge-medal { background: linear-gradient(135deg,#1e1b4b,#7c3aed); }
.badge-community .badge-medal { background: linear-gradient(135deg,#064e3b,#10b981); }
.badge-account .badge-medal { background: linear-gradient(135deg,#334155,#0f172a); }
.badge-card-copy { min-width: 0; display: grid; gap: .12rem; }
.badge-card-copy strong { color: #0b1728; font-size: .94rem; font-weight: 950; line-height: 1.2; }
.badge-card-copy small { color: #64748b; font-size: .72rem; text-transform: uppercase; letter-spacing: .06em; font-weight: 850; }
.badge-card-copy em { color: #334155; font-size: .78rem; font-style: normal; }
.badge-popover { position: absolute; left: .65rem; right: .65rem; top: calc(100% - .2rem); z-index: 40; border: 1px solid #cbd5e1; border-radius: 14px; background: #fff; padding: .85rem; box-shadow: 0 22px 60px rgba(2,6,23,.22); }
.badge-popover strong { display: block; margin-bottom: .3rem; color: #0b1728; }
.badge-popover p { margin: 0 0 .6rem; color: #475569; font-size: .88rem; line-height: 1.45; }
.badge-popover dl { display: grid; gap: .45rem; margin: 0; }
.badge-popover dl div { display: grid; grid-template-columns: 70px minmax(0,1fr); gap: .5rem; }
.badge-popover dt { color: #64748b; font-size: .72rem; text-transform: uppercase; letter-spacing: .06em; font-weight: 900; }
.badge-popover dd { margin: 0; color: #0b1728; font-size: .84rem; }
@media (max-width: 760px) { .top-account-trigger { min-width: 0 !important; } .top-account-role { display: none; } .badge-wall-grid { grid-template-columns: 1fr; } }


/* Status center timeline polish */
.statusio-page{display:grid;gap:1.25rem}.statusio-hero{border:1px solid #dbe4ef;background:linear-gradient(135deg,#ecfdf5,#f8fafc);border-radius:24px;padding:1.25rem 1.5rem;display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;box-shadow:0 8px 24px rgba(15,23,42,.06)}.statusio-hero h2{font-size:1.7rem;line-height:1.1;margin:0;color:#020617}.statusio-hero p{margin:.45rem 0 0;color:#475569;max-width:760px}.statusio-hero time{font-size:.8rem;color:#64748b;white-space:nowrap}.statusio-hero.degraded{background:linear-gradient(135deg,#fffbeb,#fff7ed)}.statusio-hero.partial_outage,.statusio-hero.major_outage{background:linear-gradient(135deg,#fef2f2,#fff7ed)}.statusio-hero.maintenance{background:linear-gradient(135deg,#eef2ff,#f8fafc)}.statusio-legend{display:flex;flex-wrap:wrap;gap:.55rem .9rem;align-items:center;padding:.75rem 1rem;border:1px solid #dbe4ef;border-radius:16px;background:#fff}.statusio-legend span{display:inline-flex;align-items:center;gap:.35rem;font-size:.78rem;color:#475569;font-weight:800}.statusio-section header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.statusio-section header p{margin:.25rem 0 0;color:#64748b}.statusio-components{display:grid;gap:.85rem}.statusio-service-card{border:1px solid #dbe4ef;border-radius:18px;background:#fff;padding:1rem;display:grid;gap:.85rem}.statusio-service-card header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.statusio-service-card strong{font-size:1rem}.statusio-service-card p{margin:.25rem 0 0;color:#475569;line-height:1.45}.status-timeline{display:flex;gap:3px;align-items:center;min-height:34px;padding:.55rem;border-radius:14px;background:#f8fafc;border:1px solid #e2e8f0;overflow-x:auto}.status-tick{display:inline-block;flex:1 0 7px;min-width:7px;height:24px;border-radius:4px;background:#16a34a;box-shadow:inset 0 0 0 1px rgba(255,255,255,.45)}.status-tick.operational{background:#16a34a}.status-tick.degraded{background:#f59e0b}.status-tick.partial_outage{background:#f97316}.status-tick.major_outage{background:#dc2626}.status-tick.maintenance{background:#6366f1}.statusio-service-card footer{display:flex;flex-wrap:wrap;gap:.5rem 1rem;color:#64748b;font-size:.78rem}.statusio-incident{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:.85rem;align-items:start;padding:1rem;border:1px solid #dbe4ef;border-radius:16px;background:#fff;text-decoration:none;color:#0f172a}.statusio-incident strong{display:block}.statusio-incident p{margin:.25rem 0;color:#475569;line-height:1.4}.statusio-incident small{display:block;color:#64748b}.statusio-incident time,.statusio-incident em{font-size:.78rem;color:#64748b;font-style:normal;white-space:nowrap}.statusio-incident .impact{font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em;border-radius:999px;padding:.25rem .55rem;background:#e2e8f0}.impact.minor,.statusio-incident.impact-minor .impact{background:#fef3c7;color:#92400e}.impact.major,.statusio-incident.impact-major .impact{background:#ffedd5;color:#9a3412}.impact.critical,.statusio-incident.impact-critical .impact{background:#fee2e2;color:#991b1b}.impact.maintenance,.statusio-incident.impact-maintenance .impact{background:#e0e7ff;color:#3730a3}.impact.none,.statusio-incident.impact-none .impact{background:#dcfce7;color:#166534}@media(max-width:900px){.statusio-hero,.statusio-service-card header{display:grid}.statusio-incident{grid-template-columns:1fr}.status-tick{flex-basis:9px}}


/* ADSB1090 wiki depth, content padding, and contained account-menu polish */
.noc-topbar-inner,.network-bar{max-width:1560px!important}
.community-main.network-main,.community-main .page-head-contained,.community-content.full-width-content{max-width:1560px!important}
.community-content{display:grid}
.flat-section>.wiki-card-grid,.flat-section>.wiki-index-list,.flat-section>.forum-category-grid,.flat-section>.discussion-list,.flat-section>.leaderboard-list,.flat-section>.statusio-components,.flat-section>.statusio-incidents{padding:1.15rem 1.25rem}
.wiki-article>.wiki-body{padding:1.25rem 1.5rem;max-width:none}
.wiki-article header{align-items:flex-start}
.wiki-body{color:#1e293b;font-size:1rem;line-height:1.72}
.wiki-body p{margin:.8rem 0}
.wiki-body h1{font-size:1.85rem;line-height:1.15;margin:0 0 1rem;color:#020617}
.wiki-body h2{font-size:1.28rem;line-height:1.25;margin:1.55rem 0 .55rem;color:#0b1728}
.wiki-body h3{font-size:1.08rem;line-height:1.25;margin:1.25rem 0 .45rem;color:#0b1728}
.wiki-body ul{margin:.65rem 0 1rem;padding-left:1.25rem;display:grid;gap:.35rem}
.wiki-body li{padding-left:.15rem}
.wiki-body a{color:#0b3a67;font-weight:900;text-decoration:none;border-bottom:1px solid rgba(37,99,235,.22)}
.wiki-body a:hover{border-bottom-color:#2563eb}
.wiki-figure{margin:0 0 1.25rem;border:1px solid #dbe4ef;border-radius:18px;background:#f8fafc;overflow:hidden}
.wiki-figure img{display:block;width:100%;height:auto;max-height:360px;object-fit:cover}
.wiki-figure figcaption{padding:.65rem .9rem;color:#64748b;font-size:.82rem;font-weight:800;border-top:1px solid #e2e8f0;background:#fff}
.top-account-menu{margin-left:auto;flex:0 0 auto;align-self:center}
.top-account-trigger{min-width:150px!important;max-width:210px!important;min-height:0!important;height:auto!important;padding:.48rem .7rem!important;border-radius:14px!important;align-items:center!important}
.top-account-role{max-width:150px!important}
.top-account-dropdown{right:0!important}
@media(max-width:1000px){.flat-section>.wiki-card-grid,.flat-section>.wiki-index-list,.flat-section>.forum-category-grid,.flat-section>.discussion-list,.flat-section>.leaderboard-list,.flat-section>.statusio-components,.flat-section>.statusio-incidents,.wiki-article>.wiki-body{padding:1rem}.top-account-trigger{min-width:0!important}.network-bar{gap:.75rem!important}}

/* 5.1 portal polish: badge popovers must escape section/card stacking, and server-rendered owner nav must not flash in. */
.portal-page-shell,
.page-content,
.flat-section,
.flat-section > .body,
.badge-wall,
.badge-wall-section,
.badge-wall-grid {
  overflow: visible !important;
}
.badge-wall-section { position: relative; z-index: 1; }
.earned-badge-card { position: relative; z-index: 1; }
.earned-badge-card[open] { z-index: 5000 !important; }
.earned-badge-card[open] .badge-popover { z-index: 6000 !important; }
.badge-popover {
  z-index: 6000 !important;
  min-width: 235px;
  max-width: min(360px, calc(100vw - 2rem));
}
.inline-owner-menu[hidden],
[data-non-owner-link][hidden] {
  display: none !important;
}
.top-account-menu { z-index: 2000; }
.top-account-dropdown { z-index: 2010; }

/* 5.1.1 badge layering: opened badge help must render above neighboring cards, rows, and sticky account/header layers. */
.badge-wall:has(.earned-badge-card[open]),
.badge-wall-section:has(.earned-badge-card[open]),
.badge-wall-grid:has(.earned-badge-card[open]) {
  position: relative;
  z-index: 9000 !important;
  overflow: visible !important;
}
.earned-badge-card[open] {
  position: relative;
  z-index: 9100 !important;
  isolation: isolate;
}
.earned-badge-card[open] .badge-popover {
  z-index: 9200 !important;
  pointer-events: auto;
}
.earned-badge-card:not([open]) { z-index: 1; }

/* ADSB1090 5.1.1: badge popovers must always rise over neighboring cards and clipped grids. */
.badge-wall-has-open,
.badge-wall.badge-wall-has-open,
.badge-wall-section.badge-wall-has-open,
.badge-wall-grid.badge-wall-has-open {
  position: relative !important;
  z-index: 9000 !important;
  overflow: visible !important;
}
.earned-badge-card[open],
.badge-wall-has-open .earned-badge-card[open] {
  position: relative !important;
  z-index: 9300 !important;
}
.earned-badge-card[open] .badge-popover {
  z-index: 9400 !important;
}

/* ADSB1090 5.1.3: final account/menu, badge stack, host-page, and airport-profile polish. */
.network-header,
.network-header .network-bar,
.top-account-menu { overflow: visible !important; }
.network-header { z-index: 10000 !important; position: sticky; top: 0; }
.network-bar { max-width: 1440px !important; min-height: 56px !important; padding-block: .42rem !important; align-items: center !important; }
.top-account-menu { margin-left: auto !important; align-self: center !important; position: relative !important; z-index: 10020 !important; }
.top-account-trigger { height: 44px !important; min-height: 44px !important; max-height: 44px !important; min-width: 156px !important; max-width: 210px !important; display: inline-flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; gap: .65rem !important; padding: .42rem .68rem !important; border-radius: 12px !important; line-height: 1.05 !important; }
.account-trigger-copy { display: grid !important; gap: .05rem !important; min-width: 0 !important; text-align: left !important; }
.top-account-name { line-height: 1.05 !important; font-size: .86rem !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; }
.top-account-role { line-height: 1.05 !important; font-size: .70rem !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; }
.top-account-caret { margin-left: .25rem !important; flex: 0 0 auto !important; }
.top-account-dropdown { top: calc(100% + .5rem) !important; right: 0 !important; z-index: 10030 !important; min-width: 220px !important; }
.portal-page-shell,
.page-content,
.flat-layout,
.flat-section,
.flat-section > .body,
.badge-wall,
.badge-wall-section,
.badge-wall-grid,
.badge-grid { overflow: visible !important; }
.earned-badge-card[open],
.badge-card[open] { position: relative !important; z-index: 9300 !important; }
.badge-popover,
.earned-badge-card[open] .badge-popover,
.badge-card[open] .badge-popover { z-index: 9400 !important; max-height: min(360px, 70vh) !important; overflow: auto !important; }
.owner-active-program { border-color: rgba(37, 99, 235, .28); background: linear-gradient(135deg, rgba(37,99,235,.08), rgba(255,255,255,.96)); }
.node-program-promo ul { margin: .9rem 0 1rem; padding-left: 1.2rem; display: grid; gap: .35rem; }
.airport-profile-shell { display: grid; gap: 1.25rem; }
.airport-profile-hero-grid { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: 1.25rem; }
.airport-profile-hero,
.airport-summary-card,
.airport-profile-panel,
.airport-code-stack,
.airport-info-card,
.airport-document-card,
.airport-notam-card { border: 1px solid rgba(148, 163, 184, .28); border-radius: 18px; background: rgba(255,255,255,.96); box-shadow: 0 12px 30px rgba(15,23,42,.06); }
.airport-profile-hero,
.airport-summary-card,
.airport-profile-panel { padding: 1.15rem; }
.airport-profile-hero h2 { margin: .15rem 0 .35rem; font-size: clamp(1.7rem, 3vw, 2.85rem); line-height: .98; }
.airport-code-stack { padding: 1rem 1.25rem; text-align: right; min-width: 180px; }
.airport-code-stack strong { display: block; font-size: 1.45rem; }
.airport-code-stack span,
.airport-info-card span,
.airport-document-card header span,
.airport-notam-card header span { color: #64748b; font-size: .82rem; }
.airport-profile-tabs { display: flex; gap: .5rem; flex-wrap: wrap; align-items: center; padding: .55rem; border: 1px solid rgba(148,163,184,.28); border-radius: 16px; background: rgba(248,250,252,.95); }
.airport-profile-tabs a { display: inline-flex; align-items: center; min-height: 36px; padding: .45rem .75rem; border: 1px solid rgba(148,163,184,.34); border-radius: 10px; color: #0f172a; text-decoration: none; font-weight: 800; }
.airport-profile-tabs a:hover { background: #fff; box-shadow: 0 8px 18px rgba(15,23,42,.08); }
.airport-profile-overview { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(300px, .75fr); gap: 1rem; align-items: start; }
.airport-side-stack { display: grid; gap: 1rem; }
.airport-big-facts { display: grid; grid-template-columns: repeat(auto-fit, minmax(120px,1fr)); gap: .75rem; margin: .8rem 0 1rem; }
.airport-big-facts > div { padding: .9rem; border: 1px solid rgba(148,163,184,.28); border-radius: 14px; background: rgba(248,250,252,.96); }
.airport-big-facts span { display:block; color:#64748b; font-size:.75rem; font-weight:800; text-transform:uppercase; letter-spacing:.08em; }
.airport-big-facts strong { display:block; margin-top:.2rem; font-size:1.18rem; }
.airport-profile-two { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.airport-detail-list { display: grid; gap: .65rem; margin: .75rem 0 0; }
.airport-detail-list div { display: grid; grid-template-columns: minmax(120px,.38fr) minmax(0,1fr); gap: .75rem; padding-bottom: .55rem; border-bottom: 1px solid rgba(148,163,184,.22); }
.airport-detail-list dt { color:#64748b; font-size:.75rem; font-weight:900; text-transform:uppercase; letter-spacing:.08em; }
.airport-detail-list dd { margin:0; }
.airport-info-grid,
.runway-card-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: .75rem; }
.airport-info-card,
.runway-card-grid article { padding: .9rem; }
.airport-info-card strong,
.runway-card-grid strong { display: block; margin: .15rem 0; }
.airport-document-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1rem; }
.airport-document-card { display: grid; gap: .75rem; padding: .95rem; }
.airport-document-card header,
.airport-notam-card header { display: grid; gap: .2rem; }
.airport-document-card iframe { width: 100%; min-height: 360px; border: 1px solid rgba(148,163,184,.32); border-radius: 12px; background: #f8fafc; }
.airport-document-card img { width: 100%; border-radius: 12px; border: 1px solid rgba(148,163,184,.25); }
.airport-document-empty { display: grid; place-items: center; min-height: 160px; border: 1px dashed rgba(148,163,184,.55); border-radius: 12px; color: #64748b; background: #f8fafc; }
.airport-notam-list { display: grid; gap: .8rem; }
.airport-notam-card { padding: .95rem; border-left: 4px solid #f59e0b; }
.airport-notam-card p { margin: .65rem 0; line-height: 1.5; }
.airport-notam-card footer { display: flex; flex-wrap: wrap; gap: .55rem; color: #64748b; font-size: .82rem; }
.airport-photo-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px,1fr)); gap: 1rem; margin-top: 1rem; }
.airport-photo-grid figure { margin: 0; }
.airport-photo-grid img { width: 100%; border-radius: 14px; border: 1px solid rgba(148,163,184,.28); }
.airport-photo-grid figcaption { color: #64748b; font-size: .8rem; margin-top: .35rem; }
@media (max-width: 900px) { .airport-profile-hero-grid, .airport-profile-overview, .airport-profile-two { grid-template-columns: 1fr; } .airport-code-stack { text-align: left; } .top-account-trigger { min-width: 132px !important; max-width: 168px !important; } }

/* Airport document list and preview modal */
.airport-document-list { display:grid; gap:.65rem; }
.airport-document-row { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:.85rem 1rem; border:1px solid rgba(148,163,184,.28); border-radius:14px; background:#fff; box-shadow:0 8px 18px rgba(15,23,42,.04); }
.airport-document-row strong { display:block; color:#0f172a; }
.airport-document-row span { display:block; margin-top:.2rem; color:#64748b; font-size:.88rem; }
.airport-document-actions { display:flex; gap:.5rem; flex-wrap:wrap; justify-content:flex-end; }
.airport-document-modal { position:fixed; inset:0; display:none; z-index:100000; }
.airport-document-modal.is-open { display:block; }
.airport-document-modal-backdrop { position:absolute; inset:0; background:rgba(15,23,42,.72); backdrop-filter:blur(3px); }
.airport-document-modal-panel { position:absolute; inset:4vh 4vw; display:grid; grid-template-rows:auto 1fr auto; min-height:0; border-radius:20px; overflow:hidden; background:#fff; box-shadow:0 30px 80px rgba(15,23,42,.35); }
.airport-document-modal-panel header,.airport-document-modal-panel footer { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:.9rem 1rem; border-bottom:1px solid rgba(148,163,184,.25); }
.airport-document-modal-panel footer { border-top:1px solid rgba(148,163,184,.25); border-bottom:0; justify-content:flex-end; }
.airport-document-modal-panel h3 { margin:0; font-size:1rem; color:#0f172a; }
.airport-document-modal-panel button[data-close-document-modal] { border:0; background:#e2e8f0; color:#0f172a; border-radius:999px; width:2rem; height:2rem; font-size:1.35rem; line-height:1; cursor:pointer; }
.airport-document-modal-panel iframe { width:100%; height:100%; border:0; background:#f8fafc; }
.airport-document-modal-open { overflow:hidden; }
@media (max-width: 720px) { .airport-document-row { align-items:flex-start; flex-direction:column; } .airport-document-actions { justify-content:flex-start; } .airport-document-modal-panel { inset:2vh 2vw; } }


/* ADSB1090 5.2.6: global spacing and form control polish.
   Keep cards, notices, table wrappers, and generated form fields from collapsing against their borders. */
.notice-table,
.inline-alert,
.empty-state,
.owner-locked,
.node-program-promo,
.registration-mode-card,
.account-preference-grid article,
.flat-card,
.info-card,
.metric-card,
.ops-card:not(:has(.card-head)),
.chart-card:not(:has(.card-head)),
.airport-summary-card,
.airport-profile-panel,
.public-directory-shell,
.public-profile-shell,
.forum-session-card,
.community-access {
  padding: 1rem 1.1rem !important;
  box-sizing: border-box !important;
}
.flat-section > .body,
.ops-card > :not(.card-head),
.chart-card > :not(.card-head) {
  padding: 1.1rem 1.25rem !important;
  box-sizing: border-box !important;
}
.flat-section > header,
.card-head,
.portal-auth-card-head {
  padding-left: max(1rem, env(safe-area-inset-left)) !important;
  padding-right: max(1rem, env(safe-area-inset-right)) !important;
}
.notice-table > *:first-child,
.inline-alert > *:first-child,
.empty-state > *:first-child,
.flat-section > .body > *:first-child,
.ops-card > :not(.card-head) > *:first-child,
.chart-card > :not(.card-head) > *:first-child,
.airport-profile-panel > *:first-child,
.portal-auth-form > *:first-child,
.registration-mode-card > *:first-child { margin-top: 0 !important; }
.notice-table > *:last-child,
.inline-alert > *:last-child,
.empty-state > *:last-child,
.flat-section > .body > *:last-child,
.ops-card > :not(.card-head) > *:last-child,
.chart-card > :not(.card-head) > *:last-child,
.airport-profile-panel > *:last-child,
.portal-auth-form > *:last-child,
.registration-mode-card > *:last-child { margin-bottom: 0 !important; }
.form-grid,
.release-form,
.portal-auth-form,
.login-form,
.account-form,
.settings-form,
.owner-form,
.profile-form,
.support-form,
.filter-form,
.search-form {
  gap: 1rem !important;
}
label {
  display: grid;
  gap: .42rem;
}
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
select,
textarea {
  min-height: 2.75rem;
  padding: .72rem .85rem !important;
  box-sizing: border-box !important;
  line-height: 1.35 !important;
}
textarea { min-height: 7rem; resize: vertical; }
input[type="checkbox"],
input[type="radio"] {
  width: auto !important;
  min-width: 1rem;
  min-height: 1rem;
}
button,
.primary-button,
.secondary-button,
.flat-button,
.danger,
.top-signin-button {
  box-sizing: border-box;
}
.table-wrap {
  padding: .35rem !important;
}
.table-wrap table {
  margin: 0 !important;
}
.table-wrap th,
.table-wrap td {
  padding: .68rem .8rem !important;
}
.notice-table .primary-button,
.notice-table .secondary-button,
.notice-table .flat-button,
.empty-state .primary-button,
.empty-state .secondary-button,
.empty-state .flat-button {
  margin-top: .65rem;
}
.portal-auth-card,
.noc-login-card {
  gap: 1rem;
}
.portal-auth-card .notice-table,
.portal-auth-card .registration-mode-card,
.noc-login-card .notice-table {
  padding: 1rem !important;
}
.portal-auth-form label,
.noc-login-card label,
.restricted-registration label {
  font-weight: 800;
  color: #334155;
}
.auth-message:empty { display: none; }
@media (max-width: 720px) {
  .notice-table,
  .inline-alert,
  .empty-state,
  .owner-locked,
  .node-program-promo,
  .registration-mode-card,
  .flat-card,
  .info-card,
  .metric-card,
  .airport-summary-card,
  .airport-profile-panel,
  .public-directory-shell,
  .public-profile-shell {
    padding: .9rem !important;
  }
  .flat-section > .body,
  .ops-card > :not(.card-head),
  .chart-card > :not(.card-head) {
    padding: .95rem !important;
  }
  .portal-auth-card,
  .noc-login-card {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
}

/* ADSB1090 5.3.23 registration access polish */
.registration-window-list{margin:.75rem 0 0;padding:0;list-style:none;display:grid;gap:.55rem}.registration-window-list li{border:1px solid #d7e0ec;background:#fff;border-radius:12px;padding:.7rem .8rem}.registration-window-list strong{display:block;color:#0b1728}.registration-window-list span{display:block;margin-top:.2rem;color:#475569}.auth-action-row{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}.locked-email{background:#f1f5f9!important;color:#334155!important;cursor:not-allowed}.locked-invite-note{margin-top:-.45rem}.special-access-open{overflow:hidden}.special-access-modal[hidden]{display:none!important}.special-access-modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:1.25rem}.special-access-backdrop{position:absolute;inset:0;background:rgba(2,6,23,.68);backdrop-filter:blur(8px)}.special-access-panel{position:relative;z-index:1;width:min(560px,100%);border:1px solid #d7e0ec;background:#fff;border-radius:22px;padding:1.25rem;box-shadow:0 24px 70px rgba(15,23,42,.35);display:grid;gap:1rem}.special-access-head{display:flex;gap:1rem;justify-content:space-between;align-items:flex-start}.special-access-head h3{margin:.15rem 0 .4rem;font-size:1.45rem;color:#07111f}.special-access-head p{margin:0;color:#475569}.special-access-close{border:0;background:#eef2f7;color:#0b1728;border-radius:999px;width:2.25rem;height:2.25rem;font-size:1.4rem;font-weight:900;cursor:pointer}.special-access-panel label{display:grid;gap:.45rem;font-weight:850;color:#0b1728}.special-access-panel input,.special-access-panel textarea{border:1px solid #cbd5e1;border-radius:14px;padding:.8rem .9rem;font:inherit;color:#0f172a;background:#fff}.restricted-registration .auth-action-row{margin-top:1rem}.portal-auth-card .registration-mode-card .registration-window-list{margin-top:.75rem}

/* ADSB1090 5.3.25 registration/open-enrollment presentation repair */
.auth-enrollment-panel{position:relative;z-index:10;margin-top:1.5rem;max-width:760px;border:1px solid rgba(147,197,253,.34);background:linear-gradient(135deg,rgba(15,23,42,.82),rgba(30,64,175,.24));border-radius:22px;padding:1.15rem 1.25rem;box-shadow:0 22px 55px rgba(2,6,23,.22);backdrop-filter:blur(8px)}
.auth-enrollment-panel h2{margin:.2rem 0 .55rem!important;font-size:1.55rem!important;line-height:1.15!important;max-width:none!important;color:#fff!important}.auth-enrollment-panel p:not(.eyebrow){margin:0;color:#dbeafe;font-weight:750;line-height:1.55}.auth-enrollment-panel>a{display:inline-flex;margin-top:1rem;border-radius:12px;background:#eaf3ff;color:#07111f;text-decoration:none;font-weight:950;padding:.62rem .85rem}.auth-enrollment-window-list{margin:1rem 0 0;padding:0;list-style:none;display:grid;gap:.7rem}.auth-enrollment-window-list li{border:1px solid rgba(219,234,254,.28);background:rgba(255,255,255,.1);border-radius:16px;padding:.85rem .95rem;color:#fff}.auth-enrollment-window-list strong{display:block;font-size:1rem;font-weight:950;color:#fff}.auth-enrollment-window-list span{display:block;margin-top:.25rem;color:#cbd5e1;font-weight:800}.auth-enrollment-window-list .window-slots{color:#bfdbfe}.registration-window-list .window-time,.registration-window-list .window-slots{display:block}.portal-auth-card .registration-mode-card{margin-top:1rem}.portal-auth-card-head .registration-window-list{display:none}
@media(max-width:1023px){.auth-enrollment-panel{max-width:none}.portal-auth-brand-panel{justify-content:flex-start}}

/* 5.3.29 owner/NOC telemetry presentation */
.owner-node-hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.85rem;margin:.25rem 0 1rem}.owner-node-hero .metric-card,.owner-node-hero .metric{border:1px solid #d7e0ec;background:#fff;border-radius:15px;padding:.9rem 1rem;box-shadow:0 5px 14px rgba(15,23,42,.05)}.owner-node-hero .metric-card span,.owner-node-hero .metric span{display:block;color:#64748b;font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;font-weight:900}.owner-node-hero .metric-card strong,.owner-node-hero .metric strong{display:block;margin-top:.25rem;color:#020617;font-size:1.15rem;line-height:1.2}.owner-telemetry-table table{table-layout:auto}.owner-telemetry-table th{width:190px;color:#475569;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.owner-telemetry-table td{font-weight:800;color:#0f172a}.owner-health-card{border:1px solid #d7e0ec;border-radius:16px;background:#f8fafc;padding:1rem;line-height:1.5}.owner-health-card.good{border-color:#bbf7d0;background:#f0fdf4;color:#14532d}.owner-health-card strong{display:inline-flex;align-items:center;border-radius:999px;padding:.25rem .65rem;background:#0b1728;color:#fff;text-transform:uppercase;letter-spacing:.08em;font-size:.75rem}.owner-health-card.good strong{background:#15803d}.owner-health-ok{border:1px solid #bbf7d0;background:#f0fdf4;color:#166534;border-radius:12px;padding:.75rem .85rem;font-weight:800}.owner-warning-list{margin:.75rem 0 0;padding:.75rem 1rem .75rem 2rem;border-radius:12px;border:1px solid #fed7aa;background:#fff7ed;color:#9a3412;font-weight:800;text-transform:capitalize}.owner-data-note{margin-top:0}.raw-details:not([open]){background:#f8fafc}.raw-details summary{cursor:pointer;font-weight:900;color:#334155}@media(max-width:800px){.owner-telemetry-table th{width:auto}.owner-node-hero{grid-template-columns:1fr 1fr}}@media(max-width:540px){.owner-node-hero{grid-template-columns:1fr}}

/* 5.3.30 owner node detail/data presentation repair */
.owner-visibility-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.75rem;margin:1rem 0}.owner-visibility-toggle{display:flex!important;align-items:flex-start;gap:.75rem;border:1px solid #d7e0ec;background:#fff;border-radius:15px;padding:.85rem .95rem;cursor:pointer}.owner-visibility-toggle input{width:1.05rem;height:1.05rem;margin:.2rem 0 0;flex:0 0 auto}.owner-visibility-toggle span{display:grid;gap:.25rem}.owner-visibility-toggle strong{color:#0b1728;font-weight:950}.owner-visibility-toggle small{color:#64748b;font-weight:700;line-height:1.45}.portal-two-column.force-single{align-items:start}.owner-data-note{margin:.4rem 0 1rem}.metric-card strong{overflow-wrap:anywhere}.owner-health-card p:last-child{margin-bottom:0}

/* 5.3.31 owner node profile/tabs/live-refresh repair */
.owner-node-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  padding: .65rem;
  margin: 0 0 1rem;
  border: 1px solid rgba(148, 163, 184, .35);
  border-radius: 1rem;
  background: rgba(248, 250, 252, .9);
}
.owner-node-tabs a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: .65rem .9rem;
  border: 1px solid rgba(148, 163, 184, .4);
  border-radius: .75rem;
  background: #fff;
  color: #0f172a;
  font-weight: 800;
  text-decoration: none;
  box-shadow: 0 1px 2px rgba(15, 23, 42, .05);
}
.owner-node-tabs a[aria-current="page"] {
  background: #07111f;
  border-color: #07111f;
  color: #fff;
}
.owner-node-profile-hero {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: 1rem;
  margin: 0 0 1rem;
  padding: 1.25rem;
  border: 1px solid rgba(148, 163, 184, .35);
  border-radius: 1.25rem;
  background: linear-gradient(135deg, #07111f 0%, #10213b 100%);
  color: #fff;
  box-shadow: 0 14px 30px rgba(15, 23, 42, .12);
}
.owner-node-profile-hero .eyebrow {
  margin: 0 0 .35rem;
  color: #60a5fa;
  letter-spacing: .16em;
  text-transform: uppercase;
  font-size: .72rem;
  font-weight: 900;
}
.owner-node-profile-hero h2 {
  margin: 0;
  color: #fff;
  font-size: clamp(1.6rem, 3vw, 2.5rem);
  line-height: 1.05;
}
.owner-node-profile-hero p {
  margin: .5rem 0 0;
  color: rgba(255,255,255,.78);
}
.owner-node-status-row {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  align-items: center;
  margin-top: 1rem;
}
.owner-node-status-row > span:not(.badge) {
  color: rgba(255,255,255,.78);
  font-weight: 700;
}
.owner-node-refresh {
  min-width: 220px;
  padding: .85rem;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 1rem;
  background: rgba(255,255,255,.08);
  color: rgba(255,255,255,.9);
  align-self: center;
}
.owner-node-refresh span,
.owner-node-refresh small {
  display: block;
}
.owner-node-refresh span { font-weight: 900; }
.owner-node-refresh small { margin-top: .25rem; color: rgba(255,255,255,.65); }
.profile-summary-grid { margin-bottom: 1rem; }
.owner-telemetry-table th,
.owner-telemetry-table td {
  vertical-align: top;
}
.owner-telemetry-table th {
  width: 34%;
  color: #64748b;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: .75rem;
}
.portal-modal-root:empty { display: none; }
.portal-modal-backdrop {
  position: fixed;
  inset: 0;
  z-index: 10000;
  display: grid;
  place-items: center;
  padding: 1rem;
  background: rgba(7, 17, 31, .58);
  backdrop-filter: blur(4px);
}
.portal-modal {
  width: min(460px, 100%);
  border: 1px solid rgba(148, 163, 184, .45);
  border-radius: 1.1rem;
  background: #fff;
  padding: 1.25rem;
  box-shadow: 0 24px 70px rgba(15, 23, 42, .3);
}
.portal-modal h2 {
  margin: 0 0 .45rem;
  color: #07111f;
}
.portal-modal p {
  margin: 0 0 1rem;
  color: #334155;
}
@media (max-width: 760px) {
  .owner-node-profile-hero { flex-direction: column; }
  .owner-node-refresh { width: 100%; }
}

/* 5.3.47 forum/community moderation and composer polish */
.forum-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 340px);
  gap: 1.25rem;
  align-items: start;
}
.forum-main-column, .forum-side-column { display: grid; gap: 1rem; }
.discourse-grid { grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); }
.forum-category-card { position: relative; min-height: 148px; }
.forum-category-card > div { display: grid; gap: .45rem; }
.forum-dot {
  width: .78rem;
  height: .78rem;
  border-radius: 999px;
  background: currentColor;
  opacity: .55;
  display: inline-block;
  margin-right: .45rem;
  vertical-align: middle;
}
.forum-topic-row {
  grid-template-columns: minmax(0, 1fr) minmax(110px, 170px) 90px minmax(130px, 190px);
}
.topic-flag {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  border: 1px solid rgba(148, 163, 184, .35);
  padding: .12rem .45rem;
  font-size: .72rem;
  letter-spacing: .03em;
  text-transform: uppercase;
  margin-right: .35rem;
}
.muted-flag { opacity: .75; }
.danger-flag { border-color: rgba(248, 113, 113, .55); }
.forum-side-card { font-size: .92rem; }
.thread-view.status-hidden, .discussion-post.status-hidden, .forum-topic-row.status-hidden {
  outline: 1px dashed rgba(248, 113, 113, .45);
  background-image: linear-gradient(135deg, rgba(248, 113, 113, .06), transparent 42%);
}
.rendered-post { line-height: 1.68; }
.rendered-post h1, .rendered-post h2, .rendered-post h3 { margin: 1rem 0 .45rem; }
.rendered-post p { margin: .5rem 0; }
.rendered-post blockquote {
  margin: .85rem 0;
  padding: .7rem 1rem;
  border-left: 4px solid rgba(59, 130, 246, .55);
  background: rgba(15, 23, 42, .05);
  border-radius: .65rem;
}
.rendered-post pre {
  overflow: auto;
  padding: .85rem 1rem;
  border-radius: .75rem;
  background: rgba(2, 6, 23, .9);
  color: #e2e8f0;
}
.rendered-post code {
  border-radius: .4rem;
  padding: .12rem .35rem;
  background: rgba(15, 23, 42, .10);
}
.rendered-post pre code { padding: 0; background: transparent; }
.post-tools, .mod-inline-tools, .moderation-report footer, .moderator-toolbar, .composer-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  align-items: center;
}
.post-tools { margin-top: .85rem; }
.moderator-toolbar {
  margin: .85rem 0 1rem;
  padding: .75rem;
  border: 1px solid rgba(245, 158, 11, .35);
  border-radius: .9rem;
  background: rgba(245, 158, 11, .08);
}
.moderator-toolbar strong { margin-right: auto; }
.moderator-toolbar button, .mod-inline-tools button, .moderation-report button, .composer-toolbar button {
  border: 1px solid rgba(148, 163, 184, .35);
  border-radius: .65rem;
  background: rgba(15, 23, 42, .04);
  padding: .44rem .65rem;
  font: inherit;
  cursor: pointer;
}
.moderator-toolbar button.danger, .mod-inline-tools button.danger, .moderation-report button.danger {
  border-color: rgba(239, 68, 68, .55);
  color: rgb(185, 28, 28);
}
.moderation-note {
  margin-top: .75rem;
  padding: .6rem .75rem;
  border-radius: .75rem;
  background: rgba(245, 158, 11, .1);
  border: 1px solid rgba(245, 158, 11, .25);
}
.forum-composer {
  display: grid;
  gap: .6rem;
  margin-top: .4rem;
}
.composer-toolbar select, .forum-composer textarea {
  width: 100%;
  border: 1px solid rgba(148, 163, 184, .35);
  border-radius: .75rem;
  padding: .65rem .75rem;
  font: inherit;
}
.composer-toolbar select { width: auto; min-width: 120px; }
.forum-composer textarea { min-height: 150px; resize: vertical; }
.composer-preview {
  border: 1px solid rgba(59, 130, 246, .25);
  border-radius: .85rem;
  padding: .8rem;
  background: rgba(59, 130, 246, .06);
}
.moderation-dashboard .status-grid article strong { font-size: 1.75rem; }
.moderation-list { display: grid; gap: .8rem; }
.moderation-report {
  display: grid;
  gap: .55rem;
  border: 1px solid rgba(148, 163, 184, .28);
  border-radius: .9rem;
  padding: .8rem;
  background: rgba(255,255,255,.03);
}
.moderation-report header {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
}
@media (max-width: 980px) {
  .forum-layout { grid-template-columns: 1fr; }
  .forum-topic-row { grid-template-columns: 1fr; }
  .forum-topic-row > span, .forum-topic-row > time { justify-self: start; }
}

/* 5.3.48 forum list layout and hard padding repair */
.forum-layout.forum-list-layout {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 1rem !important;
  align-items: stretch !important;
}
.forum-layout.forum-list-layout .forum-main-column {
  min-width: 0;
  width: 100%;
}
.community-page .flat-section > .forum-section-body,
.community-page .flat-section > .moderation-list,
.community-page .flat-section > .status-grid {
  padding: 1rem 1.15rem !important;
  box-sizing: border-box !important;
}
.community-page .flat-section > .status-grid {
  margin: 0 !important;
}
.community-page .flat-section > .forum-section-body > *:first-child,
.community-page .flat-section > .moderation-list > *:first-child,
.community-page .flat-section > .status-grid > *:first-child {
  margin-top: 0 !important;
}
.community-page .flat-section > .forum-section-body > *:last-child,
.community-page .flat-section > .moderation-list > *:last-child,
.community-page .flat-section > .status-grid > *:last-child {
  margin-bottom: 0 !important;
}
.forum-category-list,
.forum-list,
.discussion-list {
  display: grid !important;
  gap: .58rem !important;
}
.forum-list-header,
.forum-category-row,
.discussion-row.forum-topic-row {
  display: grid !important;
  grid-template-columns: minmax(320px,1fr) minmax(92px,max-content) minmax(92px,max-content) minmax(150px,max-content) !important;
  gap: .9rem !important;
  align-items: center !important;
}
.forum-list-header {
  padding: 0 .75rem .45rem !important;
  color: #64748b;
  font-size: .72rem;
  font-weight: 950;
  letter-spacing: .08em;
  text-transform: uppercase;
  border-bottom: 1px solid #e2e8f0;
}
.forum-category-row,
.discussion-row.forum-topic-row,
.discussion-post {
  border: 1px solid #d7e0ec !important;
  background: #fff !important;
  border-radius: 12px !important;
  padding: .86rem .95rem !important;
  box-shadow: none !important;
  text-decoration: none !important;
  color: #0b1728 !important;
  line-height: 1.45 !important;
  box-sizing: border-box !important;
}
.forum-category-row:hover,
.discussion-row.forum-topic-row:hover {
  border-color: #93c5fd !important;
  background: #f8fafc !important;
}
.forum-list-main {
  display: grid;
  grid-template-columns: auto minmax(0,1fr);
  gap: .7rem;
  align-items: start;
  min-width: 0;
}
.forum-list-main strong,
.discussion-row.forum-topic-row strong {
  display: block;
  color: #0b1728;
  font-size: .96rem;
  line-height: 1.25;
}
.forum-list-main p,
.discussion-row.forum-topic-row p {
  margin: .25rem 0 0 !important;
  color: #64748b !important;
  font-size: .88rem !important;
  line-height: 1.4 !important;
}
.forum-category-row > span,
.forum-category-row > time,
.discussion-row.forum-topic-row > span,
.discussion-row.forum-topic-row > time {
  color: #475569;
  font-size: .86rem;
  justify-self: start;
  white-space: nowrap;
}
.forum-help-strip,
.forum-meta-strip {
  display: flex;
  flex-wrap: wrap;
  gap: .6rem .9rem;
  margin-top: .85rem;
  padding-top: .85rem;
  border-top: 1px solid #e2e8f0;
  color: #475569;
  font-size: .9rem;
}
.forum-meta-strip {
  margin-top: 0;
  margin-bottom: .85rem;
  padding: .65rem .75rem;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  background: #f8fafc;
}
.forum-composer,
.post-form form,
.community-role-admin form {
  display: grid;
  gap: .75rem;
}
.forum-composer textarea,
.post-form input,
.post-form textarea,
.community-role-admin input,
.community-role-admin select {
  box-sizing: border-box;
}
.discussion-post header {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem .8rem;
  align-items: center;
  padding-bottom: .55rem;
  margin-bottom: .65rem;
  border-bottom: 1px solid #e2e8f0;
}
.discussion-post header span {
  color: #64748b;
  font-size: .86rem;
}
.thread-body.rendered-post {
  min-height: 3rem;
}
@media (max-width: 900px) {
  .forum-list-header { display: none !important; }
  .forum-category-row,
  .discussion-row.forum-topic-row {
    grid-template-columns: 1fr !important;
    gap: .45rem !important;
  }
  .forum-category-row > span,
  .forum-category-row > time,
  .discussion-row.forum-topic-row > span,
  .discussion-row.forum-topic-row > time {
    white-space: normal;
  }
}